/*  ===============================================
Stylesheet für Irene Gröschl
Stand:  Stylesheet ordnen (Entwicklung
Datei:  bildschirm.css
Datum:  20010-010 187
Autor:  Gerd Werner
Aufbau: 1. Kalibrierung und Restauration
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
        border: 3px solid #999;
================================================ */

/* ====================================== 
  1. Kalibrierung und Restauration
  ====================================== */
/* ====================================== 
  2. Grundseiten Styles 
  ====================================== */
* { padding: 0; margin: 0; } /* Reset - alle Abstände auf NULL */ 
html { /* optional: erzwingt Scrollbar im Firefox */
  height: 101%;
  margin-bottom: 1px;
}
/* ====================================== 
  2. Allgemeine Styles 
  ====================================== */
body {background-color: white; background-repeat: no-repeat; background-attachment: fixed; background-position: top center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: gray;}



h1 { color: gray; font-size: 40px; font-weight: 700;  line-height: 60px; text-align: left;}
h2 { color: black; font-size: 30px; font-weight: 700;line-height: 32px; text-align: left;}
h3 { color: black; font-size: 25px; font-weight: 700;line-height:28px; text-align: center;}
h4 { color: black; font-size: 21px; font-weight: 700;  line-height: 23px; text-align: left;}
h5 { color: black; font-size: 19px; font-weight: 700;  line-height: 20px; }
h6 { color: black; font-size: 13px; line-height: 17px; font-weight: 700;text-align: left;}
h7 { color: black; font-size: 10px; font-weight: 400;line-height: 12px; text-align: left;}

p { color: black; font-size: 13px; font-weight: 400;line-height: 15px;}
weiss { color: white;}
address { text-align: left; font-size: 80%; font-style: normal;}

 a { color: #026;  text-decoration: none; font-size: 13px;}
li {margin: 4px 0px 0px 20px; color: black;font-weight: 400;font-size: 13px;}
ul { color: black; margin: 6px 0px 0px 0px;font-weight: 700; font-size: 13px;}
ol { color: black; margin: 0px 0px 0px 10px;font-weight: 700; font-size: 13px;}
/* ====================================== 
  3.  Styles für die Layoutbereiche 
  ====================================== */
  

#wrapper { background-color: white; color: gray; width: 1280px; margin: 0 auto; }
#start { text-align: center; height:25px; background-color: black; color: black;}
#kopfbereich {  text-align: center;  height:95px; background-color: white; color: black;}
#kopftext {position:relative; top: 15px;left:740px; line-height: 15px;}
#kopfbild {position:relative; top:-4px;left:15px;}

#bildmenue { height:1310px;  color: black; }
#bestellung { height:700px; color: black;  }

#lieferprogramm {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1220px;}
#lieferprogramm2 {position:relative; top: -0px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1220px;}
#spannzangen_din6499 {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1220px;}
#druckspannzangen_din6343 {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1320px;}
#zugspannzange_typ_355E {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1320px;}
#poweraktion_sparsets_1 {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1670px;}
#poweraktion_sparsets_2 {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1500px;}
#poweraktion_sparsets_3 {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1200px;}
#spannmutter_typ_er_zubehoer {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1420px;}
#kuehlmittelrohr_din_69893_hsk {position:relative; top: -1242px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1120px;}
#zcc_bohren_fraesen_drehen {position:relative; top: -1243px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:720px;}
#kontakttext {position:relative; top: -1200px; background-color: white; color: black; width: 1160px;  margin: 0 auto; height:1220px;}
#impressumtext { position:relative; top: -1200px; background-color: white;  width: 1160px; margin: 0 auto;  color: black }
#analysehg { height:670px;  color: black; }
#agbhg { position:relative; top: -1200px; background-color: white;  width: 1160px; margin: 0 auto;  color: black }

#vorherige1{position:relative; top: 0px;left:0px;}
#naechste1{position:relative; top: -620px;;left:1230px;}
#ueberschrift{position:relative; top: 15px;left:50px;}
#titeltext{position:relative; top: 450px;left:70px;}
#textrechts{position:relative; top: 0px;left:0px;}
#nachtext{position:relative; top: -1200px;left:60px;width: 1160px;}
#nachtextzcc{position:relative; top: -1320px;left:60px;width: 1160px;}

/* ====================================== 
  Navigation
  ====================================== */

#navibereich { padding: 0px 0px 2px 30px;background-color: #ddd ;height:25px;border-bottom: 3px solid #999; } 
#navibereich a { text-decoration: none;  } 
#navibereich a:link { color: Black ; font-size: 12px; font-weight: 700; font-style: normal; line-height: 25px;   text-decoration: none;}
#navibereich a:visited { color: black ; font-size: 12px; font-weight: 700; font-style: normal; line-height: 25px;  text-decoration: none;}
#navibereich a:hover { color: red;; font-size: 12px; font-weight: 700; font-style: normal; line-height: 25px;  text-decoration: none;}
#navibereich a:active { color: black; font-size: 12px; font-weight: 700; font-style: normal; line-height: 25px;  text-decoration: none;}

/* ====================================== 
  Fusszeile
  ====================================== */

#fussbereichregal {background-color: #ddd; padding: 4px 0px 4px 30px; border-top: 3px solid #999;border-bottom: 3px solid #999; text-decoration: none;}
#fussbereich {background-color: #ddd; top:-550px ;left:0px; padding: 4px 0px 4px 30px; border-top: 3px solid #999;border-bottom: 3px solid #999; text-decoration: none;width: 1280px;}
#fussbereich a:link {color: black; font-size: 12px; font-weight: 700;text-decoration: none;}
#fussbereich a:visited { color: black ; font-size: 12px; font-weight: 700;text-decoration: none;}
#fussbereich a:hover { color: maroon; font-size: 12px; font-weight: 700; text-decoration: none;}
#fussbereich a:active { color: red; font-size: 12px; font-weight: 700;text-decoration: none;}


  
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */