@charset "utf-8";
/* CSS Document */

/*MAIN*/
html {width: 100%; height: 100%; background: url(../gfx/background_gradient.png) no-repeat #080a11 center top; background-attachment: fixed; z-index: 0;  float:left; } 
body {width: 100%; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; color: #fff; float:left;}
h1 {font-family: '232MKSDRoundLight'; font-size: 32px; font-weight: normal; text-transform: uppercase; line-height: 32px}
h2 {font-family: '232MKSDRoundMedium'; font-size: 17px; font-weight: normal; text-transform: uppercase; line-height: 18px;}
.deco {color: #c92790;}

/*CONTAINERS*/
#wrapper {width: 100%; height: 100%; background: url(../gfx/header_scaler.gif) repeat-x; float: left}
#container {width: 877px; height: 100%; min-width: 877px; background: url(../gfx/header_bg.gif) no-repeat center top; margin: 0px auto;}
#error {width: 100%; height: 100%; position: fixed; background: url(../gfx/error.gif) no-repeat center top #0b0b0d; z-index: 2; text-align: center}
#error a.reload {width: auto; margin: 250px 0 0 0; display: inline-block; color: #fff; border: 1px solid #fff; padding: 10px}
#error_browser {width: 100%; height: 100%; position: fixed; padding: 130px 0 0 0; background: url(../gfx/error_browser.gif) no-repeat center top #0b0b0d; z-index: 2; text-align: center}
#error_browser a {color: #fff}

/*LOGO & LANGUAGE SELECTION*/
#logo {width: 445px; height: 73px; margin: 15px 0 0 85px; display: block; float: left;}
#lang {margin: 10px 118px 0 0; float: right; line-height: 12px}
#lang a {width: 12px; height: 8px; margin: 0 0 0 5px; display: block; float: right; border: 2px solid #092533}
#lang a.active {border: 2px solid #0277a7}
#lang a#en {background: url(../gfx/lang_icon_en.gif)}
#lang a#de {background: url(../gfx/lang_icon_de.gif)}
#lang span {float: right; text-transform: uppercase; color: #0277a7}

/*NAVI*/
#navi {width: auto; min-width: 250px; height: 46px; margin: 50px 82px 0 0; padding: 0 35px 0 0px; background: url(../gfx/navi_bg.png) right; float: right;
		text-transform: uppercase; font-family: '232MKSDRoundMedium'; font-size: 15px}
#navi li {float: left; border-left: 1px solid #121b2b}
#navi a {height: 26px; padding: 4px 18px 0px 18px; display: inline-block; color: #0b0b0d; text-decoration: none; cursor: pointer}
#navi a.active {color: #fff}
#navi a:hover {background: url(../gfx/navi_hover_bg.png) repeat}

/*CONTENT AREA*/
#content {width: 675px; float: left; background: url(../gfx/content_bg.gif); margin: 17px 0 0 84px; padding: 0 0 76px 0; border-top: 38px solid #0b0b0d}
#content.home {border: none; background: none; padding: 0 0 0 0; }

#main {width: 450px; float: left;}
h1#main {width: 250px; height: 76px; margin: 38px 0 0 76px; padding: 0 0 0 48px; float: left; background: url(../gfx/main_h1_arrow.gif) no-repeat;
		color: #c92790;}
#main h2  {float: left; width: 298px; margin: 0 0 12px 76px;}	
#main p, #main ul.list {width: 298px; margin: 0 0 38px 76px; float: left;}
#main ul.list li {background: url(../gfx/main_bullet.gif) 0px 10px no-repeat; padding: 0 3px 0 15px;}
.video {width: 673px; height: 379px; margin: 0 0 76px 0; float: left; overflow: hidden}
#content.home .video {margin: 0 0 7px 0}
#content.home .banner {margin-top: -380px; z-index: 999; position: absolute; display: inline-block; width: 205px; height: 205px;}
a.startbox {width: 103px; height: 81px; padding: 60px 12px 0 105px; margin: 0 7px 0 0; float: left;
		   text-align: right; text-transform: uppercase; font-family: '232MKSDRoundMedium'; font-size: 15px;  text-decoration: none; color: #d8299a}
.startbox._1 {background: url(../gfx/startbox_usage_bg.gif) no-repeat #0b0b0d}
.startbox._2 {background: url(../gfx/startbox_machine_bg.gif) no-repeat #0b0b0d}
.startbox._3 {background: url(../gfx/startbox_delivery_bg.gif) no-repeat #0b0b0d; margin: 0}
.startbox span.white {color: #fff}

#content a.link {background: url(../gfx/main_bullet.gif) 0px 10px no-repeat; padding: 0 3px 0 15px; color: #fff; display: block; float: left;}
#main a {color: #fff}
#main a.link:hover {background: #c92790}

.idTabs {width: 298px; float: left}
.idTabs .tab {float: left; margin: 0 0 24px 0; padding: 0 0 0 76px}
.idTabs h2 a {width: 278px; border-top: 1px solid #c92790; padding: 24px 20px 18px 0; display: block; float:left; color: #fff; text-decoration: none; background: url(../gfx/tab_arrow_down.gif) no-repeat right}
.idTabs h2 a.selected {background: url(../gfx/tab_arrow_up.gif) no-repeat right}
.idTabs .tab span.p {width: 298px; margin: 0 0 12px 0; float:left}
.idTabs img {width: 298px; float: left; margin: 0 0 38px 0}
.idTabs ul {width: 298px; margin: 0 0 38px 0; float: left;}
.idTabs ul li {background: url(../gfx/main_bullet.gif) 0px 10px no-repeat; padding: 0 3px 0 15px;}

/*CONTENT AREA / RIGHT*/
h1#rightbox {width: 177px; height: 76px; color: #fff; margin: 38px 10px 0 0; float: right;}
#rightbox {width: 225px; float: right; color: #fff; height: 100%}
#rightbox h2 {width: 176px; min-height: 44px; padding: 7px 10px 0 39px; background: url(../gfx/rightbox_h2_bg.gif) 0px 10px no-repeat #0377a7; float: left;
			color: #fff}
#rightbox ul.list {margin: 16px 40px 16px 26px; line-height: 16px; float: left}
#rightbox p {width: auto; margin: 16px 40px 32px 39px; line-height: 16px; float: left}
#rightbox ul.list li {background: url(../gfx/rightbox_bullet.gif) 0px 5px no-repeat; padding: 0 0 0 13px; margin: 0 0 16px 0}
#rightbox a {padding: 0 3px 0 0; color: #fff}
#rightbox a:hover {background: #0377a7}
ul#subnavi {width: 225px; padding: 0px; float: right; background: #0b0b0d;}
ul#subnavi li {font-size: 0px; float: left}
ul#subnavi a {width: 186px; height: 28px; padding: 9px 0 0 39px; display:block; background: #161619; margin-top: 1px;
						font-size: 15px; font-family: '232MKSDRoundMedium'; text-transform: uppercase; color: #fff; text-decoration: none}
ul#subnavi a.active {color: #c92790}					
ul#subnavi a:hover {background: #0b0b0d}

/*FOOTER*/
#footer {width: 675px; margin: 7px 0 0 84px; padding: 0 0 40px 0; background: url(../gfx/footer_bg.jpg) no-repeat; float: left; text-align: center; font-size: 10px; text-transform: uppercase}
#footer li {display: inline; margin: 0 5px 0 5px}
#footer a {color: #6e909e; text-decoration: none}
#footer a:hover {color: #fff}