@charset "utf-8";

/*	=
	@author		kevin van Beers/ Blueberry new media
	@version	1.0
	@since		okt 09
	----------------------------------------------------*/


/*	=RESETS / TEMPLATE
	----------------------------------------------------*/
* {
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
}

img { 
	border: 0;
}

a {
	outline: 0;
	color: #000; 
	font-size: 12px;
}

.clr { 
	overflow: hidden;
	height: 100%;
}

.hide { 
	display: none;
}

h1{
	font-family: "Complete in Him";
	font-weight: normal;
}

fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
}


/*----------------------------------------------------*/

body {
	text-align: center;
	background-image:url("images/bg_body.jpg");
	background-repeat: no-repeat;
	background-color: #000000;
	height: 100%;
	width: 100%;
}

#testing {
	margin: 0 auto !important;
	height: 100% auto;
	width: 100%;
	background: #fff url(images/bg_body.jpg) no-repeat top center;
	background-color: #000;
}

#wrapper {
	width: 976px;
	margin: 0 auto;
	text-align: left;
	background-color:#FFFFFF;
}

/* Header */

#header {
	background-image:url("images/header_05.jpg");
	height: 515px;
	width: 976px;	
}

#header img {
	margin-left: 50px;
}


#header_text {
	float: right;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 10px;
	color: #959696;
}

a.language {
	color: #FFF;
	text-decoration: none;
}
#header a.language img{ margin: 0 5px; margin-left: 5px;} 

a.language:hover {
	text-decoration: underline;	
}

a.header_links {
	color: #959696;
	text-decoration: none;
}

a.header_links:hover {
	text-decoration: underline;	
}

.flash_header {
	position: relative;
	left: 11px;
	top: 50px;
}


#background {
	background-image:url("images/bg_main.jpg");
	background-repeat:repeat-y;
	background-color: #232322;
	width: 976px;
	padding-top: 0px;
	margin: 0px;
}

.header_image { position:  relative; left: -39px; top: -20px; } 

/* menu */
	
	#menu_list {
		background-image:url("images/menu.png");
		background-repeat: no-repeat;
		width: 940px;
		height: 60px;
		position: relative;
		top: -325px;
		list-style-type: none;
		padding-left: 30px;
		padding-top: 8px;
	/*
		border: 2px solid green;
	*/
	}	

	#menu_list{
	
		z-index: 2; 
	}
	#menu_list.subpage{
		top: 20px;
		z-index: 2; 
	}
	
	ul#menu_list li {
		color: #FFF;
		margin-left: 0px;
		margin-right: 0px;
		position: relative;
		float: left;
	}
	
	ul#menu_list li a {
		color: #FFF;
		font-weight: normal;
		font-family: "Complete in Him";
		font-size: 24px;
		text-decoration: none;
		padding: 0 25px 0 5px; 
		display:block;
		heigth: 20px; 
		width: 100%; 
		
	}

	ul#menu_list li a:hover, ul#menu_list li a.active  {
		background:url("images/vlek_05.png") no-repeat;
	}
	
	ul#menu_list li ul {
		display: none;
		background-image:url("images/sub_menu.png");
		background-repeat:no-repeat;
		background-position: bottom;
		padding-bottom: 20px;
		width: 207px;
		z-index: 12;
		position: absolute;
		top: 25px;
		left: -10px;
		list-style-type: none;
	}

	
	
	ul#menu_list ul li a {
		font-family: Arial;
		font-weight:  bold; 
		font-size: 12px;
		padding: 5px; 
 		border-bottom: 2px solid #be4656; 
		width: 180px;
	} 
	ul#menu_list ul li a:hover {
		background:none; 
		text-decoration: underline;
	} 

	ul#menu_list ul  {position: relative;} 
	ul#menu_list ul ul {display: none; left: 207px; top :0px; position: absolute; background: none; background-color: #D10D2E;  } 
	
	ul#menu_list li li {float: none; z-index: 5000;} 

	ul#menu_list li:hover ul {
		display: block;
		
	}
	ul#menu_list li:hover ul ul{
		display: none;
	}
	ul#menu_list li:hover ul ul{
		z-index: 500;
	}
	ul#menu_list li ul li:hover ul{
		display: block;
		
	}



/* Left main content */

#left {
	width: 635px;
	float: left;
	margin-left: 11px;	
	z-index: 0;
}
#left.subpage {
	position: relative; 
	top: -105px;
}
	

#box {
	background-image:url("images/top_box.png");
	background-repeat: no-repeat;
	width: 635px;
	height: 234px;
	position: relative;
	top: -49px;
}
#left.subpage #box{background:  #FFF; top: -8px; padding: 40px 40px 40px 20px; width: 575px; height: 100%;} 

#left.subpage h1{
	font-family: "Skin & Bones"; 
	font-weight: normal; 
	font-size: 40px;
	padding: 40px 0 0 20px; 
	background: url("images/header_background.png") no-repeat;  
}
	
.top_images {
	position: relative;
	float: left;
	margin-left: 18px;
	margin-top: 27px;
}
 
.overlay {
	position: absolute; 
	left: 0px;
	top: 0px;
}

.top_text {
	width: 191px;
}

.top_title {
	color: #d10d2e;
	font-weight: normal;
	text-transform:uppercase;
	font-family: "Futura XBlkCnIt BT";
	font-weight: normal;
	text-decoration: none;
	font-size: 15px;
	padding: 5px 0; 
}

.top_sub_text {
	font-size: 12px;
	line-height: 18px;
}

#main {
	width: 635px;
	background-color: #FFF;
	position: relative;
	top: -49px;
}

#title_bg {
	background-image:url("images/latest_news.jpg");
	background-repeat: no-repeat;
	height: 42px;
	margin-left: 18px;
	margin-bottom: 15px;
	
}

.latest_news_title {
	color: #5d5d5d;
	font-family: "Complete in Him";
	font-weight: normal;
	font-size: 25px;
	position: relative;
	left: 20px;
	top: 8px;
}

.latest_news_items {
	width: 592px;
	background-color: #FFF;
	margin-left: 18px;
	margin-top: 5px;
}

.overlay_02 {
	position: absolute; 
	left: 18px;
	}
	
a.news_title {
	color: #393939;
	font-weight: normal;
	text-transform:uppercase;
	font-family: "Futura XBlkCnIt BT";
	font-weight: normal;
	display: block;
	text-decoration: none;
	font-size: 18px;
	margin: 5px 0;
}
	
.date {
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding-right: 5px;
	line-height: 18px;
}

.news_stub {
	font-size: 12px;
	display: inline;
	line-height: 18px;
}

a.reactions {
	color: #515151;
	font-size: 12px;
	display: inline;
	text-decoration: none;
}

a.reactions:hover {
	text-decoration: underline;	
}

.clear {
	clear: both;
	padding-bottom: 20px;
}

.bottom_box {
	width: 635px;
	position: relative;
	top: -50px;
}
#left.subpage .bottom_box {
	top: -10px;

}
.line {
	margin-bottom: 20px;
}

.news_image {
	float: left;
	margin-right: 10px;
}





/* Right sidebar */


#right {
	width: 309px;
	float:right;
	padding-right: 21px;
}

#right.subpage{
	position: relative; 
	top: -51px; 
} 
		/* Video */
		
		#video {
			background-image:url("images/bg_video.png");
			background-repeat: no-repeat;
			margin-left: 10px;
			position: relative;
			top: -49px;
			width: 309px;
			height: 299px;
			color: #FFF;
			
		}
		
		#video.long{
			background-image:url("images/bg_video2.png");
			height: 398px;
		} 
		
		.video_image {
			margin-left: 18px;
			padding-top: 28px;
			
		}
		
		.video_overlay {
			position: absolute;
			left: 18px;
			top: 27px;
			
		}
		
		.video_title {
			color: #FFF;
			font-family: "Skin & Bones";
			font-weight: normal;
			font-size: 30px;
			margin-left: 18px;
			margin-top: 10px;
		}
		
		.video_names {
			font-size: 12px;
			line-height: 18px;
			float: left;
			margin-right: 37px;
			margin-left: 38px;
			list-style-type: decimal;
		}
		
		.video_times {
			font-size: 12px;
			line-height: 18px;
			list-style-type: none;
		}

	

		/* Signup */
		
		#signup {
			background-image:url("images/bg_signup.png");
			background-repeat: no-repeat;
			left: 10px;
			position: relative;
			top: -25px;
			width: 309px;
			height: 185px;
			color: #FFF;
		}
		
		.signup_title {
			color: #43423d;
			font-family: "Skin & Bones";
			font-weight: normal;
			font-size: 30px;
			margin-left: 18px;
			padding-top: 10px;
		}
		
		.signup_text {
			color: #000;
			font-size: 12px;
			line-height: 18px;
			margin: 0 20px 0 18px;
			padding-top: 10px;
		}
		
		.form_emailaddress {
			margin-left: 18px;
			margin-top: 10px;
			width: 250px; 
			border: 2px solid #807e7a;
			padding: 4px;  
		}
		
		.button {
			margin-right: 31px;
			margin-top: 15px;
			float: right; 
		}
		
		/* photo's */
		
		#photo {
			background-image:url("images/bg_photo.png");
			background-repeat: no-repeat;
			margin-left: 10px;
			position: relative;
			top: -10px;
			width: 309px;
			height: 221px;
			color: #FFF;
		}
		
		.photo_title {
			color: #FFF;
			font-family: "Skin & Bones";
			font-weight: normal;
			font-size: 30px;
			margin-left: 18px;
			padding-top: 10px;
		}
		
		.gallery_img {
			margin-left: 14px;
			margin-top: 10px;
			border: 1px solid #807e7a;
		}
		
		/* Mening */

		#mening {
			background-image:url("images/bg_mening3.png");
			background-repeat: no-repeat;
			margin-left: 10px;
			position: relative;
			top: 10px;
			width: 304px;
			color: #000;
	}
	
		.mening_title {
			color: #43423d;
			font-family: "Skin & Bones";
			font-weight: normal;
			font-size: 30px;
			margin-left: 18px;
			padding-top: 10px;
		}
		
		.mening_text {
			color: #000;
			font-size: 12px;
			line-height: 18px;
			margin-left: 18px;
			margin-left: 31px;
			padding: 15px 0;
			
		}
		.inner {background-image:url("images/bg_mening3_inner.png"); background-repeat:repeat-y; float: none;} 
		#poll_ajax .inner p { font-size: 12px; margin-left: 18px; width: 275px;  padding: 5px 0;} 
		#poll_ajax .inner label { font-size: 12px; display: block; margin: 5px 0 5px 18px; } 
		#poll_ajax .inner label input {margin-right: 10px;} 
		#poll_ajax .inner a img {float: none; margin: 20px 0 0 179px;} 
		#poll_ajax .results .result {background-color: red; margin-left: 18px; font-size: 12px;} 
		
		.mening_img {
			margin-left: 18px;
			padding-top: 20px;
		}
		
		/* Sponsors */
		
		.sponsor_image {
			margin-left: 28px;
			margin-top: 27px;
			border: 1px solid #b8b8b8;
		}

/* Footer */

#footer {
	background-image:url("images/bg_footer.jpg");
	background-repeat: no-repeat;
	background-color: #232322;
	width: 976px;
	height: 76px;
	padding-top: 20px;
	font-size: 12px;
}

.footer_logo {
	margin-left: 18px;
	float: left;
	margin-right: 20px;
	}
	
.copyright {
	color: #FFF;
	line-height: 18px;
}      

.footer_links {
	color: #9f9f9f;
	float: left;
	line-height: 18px;
}

.footer_links a {
	color: #9f9f9f;
	text-decoration: none;
	}
	
.footer_links a:hover {
	text-decoration: underline;
	}

.made_by {
	float: right;
	margin-right: 15px;
	line-height: 18px;
}

a.made_by {
	color: #4a4a49;
	text-decoration: none;
	line-height: 18px;
}

a.made_by:hover {
	text-decoration: underline;
	line-height: 18px;
}

div.lap_records{
	font-size: 12px; 
	margin-left: 35px;
} 

.news-item{ background: url('/assets/timeattack/css/images/line.jpg') bottom no-repeat; padding: 20px 0;}
.news-item a img { float: left; margin-right: 20px;  }
.news-item .detail { float: right; }
.news-item .details h2 a { font-family: "Futura XBlkCnIt BT"; font-weight: normal; text-decoration: none; color: #000; font-size: 25px;}
.news-item .details p a {  text-decoration: none;  line-height: 18px;  }
.news-item .details p a img{  display: inline; float: right;}


.dynamic-input{ font-size: 12px; line-height:  18px; }

div.related-images h3 { font-family: "Complete in Him"; font-weight: normal; font-size: 26px; color:#393939; background: url('images/related_header_bg.gif') no-repeat; height: 36px;padding: 6px 0 0 3px; margin: 20px 0;}
div.related-images ul { margin: 0 !important;}
div.related-images li { float: left; margin: 10px 10px 0 0 !important; list-style: none !important; }
div.related-images li a img { border: 1px solid #8D8D8D; }

.album { font-size: 12px; color: #000; float: left; padding: 0 27px 20px 0;  height: 280px; width: 250px;} 
.album strong{width: 250px;  line-height: 18px; display: block;}
.album p{width: 250px;  line-height: 18px;}
.album h2 a { font-size: 13px; color: #000; font-weight: bold; text-decoration: none; 	font-family: "Complete in Him"; font-size: 24px; font-weight: normal;}
ul.photos {overflow: hidden;} 
ul.photos li { float: left; list-style: none; padding:20px 19px 0 0; list-style-type: none;} 

#big .txt h2 a { font-family: "Complete in Him"; font-size: 24px; font-weight: normal; text-decoration: none;} 
#big .txt strong{ display: block;} 
#big .txt p{ font-size: 12px; line-height: 18px;} 
.videos-small {margin-top: 50px;} 
.videos-small div { height: 170px;  width: 170px; float: left; padding-right: 21px;} 
.videos-small div img{ border: 1px solid #999;} 
.videos-small div p{padding: 5px  0px 5px 0; color: #000; font-size: 12px; font-weight: bolder;} 

#box object{ width: 550px; height: 310px; margin-top: 50px;} 


.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
.standard-form ol { color: #000; font-size: 12px; line-height: 17px; }
.standard-form ol li { padding: 6px; width: 500px;background: url('/assets/timeattack/css/images/line.jpg') bottom no-repeat;}

.standard-form fieldset { margin: 0 0 20px 0; border: none;}
.standard-form legend { margin: 0 0 10px 0; font-family: "Complete in Him";  font-weight: normal; color: #000; font-size: 24px; display: block; width: 100%; height: 36px;padding: 6px 50px 0 3px; background: url('images/related_header_bg.gif') no-repeat; } 
.standard-form label { padding: 3px 10px 4px 0; }
.standard-form label.col-a { width: 150px; padding: 3px 0 4px; float: left; }	
.standard-form span.col-b { padding: 3px 0 4px; float: right; }	
.standard-form .txt { width: 170px; padding: 3px; color: #555555; background: #c7c7c7; border: 2px solid #fff; }
.standard-form .textarea { width: 170px; height: 150px; padding: 3px; color: #555555; font-size: 12px; background: #c7c7c7; border: 2px solid #fff; }
.standard-form .error { color: #555555; background: red; border: 2px solid #B11F1E; }
.standard-form input.medium { width: 50px;}
.standard-form select.medium { width: 65px;}
.standard-form select.xsmall { width: 50px;}
.standard-form input.small { width: 30px;}
.standard-form input.xsmall { width: 16px;}


.paging {  position: relative; background-color: #fff; widht: 100%; height: 25px; top: -10px;} 
.paging ul { float: none; list-style: none; font-size: 0; line-height: 0; float: right; margin-right: 40%;}
.paging ul li { display: inline; height: 19px; }
.paging ul li a { display: table-cell; vertical-align: middle; height: 19px; padding: 0 12px; font-size: 12px; line-height: 19px; color: #000; text-decoration: none;  cursor: pointer; }
.paging ul li a:hover { text-decoration: underline; }
.paging ul li a.img { padding: 0; background: none; }
.paging ul li a.selected { font-weight: bold; background: red;}

.standard-form .error li {color: #FFF;}
		
		
/*	=USER-COMMENTS	
	----------------------------------------------------*/	
.user-comments { margin: 20px 0 0 0; padding: 0px; font-size: 12px; }
.user-comments .user { padding: 0 0 5px 0; color: #c2c2c2; border-bottom: 1px solid #2a2a2a; }
.user-comments h3 { font-family: "Complete in Him"; font-weight: normal; font-size: 26px; color:#393939; background: url('images/related_header_bg.gif') no-repeat; height: 36px;padding: 6px 0 0 3px; margin: 20px 0;}
.user-comments ul li { list-style: none; padding: 10px 10px 10px 0; } 
.user-comments .edit { float: right; }
.user-comments p { float: right; width: 460px; color: #000; padding: 9px 5px 5px 5px;} 
.user-comments p.edited { font-size: 11px; color: #d6d6d6; } 
.user-comments .vsl { float: left; margin: 5px 0 0 0; border: 3px solid #e3dfcf; }
.user-comments form { font-size: 12px; color: #fff;  }
.user-comments form a { color: #000; font-weight: bold; }
.user-comments form h3 { color: #393939; margin: 15px 0 8px 0; }
.user-comments .textarea { width: 450px; height: 100px; margin: 8px 0; padding: 3px; color: #555555; font-size: 12px; background: #dbdbdb; border: 1px solid #b8b8b8; }	
.user-comments .not-logged { font-size: 12px; color: #000; margin: 20px 0 0 0; }
.user-comments .not-logged h3 { color: #393939; }
.user-comments .not-logged a { color: #393939; }
.user-comments .breedte { width: 700px; }


ul#sitemap { color: #000; padding: 2px 0 2px 5px;} 
ul#sitemap ul { padding: 0px 0px 20px 0px;}
ul#sitemap li h3{ font-family: "Complete in Him"; font-weight: normal; font-size: 26px; color:#393939; background: url('images/related_header_bg.gif') no-repeat; height: 36px;padding: 6px 0 0 3px; margin: 20px 0;}
ul#sitemap ul li ul {padding: 0px;}
ul#sitemap ul li li {font-size: 10px;}
ul#sitemap li { padding: 2px 0 2px 15px; list-style: none;} 
ul#sitemap li a {color: #000;} 

.banner{ text-align: center;}
.banner_square {position: relative; top: -30px;left: 40px;} 

#right #flash_partner_banners { margin: 30px 0 0 30px;}