
* {margin: 0; padding: 0;}



body {	font-size: 62.5%;
		line-height: 1.4em;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		background:  url(../images/style/body.png) top left repeat-x;
		color: #06217d;
	}

	
ul, li {	padding: 0;
		margin: 0; 
		list-style: none;}	
		
img {border: none;}


.left {float: left;}
.right{float: right;}
.clear{clear: both;}
object {float: right; margin-right: 20px;}

#beschreibung {display: none;}
#beschreibung2 {display: none;}
#struktur {margin: 10px auto; padding: 0; width: 769px; text-align: left; }

#kopf {width: 769px; text-align: left; background: url(../images/style/kopf3.jpg) top left no-repeat; height: 150px;}
#kopf img {float: left; padding: 10px 0 0 20px; }
#kopf img.fax {padding: 56px 0 0 110px;}
#bild img{float: left; margin: 0; padding: 0;}
#kopf img.druck{margin:0; padding: 0;}
#kopf ul.druck1 { float: right; margin: 40px 10px 0 0 ; }
#kopf ul.druck1 li {  width: 30px; height: 25px; padding-right: 8px;}
#kopf ul.druck1 li span{display: none;}


#keytext { width: 769px; position: relative; height: 3em; background: url(../images/style/keytext.png) top left no-repeat;  text-align: right; 
  }
#keytext h2 {clear: both;color: white; font-size: 1.4em; float: right; padding: .6em .7em 0 0;}
#main {clear: both;width: 769px; float: left;  background: url(../images/style/inhalt12.png) top left repeat-y; }




#navi {float: left; width: 150px; position: relative; font-size: 1.2em; }
#nav ul.nav {margin-bottom: 20px;}
#navi ul.nav li { font-weight: bold; font-size: 1em; }
#navi ul.nav li span {padding: 20px; display: block;}
#navi ul.nav li a {color:  #3b4b96; height:55px; background: url(../images/style/button_normal.png) bottom left no-repeat; display: block; text-decoration: none;}
#navi ul.nav li a:hover{color: white; background: url(../images/style/button_aktiv.png) bottom left no-repeat;}
#navi ul.nav li a.thispage{color: white; background: url(../images/style/button_aktiv.png) bottom left no-repeat; text-decoration: underline;}

#nav_sub a {background: none;}
#sub ul.circle li a{height: 30px;   background: url(../images/style/subnav.png) bottom left no-repeat !important; text-decoration: underline;}
#sub ul.circle li span{display: block; padding: 10px 0 0 50px; }

#sub ul.circle li a:hover{height: 30px;  text-decoration: underline; background: url(../images/style/button_aktiv.png) bottom left no-repeat !important;}
#sub ul.circle a.aktiv {color: white; background: url(../images/style/button_aktiv.png) bottom left no-repeat !important; text-decoration: underline;}




#inhalt h1,h2,h3, h4,p {padding: 0 30px; }
#inhalt {float: right; width: 580px; margin-top: 20px; margin-right: 20px;  margin-bottom: 10px;}
#inhalt  h1{margin: .2em 0; font-size: 1.5em;}
#inhalt p {font-size: 1.2em; padding-top: .5em;}
#inhalt h2, h3, h4 {font-size: 1.3em;}
#inhalt ul.fehler {padding: 0 30px;}
#inhalt ul.impressum {padding: 10px 30px; font-size: 1.2em;}
#inhalt a.produkt:link, a.produkt:visited {color: #06217d; display: inline; text-decoration: underline;}
#inhalt a:hover{color: #CE0E25; }
#inhalt a.produkt:hover{color: #CE0E25; }
#inhalt a.weiter:hover{color: #CE0E25;}
#inhalt img.marken {margin: 15px 0 15px 30px;}
#inhalt img.bild_l_zub {float: left; margin: 10px 0px 10px 90px;}
#inhalt p.lexikon, h1.lexikon {text-align: left; margin-left: 30px;}

#lex_kopf {margin-left: 30px;}
#lexikon {height: 350px; overflow: auto;  margin: 0 30px 0 30px;}
#lexikon hr {  clear: both !important; margin: 10px 0px !important; width: 95% !important; color: #5f71ad;}
#lexikon h3 {margin-top: 30px; text-decoration: underline;}
#lexikon h3 a{font-size: 1.2em;}

#lexikon p {margin: 10px 15px 0 0; padding: 0;}
#lexikon a.inline {display: inline; text-decoration: underline;}
#lexikon ul.drucker {margin: 10px 0;}
#lexikon ul.drucker li{display: block; float: left; padding-right: 10px; font-size: 1.1em !important; margin-bottom: 20px; }
#lexikon ul.lexikon a{color: #5f71ad;}
#lexikon ul.drucker a:visited {text-decoration: underline; font-weight: normal;}
#lexikon ul.drucker a:hover {color: red; color: #5f71ad;}
#lexikon a:visited {text-decoration: underline;}
#inhalt ul.lexikon a:visited {font-weight: normal; text-decoration: underline;}

.fett {font-weight: bold; text-decoration: underline; }

#inhalt img.bild_r{float: right; margin: 30px 20px 20px 10px;}

#inhalt span {display: inline;}
#inhalt h4 {display: inline; margin: 0; padding: 0;}
#inhalt .lexikon {margin-left: 0; padding-left: 0;}
#inhalt p.lexikon {margin: 10px 50px 10px 0; padding-bottom: .3em;}
#inhalt ul.produkt_l{float: left; margin: 10px 40px 20px 40px; width: 220px; font-size: 1.2em;}
#inhalt ul.produkt_r{float: right; margin: 10px 30px 20px 20px; width: 220px; font-size: 1.2em;}
#inhalt ul.lex_detail {margin-right: 50px; font-size: 1.2em;}
#inhalt ul.lex_detail li {margin-top: 10px;}
#inhalt ul.lexikon li {display: block; float: left; margin-right: 7px; font-size: 1.4em;}

#inhalt h2.handbuch {float: left; margin: 10px 0; text-decoration: underline; width: 200px;}
#inhalt h2.handbuch2 {float: right; margin: 10px 200px 10px 0; text-decoration: underline;}
#inhalt ul.handbuch_l{float: left; font-size: 1.2em; margin: 10px 0 15px 50px; width: 150px; width: 230px;}
#inhalt ul.handbuch_l  li {margin-bottom: 5px;}
#inhalt ul.handbuch_r{ float: right; font-size: 1.2em; margin: 10px 170px 15px 20px; width: 100px;}
#inhalt ul.handbuch_r  li {margin-bottom: 5px;}

#inhalt img.pdf {clear: both; float: right; margin-top: 20px;}

#inhalt ul.lexikon a.high {font-weight: bold; color: red;}
#inhalt p.produkt{margin: 10px 0; }
#inhalt .bild_l {float: left; margin: 20px 20px 0 20px;}
#inhalt a.produkt {margin: 30px; font-size:1.3em; font-weight: bold;}
#inhalt h3.produkt {font-size: 1.1em; margin-top: 5px;}
#inhalt a.detail1:link, a.detail1:visited {clear: both;float: right; font-size: 1.2em; margin: 0 40px 10px 0; color: #06217d; text-decoration: underline;}
#inhalt a.detail1:hover {color: #CE0E25;}
#inhalt hr {margin: 0 0 15px 20px; width: 95%; clear: right;}

#detail h1.detail {font-size: 1.8em; margin-left: 15px;}
#detail .bild_l {margin: 20px 50px 0 20px;}
#detail p.detail {margin-top: 30px;}
#details h2 { margin: 20px 0 0 0; padding: 0;}
#detail h3.detail {font-size: 1.4em; margin: 8px 0 10px 15px;}
#details ul.produkte { margin: 10px 10px 10px 0;}
#details {float: left; width: 250px;}
#details ul.produkte li.none {list-style: none;}
#details  h1{margin: 20px 0 0 0; padding:0;}


#fuss_struktur {clear: both; width: 769px; padding-top: 10px; background: url(../images/style/fuss.png) bottom left no-repeat; height: 5em;}
#fuss address { font-size: 1.3em; color: white; padding: 0 0 0 16px;  font-weight: bold;}
#fuss a {color: #9a9fc7; font-size: 1em; }
#fuss a:hover { color: #CE0E25;}
#fuss { }


#formular {width: 530px; margin: 20px; font-size: 1.1em;}

#formular .formfeld {
border : 1px solid #021554;
color : #666;
}
#formular label {
padding-bottom : 5px;
display : block;
font-weight : bold;
}

#formular  label.name { display: inline;}
#formular  label.name1 { display: inline; margin-left: 90px;}
#formular  label.name2{ display: inline; margin-left: 120px;}


#formular  label.mail {margin-left: 60px; display: inline;}
#formular  label.mail1 {margin-left: 110px; display: inline; margin-bottom: 30px;}
#formular .absenden {float: right; background: #374D99; color: white;}
#formular .produkt { margin-left: 120px;}



.formularfeld_leer {
border : 1px solid red !important ;
}
#formular .formfeld_textbox {
width : 400px;
}

#formular fieldset {border: 1px solid #021554; margin: 10px 30px 5px 10px; width: 92%;}
#formular legend {font-size: 1.2em; padding: 0 10px; font-weight: bold;}
#formular .botton {padding-left: 30px;}

#copyright {text-align: center; clear: both; margin-top: 45px;}
#copyright a {color: gray; font-size: 1em; font-weight: bold;}		
#copyright a:hover {color: #3b4b96;}