@charset 'utf-8';
@import url( reset.css );
/**************************************************************************************
								DATEIVERSION	: 2008_08_25
**************************************************************************************/

@media all
{
/**************************************************************************************
								RESET
**************************************************************************************/
* { 
	padding:					0; 
	margin:						0; 
	font-size:					normal;
}


body {
	
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
	line-height:				normal;
	color:						#4c4c4c;
	
	padding:					0; 
	margin:						0; 
	
	border:						0;
	background-color:			#000000;
	
	background-image:			url('/img/img_bike_gesamt_01.jpg');
	/* background-position:		-290px 120px; */
	background-position:		-280px 120px;
	background-repeat:			no-repeat;
}




img{ border:0;}

h1{	font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; line-height:normal; text-transform:uppercase; }
h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; line-height:normal; text-transform:none; }
h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:normal; text-transform:uppercase; }
h4{	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:normal; text-transform:none; }
h5{	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#48bec8; line-height:normal; text-transform:none; }
h6{	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1c0d44; line-height:normal; text-transform:none; }

p {

	line-height:				22px;
	font-size:					12px;
}

ol, ul,  li{
	list-style:					none;
	
	margin:						0;
	padding:					0;
}

label { cursor: pointer; cursor:hand; }

input, button, select, textarea , option{
	font-size:					11px;
	background-color:			#ffffff;
}

fieldset { border:none; }

a:link, a{ font-size:12px; color:#4c4c4c; text-decoration:none; outline:none; cursor:pointer; cursor:hand; }
a:hover{ font-size:12px; color:#4c4c4c;  text-decoration:underline; }
a.active {  color:#4c4c4c; outline:none; }


.left{ float:left	!important; }
.right{ float:right	!important; }


.noPadding{ padding: 0	!important; }
.noMargin{ margin: 0	!important; }
.noBorder{ border: 0	!important; }


.height_01{ height:236px	!important; }


.width_01 {	width:75px	!important; }
.clear {clear: both;}


/****************************		 	BOXES 		***********************/
.box_01{ 
	width:						676px		!important;
	height:						346px		!important;
}




/****************************		 	FORMULARE 		***********************/
.select_01 { width:164px; color:#333333;}
.input_01 { 	width:240px	!important; }


.radioField{	   
	color: 						#666666		!important; 

	border:						none;
	padding:					1px 2px 1px 2px;
	background-color:			#1a1a1a;
}


.textfield{	   
	font-size: 					11px;
	font-family: 				Arial, Helvetica, sans-serif; 
	color: 						#666666		!important; 

	line-height:				normal;
	text-decoration: 			none;
	text-transform:				uppercase;
	border:						none;
	padding:					2px 2px 1px 2px;
	background-color:			#1a1a1a;
	
	margin:						0px 0px 4px 0px;
}

.textfield_error{	
	font-size : 				11px; 
	font-family: 				Arial, Helvetica, sans-serif; 
	color: 						#e64222		!important; 
	
	text-decoration: 			none;
	border:						none;
	padding:					5px 0px 5px 0px;
}
.borderColor_error { border:1px solid #ff00cc	!important;  }


.color_01{ color:#5b68a6 !important; }
.color_02{ color:#b2b2b2 !important; }
.color_03{ color:#999999 !important; }
.color_04{ color:#333333 !important; }
.color_05{ color:#ae4c9e !important; }
.color_06{ color:#809900 !important; }




.bgcolor_01{ background-color:#b3b3b3; }
.bgcolor_02{ background-color:#5b68a6; }
.bgcolor_03{ background-color:#aacc00; }
.bgcolor_04{ background-color:#8c0075; }


.borderColor_01 { border:1px solid #999999		!important;  }


.inputdefault{
	border:						none			!important; 
	margin:						0;
	padding: 					0;
}

.line{
	clear:						both;
	float:						left;
	
	width:						100%;

	margin: 					0;	
	border-bottom:				1px solid #cccccc;
	
	line-height:				1px;
	font-size:					1px;
}

.cursorStyle{ cursor: pointer; cursor:hand; }






/**************************************************************************************
								CORPUS
**************************************************************************************/
#corpus{
	position:					relative;
	float:						left;
	width:						960px;
	
	
	margin:						0px auto 0px auto;

	text-align: 				left;
	z-index:					1;
	
	background:					transparent;
}



/**************************************************************************************
								MAGINAL
**************************************************************************************/
#maginalTop{
	position:					relative;
	
	margin:						28px auto 0px 496px;
	text-align:					center;
	z-index:					999;
	
	width:						234px;
	height:						67px;
}

#maginalImpressum{
	position:					relative;
	text-align:					right;
	
	top:						0;
	right:						0;
	
	margin:						5px 0 0 132px;
	
	z-index:					999;
	width:						960px;

	background:					transparent;
}

#maginalImpressum a{
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
	line-height:				22px;
	color:						#4c4c4c;
	text-transform:				uppercase
}
#maginalImpressum a:hover{
	text-decoration:			none;
	color:						#ffffff;
}

#maginalBottom{
	position:					relative;
	text-align:					left;
	
	top:						0px;
	left:						0px;
	
	margin:						0 0 0 132px;
	z-index:					999;
	width:						960px;

	background:					transparent;
}




/**************************************************************************************
								CONTENT
**************************************************************************************/
#content{
	position:					relative;
	float:						left;
		
	width:						960px;
	/* height:						380px; */
	height:						353px;

	top:						0px;
	left:						0px;
	
	z-index:					1;
	background:					transparent;
}
/**************************************************************************************
								IMPRESSUM
**************************************************************************************/
.impressum{
	display:					none;
	position:					absolute;
/* 	float:						left; */
		
	width:						960px;
	height:						332px;

	top:						130px;
	left:						132px;
	
	
	z-index:					99999	!important;
	background:					#000000;
}

.closeButton,
.closeButton:hover{
	position: 					absolute;
	z-index:					9999;
	
	top: 						16px;
	right: 						8px;
	background-image: 			url('../img/closelabel.gif');


	display: 					block;
	width: 						18px;
	height: 					18px;

	background-repeat: 			no-repeat;
	background-attachment: 		scroll;
	background-position: 		0% 0%;

	text-indent:				-2000px;
	overflow:					hidden;
}

.gateLayer.active{ color:#ffffff	!important; }

.impressumTxt{
	float:						left;
	margin:						4px 20px 20px 20px;
}
.defaultCol{
	float:						left;
	margin:						0 0 0 0;
}
.defaultCol p{
	margin:						16px 0 0 0;
	line-height:				16px;
}

.defaultCol p.top{
	margin:						8px 0 0 0;
}

.impressum .width_02{ width:278px; }
.impressum .width_03{ width:330px; }
.impressum .width_04{ width:305px; }


.impressum .color_07{ color:#ffffff; }
.impressum .color_08{ color:#cccccc; }

#overlay{
	display:					none;
	position:					absolute;
	top:						0;
	left:						0;
	
	width:						100%;
	height:						100%;

	z-index:					2	!important;
	background-color:			#ffffff;

	-moz-opacity: 				0.0;	
	opacity:					.00;
	filter:						alpha(opacity=00);
} 
.impressum[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

/**************************************************************************************
								CONTENT
**************************************************************************************/
.logo{
	width:						234px;
	height:						67px;
	
	background-image:			url(/img/lgo_urban_motor.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
} 

.logo a{
	display:					block;
	
	width:						234px;
	height:						67px;
	
	background-color:			transparent;
}
	
.lgo_crs_run{
	position:					absolute;
	left:						132px;
	top:						426px;
	
	margin:						0 0 0 0;
	z-index:					9999;
	width:						180px;
	height:						38px;
}
.lgo_crs_run img{
	margin:						0 8px 0 0;
}
	
.defaultBox{
	float:						left;

	width:						240px;

	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
	line-height:				22px;
	color:						#ffffff;
	
	margin:						0 0 22px 0;
}
	
	
.defaultBox dl{
	width:						227px;
	min-height: 				34px;
	height: 					auto;
	
	font-size:					12px;
	color:						#4c4c4c;
	line-height:				22px;
}
*html .defaultBox dl{ height:32px; }
html + body .defaultBox dl{ height:32px; }


.defaultBox dt{
	float:						left;
	width:						75px;
}

.defaultBox dd{
	float:						left;
	width:						151px;
}	
	
.firstTag{
color:#cccccc;
}	
	
.secondTag{
color:#4c4c4c;
}		
	
	
	
.defaultBox label{
	margin:						0 0 0 0;
}
	
.defaultBox span{	   
	font-size: 					11px;
	font-family: 				Arial, Helvetica, sans-serif; 
	color: 						#666666		!important; 

	text-decoration: 			none;
	text-transform:				uppercase;
	padding-right:				8px;
}

	
/* Google Chrome hack */
/* body:nth-of-type(1) #TB_window {
	top:					41.1% !important;
} */


.firstInput{
	margin-top:4px	!important;
}

.defaultError{
	position:					absolute;
	right:						66px;
	top:						380px;
	
	margin:						0 0 0 0;
	z-index:					9999;
	width:						172px;
	height:						38px;
}


.buttonAction{
	float:						right;
	width:						98px;
	margin:						4px 0px 0px 0px;
	border:						none;
	background-color:			#666666;
	color:						#ffffff;
}

:hover.buttonAction{
background-color:#999999;

}

#newLayerVerlauf{
	position:absolute;
	z-index:2;
	left:134px;
	top:10px;
	
	float:left;
	width:400px;
	/* height:181px; */
	min-height:181px;
	height:auto;
	
	/* padding: 30px 20px; */
	padding: 0px 20px;
	
	/* background-image:			url('/img/bg_news_verlauf.png'); */
	background-image:			url('/img/bg_news_verlauf_362.png');
	background-position:		0 0;
	background-repeat:			no-repeat;
}
#newLayer{
	position:relative;
	z-index:4;
	left:0px;
	top:0px;
	
	float:left;
	width:400px;
	min-height:121px;
	height:auto;
	/* height:181px; */
	
	padding: 30px 0 25px 0;
}

#newLayer h1{
	color:#cccccc;
	font-size:18px;
	line-height:16px;
	
	background-image:			url('/img/hl_new.gif');
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:-2000px;
	overflow:hidden;
}

#newLayer p{
	color:#cccccc;
	font-size:12px;
	line-height:16px;
	
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}

#newLayer a{
	color:#ffffff;
	font-size:12px;
	line-height:16px;
	text-decoration:underline;
}












}