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

body{margin:0;padding:0;background-color:black;font-family: Arial, Helvetica, Verdana, sans-serif;font-size:11px;color:#9b0000;font-weight:normal;text-decoration:none;text-transform:none;}

a{color:#9b0000;outline:0;}
a:hover{color:white;}

a img{
	border:0 !important;
}
p,form,ul,h1,h2,h3,h4,h5{
	padding:0;
	margin:0;
}
#menu .blck,#menu .blck{
	display:block;
}
#start_intro{
	display:block;
	height:288px;
	margin:auto;
	overflow:hidden;
	padding:100px;
	position:relative;
	width:512px;
	text-align:center;
}
#progressbar{

}


#bkg_container{
	position:absolute;
	width:100%;
	min-height:670px;
	height:100%;
	background:url(../images/bkg_main2.jpg) top center no-repeat;
	z-index:0;

}

#content_container{
	position:absolute;
	width:100%;
	min-height:670px;
	height:100%;
	z-index:1;
}

#overlay_container{
	position:absolute;
	width:100%;
	min-height:670px;
	height:100%;
	z-index:2;
	background-color:black;
	display:block;
}

#site_container{
	position:relative;
	width:960px;
	height:540px;
	display:block;
}

#main{
	display:block;
	height:640px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:960px;
	/*border-bottom:1px dashed #323232;*/
	border-top:none;
}

#main .logo{
	position:absolute;
	display:none;
	width:140px;
	height:72px;
	overflow:hidden;
	margin:30px 0 0 20px;
	z-index:999;
}

.logo a img{
	background:url(../images/logo24.png) top left no-repeat;
	width:138px;
	height:70px;
	display:block;
}

	
#menu{
	position:absolute;
	width:250px;
	height:20px;
	float:left;
	overflow:hidden;
	bottom:0;
	margin-left:20px;
}
#menu .menu_list{
	height:20px;
	width:250px;
	list-style:none;
	display:none;
}
#menu .menu_list li{float:left;padding-right:15px;}

.menu_btn_work{
	width:32px;
	height:17px;
	display:block;
	background:url(../images/menu_btn_work.png) top left no-repeat;
}

.menu_list .visited .menu_btn_work, .menu_btn_work:hover{
	background:url(../images/menu_btn_work_hover.png) top left no-repeat;
} 

.menu_btn_references{
	width:66px;
	height:17px;
	display:block;
	background:url(../images/menu_btn_ref.png) top left no-repeat;
}

.menu_list .visited .menu_btn_references, .menu_btn_references:hover{
	background:url(../images/menu_btn_ref_hover.png) top left no-repeat;
}

.menu_btn_team{
	width:28px;
	height:17px;
	display:block;
	background:url(../images/menu_btn_team.png) top left no-repeat;
}

.menu_list .visited .menu_btn_team, .menu_btn_team:hover{
	background:url(../images/menu_btn_team_hover.png) top left no-repeat;
}

.menu_btn_contact{
	width:48px;
	height:17px;
	display:block;
	background:url(../images/menu_btn_contact.png) top left no-repeat;
}

.menu_list .visited .menu_btn_contact, .menu_btn_contact:hover{
	background:url(../images/menu_btn_contact_hover.png) top left no-repeat;
}
#footer{
	position:absolute;
	display:block;
	right:0;
	bottom:10px;
	font-size:7pt;
	width:300px;
}
#footer .menu_list{
	list-style:none;
	display:none;
	float:right;
}

#footer .menu_list li{float:left;padding:0 3px;}
#footer .menu_list li.visited a{color:white !important;text-decoration:underline !important;}
#footer .menu_list a{text-decoration:none;}
#footer .menu_list a:hover{text-decoration:underline;}


/*SUBSITES CONTAINER*/


.site_content{
	position:relative;
	height:520px;
	padding-top:100px;
	opacity:0;
}

#references{
	display:none;
	margin-left:60px;
	background:url(../images/bkg_ref.png) top right no-repeat;
}

#team{
	display: none;
	margin-left:60px;
	background:url(../images/bkg_team.png) top right no-repeat;
	overflow:hidden;
}

#contact{
	display:none;
	margin-left:60px;
	background:url(../images/bkg_contact.png) bottom right no-repeat;
}

#work{
	display:none;
	height:520px;
	opacity:0;
	background:url(../images/bkg_work.png) top right no-repeat;
}

#terms{
	display:none;
	height:520px;
	opacity:0;
	background:url(../images/bkg_work.png) top right no-repeat;
	overflow-y:auto;
}
#imprint{
	display:none;
	height:520px;
	opacity:0;
	background:url(../images/bkg_contact.png) bottom right no-repeat;
	margin-left:60px;
}

#showcase{
	display:block;
	position:relative;
	width:100%;
	height:395px;
	opacity:0;
	overflow:hidden;
}
#showcase_car{
	height:
}
/*SUBSITE ELEMENTS*/

#terms h2{padding:10px 0 10px 60px;}
#terms p{color:white ;padding:5px 0px 5px 60px !important;width:70%;}

.site_title{
	display:none;
	font-size:21pt;
	font-weight:lighter;
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	height:28px;
	width: 100%;
	margin-top:15px;
}

.site_title .ttl_team{
	background:url(../images/ttl_team.png) top left no-repeat;
	width:91px;
	height:26px;
}

.site_title .ttl_ref{
	background:url(../images/ttl_ref.png) top left no-repeat;
	width:215px;
	height:26px;
}

.site_title .ttl_partner{
	background:url(../images/ttl_partner.png) top left no-repeat;
	width:175px;
	height:26px;
}

.site_title .ttl_contact{
	background:url(../images/ttl_contact.png) top left no-repeat;
	width:162px;
	height:26px;
}

.site_title .ttl_imprint{
	background:url(../images/ttl_imprint.png) top left no-repeat;
	width:162px;
	height:26px;
}


.line_horz{
	position:relative;
	display:block;
	width:0;
	height:1px;
	background-color:#9b0000;
	
}

.list_container{
	display:block;
	position:relative;
	overflow:hidden;
	padding-left:15px;
	height:0px;
	overlfow:hidden;
	opacity:0;
}
.list_lnk{
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 20px 30px 0;
	text-transform:uppercase;
	width:150px;
	} 

.list_lnk a {color:white;text-decoration:none;}
.list_lnk a:hover{color:#9b0000;}

.teambox{
	position:relative;
	width:0;
	height:400px;
	display:block;
	margin:25px 30px 0 0;
	float:left;
	overflow:hidden;
}
.teambox .teamObj{
	display:block;
	position:relative;
	width:258px;
	height:145px;
	border:1px solid white;
}
#team_christian{
	background:url(../images/team_christian.jpg) top left no-repeat;
}
#team_roland{
	background:url(../images/team_roland.jpg) top left no-repeat;
}
#team_stefan{
	background:url(../images/team_stefan.jpg) top left no-repeat;
}
.teambox h2{display:none;padding-top:30px;font-size:20px;font-weight:normal;padding-left:10px;overflow:hidden;height:30px;width:100%;}
.teambox h2 b{font-weight:normal;font-size:12px}
.teambox h3{display:none;margin-left:10px;color:white;font-size:9px;overflow:hidden;height:30px;width:238px;}
.teambox p{display:none;color:white;padding-top:20px;padding-left:10px;width:238px;overflow:hidden;height:300px;}

.list_contact_container{
	display:block;
	position:relative;
	overflow:hidden;
	width:400px;
	float:left;
}


.list_contact,.list_contact_info{
	list-style:none;
	color:white;
	display:block;
	position:relative;
	width:250px;
	overflow:hidden;
	padding-left:60px;
	float:left;
}

.list_contact_info{
	margin-bottom:15px;
}

.list_contact_info .ttl{
	font-size:12pt;
	color:#9b0000;
}
.list_contact_container .list_contact,.list_contact_container .list_contact_info{clear:both;height:0px;}

.list_contact h2{font-size:18px;font-weight:normal;color:white;}
.list_contact h2.head{font-size:20px;font-weight:normal;color:#9b0000;}

#player{
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	z-index:900;
	opacity:0;
	outline:0;
}
#player_content_container{
	display:block;
	position:relative;
	overflow:hidden;
	width:960px; 
	height:570;
	margin:0 auto;
}
#player_content_container .logo{
	display:block;
	height:72px;
	margin:30px 0 0 20px;
	overflow:hidden;
	position:relative;
	width:140px;
	z-index:999;
}

#plyObj{
	z-index:988;
	display:none;
	overlay:hidden;
	position:relative;
	margin:2px auto;
	outline:0;
	width:960px;
	height:540px;
}

#clicker{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:black;
	margin:0 auto;
	display:block;
	visibility: visible;
	z-index:901;
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#clicker span.close{display:none;visibility:hidden;float:right;color:white}
#clicker:hover span.close{display:block;visibility:visible;}

.lnk_pdf{display:block;
padding-left:20px;
padding-top:20px;
background:url(../images/pdficon.gif) bottom left no-repeat;}


