html, body {
height: 100.02%;
font-size: 100.01%;
margin: 0;
padding:0;
}


#layout {
background-image:url(../../media/bilder/_layout/bg_layout.jpg); 
background-repeat:repeat-y;
background-position:center top;
min-height:100%;
width:1000px;
margin:0 auto;
}

* html #layout {
height: 99.09%;
}

#content {
background-image:url(../../media/bilder/_layout/bg_content.gif); 
background-repeat:repeat-y;
/*background-position:center top;*/
}

#headerabstand {
height:20px;
}

#header {
position: relative;
background-image:url(../../media/bilder/_layout/bg_header.jpg); 
background-repeat:no-repeat;
height: 228px;
}

/* header */
#header.small { height: 105px; background: url(../../media/bilder/_layout/bg-header-small.jpg) no-repeat; }

#logo {
position: absolute;
width:202px;
right:32px;
top:8px;
z-index:2;
}

#headerbild {
position: absolute;
width:651px;
left:120px;
top:0px;
z-index:1;
}


#navigation {
position: absolute;
/*left:132px;*/
width: 868px;
right: 0;
top:68px;
z-index:3;
}

.navipunkt {
width:auto;
float: left;
margin-right:42px; /* was 26px */
padding: 0;
}

.navisuche {
/*width:auto;*/
width:204px;
float: right;
padding: 0;
margin-right: 16px;
}

#leftside {
float: left;
width: 120px;

}


#breadcrumb {
height: 20px;
}


#middle {
float: left;
width: 654px;

}

#middleposition {
margin:0 31px 0 18px;
}

#rightside {
float: right;
width: 211px;
margin-right:15px;

}



.clearer {
clear: both;
height:0;
}


#footer {
background-image:url(../../media/bilder/_layout/bg_footer.jpg); 
background-repeat:no-repeat;
/*height:173px;
height:190px;*/
width:1000px;
color:#ffffff;
/*padding-top:30px;*/
padding-top:10px;
padding-bottom:10px;
}

.footertext_1a {
float:left;
margin-left: 26px;
width:170px;
}

.footertextunten {
/*margin-top: 26px;*/
margin-top: 16px;
}

.footertext_2 {
float:left;
width:160px;
}

#footer ul {
list-style-position:outside;
list-style-image:url(../../media/bilder/_layout/list_style_strich.gif);
background-position:5px center;
margin: 0 0 0 10px;
padding: 0;
}

#footer  ul li {
margin: 0 0 0 10px;
padding: 0;
}

.floatleft { float: left; }
.floatright { float: right; }
.controls img { vertical-align: middle; }
.content-abschluss { margin: 1em 0 1em -0.25em; }
div.p { margin: 1em 0; }
p { margin-bottom: 1em; }
h1 { margin: 0.5em 0 1em; }
.teaser-right { margin-top: 1em; }
.teaser-right h1 { margin: 0; padding: 0.5em; }
.teaser-right .p { margin-top: 0.1em; }
.teaser-right.login form { margin: 0; padding: 0.5em 0.25em; }
div.label, div.field { margin: 0 0 1em; }
div.label { float: left; width: 35%; }
div.field { float: right; width: 60%; text-align: right; }
.results .field { text-align: left; }
.teaser-right .field input { width: 94%; }
.teaser-right .news h2, .teaser-right .messe h2 { margin: 0; }
.login .lostpassword { margin-top: 1em; }

/* subnavi */
.subnavi { margin-top: 2.5em; }
.subnavi h3 { padding-left: 0.5em; font-size: 1em; margin: 0; }
.subnavi ul { list-style-type: none; margin: 0; padding: 0; border-right: 2px white solid; z-index: 10; }
.subnavi .level1 li { border-top: 1px #cedbeb solid; padding-left: 0.75em; }
.subnavi .level1 { border-bottom: 1px #cedbeb solid; }
.subnavi .level2 { margin-left: -0.75em; }
.subnavi .level2 li { padding-left: 1.5em; }
.subnavi a { text-decoration: none; }
.subnavi a.selected, .subnavi a:hover { /*font-weight: bold;*/ color: #004696; }
.subnavi li.selected { background-color: #e5ecf4; }
.subnavi li { position: relative; }

/*85px*/
ul.subnavi-offset { position: absolute; width: 155px; top: 0; right: 0; margin-right: -159px; margin-top: -2px; background-color: #e5ecf4; border: 2px white solid; /*border: 1px #cedbeb solid; border-top-width: 0;*/ }
ul.level2.subnavi-offset li { padding-left: 0.25em; border: 1px #cedbeb solid; margin-top: -1px; }
.subnavi-over { background-color: #e5ecf4; }

/* content */
#content { min-height: 500px; height: auto !important; height: 500px; }
#breadcrumb { margin-bottom: 0.7em; }
.download-left, .download-right { width: 31%; float: left; margin-right: 1%; }
.download-icon, .download-details { float: left; }
.download-icon { margin-right: 0.5em; }
.download-details { width: 150px; }
.clearer.download-offset { margin-bottom: 1em; }
.content-img { float: right; margin: 0.25em 0.5em; }
.content-img-left { float: left; }
.fragment { padding-top: 1em; }
.fragment h1.first { margin-top: 0; }
#flashstart { margin-top: 1em; }
.p.buttons { text-align: center; }

/* navigation */
ul.mainnav ul { display: none; } /* hide navi from non-js browsers and avoid flicker elsewhere */
ul.mainnav li { float: left; margin-right: 1.5em; }
ul.mainnav li li { float: none; margin: 0; }
ul.mainnav, ul.mainnav ul { list-style-type: none; margin: 0; padding: 0; }
ul.mainnav ul { position: absolute; background-color: white; width: 200px; }
ul.mainnav li a { display: block; padding: 0.25em 0.5em; } /*padding: 0.25 1em;*/

ul.mainnav li a { color: black; text-decoration: none; font-weight: bold; }
ul.mainnav li li a { font-weight: normal; color: #666666; border: 1px #bfd1e5 solid; /*margin-bottom: -1px;*/ border-bottom: none; }
ul.mainnav ul { border-bottom: 1px #bfd1e5 solid; }
ul.mainnav li a:hover, ul.mainnav a.hover, ul.mainnav a.selected { background-color: white; font-weight: bold; color: #004696; }

/* teaser */
.teaser-right h1 a { display: block; width: 100%; height: 100%; }
.teaser-right .content-img { float: none; margin: 0 0 0.5em 0; border: none; text-align: center; }
.teaser-right .teaser-content { border:1px solid #CEDBEB; margin-top: 0.1em; padding:0.5em 0.25em; }

/* �bersichtsseiten */
.overview .even { float: left; width: 44%; }
.overview .odd { float: left; width: 44%; clear: both; margin-right: 10%; }
ul.overview { list-style-type: none; margin: 0; padding: 0; }
ul.overview li { margin-bottom: 1em; }
ul.overview h3 { margin: 0; }
.overview-image { margin-bottom: 1em; }
.overview-image img { border: 1px #cedbeb solid; padding: 1px; }
ul.overview li.divisor { background: url(/media/bilder/_layout/downloads-trenner.gif) repeat-x top left; padding-top: 1em; }

/* formulare */
/*
.label { float: left; width: 15%; min-height: 8px; }
.field { float: left; width: 45%; }
*/
form.contact, .results.contact, form.register, .results.register, form.newsletterSubscribe { width: 350px; }
#company, #surname, #address1, #address2, #phone, #fax, #email, #internet, #message, #password1, #password2, #function, #department { width: 98.32%; float: left; } /* width: 97.38%; */
#salutation { width: 36%; float: left; }
#country { width: 100%; }
#forename { width: 56%; float: right; }
#city { width: 70%; float: right; }
#zip { width: 20%; float: left; }
#message { height: 5em; }

/* lieferanten-kontakt */
form.contact.suppliers, .results.contact.suppliers { width: 500px; }
.checkbox { margin: 0 0 1em; width: 10%; float: left; }
.checkbox input { border: 0; }
.label.checkbox { width: 90%; }

.btn-showhide { background: url("/media/bilder/_layout/buttons/pfeil-aufklappen.gif") no-repeat; display: block; width: 10px; height: 10px; float: left; margin-top: 0.25em; }

/* interaktive anfahrt */
form.routing { width: 50%; }
#directions { float: right; width: 45%; }
#map_canvas { float: left; width: 50%; height: 350px; }

/* mitarbeiter */
.employee { width: 350px; }
.e_name { font-weight: bold; margin-bottom: 1em; }
.e_address { margin-bottom: 1em; }
.e_vcard { margin-top: 1em; }
.e_image { float: right; }
.divisions, .employees { list-style-type: none; margin: 0; padding: 0; }

ul.divisions li h3 { float: left; /*width: 25%;*/ width:160px;margin: 0; }

ul.employees { float: left; width: 60%; margin-left: 1em; }
ul.divisions li { margin-bottom: 1em; }
/*ul.divisions li li { margin-bottom: 0; }*/
ul.divisions li.divisor { background: url(/media/bilder/_layout/downloads-trenner.gif) repeat-x top center; padding-top: 1.5em; }


/**
 * ie fixes
 *
 * zeilen mit * html sind f�r den ie6 bestimmt
 */

* html ul.mainnav li a { padding-bottom: 0; }
* html ul.mainnav li li a { padding-bottom: 0.25em; }
* html .navisuche { margin-right: 0; }
* html .overview .even { width: 40%; }
* html .overview .odd { width: 40%; }

/* haslayout fixes */
* html .tabs-container { height: 1%; }
.subnavi * {}
ul.divisions li { display: inline-block; }