@charset "utf-8";

body {
    font-size: 13px;
    color: #6e7072;
    background-color: #fff;
    font-family: Arial,Verdana,sans-serif;
    margin: 0;
}

div#wrap {
    position: absolute;
    height: 690px;
}
 
#content {  
    padding: 40px 140px 0 640px;
}

body#page-language #content {
    padding-top: 80px;
}

#content-left {
    position: absolute;
    left: 20px;
    top: 140px;
    width: 170px;
    z-index: 100;
}

h1, h2 {
    margin: 0;
    padding: 0;
}

h1 {
    position: absolute;
    top: 20px;
    left: 20px;
}

h2 {
    margin: 40px 140px 0 640px;
    padding: 36px 0 0 57px;
    height: 38px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    color: #000;
}

h3 {
    margin: 0 0 14px 0;
    font-size: 18px;
    font-weight: bold;    
}

body#page-content h3,
div#content-left h3 {
    color: #78cbee;
}







/*
 * Backgrounds
 */
body#page-start div#wrap {
    background: transparent url(../gfx/bg_start.jpg) no-repeat 0 140px;
}

body#page-start2 div#wrap {
    background: transparent url(../gfx/bg_start2.jpg) no-repeat 0 140px;
}

body#page-configurator div#wrap {
    background: transparent url(../gfx/bg_configurator.jpg) no-repeat 250px 140px;
}

body#page-movie div#wrap {
    background: none;
}





/* 
 * Menu, Buttons
 */
ul#nav-lang,
ul#nav-content,
ul#nav-footer,
ul.content-list,
ul#nav-feature {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#nav-lang {
    margin-top: 30px;
}

ul#nav-content {
    margin-top: 60px;
}

ul#nav-lang li,
ul#nav-content li,
ul.content-list li,
ul#nav-feature li,
ul#nav-feature li {
    margin: 0 0 16px 0;
    padding: 0 0 0 19px;
    background: transparent url(../gfx/bg_nav_main_item.png) no-repeat 1px 0;
    text-transform: uppercase;    
    letter-spacing: -1px;
    font-weight: bold;   
    letter-spacing: -0.8px;
    color: #6e7072;
    font-size: 13px;        
}

ul.content-list li {
    margin-bottom: 5px;
}

ul#nav-lang li a,
ul#nav-content li a,
ul.content-list li a,
ul#nav-feature li a,
ul#nav-feature li a {
    text-decoration: none;
    display: block;
    color: #6e7072;
}

ul#nav-lang li:hover,
ul#nav-content li:hover,
ul#nav-feature li:hover {
    color: #78cbee;
    background: transparent url(../gfx/bg_nav_main_item.png) no-repeat 1px -36px;
}

ul#nav-content li:hover a {
    color: #78cbee;
}

ul#nav-feature li:hover a {
    color: #78cbee;
}

ul#nav-content li {
    margin: 0 0 16px 0;
    padding: 0 0 0 19px;
    background: transparent url(../gfx/bg_nav_sub_item.png) no-repeat 1px 2px;
    text-transform: uppercase;    
    letter-spacing: -1px;
    font-weight: bold;   
    letter-spacing: -0.8px;
    color: #6e7072;
    font-size: 12px;        
}

ul#nav-content li:hover {
    color: #78cbee;
    background: transparent url(../gfx/bg_nav_sub_item.png) no-repeat 1px -24px;
}







/*
 * Footer
 */
ul#nav-footer {
    position: absolute;
    bottom: 20px;
    left: 640px;
}

ul#nav-footer li {
    float: left;
}

ul#nav-footer li a {
    color: #6e7072;
    text-decoration: none;
    background: none;
}

span.separator {
    margin: 0 6px 0 6px;
}




/*
 * JS not found note
 */
div#jsnotfound {
	position : absolute;
	left : 195px;
	top : 280px;
	width : 590px;
	height : 100px;
	/*
    -moz-opacity:0.9;
	filter : alpha(opacity=80);
	*/
    background-color : Black;
	color : White;
	font-size : 1.2em;
	text-align : center;
	padding : 30px;
	border: 5px solid #990000;
}

div#jsnotfound span {
	font-size : 1.4em;
}



/*
 * Movie
 */
#loading {
	visibility: hidden;
	position: absolute; 
	left: 440px;
	top: 300px;
	background-image: url(../gfx/loading.gif);
	width: 16px;
	height: 16px;
    z-index: 4;
}  
 
#movie {
    position: absolute;
    top: 144px;
    left: 200px;
    z-index: 10;
    background: transparent;
    
} 

div.jp-video div.jp-jplayer {
     border: none;
     background: #fff;
}

div.jp-audio, div.jp-video {
    color: #666666;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.25em;
    line-height: 1.6;
}

div.jp-video-270p div.jp-jplayer,
div.jp-video-270p {
    height: 530px;
    width: 430px;
    background: #fff;
}

video {
   background: #fff;
}




/*
 * Awards
 */
#awards {
    position: absolute;
    top: 642px;
    left: 413px;
}

#awards  img  {
    margin: 0 10px 0 0;
}




/******************** LAYOUT ********************/

/*

div#head_left {
	position:absolute;
	left:0px;
	top:0px;
	width:825px;
	height:70px;
	background-color:Black;
	color: #E8E8E8;
	font-size : 1.8em;
}

div#head_left p {
	position:absolute;
	left : 45px;
	top : 15px;
	padding : 5px;
	margin : 0px;
}

div#head_right {
	position:absolute;
	left:825px;
	top:0px;
	width:215px;
	height:70px;
	background-color:White;
}

div#logobar {
	position:absolute;
	left:0px;
	top:70px;
	width:1040px;
	height:90px;
	background-color:transparent;
}

div#logobar img{
	position:absolute;
	left:756px;
	top:10px;
}

div#maingraphic {
	position:absolute;
	left:0px;
	top:160px;
	width:825px;
	height:530px;
	background-image : url(gfx/main.jpg);
}

div#movie {
	position:absolute;
	left:0px;
	top:160px;
	width:430px;
	height:530px;
	background-image : url(gfx/leftstill.jpg);
	color : Red;
	font-weight : bold;
	font-size : 20px;
}

div#content {
	position:absolute;
	left:430px;
	top:160px;
	width:335px;
	height:470px;
	background-color:#b0bdcb;
	padding : 30px;
	line-height:150%;
}

div#bottom {
	position:absolute;
	left:430px;
	top:690px;
	width:610px;
	height:30px;
	background-color:Black;
}

div#flash_note {
	position : absolute;
	left : 0px;
	top : 690px;
	width : 430px;
	height : 21px;
	padding-top : 9px;
	padding-left : 5px;
	font-size : 0.7em;
	cursor : pointer;
}

div#bottom_left {
	position:absolute;
	left:430px;
	top:690px;
	width:395px;
	height:23px;
	background-color:Black;
	color : White;
	font-size : 0.8em;
	text-align : center;
	padding-top : 7px;
	cursor:pointer;
}

div#bottom_right {
	position:absolute;
	left:825px;
	top:690px;
	width:215px;
	height:23px;
	background-color:White;
	color : Black;
	font-size : 0.8em;
	text-align : center;
	padding-top : 7px;
	cursor:pointer;
}

div#navigation_right {
	position:absolute;
	left:825px;
	top:160px;
	width:215px;
	height:530px;
	background-color:transparent;
}

div#navigation_right div {
	margin-left : 15px;
	margin-bottom : 5px;
	cursor : pointer;
	padding : 3px;
	padding-left : 10px;
	width : 140px;
}

div#loading {
	visibility : hidden;
	position : absolute; 
	left : 618px;
	top : 400px;
	background-image : url(gfx/loading.gif);
	width : 16px;
	height : 16px;
}	

	


*/

/************* BUTTONS *****************/
/*
div.button {

	font-weight : bold;
	cursor:pointer;
	color : #3e5b88;
}

div#btn_selectspec {

}

div#btn_completespec {

}

div#btn_viewspec {


}

div#btn_changespec {

}
*/
/*************** SONSTIGE ELEMENTE *****************/
ul {
	padding : 0px;
	padding-left : 20px;
	margin : 0px;
}

div.configurator_option {
	padding-top : 0px;
	padding-bottom : 1px;
}

div.configurator_headlines {
	font-weight : bold;
	margin-top : 5px;
}

div.configurator_option div { /* die smallfont texte */
	font-size : 0.8em;
	padding-left : 30px;
	margin-top : 0px;
	margin-bottom : -5px;
}