/* Reset */
* {margin:0; padding:0;} 

/* General Layout Size */
html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font: 75% Verdana, Arial sans-serif; font-weight: normal; color: #000; background: #fff url('bilder/background.jpg') 0 0 repeat; line-height: 22px;}

#container {position: relative; width: 960px; margin: auto; padding-bottom: 18px; text-align: center; background: #fff url('bilder/container-borders.jpg') 0 0 repeat-y;}
#logoheader {position: relative; width: 940px; height: 170px; margin: 0 10px;}
#mainnav {position: relative; width: 940px; margin: 2px 10px 0 10px; padding: 0; border-top: 1px solid #cdcdcd;}
#contentcontainer {position: relative; clear: both; width: 940px; margin: 0 10px; padding-top: 40px; border-top: 1px solid #cdcdcd;}
#maincontent {width: 622px; float: left; margin: 0; padding: 0; text-align: left;}
#subcontent {margin: 0 0 0 622px; text-align: left; padding: 0; width: 314px; border-left: 1px dashed #898989;}
#call2action {margin-left: 5px; padding: 9px 0 0 0; background: #edeae2; border-bottom: 1px solid #aaa;}
#standorte {margin-left: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #aaa; background-color: #edeae2;}
#anfrageformular {margin: 4px 0 0 5px; padding: 13px 0 0 0; border-bottom: 1px solid #aaa; background: #edeae2;}
.ihkpartner {border: 1px solid #ccc; border-top: 1px solid #fff; border-bottom: 1px solid #aaa; background-color: #e8e8e8; }
.kundenstimmen {margin: 10px 0 0 5px; padding: 18px 0 0 0; background-color: #edeae2; border-bottom: 1px solid #aaa;}
#footer {position: relative; width: 958px; margin: auto; padding: 0; border-top: 1px solid #cdcdcd;}
#footer p {padding: 10px 0; color: #898989; font-sze: 8px; text-align: center;}

/* Main Typographic, Lead & Image Settings */
h1, h2, h3, h4 {color: #3d3d3d;}
h1 {margin-bottom: 18px; font-size: 24px; font-family: Verdana; font-weight: bold; letter-spacing: 1px; line-height: 27px; color: #96be49;}
h1 span.subtitle {font-size: 14px; font-family: 'Lucida Sans', Verdana; letter-spacing: 0px; line-height: 27px;}
h2 {margin-bottom: 18px; font-family: Verdana; font-size: 16px; font-weight: bold; line-height: 18px;}
h3 {margin-bottom: 18px; font-size: 14px; font-weight: bold; line-height: 18px;}

p, ol, ul, li, dl, ll, legend {margin-bottom: 18px; font-size: 13px; line-height: 18px; color: #5a564b;}
p.caption {font-size: .5em;}
p.clear {clear: both; height: 1px; margin: 0; padding: 0;}

b {font-weight: bold;}

blockquote {font-style: italic;}

#mediaspace {margin-left: 25px; margin-bottom: 1.5em;}

ul, ol {padding: 0;}
ul li {margin-bottom: 0;}
ol li {color: #be4655;}

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

dd {margin: .5em 0 1.5em 0;}

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

/* Special Logo & Navigation Typographic, Lead & Image Settings */
#logoheader a {text-decoration: none;}
#logoheader a:active {border: none;}
#logoheader a img {border: none;}



ul#nav {margin: 0; padding: 10px 0 0 0; list-style: none; text-align: left;}
ul#nav li {float: left; margin: 0 10px; font-size: 12px; color: #000;}
ul#nav li.current {padding: 3px 20px; color: #fff; background-color: #3d3d3d;}
ul#nav li a {display: block; margin: 0; padding: 3px 20px; color: #000; text-decoration: none;}
ul#nav li a:hover {color: #fff; background-color: #3d3d3d;}

dl.glossary {margin-top: 1.5em;}
dl.glossary dt {font-weight: bold;}
dl.glossary dt.en {padding-left: 23px; color: #898989; background: url('../../bilder/960/gb.gif') 2px 4px no-repeat;}
dl.glossary dd {clear: left;}

ul#glossary-nav li {float: left; list-style: none; margin-right: 10px;}

/* Special Maincontent Typographic, Lead & Image Settings */
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, #maincontent p, #maincontent ul, #maincontent ol, #maincontent dl, #maincontent img {margin-left: 25px; margin-right: 50px;}
#maincontent h2 {padding-top: 18px;}
#maincontent h3 {padding-top: 18px;}
#maincontent ol li p {margin-left: 0; margin-right: 0;}
#maincontent b, #maincontent strong {color: #5a584a; font-weight: bold;}
#maincontent iframe {margin: 0 5px;}


/* Special Sidebar Typographic, Lead & Image Settings */
#subcontent h1, #subcontent h2, #subcontent h3, #subcontent h4, #subcontent h5, #subcontent h6, #subcontent p {margin-left: 10px; margin-right: 10px;}
#subcontent h2 {margin-bottom: 8px; font-size: 17px; font-weight: bold; color: #3d3d3d; line-height: 24px;}
#subcontent h3 {color: #5a564b;}
#subcontent h2.hotline {margin-bottom: 9px; font-size: 17px; font-family: Verdana; font-weight: bold; color: #3d3d3d; line-height: 36px;}
#subcontent p.hotlinesubtitle {font-size: 13px;}
#subcontent h4.filialen {margin-bottom: 1.5em; font-size: 1em; font-weight: normal; line-height: 1.5em; color: #5a564b;}
#subcontent p.hotline {margin-bottom: 18px; margin-left: 0;}
#subcontent span.asterix {font-size: 9px;}
#subcontent p.citeauthor {margin-bottom: 0; font-size: 0.833em; font-weight: bold; line-height: 1.8em; text-align: right;}
#subcontent img {margin: 0; padding: 0;}
#subcontent ul {margin-left: 10px; margin-right: 10px;}
#subcontent ul.filialen {list-style: none; margin-top: 17px; margin-bottom: 0;}
#subcontent ul.filialen li {margin: 0; padding: 0;}
#subcontent ul.filialen p {font-size: 17px; font-weight: bold; color: #749630;}
#subcontent hr {display: block; position: relative; margin: 8px auto 8px auto; width: 100%; height: 0; max-height: 0; border: none; border-top: 1px solid #aaa; border-bottom: 1px solid #fff; font-size: .0833em; line-height: 0;}
#subcontent hr.nobottommargin {margin-bottom: 0;}
#subcontent hr.notopmargin {margin-top: 0;}

.kundenstimmen a {text-decoration: none; color: #566dbc;}

ul.download-list {padding: 0;}
ul.download-list li {margin-left: -18px; list-style: none;}
ul.download-list li a {background: url('bilder/download-piktogramm.gif') 0 0 no-repeat; padding-left: 18px;}

/** Forms **/

input, select, textarea {font-size: 12px; line-height: 18px; background: #ccc url('bilder/form-bg.gif') 0 0 repeat-x;}
input#anfragesubmit {padding: 3px;}
#name, #email, #strasse, #plzort, #firma, #telefon, #telefax {width: 270px; height: 28px; margin: 4px 0 4px -1px; padding-left: 5px; padding-right: 5px; border: .0833em solid #fff; border-top-color: #aaa; border-left-color: #aaa; font-size: 12px;}
#nachricht {width: 270px; height: 112px; margin: 4px 0 4px -1px; padding-left: 5px; padding-right: 5px; border: .0833em solid #fff; border-top-color: #aaa; border-left-color: #aaa;}
#iso9001, #iso9241, #iso27001 {border: 1px solid #bbb; border-top-color: #999; border-left-color: #999; vertical-align: middle;}
#kontaktform p {margin-bottom: 9px;}
#kontaktform label {font-weight: bold;}
#kontaktform #anfragebutton {border: none; background: #edeae2;}

#kontaktform .error {background-color: #c00;}
#kontaktform .error:focus {background-color: #ccc;}
p#formerror {color: #c00;}

