@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: url("images/body_bg.gif") center top;  background-color: #000; background-repeat:no-repeat;}
body.banner { background-position: center 114px; }
.clr {clear: both;}
.dynamic-input { margin-left: 10px; }

fieldset {border: none;}

#wrapper {width: 975px; margin: 0 auto; text-align: left; height:auto; background-color:#000;}
#wrapper h2, h3, h1 {font-weight:normal; text-transform:uppercase;}
#flash_partner_banners{margin-left: 20px;} 

#header {height:374px; position:relative;}
#subheader {height:275px; position:relative;}
#flash_header{ position: absolute; left: -1px; background-color: #303030; }  
#flash .header_image{ position:  absolute; top: 0; left: 0; } 
#flash .overlay{ position:  absolute; top: 0; left: 0; } 
#subheader .overlay{ position:  absolute; top: 0; left: -2px; } 

ul#header_links {float:right; list-style-type:none; font-size:12px; padding-top: 5px; padding-right:30px; position: absolute; top: 5px; right: 0px;}
ul#header_links li {float:left; color:#FFF; border-left: 1px solid #FFF; padding-left: 5px; padding-right:5px;}
ul#header_links li.first {border:none;}
ul#header_links li a {color:#FFF; text-decoration:none;}
ul#header_links li a:hover {text-decoration:underline;}

/* Social icons */
div.socialicons { position: relative; top: 45px; left: 800px; 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; }

.logo { position:absolute; top: 20px; left:20px; }

ul#nav {position:absolute; top:130px; left:30px;}
ul#nav li { padding-left:10px; position:relative; display: block; height: 30xp; float: left; }
ul#nav li a {color:#FFF;  font-family:"Headline One"; font-weight:normal; font-size: 20px; text-decoration:  none; margin-bottom: 2px; padding: 8px 10px 0 15px;   }
ul#nav li a span.normal, ul#nav li a span.hover{background: url("images/menu_left_bg2.png") 0 6px;  background-repeat:no-repeat; height:27px; padding: 8px 10px 0 15px; }
ul#nav li a span.hover{display: none; color: red; }
ul#nav li a:hover span.normal{display: none;}
ul#nav li a:hover span.hover{ display: inline; position: absolute; left: 25px;}
ul#nav li span.menu_bg {background: url("images/menu_right_bg.png"); background-repeat:no-repeat; height:27px; padding: 8px 10px 0 0; margin: 0 0 0 -5px; width: 210px;}
ul#nav li ul {display: none; position: absolute; top: 30px; left: 10px; list-style-type: none; z-index:700; background: url("images/menu_left_bg2.png"); background-repeat:repeat-y;}
ul#nav li:hover ul {display: block; z-index: 800;}
ul#nav li ul li {display: block; width: 205px;  padding: 3px 5px;}
ul#nav li ul li a{font-size: 12px; padding: 5px; font-weight: bolder; font-family: Arial; }
ul#nav li ul li a:hover{color: red; }

#main {background: url("images/main_bg.gif"); background-repeat: repeat-y; height:auto; overflow:hidden; padding-bottom: 30px;}
#left {width: 384px;  margin-left: 5px; float:left;}
#left h3 {font-size:26px; font-family:"Headline One";}
#right {width: 581px; float:right; margin-right:5px; background-color:#FFFFFF;}
.right_bottom {float:right; margin-right:5px;}
#right h2, #right h1 {font-size:20px; font-family:"Headline One"; color:#FFF;  background: url("images/title_bg.png") no-repeat; padding-left:20px; margin-bottom:10px; height:28px; padding-top:4px;}
#right h3 {font-size:26px; width:365px; font-family:"Headline One"; color: #ce0000; font-weight:normal; float:left;}
#intro {margin-left: 25px; height: 200px;}
#intro p {font-size:12px; width:365px; float:left; padding-bottom:20px; line-height:18px;}
#intro img {margin-top: 10px; margin-left:10px; border:1px solid #bababa;}
#intro h1 {background: none; color: #ce0000; font-size: 28px; padding: 0; } 

#news h2 {margin-top: 20px; margin-left:20px; background-image: url("images/title_bg.png");}
#right #news hr{ float: right;} 
.news_block {background: url("images/news_block_bg.gif"); width:550px; height:161px; background-repeat:no-repeat; margin-left:25px;}
.news_block img.news_image {float:left; margin-top:25px; margin-right:20px; border:3px solid #ce0000;}
.news_block h3 {margin-top:21px; }
.news_block h3 a {margin-top:0px; font-size:26px;  font-family:"Headline One"; color: #ce0000; font-weight:normal; }
.news_block p {font-size:12px; line-height:18px; margin-top:6px; padding-right:0px; }
.news_block a {text-decoration:none; font-size:12px; color:#000;}
.news_block a:hover {text-decoration:underline;}
.news_block {width: 650px;} 
.news_text {width: 350px; float: left;}

#footer {background: url("images/footer_bg.gif"); width:975px; height:100px; background-repeat:no-repeat;  position:relative;}
#footer img {float:left; margin-top: 20px; margin-left:20px;}
#footer a {font-size:12px; text-decoration:none;}
#footer ul {position:absolute; top:40px; left:95px;}
#footer li {display:inline; float:left; border-left: 1px solid #9f9f9f; padding-right:5px; padding-left:5px;}
#footer li.first {border:none;}
#footer li a {color:#9f9f9f;}
#footer a:hover {text-decoration:underline;}
#footer .blueberry {float:right; padding-top:40px; padding-right:10px; color:#3f3f3f;}
#footer .copyright {position: absolute; top:20px; left:100px; color:#e7e7e7;}


#events p {color:#FFF; font-size:19px; font-family:"Headline One"; float:left; margin-top:3px; margin-left:5px;}
#events img.more_button {float:right; margin-right:5px; margin-top:2px;}
.events_inner {background: url("images/events_pic_bg.png"); background-repeat:no-repeat; width:327px; height:93px; position:relative; top:10px; left:20px; margin-bottom:10px;}
.events_inner img {padding-top:3px; padding-left:3px;}

#photos {background: url("images/photos_bg.gif"); width:384px; height:192px; background-repeat:no-repeat;}
#photos h3 {color:#4c4c4c; font-size:26px; font-family:"Headline One"; padding-top:10px; margin-left:20px; margin-bottom:5px;}
#photos ul {margin-left: 15px;}
#photos ul li {display:inline; padding:5px; float:left;}
#photos img {border:2px solid #9f9f9f;}

#newsletter {background: url("images/newsletter_bg.gif"); width:384px; height:176px; background-repeat:no-repeat;}
#newsletter h3 {color:#FFF; padding-top:10px; margin-left:20px; margin-bottom:5px;}
#newsletter p {color:#FFF; font-size:12px; margin-left:20px; margin-top:15px;}
#newsletter .form_newsletter {margin-left:20px; margin-top:10px;}
#newsletter .textfield {padding:4px; border:1px solid #807e7a; width:245px;}
#newsletter .first {margin-right:10px;}
.newsletter_button {position:relative; top:11px;}

#vote {background: url("images/vote_bg.gif"); width:384px; background-repeat:no-repeat; background-color:#575758;}
#vote h3 {margin-left:20px; padding-top:10px; color:#FFF;}
#vote p {color:#FFF; font-size:12px; margin-left:20px; margin-top:10px;}
#vote .form_vote {margin-left:20px; margin-top:10px;}
#vote span {color:#FFF; font-size:12px; margin-left:5px;}
.vote_option {margin-bottom:8px;}
.vote_button {margin-top:5px;}

#poll_ajax .inner p { font-size: 12px; margin-left: 18px; padding: 0px 0; width: 300px;} 
#poll_ajax .inner label { font-size: 12px; display: block; margin: 5px 0 5px 18px; color: #fff;} 
#poll_ajax .inner label input {margin-right: 10px;} 
#poll_ajax .inner a img {float: right; margin-right: 31px;} 
#poll_ajax .results {width: 200px;} 
#poll_ajax .results .result {background-color: red; margin-left: 18px; font-size: 12px;} 

#big  {height:155px;  } 
#big .img {float: left;  margin-right: 10px; } 
#big .txt {margin-left: 10px;} 
#big .txt h2  {background: none;} 
#big .txt h2 a {font-size: 24px; font-weight: normal; text-decoration: none; color: #000; float: left; width: 200px; 	 } 
#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: 10px 10px 0 0;} 
.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;} 



.album { font-size: 12px; color: #000; float: left; padding: 0 20px 20px 0;  height: 280px; width: 250px;} 
.album strong{width: 250px;  line-height: 18px; display: block;}
.album p{width: 250px;  line-height: 18px;}
#right .album h2 {background: none; font-size: 14px; padding: 0; margin: 5px 0;}
.album h2 a { font-size: 13px; color: #000; font-weight: bold; text-decoration: none; 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;} 



.subpage #right { padding: 20px; width: 541px; }



.news-item{padding: 10px 0; }
.news-item .vsl{ border:3px solid #d1816f;}
.news-item a img { float: left; margin-right: 20px;  }
.news-item .detail { float: right; }
#right .news-item .details h2 { background: none; font-weight: normal; text-decoration: none; font-size: 25px;  color: #CE0000; margin: 0; padding: 0;}
#wrapper .news-item .details h2 a { font-weight: normal; text-decoration: none; font-size: 25px;  color: #CE0000; margin: 0; padding: 0; }
.news-item .details p a {  text-decoration: none;  line-height: 18px; color: #000;  font-size: 12px; line-height: 18px;  }
.news-item .details p a img{  display: inline; float: none;}


div.related-images {height: auto; overflow: hidden;  }
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; }

/*	=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 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; }


.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 6px 8px 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: "Headline One";  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: #000; 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: #FFF;}


.paging {}  
.paging ul { 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: #fff; 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;}		


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: 26px; color:#393939; background: url('images/related_header_bg.gif') no-repeat; height: 36px;padding: 6px 0 0 3px; margin: 20px 0; float: none;}
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;} 

p.date { font-weight: bolder; font-size: 12px;} 
.dynamic-input{ font-size: 12px; line-height: 18px;} 
.dynamic-input a{color: #000; }


	#right .event {  border-top: 1px solid #2f2f2f;}
	#right .event.even { background: none; }
	#right .event .vsl { margin: 5px 0 10px; 0; border: 1px solid #2f2f2f; float: left;   }
	#right .event h2 { margin: 0 0 5px 0; background: none; color:#000; }
	#right .event h2 a { height: 25px; width: 370px; text-decoration: none;  font-weight: normal; font-size: 20px; color: #000; margin-left: 20px;  }
	#right .event ul { width: 370px;float: left; margin-left: 20px; }
	#right .event ul li { font-size: 12px; line-height: 17px; color: #000;  list-style-type: none;}
	#right .event ul li span { color: #8b8b8b; }
	#right .event ul li a { color: #000; text-decoration: underline; }
	#right .event ul li a:hover { text-decoration: none; }	
	#right .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;} 
	#right h2.red { margin: 20px 0 5px 0;  font-weight: normal; font-size: 18px; color: #FFF;margin: 20px 0 20px 0;; }
	#right .event label { color: #000; font-size: 12px;}
	#right .event label input { color: #555555; background: #dbdbdb; border: 1px solid #b8b8b8;}
	
	#right .event .standard-form {  margin: 10px 0; border-top: 1px solid #000; float: none; clear: both; }	
	#right .event .standard-form li{ border: none;}	
	
	#right .event .standard-form .button {  margin-top: 10px;   background: #dbdbdb; border: 1px solid #b8b8b8;}	
	#right  .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;}	
	#right ol.tickets li {font-size: 12px; color : #000; margin: 0px; border-top: 1px solid grey; padding-bottom: 35px; padding-top: 10px; list-style-type: none;}
	#right ol.tickets label.col-a { padding: 0px; font-weight: bolder;   } 
	#right .event label.input.txt { padding: 0px; font-weight: bolder;   } 
	#rightw span.col-b { padding: 10px; float: left;   } 
	#right a.button{float: right; background: grey; border: 1px solid #2F2F2F; padding: 5px 5px 5px 25px; color: #000; text-decoration: none;}
	#right 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;}
	#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; }
	#right .standard-form span.col-b {float: left;} 
	/* .clr{ overflow: hidden; height: 100%; */
	
	#videoplayer{background: url("images/events_bg.gif"); background-position:top; background-repeat:no-repeat; width:384px; height:238px; padding: 0;}
	#videoplayer object, #videoplayer embed {margin: 20px 0 0 10px;} 
	.banner-item{ margin-left: 35px; padding-top: 10px;} 

	#template {margin: 20px 10px 10px 10px; width: 384px; padding: 10px; overflow: hidden;} 
	#template .sub{width: 318px; overflow: hidden;} 
	/*	=DYNAMIC INPUT
	----------------------------------------------------*/
	#template .dynamic-input { font-size: 12px; line-height: 20px; color: #000; }
	#template .dynamic-input p { margin: 0 0 10px 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, .dynamic-input a:active, .dynamic-input a:visited { color: #d30101; 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; }
	
	
/* ### Banner top #### */
	.topbanner { padding: 10px 0; text-align: center; background: #000; }	
	
	
/*	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; }
	
	.googlesense{
		margin: 20px auto;
		width: 300px;
	}