html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font: 100% Verdana, Arial sans-serif; font-weight: normal; line-height: 1.125em; color: #000; background: #fff url('bilder/hg.gif') 0 0 repeat;}

h1, h2, h3, h4 {margin: 0 0 1.125em 0; line-height: 1.25em; color: #5a564b}
h1 {font-size: .8125em; font-weight: bold; color: #666; text-align: left;}
h1 a {color: #666; text-decoration: none;}
h2 {font-size: 1em;}
h3 {font-size: .8125em;}
h3.hotline {color: #071d70;}
p, legend {margin: 0 0 1.125em 0; font-size: .6875em; color: #5a564b;}
p.hotline {font-size: 1em; line-height: 1.5em;}
p.caption {font-size: .5em;}
p.clear {clear: both; height: 1px; margin: 0; padding: 0;}
ul, ol {margin: 0 0 1.125em 0;}
li {margin: 0 0 .6875em 0; font-size: .6875em; color: #5a564b;}

.image {width: 388px; margin: 5px 0;}
.image img {margin-bottom: 5px;}
.image p.caption {font: italic .7em Georgia;}

a.navi:hover {padding-top:2px; color:#333333;}

dl {color: #5a564b; font-size: .6875em;}
dd {margin: .5em 0 1.5em 0;}

#container {position: relative; width: 810px; margin: 0 auto; text-align: center; background: #fff url('bilder/hgweiss.gif') left top repeat-y;}
#logoheader {position: relative; width: 790px; height: 170px; margin: 0 10px; background: url('bilder/head.jpg') 0 10px no-repeat; text-align: left;}
#logoheader h1 {padding: 120px 0 0 25px;}
#logoheader a.languageswitch {position: absolute; top: 20px; right: 40px; font-size: .8125em; color: #888;
	font-weight: bold; text-decoration: none;}
#logoheader a.languageswitch:visited {font-weight: bold; text-decoration: none;}
#logoheader a.languageswitch:hover {font-weight: bold; text-decoration: none;}
#logoheader a.languageswitch:active {font-weight: bold; text-decoration: none;}

#mainnav {position: relative; float: left; margin: 10px 35px 10px 0; padding: 0 0 0 35px; text-align: left;}
ul#nav {margin: 0; padding: 0; list-style: none;}
ul#nav li {float: left; margin: 0; padding: 0; border-right: 1px solid #c0c0c0; font-size: 12px;}
ul#nav li.current, ul#nav ul.secondary li.current {background-color: #071d70;}
ul#nav li a {display: block; margin: 0; padding: 3px 20px; color: #222; font-weight: normal; letter-spacing: 1px; text-decoration: none;}
ul#nav li a.current {color: #fff;}
ul#nav li#nav-kontakt {border-right: none;}
ul#nav li a.current {color: #fff; background-color: #5a564b;}
ul#nav li#nav-iso9001 a.current {border-bottom: 1px solid #071d70; background-color: #566dbc;}
ul#nav li#nav-iso14001 a.current {background-color: #96be49;}
ul#nav ul.secondary li#nav-iso9001nrw a.current {border-bottom: none; background-color: #566dbc;}

ul#nav li#nav-iso9001 a.active {border-bottom: 1px solid #071d70; background-color: #b6c5fa;}

ul#nav li#nav-home a:hover {background-color: #bbaf8d;}
ul#nav li#nav-home a.current:hover {background-color: #5a564b;}
ul#nav li#nav-iso9001 a:hover {background-color: #566dbc;}
ul#nav li#nav-iso14001 a:hover {background-color: #b6dc6e;}
ul#nav li#nav-presse a:hover {background-color: #bbaf8d;}
ul#nav li#nav-presse a.current:hover {background-color: #5a564b;}
ul#nav li#nav-kontakt a:hover {background-color: #5a564b;}
ul#nav li#nav-kontakt a.current:hover {background-color: #5a564b;}
ul#nav li a:visited {font-weight: normal; text-decoration: none;}
ul#nav li a:active {font-weight: normal; text-decoration: none;}

ul#nav li ul.secondary {position: absolute; margin: 0 0 0 -1px; padding: 0; border-top: 1px solid #fff; text-align: left; list-style: none;}
ul#nav ul.secondary li {margin: 0; padding: 0; background-color: #b6c5fa;}
ul#nav ul.secondary li a {padding: 0 20px; font-size: 10px; color: #222;}
ul#nav ul.secondary li a.current {border-bottom: none; color: #fff; background-color: #5a564b;}
ul#nav ul.secondary li a:visited {font-weight: normal; text-decoration: none;}
ul#nav ul.secondary li a:hover {font-weight: normal; text-decoration: none; color: #fff; background-color: #333;}


#contentcontainer {width: 780px; clear: left; background: url('bilder/rahmen_oben.gif') left top no-repeat; margin: 0 10px; padding: 3px 0 0 0;}
#bordercontainer {width: 778px; margin: 0; padding: 0; border-right: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
#maincontent {width: 398px; margin: 0; padding: 20px 25px 0 25px; text-align: left; float: left;}

#subcontent {float:right; width: 320px; margin: 0px; text-align: left; padding: 20px 0 10px 0;}
#subcontent form {padding-bottom: 10px;}

#footer {position: relative; margin: 0; padding: 0; background: url('bilder/rahmen_unten.gif') 0 0 no-repeat;}
#footer p {padding: 10px 0; color: #a0a0a0; font-size: 10px;}

/** Forms **/

input, select, textarea {margin: 0; background-color: #ccc;}
#name, #email, #nachricht, #strasse, #plzort, #firma, #telefon, #telefax {width: 250px; border: 1px solid #bbb; border-top-color: #999; border-left-color: #999;}
#kontaktform #iso9001, #iso9241, #iso27001 {border: 1px solid #bbb; border-top-color: #999; border-left-color: #999; vertical-align: middle;}
#kontaktform h3 {margin-top: 10px; text-align: center;}
#kontaktform {border: 1px solid #ccc; margin: 0 25px 0 0; padding: 0 10px;}
#kontaktform label {margin: 0; font-weight: bold;}
#kontaktform fieldset {border: 1px solid #ccc; margin: 30px 0; padding: 0;}
#kontaktform.home fieldset {margin: 10px 0; padding: 0; border: 0px;}
#kontaktform legend {padding: 4px 8px; background: #eee; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999; color: #666;}
#kontaktform span {color: red;}
#kontaktform span.telefon {color: #071d70;}
#kontaktform .error {background-color: #c00;}
#kontaktform .error:focus {background-color: #ccc;}
p#formerror {color: #c00;}