﻿body {
margin: 150px 0 ; padding: 0; color: #aaacad; background: #fff url('../media/bg.png') repeat-x top center; font-size: 14px; font-family: Arial, SunSans-Regular, Sans-Serif;
}

/*LAYER*/
#wrapper { margin: 0 auto; width: 1200px; }
#layer-top { float: left; width: 1200px; height: 120px; background: transparent url('../media/bg_top.gif') no-repeat top center; }
#layer-middle { float: left; width: 1200px; height: 350px; overflow: hidden; background: transparent url('../media/bg_middle.gif') repeat-y top center; }
#layer-middle-messe { float: left; width: 1200px; height: 350px; background: transparent url('../media/bg_middle_messe.gif') repeat-y top center; }
#layer-bottom { float: left; width: 1200px; height: 30px; background: transparent url('../media/bg_bottom.gif') repeat-y top center;  }
#navi-left { float: left; width: 850px; height: 25px; padding:0; margin-top:95px; }
#navi-right { float: left; width: 350px; height: 25px; padding:0; margin-top:95px; }
#content-left { float: left; width: 425px; height: 350px; padding:0; margin:0; }
#content-left-messe { float: left; width: 350px; height: 350px; padding:0; margin:0; }
#content-middle { float: left; width: 425px; height: 350px; padding:0; margin:0; }
#content-middle-aktuell { float: left; width: 350px; height: 350px; padding:0; margin:0; }
#content-middle-messe { float: left; width: 500px; height: 350px; padding:0; margin:0; }
#content-right { float: left; width: 350px; height: 350px; padding:0; margin:0; }
#content-right-aktuell { float: left; width: 425px; height: 350px; padding:0; margin:0; }
#bottom-left { float: left; width: 425px; height: 30px; padding:0; margin:0; }
#bottom-middle { float: left; width: 425px; height: 30px; padding:0; margin:0; }
#bottom-right { float: left; width: 350px; height: 30px; padding:0; margin:0; }

/*NAVI*/
#layer-top a, #layer-top a:link { color: #fff; font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 0 12px; line-height: 25px; }
#layer-top a:hover, #layer-top a.active {color:#b6b310;}
#layer-top #navi-right a, #layer-top #navi-right a:link { padding: 0 7px; }

#wrapper-left #navi { float: left; width: 140px; height: 150px; padding: 20px 0; margin: 10px 0; background: transparent url('../media/bg_navi.gif') repeat-y top center;}
#wrapper-left #navi-ladenbau { float: left; width: 140px; height: 150px; padding: 20px 0; margin: 10px 0; }
#wrapper-left #navi .navi-left { float: left; padding-left: 10px; width: 65px; display: block; margin: 0;}
#wrapper-left #navi .navi-right { float: left; padding-left: 10px; width: 50px; display: block; margin: 0; }
#wrapper-left #navi a, #wrapper-left #navi a:link { color: #000; font-size: 0.8em; letter-spacing: -1px; font-weight: bold; padding: 1px 0; text-decoration: none; width: 140px; height: 14px; display: block; }
#wrapper-left #navi-ladenbau a, #wrapper-left #navi-ladenbau a:link { color: #000; font-size: 0.8em; font-weight: bold; padding: 1px 0 1px 10px; text-decoration: none; width: 130px; height: 14px; display: block; }
#wrapper-left #navi a:hover, #wrapper-left #navi a.active { color: #000; cursor: pointer; text-decoration: none; display: block; background: #d8cd26 url('../media/bg_navi.gif') repeat-y top center; }
#wrapper-left #navi-ladenbau a:hover, #wrapper-left #navi-ladenbau a.active { color: #000; cursor: pointer; text-decoration: none; display: block; background-color: #d8cd26; }

/*CONTENT*/
#wrapper-left { float: left; padding: 25px 100px 0 15px; }
#content-middle img { float: left; padding:0; margin:0; }
#content-middle a, #content-middle a:link, #content-middle a:hover { color: #fff; text-decoration: none;}
#content-middle a:hover { text-decoration: underline; }
#content-middle p.text { float: left; color: #fff; font-size: 0.9em; font-weight: bold; line-height: 1.4em; padding: 20px 0 0 70px; margin:0;}

#content-left a, #content-left a:link, #content-left a:hover { color: #aaacad; text-decoration: none; padding: 0;}
#content-left a:hover { text-decoration: underline; }

#content-left-messe #text { float: left; width: 160px; padding: 25px 0 0 25px; }
#content-left-messe #text p.text { float: left; color: #fff; padding: 0.4em 0; margin: 0;}
#content-left-messe img { float: left; padding:0; margin:0; }

#text { float: left; }
#text p { float: left; font-size: 0.7em; font-weight: bold; line-height: 1.4em; padding: 0; margin: 0; }
#text p.title { float: left; font-size: 0.8em; font-weight: bold; line-height: 1.8em; padding: 0; margin:0; border-top: 1px solid #aaacad; border-bottom: 1px solid #aaacad;}
#text p.headline { font-size: 1.4em; color: #fff; letter-spacing: 2px; padding-bottom: 5px; }
#text p.subtitle { float: left; padding: 0; margin: 0;}
#text p.text { float: left;  color: #fff; padding: 0.2em 0; margin: 0;}
#text p.label { float: left; clear: left; color: #fff;  width: 85px; font-size: 0.7em; font-weight: bold; line-height: 2em; padding: 0; margin: 0; }
#text p.anmerkung { float: left; color: #fff; width: 80px; font-size: 0.7em; font-weight: bold; line-height: 1.4em; padding: 10px 0; margin: 0; }
#text input { font-size: 0.9em; font-weight: bold; height: 16px; line-height: 16px; padding: 2px 0 0 0; margin: 1px 0; }
#text input.button { font-size: 1em; cursor: pointer; font-weight: bold; height: 25px; padding: 0; margin: 10px 0; }



ul, ol { float: left; margin: 0; padding: 0 0 0 25px; font-size: 0.9em; }
li { line-height: 1.4em }

/*BOTTOM*/
.imprint { color: #000; font-size: 0.7em; float: right; text-decoration: none; font-weight: bold; padding: 0; margin:0; line-height: 2em;}
#bottom-middle p { color: #fff; font-size: 0.9em; font-weight: bold; padding: 0 0 0 23px; margin:0; line-height: 30px;}
