/* =========================================================
ehlgoetz.de - Stylesheet für Ehlgötz
Datei: style.css
Media: screen
Datum Erstellung: 16. Juli 2008
Datum Änderung: 16. Juli 2008
Autor: René Haberstroh
Mail: haberstroh@navigate.de
 
========================================================== */

/* ===============================
   = Korrekturen
=============================== */

*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.5%; /* don't edit */
}

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

/* ===============================
   = Allgemeine Angaben
=============================== */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	color: #333;
	margin: 0;
	padding: 0;
}

a {
	color: #FFFFFF;
	font-weight: bold; 
}

a.noStyle {
	font-weight: normal;
	text-decoration: none;
}
a.noStyle:hover {
	font-weight: normal;
	text-decoration: none;
}

.clearBoth {
	clear: both;
}

div#container {
  position: relative;
  width: 987px;
}

#top{
  background: #0f3e96;
}


/* ===============================
   = Kopfzeile
=============================== */

div#header {             /*Kopfzeile mit Logo*/
	height: 102px;
	background: #fff;
	width: 100%;
	position: relative;
}

div#header img.logo {            
	margin-left: 25px;	
}

div#header div.notdienst { /*24h Service und Notdienst */
  position: absolute;
  top: 0;
  right:0;
}



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

div#navigation {       /*Navigationsleiste*/
  margin-left: 30px;
  height:57px;
}

div#navigation ul{
  list-style:none;
  float: left;
  display: inline;
  margin:0;
  padding:0;
  margin-top:23px;
}

div#navigation li{
  border-left:1px solid white;
  padding-left:7px;
  padding-right:7px;
  display: inline;
  margin:0;
}

div#navigation li#listVorne{
  border-left:none;
  padding-left:0;
}

a:hover,
a:focus,
a:active{
  text-decoration:underline;
}

/* ===============================
   = Hauptfeld
=============================== */

div#inhalt {         /*Komplette linke Seite*/
  float:left; 
  width: 690px;
  margin-right:20px;
}

div#inhaltInnerer {         /*innerer Hellblauer Kasten*/
  width: 660px;
 	height:529px;
	margin-left: 20px;
	padding-left:10px;
	background-image: url(/ehlgoetz_de/images/hintergrund.jpg);  /*Farbübergang*/
	background-repeat: repeat-x;
	background-color: #879fcb ;  /*Hintergrundfarbe*/
	color: white;
}

div#inhaltInnererKontakt {         /*innerer Hellblauer Kasten*/
  width: 660px;
 	height:550px;
	margin-left: 20px;
	padding-left:10px;
	background-image: url(/ehlgoetz_de/images/hintergrund.jpg);  /*Farbübergang*/
	background-repeat: repeat-x;
	background-color: #879fcb ;  /*Hintergrundfarbe*/
	color: white;
}

h2{
  padding-top:24px;
  padding-bottom:2px;
  border-bottom: 2px solid #f5ed06; /*gelber Strich*/
  font-size:1.5em;
}

div.linkerTeil {       /*linker Teil der Textbox*/
  width: 222px;
	margin-top: 17px;
	position:absolute;
	line-height:1.4em;
}

div.linkerTeil img {
  margin-right:10px;
  margin-bottom:1px;
}

div.linkerTeil ul {
  margin-left:-60px;
	line-height:1.4em;
}

div.linkerTeil ul li{
  padding-left:0;
}

div.umbruch1{
  margin-bottom:15px;
}

div.umbruch2{
  margin-bottom:17px;
}


div.rechterTeil {        /*rechter Teil der Textbox*/
  float:right;
  width:434px;
  height:264px;
  margin-top:17px;
  color:white;  
  font-style: italic;
  font-size:0.8em;
}

div.rechterTeil #img{          /*weißer Hintergrund des Bildes im rechten Teil der Textbox*/
  background-color:#FFFFFF;
  height:264px;
}

div.rechterTeil dl dd {
  margin: 0 0 1em 0;
}

h4 {
  font-weight: bold; 
  font-size:1.1em;
  margin-bottom:5px;
  text-decoration:underline;
}

div#rand { 
 background-image: url(/ehlgoetz_de/images/unten.gif);  /*Rundung*/
 background-repeat: no-repeat;
 margin-left:20px;
 height: 4px; 
 width:670px;
 clear: both;
}

/* ===============================
   = Geschichte
=============================== */

div.linkerTeilGanz {       /*linker Teil der Textbox*/
  width: 640px;
	margin-top: 17px;
	position:absolute;
  line-height: 1.4em;
}

div#geschichte {      
  margin-left:60px;
  margin-top:15px;
}

/* ===============================
   = Produkte
=============================== */

div#inhaltInnererProdukte h3{
  font-size: 15px;
  color:white;
  text-decoration:underline; 
}


div#inhaltInnererProdukte{
  width: 660px;
 	min-height:529px;
	margin-left: 20px;
	padding-left:10px;
	background-image: url(/ehlgoetz_de/images/hintergrund.jpg);  /*Farbübergang*/
	background-repeat: repeat-x;
	background-color: #879fcb ;  /*Hintergrundfarbe*/
	color: white;
}

div#inhaltInnererProdukte table{
  margin-top:17px;
  table-layout:fixed;
  width:600px;
  text-align:right;
}

div#inhaltInnererProdukte td{
  table-layout:fixed;
  padding-bottom:50px;
  vertical-align:top;
  width:300px;
  padding-right:25px;
}

div#inhaltInnererProdukte div.produktBild{
  height:250px;
  width:200px;
  background:white;
  text-align:center;
}

div#inhaltInnererProdukte div.produktBild2{
  height:150px;
  width:200px;
  text-align:center;
}

div#inhaltInnererProdukte div.produktBildVakuum{
  height:220px;
  width:200px;
  background:white;
  margin-left:50px;
  padding-top:30px;
}

div#inhaltInnererProdukte div.produktBildVentile{
  height:200px;
  width:200px;
  background:white;
  text-align:center;
  padding-top: 50px;
  float:left;
}

div#inhaltInnererProdukte .mehrBilder{
  margin-top:17px;
  table-layout:fixed;
  width:680px;
  text-align:center;
}
div#inhaltInnererProdukte .Abstand{
  padding-bottom:20px;
}

div#inhaltInnererProdukte .Abstand2{
  padding-bottom:5px;
}

div#inhaltInnererProdukte #abstandhalter{
  height:400px;
}

div#inhaltInnererProdukte .Mittig{
  text-align:center;
  position:relative;
  width:680px;
}


/* ===============================
   = Impressum
=============================== */

div.linkerTeilHalb {      
  width: 300px;
  position:absolute;
  margin-top:20px;
}

div.rechterTeilHalb {     
  width: 340px;
  position:absolute;
  margin-left:315px;
  margin-top:20px;
  float:left;
}

/* ===============================
   = Anfahrt
=============================== */

div#map{
  margin-left:20px;
  width: 600px;
  height: 420px;
  color:black;
}

/* ===============================
   = About us
=============================== */

div.rechterTeilHalbUs {      
  width: 300px;
  position:absolute;
  margin-top:20px;
  margin-left:330px;
  line-height: 1.4em;
}

div.linkerTeilHalbUs {     
  width: 350px;
  position:absolute;
  margin-top:20px;
  margin-right:50px;
}

div.linkerTeilHalbUs dl dd {
  margin-left:75px;
  font-size:0.9em;
}

/* ===============================
   = Kontakt
=============================== */

div.hauptteil{
  width: 660px;
 	height:478px;
 	padding-top:20px;
}

div.hauptteil .leftT {
  width: 430px;
 	float: left;
}

div.hauptteil .rightB {
  padding-left: 20px;
	width: 200px;
 	float: left;
}

div.field{
  padding-left:30px;
  margin-bottom:10px;
}


button.dummy {
  background-color:#f5ed06;
  font-family:Arial,Helvetica,sans-serif;
  color:#0143B3;
}

form.wFormular .kontakt,
form.wFormular .textarea,
form.wFormular .dummy {
  border:1px solid #f5ed06;
  font-family:Arial,Helvetica,sans-serif;
}

div.field.kommentar div.label{
  margin-left:350px;
  margin-top:-295px;
}

div.field.kommentar div.object{
  margin-left:350px;
}

div.field.captchaText div.label{
  margin-left:350px;
  padding-bottom:15px;
}

div.field.captchaText div.error{
  margin-left:350px;
  margin-top:-15px;
}

div.field.captchaText div.object{
   margin-left:350px;
}

div.field.captchaImage{
  margin-left:350px;
}


div.layout{
  width:123px;
  margin-right:auto;
  margin-left:auto;
}

/* ===============================
   = Seitenleiste
=============================== */

#seitenleisteAlt {      /*rechte Navigationsleiste bei Ausgewaelten Produkten*/
	width:257px;
	float: left;
	margin-top:23px;
}
  
#seitenleiste {                /*rechte Navigationsleiste*/
  float: left;
	width:257px;
	margin-top:23px;
}

/* ===============================
   = DropDownButtons
=============================== */


div.submenuTitle {     /*Button*/
  background-image: url(/ehlgoetz_de/images/button.gif);  
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
  width: 252px;
  height:27px;
  padding: 7px 0 0 13px;
	cursor:pointer;
}

div.submenuTitle2 {     /*Button*/
  background-image: url(/ehlgoetz_de/images/button2.gif);  
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
  width: 252px;
  height:27px;
  padding: 7px 0 0 13px;
	cursor:pointer;
}

div.submenuService {
  margin-top:13px;
  margin-bottom:19px;
}

div.submenu div.dropdown{         /*DropDown Menu*/
  display:none;
  position:absolute;
  width:257px;
  background-color:#FFFFFF;
  color:black;
  margin-top:0;
}

div.submenu a{         /*Links im DropDown Menu*/
  color:#0f3e96;
  display:block;
  padding-left:18px;
  padding-top:5px;
  padding-bottom:5px;
}

div.dropdown div.dropHead {         /*Rundung des DropDownMenues oben*/
  background-image: url(/ehlgoetz_de/images/dropoben.gif);
	background-repeat: no-repeat; 
  background-position:top;
  width:257px;
  height:9px;
}

div.dropdown div.dropFoot {         /*Rundung des DropDownMenues unten*/
  background-image: url(/ehlgoetz_de/images/dropunten.gif);
  background-repeat: no-repeat;
  background-position:bottom;
  width:257px;
  height:9px;
}


div.dropdown a:hover,       /*Aktion bei ueberfliegen des DropDownMenues*/
div.dropdown a:focus{
  background:#f4f180;
  text-decoration:none;
  color:black;
}

/* ===============================
   = Service
=============================== */

div.hauptteilService{
  width: 660px;
 	height:478px;
 	padding-top:20px;
}

div#inhaltInnererService {         /*innerer Hellblauer Kasten*/
  width: 660px;
 	height:670px;
	margin-left: 20px;
	padding-left:10px;
	background-image: url(/ehlgoetz_de/images/hintergrund.jpg);  /*Farbübergang*/
	background-repeat: repeat-x;
	background-color: #879fcb ;  /*Hintergrundfarbe*/
	color: white;
}

div.hauptteilService ul{
  margin-top:-10px;
}

div.hauptteilService ul li{
  margin-left:-40px;
}

div.hauptteilService ul li img{
  margin-right:5px;
}

div.hauptteilService ul li p{
  margin-left:12px;
  margin-bottom:0px;
}

div.hauptteilService table{
  width:1050px;
  text-align:left;
    table-layout:fixed;
}



/* ===============================
   = Informationskasten
=============================== */

div.kastenKopf {   /*Kopf eines Kastens*/
	width: 257px;
	height: 34px;
	background-image: url(/ehlgoetz_de/images/panel.jpg); 
	background-repeat: repeat-x;
}

h3{
	font-weight: bold;
	color: #0143B3;
	font-size: 1.2em;
}


div.kastenKopf div.title_coins { /*Inhalt des Kopfes*/
	padding-top: 10px;
	background-image: url(/ehlgoetz_de/images/coins.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	padding-left: 33px;
}

div.coin {
  margin-top:10px;
}

div.kastenKopf div.title_world { /*Inhalt des Kopfes*/
	padding-top: 10px;
	background-image: url(/ehlgoetz_de/images/world.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;
	padding-left: 33px;
}

div.world {
  margin-top:8px;
  height:159px;
}

div.kastenKopf div.title_brief { /*Inhalt des Kopfes*/
	padding-top: 10px;
	background-image: url(/ehlgoetz_de/images/brief.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding-left: 33px;
}

div.brief {
  margin-top:8px;
  height:130px;
}

div.kastenInhalt {      /*Inhalt eines Kastens*/
	background-color: #879fcb;
	width: 237px;
	padding: 10px;
	color: #FFFFFF;
	padding-bottom:20px;
	line-height:14px;
}

div.kastenInhalt img{
  float:left;
  padding-right:12px;
  padding-bottom:2px;
  width:128px;
  height:89px;
}

div#seitenleiste div#kastenRand{   /*Abrundungen*/
  background: url(/ehlgoetz_de/images/panelunten.gif);
  background-repeat: no-repeat;
  height:22px;
  width:257px;
}

/* ===============================
   = Seitenleiste Alternative
=============================== */


div#seitenleisteAlt div.title { 
	padding-top: 10px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

div#seitenleisteAlt div.submenuService {
  margin-bottom:16px;
}

div#seitenleisteAlt div.kastenInhalt {      /*Inhalt eines Kastens*/
	background-color: #879fcb;
	width: 237px;
	padding-top: 19px;
	color: #FFFFFF;
	height:375px;
}

div#seitenleisteAlt div.kastenInhalt a{   
  line-height:29px;
  display:block;
  padding-left:11px;
}

div#seitenleisteAlt div.kastenInhalt a:focus,     /*Rand bei ueberfliegen*/
div#seitenleisteAlt div.kastenInhalt a:hover{
  text-decoration: none;
  background-color:#aabadb;
  color:#103e96;
}

div#seitenleisteAlt div#kastenRand{   /*Abrundungen*/
  background: url(/ehlgoetz_de/images/panelunten.gif);
  background-repeat: no-repeat;
  height:22px;
  width:257px;
}

div#seitenleisteAlt div.line {      /*gelber Balken*/
	height: 1px;
	font-size:0;
	background:#f5ed06;
}

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

div#footer {      /*Fusszeile*/
  float: right;
  color: white;
  font-size:0.9em;
  margin-top: 14px;
  margin-bottom:25px;
}

div#footer ul{
  list-style:none;
  float: left;
  display: inline;
  margin:0;
  padding:0;
}

div#footer li{
  border-right:1px solid white;
  padding-left:7px;
  padding-right:7px;
  display: inline;
  margin:0;
}

div#footer li#listLast{
  border-right:none;
  padding-right:0;
}

/* ===============================
   = Drucken
=============================== */

div#druck {
  display:none;
}