#outer {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -250px;}
#container {position: relative; margin: 0 auto; width: 930px; height: 525px; background: #4c575f url(../images/back_content.gif) no-repeat;}


/* NAVIGATION */

#navigationContainer {position: absolute; top: 24px; left: 550px; width: 365px; height: 16px; text-align: left; margin: 0; padding: 0; z-index: 2;}

#navigationContainer ul {height: 16px; width: 365px; float: left; list-style: none; padding: 0; margin: 0;}
#navigationContainer li {float: left; padding: 0 15px 0 0; margin: 0; height: 16px; overflow: hidden;}
#navigationContainer li a img {height: 16px; visibility: hidden;} 
#navigationContainer a {display: block;}

#naviBtn1 {background: url(../images/btn_profile_over.gif) no-repeat;}
#naviBtn1 a {background: url(../images/btn_profile.gif) no-repeat;}
#naviBtn1, #naviBtn1 a {width: 64px;}

#naviBtn2 {background: url(../images/btn_services_over.gif) no-repeat;}
#naviBtn2 a {background: url(../images/btn_services.gif) no-repeat;}
#naviBtn2, #naviBtn2 a {width: 72px;}

#naviBtn3 {background: url(../images/btn_references_over.gif) no-repeat;}
#naviBtn3 a {background: url(../images/btn_references.gif) no-repeat;}
#naviBtn3, #naviBtn3 a {width: 90px;}

#naviBtn4 {background: url(../images/btn_contact_over.gif) no-repeat;}
#naviBtn4 a {background: url(../images/btn_contact.gif) no-repeat;}
#naviBtn4, #naviBtn4 a {width: 68px;}

#naviBtn1 a:hover, #naviBtn1 a.on,
#naviBtn2 a:hover, #naviBtn2 a.on,
#naviBtn3 a:hover, #naviBtn3 a.on,
#naviBtn4 a:hover, #naviBtn4 a.on {background: none;}


/* SUBNAVIGATION */

#subnavigationContainer {position: absolute; top: 103px; left: 567px; width: 365px; text-align: left; color: #000;}

#subnavigationContainer ul {list-style: none; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 365px; font-weight: bold;}
#subnavigationContainer ul li {padding: 0 0 15px 0; margin: 0;}
#subnavigationContainer ul li a {margin: 0; padding: 0 0 0 20px; text-decoration: none;}
#subnavigationContainer ul li a:link, 
#subnavigationContainer ul li a:active, 
#subnavigationContainer ul li a:visited {color: #c1db8c; background: url(../images/icn_subnavi.gif) no-repeat 0 2px;}
#subnavigationContainer ul li a:hover {color: #fff; background: url(../images/icn_subnavi_over.gif) no-repeat 0 2px;}

#subnavigationContainer ul li a.on:link, 
#subnavigationContainer ul li a.on:active, 
#subnavigationContainer ul li a.on:visited,
#subnavigationContainer ul li a.on:hover {color: #fff; background: url(../images/icn_subnavi_over.gif) no-repeat 0 2px;}


/* CONTENT  */

/* left */

#scrollingText {position: absolute; top: 210px; left: 0; width: 530px; height: 280px; color: #000;}

#wn {position: absolute; left: 120px; top: 10px; width: 364px; height: 270px; overflow: hidden;}

#scrollbar {position: absolute; right: 0; top: 0; width: 15px; height: 280px; font-size: 1px; line-height: 1px; cursor: pointer;}

#track {position: absolute; left: 4px; top: 20px; width: 4px; height: 240px;}
#dragBar {position: absolute; left: 0; top: 0; width: 4px; height: 20px; background: #edeeef;}
#up {position: absolute; left: 0; top: 0;}  
#down {position: absolute; left: 0; bottom: 0;}
#content {position: absolute; left: 0; top: 0; width: 364px; text-align: left; padding-bottom: 1em;}

/* right */

#scrollingTextRight {position: absolute; top: 93px; left: 567px; width: 358px; height: 380px; color: #000;}
#scrollingTextRight #wn {position: absolute; left: 0; top: 10px; width: 314px; height: 370px; overflow: hidden;}
#scrollingTextRight #scrollbar {position: absolute; right: 0; top: 0; width: 15px; height: 380px; font-size: 1px; line-height: 1px; cursor: pointer;}
#scrollingTextRight #track {position: absolute; left: 4px; top: 20px; width: 4px; height: 340px;}
#scrollingTextRight #dragBar {background: #c1db8c;}
#scrollingTextRight #content {position: absolute; left: 0; top: 0; width: 314px; text-align: left; padding-bottom: 1em;}

/* text */

#content h1 {margin: 0 0 0 0; padding: 0 0 1em 0; font-size: 145%; font-weight: normal; color: #008ac9;}
#content h3 {margin: 0; padding: 0 0 1em 0; font-size: 100%; font-weight: bold; color: #000;}
#content p {margin: 0; padding: 0 0 1em 0;}

#content ul {list-style: none; padding: 0; margin: 0;}
#content ul li {padding: 0 0 0 10px; margin: 0; background: url(../images/icn_li1.gif) no-repeat 0 7px;}
#content ul li ul {margin: 0; padding: 0;}
#content ul li ul li {padding: 0 0 0 10px; margin: 0; background: url(../images/icn_li2.gif) no-repeat 0 7px; color: #4c575f;}

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

/* kontaktformular */

#content #kontaktform {margin: 0; padding: 0; border: 0;}
#content #kontaktform input.text, 
#content #kontaktform select, 
#content #kontaktform textarea {margin: 0 0 0.5em 0; padding: 0;} 

#content p.formText {padding-bottom: 0.2em;}

#content #kontaktform input.text {color: #464341; border: 1px solid #b1b3b4; padding: 3px; background-color: #e3e2e2; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
#content #kontaktform textarea {color: #464341; border: 1px solid #b1b3b4; padding: 3px; background-color: #e3e2e2; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
#content #kontaktform select {color: #464341; background-color: #e3e2e2; padding: 2px; border: 1px solid #b1b3b4; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
	
input.formbutton, .hoveron, .hoveroff {margin: 0 10px 0 0; padding: 5px 8px; border: 0; overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
input.formbutton, .hoveroff {color: #fff; background: #a2a09f;}
input.formbutton:hover, .hoveron {color: #fff; background: #464341;}


/* BILDMOTIV */

#bildmotiv {position: absolute; top: 63px; left: 0; width: 534px;}
#bildmotiv img {width: 534px;}


/* CLAIM */

#claim {position: absolute; top: 404px; left: 0; width: 532px; height: 98px; z-index: 3; background: url(../images/back_claim.gif) no-repeat;}
#claim p {color: #fff; position: absolute; top: 29px; left: 120px; width: 364px; margin: 0; padding: 0; text-align: left; font-weight: bold;}


/* LOGO */

#logo {position: absolute; top: 17px; left: 27px; width: 207px; height: 31px;}
#logo img {width: 207px; height: 31px; position: absolute; top: 0; left: 0;}