@charset "utf-8";

body {
	font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:Black;
	background-color:#d5dbe3;
}

/******************** 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;
}	

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;
}	


/************* BUTTONS *****************/

div.button {
	padding : 5px;
	font-weight : bold;
	cursor:pointer;
	color : #3e5b88;
}

div#btn_selectspec {
	position : absolute;
	left : 25px;
	top : 300px;
}

div#btn_completespec {
	position : absolute;
	left : 25px;
	top : 325px;
}

div#btn_viewspec {
	position : absolute;
	left : 25px;
	bottom : 20px;
}

div#btn_changespec {
	position : absolute;
	left : 25px;
	bottom : 20px;
}

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

div.configurator_option {
	padding-top : 1px;
	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 : -5px;
	margin-bottom : -5px;
}