html, body {margin: 0; padding: 0; width: 100%; height: 100%;}

body {background: #fff url(../images/shared/back_content.gif) -70px -70px; text-align: center; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 69%; line-height: 1.4em;}

img {border: 0; padding: 0; margin: 0;}

#screen {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -267px; height: 535px;}
#container {position: relative; margin: 0 auto; width: 100%; background: url(../images/shared/back_content2.gif) no-repeat center 0;}

#navigation {position: relative; top: 0; left: 0; margin: 0 auto; height: 190px; background: url(../images/shared/back_navi_home.gif) repeat-x 0 78px; z-index: 3;}
#navigation #navigationContainer {position: relative; margin: 0 auto; width: 903px;}

#content {position: relative; left: 0; top: 0; width: 903px; height: 374px; padding: 0; margin: 0 auto; text-align: left;}
#content #image {position: absolute; top: 0; left: 6px;}
#content #text {position: absolute; top: 185px; left: 50px; width: 803px;}
#content #footer {position: absolute; top: 322px; left: 0; width: 903px; height: 25px; overflow: hidden;}


/* NAVIGATION */

/* logo */

#navigationContainer #logo {position: absolute; top: 8px; left: 33px; width: 150px; height: 129px; z-index: 4; text-align: left; float: left;}
#navigationContainer #logo img {width: 150px; height: 129px;}

/* navi */

#navigationContainer ul {position: absolute; top: 85px; left: 305px; list-style: none; color: #000; white-space: nowrap; padding: 0; margin: 0;}
#navigationContainer ul li {padding: 0; margin: 0 53px 0 0; float: left;}
#navigationContainer ul li a {display: block; text-decoration: none;}
#navigationContainer ul li a img {visibility: hidden; float: none;} 

/* navigation_en.css oder navigation_en.css */

#b0 a:hover, #b0 a.on, 
#b1 a:hover, #b1 a.on, 
#b2 a:hover, #b2 a.on, 
#b3 a:hover, #b3 a.on, 
#b4 a:hover, #b4 a.on {background: none;}


/* IMAGE */

#content #image img {float: left; margin-right: 3px; width: 295px; height: 165px;}
#content #image img.small {width: 146px; height: 81px; margin-bottom: 3px;}

#content #imageProdukte img {float: left; height: 165px; border: 3px solid #fff;}
#content #imageProdukte #img1 {margin-left: 48px}
#content #imageProdukte #img2 {margin-left: 133px}
#content #imageProdukte #img3 {margin-left: 59px}


/* TEXT */

#content p {margin: 0; padding: 0 0 1em 0;}

#content div.contactText1 {position: absolute; left: 0; top: 0;}
#content div.contactText2 {position: absolute; left: 255px; top: 0;}
#content div.contactText3 {position: absolute; left: 553px; top: 0;}

#content a {text-decoration: underline;} 
#content a:link, 
#content a:active, 
#content a:visited {color: #77a18e;}
#content a:hover {color: #000;}


/* FOOTER */

#content #footer ul {list-style: none; white-space: nowrap; margin: 0; padding: 6px 0 0 33px; font-size: 91%; line-height: 1.4em; color: #d4d7d8; background: #000; text-transform: uppercase;}
#content #footer ul li {float: left; padding: 0 0 0 15px; margin: 0; border: 0;}

#content #footer a {margin: 0; padding: 0; text-decoration: none; display: block;} 
#content #footer a:link, 
#content #footer a:active, 
#content #footer a:visited {color: #7d7c72;}
#content #footer a:hover {color: #fff;}

#content #footer a.on:link, 
#content #footer a.on:active, 
#content #footer a.on:visited, 
#content #footer a.on:hover {color: #fff;}