/* CSS Document */
html,body{height:100%;font-family:Verdana,Helvetica,Arial,SunSans-Regular,Sans-Serif;font-size:11px;margin:0px;padding:0px;top:0;left:0;color:#fff;text-align:center;background:url(bg-stills.jpg) repeat-y top center #000;line-height:16px;}
/*allgemein
********************************************************/
h1{font-size:12px;font-weight:bold;margin:28px 0px 10px 15px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
h2{font-size:12px;font-weight:bold;margin:20px 0px 10px 15px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
h3{font-size:11px;font-weight:bold;margin:20px 0px 10px 15px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
h4{font-size:12px;font-weight:bold;margin:0px 0px 10px 15px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
h5{font-size:11px;font-weight:bold;margin:10px 0px 2px 15px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
a{text-decoration:none;}
strong{color:#666;letter-spacing:1px;}
img{border:none;}
/* Clear floats 
********************************************************/
.clearl{clear:left;}
.clearr{clear:right;}
.clearb{clear:both;}
/* main container
********************************************************************************/
#center{width:820px;height:100%;margin:0px auto;padding:0px;text-align:left;}
#absolute{position:absolute;width:820px;margin:0px;padding:0px;z-index:1;}
/* absolute position - teaser clilps
********************************************************************************/
#clip1{position:absolute;width:80px;top:198px;left:322px;z-index:100;}
#clip2{position:absolute;width:80px;top:345px;left:322px;z-index:100;}
#clip3{position:absolute;width:80px;top:492px;left:322px;z-index:100;}
#clip4{position:absolute;width:80px;top:637px;left:322px;z-index:100;}
/* box left - logo and slogan
********************************************************************************/
#boxleft{float:left;width:310px;margin:0px;padding:0px;}
#flashbox {margin:0px;padding:0px;}
#flashbox embed{margin:40px 0px 0px 0px;padding:0px;}
* html #flashbox object{margin:40px 0px 0px 0px;padding:0px;}
#noflash {margin:0px;padding:0px;}
#noflash img{margin:40px 0px 0px 0;padding:0px;}
/* navigation
********************************************************************************/
#navi{width:310px;margin:0px;padding:0px;text-align:right;}
#navi ul.nav1st{margin:108px 0px 0 0;padding:0px;font-size:12px;list-style-type:none;}
#navi ul.nav1st li{display:block;margin:28px 0px 0px 0;padding:3px 20px 3px 0;background:url(bgnav.jpg) repeat-y top right;}
#navi ul.nav1st li a,
#navi ul.nav2nd li a{color:#999;text-decoration:none;}
#navi ul.nav2nd{font-size:11px;margin:0px;padding:0px;list-style-type:none;background:url(bgnav.jpg) repeat-y top right;}
#navi ul.nav2nd li{display:block;margin:0px 0px 0px 0;padding:3px 20px 3px 0;}
* html #navi ul.nav2nd li{margin-right:-20px;}
#navi ul.nav3rd{font-size:10px;}
#navi ul li a:hover{color:#666;}
#navi ul li a.current,
#navi ul li.active a{color:#fff;}
/* layout content
********************************************************************************/
#boxright{float:left;width:510px;margin:0px;padding:0px;}
/* left padding
**********************/
#boxright div.padd{margin:0px;padding:0 0 15px 105px;}
/* top media
**********************/
#media{margin:0px;padding:0px;}
#media p{margin:19px 0 0 0px;padding:0px;}
#media img{margin:0px;padding:0px;}
/* main text content
**********************/
#content{margin:0px;padding:0px;}
#content p{margin:0px 0px 10px 15px;padding:0px 0px;}
#content div.youtube{margin:0px 0px 10px 15px;padding:0px 0px;}
#content a.fvd_ytl{margin:0px 0px 10px 15px;padding:0px 0px;}
#content img{margin:0px 0px 5px 15px;padding:0px 0px;}
#content embed{margin:0px 0px 10px 15px;padding:0px 0px;}
#content ul{margin:10px 0px 10px 15px;padding:0px 0px;list-style-type:square;}
#content li{margin:0px 0px 3px 20px;padding:0px 0px;}
#content a{color:#b0bcc8;}
#content a:hover{color:#666;}
/* Teaser Showcase
**********************/
div.showcaseteaser{clear:left;margin:0px 0px 0px 15px;padding:10px 0 0 0;}
#content div.showcaseteaser img{float:left;margin:0px 10px 0px 0px;padding:0px 0px;border:1px solid #666;}
#content div.showcaseteaser h3{font-size:11px;font-weight:bold;margin:0px 0px 10px 0px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
#content div.showcaseteaser p{margin:0px 0px 2px 0px;padding:0px 0 0px 0;}
/* FORMULARE
********************************************************************************/
#content form{margin:20px 0px 0px 15px;padding:0px 0px;}
#content form h3{font-size:11px;font-weight:bold;margin:20px 0px 10px 0px;padding:0px 0 0px 0;letter-spacing:2px;color:#666;}
#content fieldset{margin:0px 0px;padding:0px 0px;border:none;}
#content legend{display:none;}
#content div.element{clear:left;display:block;margin:0px;padding:0px;}
/* Box um Bezeichnungen (abstand eingabefelder von links) */
#content div.element label,
#content div.element label.nlselect{float:left;margin:0px 0 5px 0;padding:0px;width:170px;}
#content div.element label.select{margin:10px 0 5px 0;padding:0px;width:370px;}
#content div.element select{margin:0px 0 5px 0;padding:0px;width:370px;}
/* eingabefelder */
#content div.element input,
#content div.element textarea,
#content div.element select.nlselect{float:left;width:200px;margin:0px 0 5px 0;padding:0px;font-size:11px;background-color:#fff;border:1px solid #fff;}
#content div.offer div.element textarea{width:370px;}
#content div.offer div.element label.textarea{width:370px;}
#content div.element input.text{height:14px;}
#content div.element input:focus,
#content div.element textarea:focus{background-color:#ddd;}
/* submit */
#content div.element input.submit{clear:left;margin:0px 0px 0px 250px;padding:0px 0px 15px 0;width:120px;border:none;color:#999;font-size:11px;text-align:right;cursor:pointer;background-color:transparent;}
#content div.offer div.element input.submit{margin:10px 0px 0px 250px;}
#content div.split2 div.element input.submit:hover{background-color:transparent;border-style:hidden;color:#666;}