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


/*default values & backgrounds */

* {padding: 0px; margin: 0px;}
img {border: 0px;}
body {font-family: Arial, Helvetica, sans-serif; text-align: center;  background-repeat:no-repeat; background-color: #000;}
.clr {clear: both;}
fieldset {border: none;}
#left {background: url("images/bg_left.gif"); height: 138px; width: 50%; float:left;}
#right {background: url("images/bg_right.gif"); height: 113px; width: 50%; float:right; position: absolute; top:0; left: 50%;}
#right.banner { top: 115px; }
#wrapper {width: 991px; margin: 0 auto; text-align: left; position: relative; top: -138px; z-index: 8;}
#wrapper h2, h3{text-transform: uppercase; font-weight: normal; font-family:"Franklin Gothic Demi Cond";}



/* Header */

#header {background-color:#FFFFFF; background: url("images/header_bg.jpg"); height:432px;}
#sub_header {background-color:#FFFFFF; background: url("images/sub_header_bg.jpg") no-repeat; height:365px;}

.bottom {padding-bottom: 15px;} 

ul#top_links {list-style-type: none; float: right;}
ul#top_links li {display: inline; font-size: 14px; border-left: 1px solid #808080; float: left; padding-left: 5px; padding-right: 5px; margin-top: 10px; position: relative;}
ul#top_links li.first {border: none;}
ul#top_links li a {color: #808080; text-decoration: none; font-size: 12px;	}
ul#top_links li a:hover {text-decoration: underline;}


/*Main Navigation */


ul#navigation{text-transform: uppercase; list-style-type: none; position: absolute; font-size: 14px; left:285px; top:53px; width: 710px; height:35px; background: url("images/header_nav_bg_big.png") top right; background-repeat:no-repeat; z-index: 700;}
ul#navigation li.main_menu{display: inline; float: left;  padding-right: 10px; float:left; padding-top: 10px; padding-bottom: 10px; margin-left:0px; margin-right: 0px; position: relative;}
ul#navigation li a{text-decoration: none; color: #FFF; display:block;  font-family:"Franklin Gothic Demi Cond"; font-size: 17px;} 
ul#navigation li a .hover {position: relative;  display: none; color: #fcd700;}
ul#navigation li a.active {  }
ul#navigation li a:hover .hover, ul#navigation li a.active .hover {display:inline-block;  }
ul#navigation li a:hover .normal, ul#navigation li a.active .normal {display:none !important;}
ul#navigation li ul {display: none; position: absolute;	top: 35px; left: -10px; list-style-type: none; z-index:700; background: url("images/header_nav_li_bg.gif"); background-repeat: repeat-x; background-color: #000; padding-left: 10px; padding-right: 10px;}
ul#navigation li:hover ul {display: block; z-index: 1800;}
ul#navigation li ul li {display: block; width: 200px; position: relative;}
ul#navigation li ul li a {font-family: Arial, Helvetica, sans-serif; text-transform: none; color: #FFF; font-size: 12px; border-bottom: 1px solid #252525; padding: 5px;}
ul#navigation li ul li a:hover {color: #fcd700;}

ul#navigation li:hover ul li ul {display: none; list-style-type: none; z-index:700; background: url("images/header_nav_li_bg.gif"); background-repeat: repeat-x; background-color: #000; padding-left: 10px; padding-right: 10px; position: absolute;}
ul#navigation li ul li:hover ul {display: block; z-index: 900; position: absolute; left: 200px; top: 5px; }


.logo {position: relative; z-index:200; top: 4px; left: -54px;}
.flash {left:11px; position:absolute; top:127px; z-index:1;}
.subpage_header {left:0px; position:absolute; top:113px; z-index:1;}
.dynamic_subpage_image {position: absolute; top: 113px; left: 0px;}


/* Social icons
	----------------------------------------------------------------------*/
	div.socialicons { position: relative; z-index: 500; top: -70px; left: 815px; padding: 7px 0 0 7px; width: 138px; height: 44px; background: url(images/bg_icons.png); }
	div.socialicons li { list-style: none;float: left; margin-right: 9px; }

/* Block */

#block {background: url("images/latest_news_bg.png"); width:991px; height: 210px; background-repeat:no-repeat; color:#FFF;}
#block p {font-size:12px; margin-top:5px; line-height:16px;}
#block h2, h3 {font-size: 18px; padding-bottom: 5px; padding-top: 5px;}

.block_single {width: 200px; padding-left: 25px; padding-top: 18px; float:left;}
.block_single_img {border: 3px solid #e33535; margin-top: 10px;}
.block_single a {text-decoration: none; color: #FFF;}
.block_single p {display: inline; line-height: 12px;}
.read_more_block {border: none; float: none; padding-left: 5px;}

.news_letter {float: right; width: 215px; height: 100px; padding-right: 37px; padding-top: 58px;}
.form_emailaddress {padding: 5px; border: 0px solid #777777;}
.form_button {position: relative; top:8px;}

/* Left Main content */

#main {background: url("images/bg_main.gif"); background-repeat: repeat-y; padding-top: 10px; overflow: hidden; padding-bottom: 20px;}

#left_main {width: 673px; padding-left: 10px; float: left; padding-bottom: 20px;}
.main_left_bg_bottom {padding-bottom: 10px;}

#content_box {background: url("images/main_left_bg.jpg"); background-color: #FFF; background-repeat: no-repeat; width: 673px; margin-bottom: 0px; overflow: hidden;}
#content_box .title {color: #9f0e0e; margin-left: 25px;padding-top: 25px; padding-bottom: 10px; font-size: 26px; font-weight: normal; }
.main_news_item {margin-left: 25px; margin-right: 40px; border-top: 1px solid #d9d9d9; padding-top: 16px; margin-bottom: 16px; overflow: hidden;}
.main_news_item img {border: 2px solid #9F0E0E; float: left; margin-right: 10px;}
.main_news_item h2 {color: #424242; font-size: 26px; margin-top: 0px; padding-top: 0px;}
.main_news_item p {font-size: 12px; display: inline; line-height: 18px;}
.main_news_item p img{margin-top: 0px; border: none;}
.main_news_item a {color: #424242; text-decoration: none; font-size: 18px;}
.main_news_item .news_image { margin-top: 5px;}
.read_more_img {float: none; position: absolute; margin-top: 3px; margin-left: 5px;}

/* Right Main content */

#right_main {width: 282px; padding-right: 13px; float: right;}
#right_main h2 {padding-top: 20px; padding-left: 20px; color: #FFF;}
#right_main p {padding-left: 20px; color: #FFF; padding-right: 10px; font-size: 12px;}

#vote {background: url("images/vote_bg.jpg"); background-color: #9f0e0e; background-repeat: no-repeat; width: 282px; padding-bottom: 10px; padding-top: 15px; }
#right_main p.mening_title{ font-size: 20px; font-weight: normal; font-family:"Franklin Gothic Demi Cond";line-height: 35px;} 
#right_main .results div.result{ font-size: 12px; font-weight: normal; margin: 3px 50px 0 20px; background-color:  #F7D92D; max-width: 240px;} 
#vote form label{display: block; color: #FFF; font-size: 12px; margin-left: 20px; padding: 5px 0; } 
#vote form label input{margin-right: 5px; } 
#vote a{margin-left:190px;} 
.vote_bg_bottom {padding-bottom: 10px;}

#video {background: url("images/photos_bg.jpg"); background-color: #f7d92d; background-repeat: no-repeat; width: 282px; height: 149px; position: relative; left: 0px; top: 0xp;}
.video_bg_bottom {padding-bottom: 10px;}
.video_image {margin-left: 40px; margin-top: 25px; margin-bottom: 20px; border: 2px solid #ccb31d;}
.overlay {position: absolute; left: 42px; top: 27px;}

#sponsor {text-align: center; margin-top: 18px; margin-bottom: 18px;}
#sponsor img {border: 1px solid #b8b8b8; margin-left: 3px; margin-right: 3px;}

#photos {background: url("images/photos_bg.jpg"); background-color: #f7d92d; background-repeat: no-repeat; width: 282px; padding-bottom: 15px;}
#photos h3{padding: 15px 0 0 15px; color: #fff; }

.photos_bg_bottom {padding-bottom: 10px;}
.gallery_img {margin-left: 15px; width: 70px; height: 50px; margin-top: 10px; border: 1px solid #ccb31d;}

/* Footer */

#footer {background: url("images/sponsors.jpg"); width: 991px; height: auto; background-repeat: no-repeat;}

#footer ul{list-style-type: none;}
#footer ul li {display: inline; border-left: 1px solid #646464; padding-left: 5px;}
#footer ul li.first {border: none;}
#footer ul li a {color: #646464; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}

#footer_text {margin-top: 40px; font-size: 12px; line-height: 18px;}
#footer_text p {display: inline; color: #929292;}

a.blueberry {float: right; color: #2e2e2e; text-decoration: none;}
a.blueberry:hover {text-decoration: underline;}

.car_logos {margin-left: 40px; margin-top: 25px;}
.events_logo {margin-top: 40px; float: left; margin-right: 10px;}

#content_box div { padding: 15px 0;}
#content_box.subpage div { padding: 0 24px 24px 24px;}
#content_box.subpage div div{ padding: 0px;} 

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

.album { font-size: 12px; color: #000; float: left;  height: 280px; width: 250px; padding: 0; margin-right: 60px;} 
.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-size: 18px; font-weight: normal; line-height: 25px;}
.album h2 p {float: left;}

ul.photos {overflow: hidden; margin-left: 12px;} 
ul.photos li { float: left; list-style: none; padding:20px 19px 0 0; list-style-type: none;}

#big .txt h2 a { font-size: 24px; font-weight: normal; text-decoration: none; color:#000; } 
#big .txt strong{ display: block;} 
#big .txt p{ font-size: 12px; line-height: 18px;}
object#video{ width: 550px; height: 310px; margin-top: 50px;} 
.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;} 


.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;}


#content_box.subpage .news-item{ padding: 20px 0; border-top: 1px solid #ccc; padding: 20px 0;}
#content_box .news-item a img { float: left; margin-right: 20px;}
#content_box .news-item .detail { float: right; }
#content_box .news-item .details h2 a {text-decoration: none; color: #000; font-size: 18px; line-height: 24px; }
#content_box .news-item .details p a {  text-decoration: none;  line-height: 18px; color: #000; marign-top: 10px;  }
#content_box .news-item .details p a img{  display: inline; float: right;}


div.related-images h3 { color: #000;  font-size: 15px !important; font-weight: normal; clear: both; padding-top: 20px;}		
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; }


.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; border-top: 1px solid #ccc; }

.standard-form fieldset { margin: 0 0 20px 0; border: none;}
.standard-form legend { margin: 0 0 10px 0;  font-family:"Franklin Gothic Demi Cond"; 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;}

.standard-form .error li { color : #000; }

.dynamic-input ul.controlpanel li {list-style: none; float: none; 	display: block; }  

/*	=USER-COMMENTS	
	----------------------------------------------------*/	
	.user-comments { margin: 20px 0 0 0; padding: 10px; font-size: 12px;  background: url(images/subpage_bg.jpg) left top no-repeat; }
	.user-comments .user { padding: 0 0 5px 0; color: #c2c2c2; border-bottom: 1px solid #2a2a2a; }
	.user-comments h3 { color: #000;  font-size: 15px !important; font-weight: normal; clear: both; padding-top: 20px;}			
	.user-comments ul li { list-style: none; padding: 10px 10px 10px 0; } 
	.user-comments .edit { float: right; }
	.user-comments p { float: right; width: 320px; color: #000; padding: 9px 5px 5px 5px; margin-right: 200px; } 
	.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: #000;  }
	.user-comments form a { color: #000; font-weight: bold; }
	.user-comments form h3 { color: #000; 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: #000; }
	.user-comments .not-logged a { color: #d30101; }
	.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-weight: normal; font-size: 18px; color:#393939; background: url('images/related_header_bg.gif') no-repeat; height: 20px;padding: 6px 0 0 3px; margin: 10px 0 0 0;}
ul#sitemap ul li ul {padding: 0px;}
ul#sitemap ul li li {font-size: 12px;}
ul#sitemap li { padding: 2px 0 2px 15px; list-style: none;} 
ul#sitemap li a {color: #000;} 


	.event {  border-top: 1px solid #2f2f2f;}
	.event.even { background: none; }
	.event .vsl { margin: 5px 0 10px; 0; border: 1px solid #2f2f2f; float: left;   }
	.event h2 { margin: 0 0 5px 0; background: none; }
	.event h2 a { height: 25px; width: 370px; text-decoration: none;  font-weight: normal; font-size: 20px;  color:#000; font-weight: normal; font-family: Franklin Gothic Demi Cond; margin-left: 20px;  }
	.event ul { width: 370px;float: left; margin-left: 20px; }
	.event ul li { font-size: 12px; line-height: 17px; color: #FFF;  list-style-type: none;}
	.event ul li span { color: #8b8b8b; }
	.event ul li a { color: #000; text-decoration: underline; }
	.event ul li a:hover { text-decoration: none; }	
	.event h3 { margin: 10px 0 5px 00px;  font-weight: normal; font-size: 18px; color: #FFF; background: transparent url(images/title_bg.png) no-repeat; width: 100%; height: 28px; padding-left: 20px; line-height: 18px; display: none;} 
	h2.red { margin: 20px 0 5px 0;  font-weight: normal; font-size: 18px; color: #FFF;margin: 20px 0 20px 0;; }
	.event label { color: #000; font-size: 12px;}
	.event label input { color: #555555; background: #dbdbdb; border: 1px solid #b8b8b8;}
	
	.event .standard-form {  margin: 10px 0; border-top: 1px solid #000; float: none; clear: both; }	
	.event .standard-form li{ border: none;}	
	
	.event .standard-form .button {  margin-top: 10px;   background: #dbdbdb; border: 1px solid #b8b8b8;}	
	.standard-form .button_delete {  margin-top: 10px;  background-image: url(/assets/global/css/images/basket_delete.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; border: 1px solid #b8b8b8;}	
	ol.tickets li {font-size: 12px; color : #FFF; margin: 0px; border-top: 1px solid grey; padding-bottom: 35px; padding-top: 10px; list-style-type: none;}
	ol.tickets label.col-a { padding: 0px; font-weight: bolder;   } 
	.event label.input.txt { padding: 0px; font-weight: bolder;   } 
	span.col-b { padding: 10px; float: left;   } 
	a.button{float: right; background: grey; border: 1px solid #2F2F2F; padding: 5px 5px 5px 25px; color: #000; text-decoration: none;}
	a.delete{background-image: url(/assets/global/css/images/basket_delete.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; float: right;}
	a.order{background-image: url(/assets/global/css/images/basket_add.png); background-repeat:  no-repeat; background-color:  #ccc; background-position: 5px 5px; float: right; }
	.standard-form span.col-b {float: left;} 

#template {background: url("images/vote_bg.jpg"); background-color: #9f0e0e; background-repeat: no-repeat; width: 252px; padding: 15px; }
#template .top { width: 245px; overflow: hidden;} 
#template .dynamic-input { font-size: 12px; line-height: 20px; color: #000; }
#template .dynamic-input p { margin: 0 0 0px 0;  padding: 0;}
#template .dynamic-input h2, 
#template .dynamic-input h3, 
#template .dynamic-input h4, 
#template .dynamic-input h5 { margin: 0 0 5px 0; padding: 10px 0 5px 0; }
#template .dynamic-input h2 { font-size: 25px; }
#template .dynamic-input h3 { font-size: 21px; }
#template .dynamic-input h4, .dynamic-input h5 { font-size: 16px; }
#template .dynamic-input a, #template.dynamic-input a:active, #template .dynamic-input a:visited { color: #FFF; text-decoration: underline; }
#template .dynamic-input a:hover { text-decoration: none; }
#template .dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
#template .dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
#template .dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }

img.banner {margin-top: 15px;} 

#content_box .news-item a img { border: 2px solid #9F0E0E} 
#content_box .news-item .details img { border: none; }

.newsletter_sub { margin-bottom: 30px; }
.newsletter_sub fieldset {margin: 0 0 10px 20px ;}


.topbanner { height: 95px; padding: 10px 0; background: #000; text-align: center; }


/*	Clubformulier
	------------------------------------------------------- */
	/*	=clubs form
	----------------------------------------------------*/
	.clubs-form { margin: 0 auto; width: 500px; }
	
	.clubs-form fieldset { border: 0; }
	.clubs-form legend { color: #fff; font-weight: bold; }
	.clubs-form li { margin-bottom: 10px; list-style: none; height: 100%; overflow: hidden; }
	.clubs-form label { display: block; float: left; font-size: 12px; color: #000; padding: 3px 10px 4px 0; }
	.clubs-form label.col-a { width: 150px; float: left; }
	.clubs-form input.txt { padding: 3px; border: 2px solid #000; width:160px; background-color: #eee; }
	.clubs-form input.floatleft { float: left; clear: left; }
	.clubs-form input.xsmall { width:24px; margin-right: 10px; }
	.clubs-form input.medium { width: 40px; }
	.clubs-form .subformheader { color: #000; font-weight: bolder; padding-top: 10px; }
	.clubs-form .subformheader label { font-size: 17px; display: block; width: 150px; }
	.clubs-form .subformheader2 { color: #fff; font-weight: bolder; padding-top: 10px; font-size: 17px; display: block; width: 150px; }	
	.clubs-form input.checkbox { float: left; margin-right: 20px; }
	.clubs-form label.checkbox { padding: 0; }
	.clubs-form input.image { margin-top: 20px; }
	.clubs-form select.txt { border: 2px solid #000; background-color: #eee; padding:3px; margin-right: 10px; width:168px; float: left;  }
	.clubs-form p { font-size: 11px; clear: both; margin:10px 0; color:#000}
	.clubs-form p a{ font-size: 11px; clear: both; margin:10px 0; color:#0063fA}
	.clubs-form textarea{ background-color: #eee; border: 2px solid #000;}
	
	.errorfield { clear: right; }

