/*
Theme Name: BBNSA theme
Theme URI: http://wordpress.org/

Author: Remi Vledder
Author URI: www.terra-preta.nl
*/



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

* {
	margin:0;
	padding:0;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	}

a	{
	color: #ffffff;
}

h1 {
	text-align:left;
	font-size:14px;
	color:#FFF;
	background-image:url('images/h1_tile.png');
	background-position:bottom;
	height:22px;
	position:relative;
	float:left;
	padding:3px 15px 0px 15px;
	clear:both;
	}

	div#pushhead {
		width:200px;
		height:18px;
		display:block;
		float:left;
		position:relative;
		}
	
	h1 a {
	color:#fff;
	text-decoration:none;
	}
	
	h1 a:hover {
	text-decoration:underline;
	}

h2 {}

p {
	text-align:left;
	margin-left:15px;
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	width:300px;
	}

a.link {
	color:#f00; /* rood */
}
		
a.link:hover {
	text-decoration:none;
}
		
p.main_img_text {
	color:#fff;
	font-size:15px;
	margin-top:0;
	}

html {
	height:100%;
	overflow(-x): auto;
	}

body { 
	height:100%;
	background-color:#000;
	background-image:url('images/bg.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	overflow-x:hidden; 
	}

div.wrapper {
	width:1000px;
	position:relative;
	text-align:center;
	margin:0 auto;
	}

div.wrapperfoot {
	width:1000px;
	position:relative;
	text-align:center;
	margin:0 auto;
	}
	
	div#header {
	width:1000px;
	height:125px;
	}
		
		div#logo {
			width:200px;
			height:125px;
			background-image:url('images/logowit.png');
			background-repeat:no-repeat;
			position:relative;
			float:left;
		}
		
		div#hor_menu {
		}
		
			div#hor_menu ul {
			}
	
				div#hor_menu ul li {
					width:100px;
					height:40px;
					margin:45px 0 0 5px;
					position:relative;
					float:right;
					list-style-type:none;
					}
	
					div#hor_menu ul li a {
						text-decoration:none;
						color:#fff;
						font-size:14px;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:900;
						width:100px;
						height:30px;
						display:block;
						padding-top:10px;
						}
					
						div#hor_menu ul li#riders a:hover {
							color:#000;
							background-image:url('images/riders_hvr.png');
							}
					
						div#hor_menu ul li#contest a:hover {
							color:#000;
							background-image:url('images/contest_hvr.png');
							}
						
						div#hor_menu ul li#sponsors a:hover {
							color:#000;
							background-image:url('images/sponsors_hvr.png');
							}
							
						div#hor_menu ul li#news a:hover {
							color:#000;
							background-image:url('images/news_hvr.png');
							}
							
						div#hor_menu ul li#links a:hover {
							color:#000;
							background-image:url('images/links_hvr.png');
							}
	
						div#hor_menu ul li#contact a:hover {
							color:#000;
							background-image:url('images/contact_hvr.png');
							}
	
	div#sidebar {
		width:200px;
		height:500px;
		float:left;
		position:relative;
		}	
		
		div#sidebar ul {
			list-style-type:none;
			margin:50px 0 0 0;
			font-family:Tahoma, Geneva, Arial, sans-serif;
			font-weight:bold;
			font-size:10px;
			
			}
			
			div#sidebar ul li {
				position:relative;
				clear:left;
				text-align:left;
				}
				
			a.links {
			float:left;
			}
			
			a.rechts {
			float:right;
			}
				
			div#sidebar ul li a {
				text-decoration:none;
				color:#FFF;
				width:165px;
				padding-left:15px;
				margin-top:10px;
				}
				
				div#sidebar ul li a:hover {
				/*
					background-image:url('images/hover_vertmenu.png');
					background-repeat:no-repeat;
				*/	
					background-image:url('images/h1_tile.png');
					background-position:bottom;
					background-repeat:repeat-x;
					position:relative;
					padding-left:15px;
					
					}
	
	div#main {
		width:800px;
		float:left;
		position:relative;
		}
	
		div#main_img_bg {
		float:left;
		position:relative;
		width:350px;
		height:437px;
		background-image:url('images/img_bg.png');
		margin-left:60px;
		}
		
			div#main_img_text {
	 -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE 7 & 8 */
			width:300px;
			height:30px;
			position:relative;
			float:left;
			display:inline;
			margin:230px 0 0 -120px;
			}
		
			div#main_img {
				width:268px;
				height:373px;
				position:relative;
				float:left;
				display:block;
				margin:-230px 0 0 40px;
				}
		
		div#content {
		width:350px;
		float:left;
		position:relative;
		margin-left:20px;
		margin-bottom: 30px;
		}
			
			div.head1 {
				background-image:url('images/head1_bg.png');
				background-repeat:no-repeat;
				width:345px;
				height:52px;
				}
	
	div.footer {
		width:1400px;
		height:311px;
		background-image:url('images/footer_zw_bg.png');
		background-repeat:no-repeat;
		position:relative;
		float:left;
		margin-bottom:-212px;
		margin-left:-100px;
		z-index:2;
		}
		
			div#events {
				width:106px;
				height:224px;
				background-image:url('images/events.png');
				float:left;
				position:relative;
				margin:90px 45px 0 60px;
				}
				
			div.footerimg_bg {
				width:297px;
				height:254px;
				background-image:url('images/footerimg_bg.png');
				float:left;
				position:relative;
				}
				
			div.date {
				float:left;
				position:relative;
				width:249px;
				margin:8px 0 0 -305px;
				}
				
				a.date_top {
					color:#fff;
					font-size:15px;
					text-decoration:none;
					}
					
				a.date_top:hover {
					text-decoration:underline;
					}
				
			div.footerimg {
				width:249px;
				height:198px;
				float:left;
				position:relative;
				margin:36px 0 0 -270px;
				}
				
			div.variabele {
				width:340px;
				float:left;
				position:relative;
				margin:35px 0 0 -8px;
				}
				
			div.event_title {
				margin:207px 0 0 -267px;
				float:left;
				position:relative;
				}
			
				a.event_title_link {
					font-size:15px;
					color:#00DF1A;
					padding:0 5px 0 5px;
					background-color:#FFF;
					text-decoration:none;
					font-weight:bold;
					}
				
				a.event_title_link_2 {
					background-color:#FFFFFF;
					color:#00DF1A;
					float:left;
					font-size:15px;
					font-weight:bold;
					margin-left:14px;
					padding:0 5px;
					text-decoration:none;
				}

div#grey {
position:relative;
float:left;
clear:both;
width:100%;
height:212px;
background-color:#5f5c5c;
z-index:-2;
}