/*SITE GENERAL*/

body {
	background: #dedede url('/images/bg_site.png') repeat-x top left;
	margin: 0px;
	vertical-align:	top;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	line-height: 17px;
	}

#wrap {width: 1010px; margin: auto;} /*sorgt f�r mittige platzierung*/
#site {width: 1010px;}

img 	{border:0;}
a	{outline: none;}
	
	
/*HEADER*/

#container_header{
	background: url('../images/bg_header.png') no-repeat top left;
	height: 175px;
	width: 1010px;
	border: none;
	text-align: left;
	position: absolute;
	display: block;
	z-index: 100;
	}


.container_event		{display: block; min-width: 100px; position: absolute; top: 125px; left: 320px; background: url('/images/blogevent_pfeil.png') bottom left no-repeat; padding-bottom: 10px; z-index: 119;}

.container_event h1		{padding: 0px; margin: 0px;}
.container_event h1 a	{	padding: 2px 8px; 
							margin: 0px; 
							background: url('/images/red70.png'); 
							font-size: 11px; 
							text-decoration: none; 
							font-weight: bold; 
							color: #fff;
							-moz-box-shadow: 0px 0px 5px #000;
							text-transform: uppercase;
							font-family: Arial, Helvetica, sans-serif;
							-moz-border-radius: 3px;
							border-radius: 3px;
							border: 1px solid #ff0000;
}
.container_event h1 a:hover	{	color: #000; background: #fff; border: 1px solid #000;} 


.container_neuester		{display: block; min-width: 100px; position: absolute; top: 130px; right: 163px; background: url('/images/blogevent_pfeil.png') bottom right no-repeat; padding-bottom: 10px; z-index: 120;}

.container_neuester h1	{padding: 0px; margin: 0px;}
.container_neuester h1 a{	padding: 2px 8px; 
							margin: 0px; 
							background: url('/images/red70.png'); 
							font-size: 11px; 
							text-decoration: none; 
							font-weight: bold; 
							color: #fff;
							-moz-box-shadow: 0px 0px 5px #000;
							text-transform: uppercase;
							font-family: Arial, Helvetica, sans-serif;
							-moz-border-radius: 3px;
							border-radius: 3px;
							border: 1px solid #ff0000;
}
.container_neuester h1 a:hover	{	color: #000; background: #fff; border: 1px solid #000;} 


.container_home			{display: block; padding: 10px 83px 0px 0px; }
#nav_home				{margin: 0px; padding: 0px; width: 245px; height: 70px; line-height: 0px; float: right;}	
#nav_home:hover			{background: url('/images/home.png') top left no-repeat;}	

.container_hauptmenu 					{margin: 0px; 	width: 300px; height: 35px;	float: left; clear: both; 	text-align: left;	line-height: 0px; position: relative; top: 60px; left: 83px;}
.hauptmenu_links						{margin: 0px; padding: 0px;}
.hauptmenu_links#nav_riders				{width: 100px; height: 35px; float: left;}	
.hauptmenu_links#nav_riders:hover		{background: url('/images/navigation_over.png') top left no-repeat; background-position: 0px 0px;}
.hauptmenu_links#nav_bikes				{width: 100px; height: 35px; float: left;}	
.hauptmenu_links#nav_bikes:hover		{background: url('/images/navigation_over.png') top left no-repeat; background-position: -100px 0px;}
.hauptmenu_links#nav_media				{width: 100px; height: 35px; float: left;}	
.hauptmenu_links#nav_media:hover		{background: url('/images/navigation_over.png') top left no-repeat; background-position: -200px 0px;}	

.container_submenu 						{margin: 0px;	width: 180px; height: 35px; float: right; text-align: left;	line-height: 0px; position: relative; top: 60px; right: 83px; z-index:110;}
.hauptmenu_rechts						{margin: 0px; padding: 0px;}
.hauptmenu_rechts#nav_blog				{width: 50px; height: 35px; float: left;}	
.hauptmenu_rechts#nav_blog:hover		{background: url('/images/submenu_over.png') top left no-repeat; background-position: 0px 0px;}
.hauptmenu_rechts#nav_guestbook			{width: 75px; height: 35px; float: left;}	
.hauptmenu_rechts#nav_guestbook:hover	{background: url('/images/submenu_over.png') top left no-repeat; background-position: -50px 0px;}
.hauptmenu_rechts#nav_forum				{width: 55px; height: 35px; float: left;}	
.hauptmenu_rechts#nav_forum:hover		{background: url('/images/submenu_over.png') top left no-repeat; background-position: -125px 0px;}
	
.topmenu a{ float: left;	width: 200px; height: 100px; background: #f00; display: block;}
.topmenu#cat1 a{background: #fff;}
	
#headershadow{
	background: url('../images/bg_headershadow.png') repeat-x top left;
	width: 860px;
	height: 15px;
	display: block;
	position: absolute;
	left: 75px;
	top: 175px;
	}

#container_bodyfooter {
	width: 860px;
	margin-top: 179px;
	margin-left: 75px;
	position: absolute;
	display: block;
	z-index: 90;
	}
	

/*BODY*/
#container_body {
	background: url('../images/bg_dsummy_body.png') no-repeat top left;
	width: 860px;
	float: left;
	}
	
/*BODY BOX*/
.bottom_left 	{background:		url(/images/bg_bottom_left.png) 0 100% no-repeat;}
.bottom_right 	{background:		url(/images/bg_bottom_right.png) 100% 100% no-repeat; padding: 0px 8px 8px 8px;}
.bottom 		{background:		url(/images/bg_bottom.png) 0 100% repeat-x; width: 860px; text-align:left;}
.left 			{background:		url(/images/bg_left.png) 0 0 repeat-y;}
.right			{background:		url(/images/bg_right.png) 100% 0 repeat-y;}
.clear	{clear: both; width: 0px; height: 0px; margin: 0px; font-size: 0px;
}




/*FOOTER*/

#container_footer {
	background: url('../images/bg_footer.png') no-repeat top left;
	width: 860px;
	height: 50px;
	display: block;
	float: left;
	}
	
.container_socialmenu 				{margin: 8px 0px 0px 8px; 	width: 185px; height: 34px;	float: left; clear: both; 	text-align: left;	line-height: 0px;}
.socialmenu							{margin: 0px; padding: 0px;}
.socialmenu#nav_facebook			{width: 70px; height: 34px; float: left;}	
.socialmenu#nav_facebook:hover		{background: url('/images/socialmenu_over.png') top left no-repeat; background-position: 0px 0px;}
.socialmenu#nav_twitter				{width: 55px; height: 34px; float: left;}	
.socialmenu#nav_twitter:hover		{background: url('/images/socialmenu_over.png') top left no-repeat; background-position: -70px 0px;}
.socialmenu#nav_vimeo				{width: 55px; height: 34px; float: left;}	
.socialmenu#nav_vimeo:hover			{background: url('/images/socialmenu_over.png') top left no-repeat; background-position: -125px 0px;}

.container_footermenu 				{margin: 8px 8px 0px 0px; 	width: 215px; height: 34px;	float: right;  	text-align: left;	line-height: 0px;}
.footermenu							{margin: 0px; padding: 0px;}
.footermenu#nav_kontakt				{width: 60px; height: 34px; float: left;}	
.footermenu#nav_kontakt:hover		{background: url('/images/footermenu_over.png') top left no-repeat; background-position: 0px 0px;}
.footermenu#nav_rennleitung			{width: 80px; height: 34px; float: left;}	
.footermenu#nav_rennleitung:hover	{background: url('/images/footermenu_over.png') top left no-repeat; background-position: -60px 0px;}
.footermenu#nav_impressum			{width: 75px; height: 34px; float: left;}	
.footermenu#nav_impressum:hover		{background: url('/images/footermenu_over.png') top left no-repeat; background-position: -140px 0px;}

	



/*SEITEN*/

#inhalt {
	width: 100%;
	background: #dedede;
	}
	

/*Startseite*/
#startseite {
	width: 100%;
	text-align: left;
	height: 457px;
	position: relative;
	z-index: 8;
}

#special{
	width: 520px;
	height: 455px;
	padding: 0px 0px 0px 8px;
	float: left;
	
}

#fullscreen{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

#switch{
	width: 20px;
	height: 20px;
	background: url('/images/fullscreen.png') 0px 0px no-repeat;
	position: absolute;
	left: 3px;
	bottom: 2px;
	z-index: 9;
}

#switch:hover{
	width: 20px;
	height: 20px;
	background: url('/images/fullscreen.png') -20px 0px no-repeat;
	cursor:pointer;
}

#switch_on{
	width: 20px;
	height: 20px;
	background: url('/images/fullscreen.png') -20px -20px no-repeat;
	position: absolute;
	left: 3px;
	bottom: 2px;
	z-index: 9;
	display: none;
}

#switch_on:hover{
	width: 20px;
	height: 20px;
	background: url('/images/fullscreen.png') 0px -20px no-repeat;
	cursor:pointer;
}

#box_blogpreview{
	position: absolute;
	right: 0px;
	z-index: 10;
	visibility: visible;
		float: right;	
}

#blogpreview{
	width: 270px;
	overflow: hidden;
	margin: 5px 10px 10px 0px;
	background: url('/images/black50.png');
	border: 1px solid #333;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #333;
	color: #fff;
	}

#blogpreview:hover{
	background: url('/images/black80.png');
}
	
#blogpreview h1{
	color: #ccc;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	text-align: left;
	background: url('/images/black50.png');

}

#blogpreview h2{/*MEHR-Links*/
	padding: 0px; 
	margin: 0px;
}

#readblog{
	color: #0CF;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	float: right;
	padding: 5px;
	background: url('/images/black50.png');
	-moz-box-shadow: 1px 1px 3px #333;
	border-radius: 5px;
	margin-right: 10px;

}

#readblog:hover{
	color: #fff;
	text-decoration: none;
	background: #000;
}

#blogpreview h3 a{
	color: #FFF;
	text-align: right;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px 10px;
}

#blogpreview h3 a:hover{
	color: #0CF;
	text-decoration: none;
}

#blogpreview h4 {/*blogsocial box-�berschriften*/
	background: url('/images/black50.png');
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ccc;
	padding: 1px 10px 1px 0px;
	margin: 0px 0px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 15px;
	vertical-align: middle;
}

	



#preview1 {
	font-family:Verdana, Geneva, sans-serif;
	padding: 0px 10px;
	text-align:justify;
	font-size: 11px;
}

#preview1 img {
	display: none;
    height: 0;
    visibility: hidden;
    width: 0;
}

#preview_author {
	display: inline;
	float: left;
	color: #0CF;
	font-weight: bold;
	padding-right: 10px;
}


#feature_icon_small{
	float: left;
	width: 250px;
	height: 30px;
	margin: 5px 0px 5px 10px;
	}
	
#feature_icon_small img {
	display: block;
    visibility: visible;
}



/*Impressum*/
#impressum {
	width: 100%;
	text-align: left;
	background: #eee;
	padding: 20px 0px 20px 0px;
}

#impressum h2 {
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #C00;
	padding: 0px 20px;
	margin-top: 0px;
	display: block;
	text-align: right;
}

.impressum_text {
	border: 1px solid #ccc;
	background: #fff;
	display: block;
	text-align: justify;
	margin: 0px 20px 20px 20px;
	padding: 10px;
	}

.impressum_text h1 {
	font-size: 14px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 0px;
	}