html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {background: #265787; text-align: center; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 63%;}
* html body {font-size: 61%;} /* only for IE6 */
*:first-child+html body {font-size: 61%;} /* only for IE 7 */

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

#outer {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -275px;}
#container {position: relative; margin: 0 auto; width: 900px; height: 540px;}


/* BILDMOTIVE */

#bildmotiv1 {position: absolute; top: 20px; left: 226px; width: 674px; height: 154px; background: #265787;}
#bildmotiv1 img {width: 674px; height: 154px; display: inline;}

#bildmotiv2 {position: absolute; top: 184px; left: 685px; width: 215px; height: 330px; background: #265787;}
#bildmotiv2 img {width: 215px; height: 330px; display: inline;}


/* LOGO */

#logo {position: absolute; top: 20px; left: 0; width: 216px; height: 154px; background: #fff;}
#logo img {width: 216px; height: 154px;}


/* SERVICE NAVIGATION */

#serviceNavigationContainer {position: absolute; top: 0; left: 0; width: 900px; height: 20px; text-align: left; color: #fff;}

#serviceNavigationContainer ul {list-style: none; padding: 0; margin: 0; float: right;}
#serviceNavigationContainer ul li {padding: 0 0 0 5px; margin: 0; float: left;}
#serviceNavigationContainer ul li a {margin: 0; padding: 0; text-decoration: none;}
#serviceNavigationContainer ul li a:link, 
#serviceNavigationContainer ul li a:active, 
#serviceNavigationContainer ul li a:visited {color: #fff;}
#serviceNavigationContainer ul li a:hover {color: #fff; text-decoration: underline;}

#serviceNavigationContainer ul li a.on:link, 
#serviceNavigationContainer ul li a.on:active, 
#serviceNavigationContainer ul li a.on:visited,
#serviceNavigationContainer ul li a.on:hover {color: #fff; text-decoration: underline;}


/* NAVIGATION */

#navigationContainer {position: absolute; top: 184px; left: 0; width: 216px; height: 330px; text-align: left; background: #fff;}

#navigation {position: absolute; top: 60px; left: 30px; width: 170px;}

/* 1. Ebene */

#navigation ul {list-style: none; padding: 0; margin: 0; line-height: 1.3em;}
#navigation ul li {padding: 0 0 7px 10px; margin: 0;}
#navigation ul li.submenue {padding-bottom: 0;}
#navigation ul li a {display: inline; margin: 0; padding: 0 0 0 10px; text-decoration: none;}
#navigation ul li a:link, 
#navigation ul li a:active, 
#navigation ul li a:visited {color: #004d94;}
#navigation ul li a:hover {color: #004d94; background: url(../images/icn_navi.gif) no-repeat 0 5px;}

#navigation ul li a.on {font-weight: bold;}
#navigation ul li a.on:link, 
#navigation ul li a.on:active, 
#navigation ul li a.on:visited,
#navigation ul li a.on:hover {color: #004d94; background: url(../images/icn_navi.gif) no-repeat 0 5px;}

#navigation ul li.submenue {padding-bottom: 0;}
#navigation ul li.submenue a {font-weight: bold;}
#navigation ul li.submenue a:link, 
#navigation ul li.submenue a:active, 
#navigation ul li.submenue a:visited,
#navigation ul li.submenue a:hover {color: #004d94;}

#navigation ul li.submenue a.on {font-weight: bold;}
#navigation ul li.submenue a.on:link, 
#navigation ul li.submenue a.on:active, 
#navigation ul li.submenue a.on:visited,
#navigation ul li.submenue a.on:hover {color: #004d94; background: url(../images/icn_navi.gif) no-repeat 0 5px;}

/* 2. Ebene */

#navigation ul li.submenue ul {padding-top: 6px;}
#navigation ul li.submenue ul li a {font-weight: normal;} 
#navigation ul li.submenue ul li a:link, 
#navigation ul li.submenue ul li a:active, 
#navigation ul li.submenue ul li a:visited {color: #7fa6c9;}
#navigation ul li.submenue ul li a:hover {color: #004d94; background: url(../images/icn_navi.gif) no-repeat 0 5px;}

#navigation ul li.submenue ul li a.on {font-weight: normal;}
#navigation ul li.submenue ul li a.on a:link, 
#navigation ul li.submenue ul li a.on a:active, 
#navigation ul li.submenue ul li a.on a:visited,
#navigation ul li.submenue ul li a.on a:hover {color: #004d94;}


/* TEXT  */

#contentContainer {position: absolute; top: 184px; left: 226px; width: 449px; height: 330px; background: #fff; color: #004d94;}

#wn {position: absolute; left: 43px; top: 20px; width: 360px; height: 290px; overflow: hidden;}

#scrollbar {position: absolute; left: 429px; top: 0; width: 20px; height: 330px; font-size: 1px; line-height: 1px; cursor: pointer;}

#track {position: absolute; left: 0; top: 19px; width: 19px; height: 292px; border-left: 1px solid #9c9e9f;}
#dragBar {position: absolute; left: 0; top: 0; width: 19px; height: 0; background: #fff; border-top: 1px solid #9c9e9f; border-bottom: 1px solid #9c9e9f;}
#up {position: absolute; left: 0; top: 0; width: 20px; height: 20px;}  
#down {position: absolute; left: 0; top: 310px; width: 20px; height: 20px;}

#content {position: absolute; left: 0; top: 0; width: 330px; text-align: left;}
#content h1 {margin: 30px 0 0 0; padding: 0 0 1.4em 0; font-size: 100%; font-weight: normal; color: #265787;}
#content h3 {margin: 0; padding: 0 0 1em 0; font-size: 100%; font-weight: bold; color: #004d94;}

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

#content ul {margin: 0 0 1em 0; padding: 0 0 0 16px;}
#content ul li {padding: 0;}

#content a {text-decoration: underline; padding-bottom: 2px;} 
#content a:link, 
#content a:active, 
#content a:visited {color: #004d94;}
#content a:hover {color: #fff; background: #004d94; text-decoration: none;}

/* news */

#newsContainer div.news {width: 330px; float: left; padding: 2em 0 1em 0; margin: 0; border-bottom: 1px solid #9c9e9f;}
#newsContainer div.news h3 {margin: 0; padding: 0 0 0 78px; font-size: 100%; font-weight: bold; color: #004d94;}
#newsContainer div.news img {float: left; width: 58px; border: 1px solid #9c9e9f;}
#newsContainer div.news p {margin: 0; padding: 0 0 1em 78px;}


/* KOLLEKTION */

#contentImgContainer {position: absolute; top: 0; left: 0; width: 449px; height: 309px; background: url(../images/ajax-loader.gif) no-repeat center center;}
#contentImg {position: absolute; top: 0; left: 0; width: 449px; height: 309px;}

/* produktberschreibung */

#contentRechtsContainer {position: absolute; top: 184px; left: 685px; width: 215px; height: 330px; background: #fff;}
#contentRechts {position: absolute; top: 60px; left: 30px; width: 170px; text-align: left; color: #004d94;}
#contentRechts h3 {margin: 0; padding: 0 0 1em 0; font-size: 100%; font-weight: bold; color: #004d94;}
#contentRechts p {margin: 0; padding: 0 0 1em 0;}

/* icon navigation */

#iconNavigationContainer {position: absolute; top: 524px; left: 0; width: 900px; height: 30px; text-align: left; color: #fff;}

#iconNavigation {float: left; list-style: none; padding: 0; margin: 0; color: #fff;}
#iconNavigation li {float: left; padding: 0 10px 0 0; margin: 0;}

#iconNavigation li a {display: block; border: 1px solid #fff; width: 28px; height: 28px; background: #fff;}
#iconNavigation li a img {width: 28px; height: 28px;} 
#iconNavigation li a:link, 
#iconNavigation li a:active, 
#iconNavigation li a:visited {border: 1px solid #fff;}
#iconNavigation li a:hover {border: 1px solid #004d94;}

#iconNavigation li a.on:link, 
#iconNavigation li a.on:active, 
#iconNavigation li a.on:visited,
#iconNavigation li a.on:hover {border: 1px solid #004d94;}

/* flip button */

#flipBtnContainer {position: absolute; top: 494px; left: 226px; width: 20px; height: 20px; z-index: 2;}
#flipBtnContainer a {display: block; border: 1px solid #9c9e9f; width: 18px; height: 18px; margin: 0; padding: 0;}
#flipBtnContainer a img {width: 18px; height: 18px;} 
#flipBtnContainer a:link, 
#flipBtnContainer a:active, 
#flipBtnContainer a:visited {border: 1px solid #9c9e9f;}
#flipBtnContainer a:hover {border: 1px solid #004d94;}

/* prev/next button */

#contentImgNaviContainer {position: absolute; top: 494px; left: 635px; width: 40px; height: 20px; z-index: 2;}
#contentImgNaviContainer a {display: block; border: 1px solid #9c9e9f; width: 18px; height: 18px; float: left; margin: 0; padding: 0;}
#contentImgNaviContainer a img {width: 18px; height: 18px;} 
#contentImgNaviContainer a:link, 
#contentImgNaviContainer a:active, 
#contentImgNaviContainer a:visited {border: 1px solid #9c9e9f;}
#contentImgNaviContainer a:hover {border: 1px solid #004d94;}