@charset "utf-8";

/* Resets 
	----------------------------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
	body { background: url(img/bg_site_texture.png) left top #0f1011; }
	ul { list-style: none; }
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	.hide { display: none; }
	#page-box { width: 1000px; margin: 0 auto; position: relative;  }
	h1,h2,h3,h4,h5,h6 { font-family: Headline One; font-weight: normal; color: #fff; }
	h2.titel { width: 648px; height: 21px; font-size: 16px; background: url(img/bg_h3_titel.png) repeat-x; padding: 4px 0 0 16px; }
	a:hover {text-decoration: none;} 
	
/*	=DYNAMIC INPUT ( moet ik nog checken ) !!!!!!!!!!!!!!!!!!!!!!!!!!!
	----------------------------------------------------*/
	.dynamic-input { font-size: 12px; line-height: 20px; color: #fff; }
	.dynamic-input p { margin: 0 0 10px 0; }
	.dynamic-input h2, 
	.dynamic-input h3, 
	.dynamic-input h4, 
	.dynamic-input h5 { margin: 0 0 5px 0; padding: 10px 0 5px 0; }
	.dynamic-input h2 { font-size: 25px; }
	.dynamic-input h3 { font-size: 21px; }
	.dynamic-input h4, .dynamic-input h5 { font-size: 16px; }
	.dynamic-input a, .dynamic-input a:active, .dynamic-input a:visited { color: #d30101; text-decoration: underline; }
	.dynamic-input a:hover { text-decoration: none; }
	.dynamic-input ul, .dynamic-input ol { margin: 0 0 10px 0;  }
	.dynamic-input ul li { padding: 0 0 0 10px; list-style: square inside; }
	.dynamic-input ol li { padding: 0 0 0 10px; list-style-position: inside; }
	.dynamic-input img { margin-right: 10px; }
	.dynamic-input .related-images img { margin-right: 0px; }
	.dynamic-input .photos img { margin-right: 0px; }
	

/* Navigation 
	----------------------------------------------------------------------*/
	#navigation { position: relative; height: 140px; background: url(img/bg_navigation_2.png) no-repeat; z-index: 2; }
	#navigation img { float: right; margin: 60px 20px 0 0; z-index: 5; }
	#navigation img.logo {position: absolute; top: 20px; left: 620px; margin: 0px; }  
	#navigation #language { float: left; background-color: #1c1c1c; width: 314px; font-size: 10px; font-weight: bold; color: grey; height: 31px; margin: 50px 0 0 20px; }
	#navigation #language ul { width: 600px; }
	#navigation #language li { float: left; margin: 10px 35px 0 10px; }
	#navigation #language li a { color: #747474; text-decoration: none; }
	#navigation #language li img { margin: 0 5px 0 0; padding: 0; float: left; }
	
	#navigation #menu { clear: left; height: 100px; margin: 0 0 0 20px; padding-top: 10px; }
	#navigation #menu ul li { position: relative; float: left; height: 33px; background: url(img/bg_navigation_items.png) no-repeat top right; margin: 0 12px 0 0;  padding: 10px 12px 0 0; }
	#navigation #menu ul li a span.default{ font-family: Headline One; font-size: 16px; text-decoration: none; color: white; }
	#navigation #menu ul li a span.hover{ font-family: Headline One; font-size: 16px; text-decoration: none; color: #ca0003; display:  none;  }
	#navigation #menu ul li a.active span.default{ color: #ca0003;}
	#navigation #menu ul li:hover a span.hover{ display: block; }
	#navigation #menu ul li:hover a span.default{ display: none !important; }
	
	#navigation #menu ul li:hover ul { display: block; height: auto; z-index: 1000; }
	/* Sub menu */
	#navigation #menu ul li ul { display: none; position: absolute; top: 43px; left: -13px; }
	#navigation #menu ul li ul li { padding: 5px 0 5px 10px; background-image: none; background-color: #2f2f2f; width: 150px; height: 20px;  }
	#navigation #menu ul li ul li:hover { padding: 5px 0 5px 10px; background-image: none; background-color: #484848; height: 20px;  }
	#navigation #menu ul li ul li a { font-family: arial, helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFF;   }

		/* Sub Sub menu */ 
	#navigation #menu ul li:hover ul li ul { display: none; position: absolute; top: 43px; left: -13px; color: green;}
	#navigation #menu ul li:hover ul li:hover ul  { display: block; height: auto; z-index: 1100; left: 160px; top: 10px;}
	#navigation #menu ul li:hover ul li:hover ul li:hover { padding: 5px 0 5px 10px; z-index: 1200; background-image: none; background-color: #484848; height: 20px;  }


	#navigation #snelmenu {position: absolute; left: 700px; background: #1c1c1c; border: 1px solid #747474; border-top: none; padding: 0px 5px 5px 5px;  } 
	#navigation #snelmenu li{float: right; } 
	#navigation #snelmenu li a {color: #fff; text-decoration: none; margin: 0 5px; font-size: 11px;} 
	#navigation #snelmenu li a:hover {text-decoration:  underline; } 
 
	
/* Flash 
	----------------------------------------------------------------------*/
	#flash { position: absolute; left: 0; top: 0; margin: 0 0 0 0; width: 1000px; height: 480px; }
	
	
	
/* Wrapper 
	----------------------------------------------------------------------*/
	#wrapper { position: relative; padding-top: -41px; left: 0; width: 1000px; background-color: #000; clear: left; }
	
	
/* Rock and roll logo 
	----------------------------------------------------------------------*/
	#rockroll { position: absolute; z-index: 500; top: 220px; left: 910px; }
		

/* Left column home
	----------------------------------------------------------------------*/
	#leftcol { position: relative; float: left; width: 664px; margin: 274px 0 0 17px; z-index: 1; color: #fff; }

/* Itemblok 
	----------------------------------------------------------------------*/
	#itemblok { position: relative; width: 664px; height: 210px;  background: url(img/bg_itemblok.png) no-repeat; }
	#itemblok .item { float: left; width: 192px; margin: 20px 0 0 20px; }
	#itemblok .item h3{ margin: 10px 0 -10px 0;}
	
	#itemblok .item img { border: 1px solid white; }
	#itemblok .item p.title { margin-top: 16px; font-size: 17px; font-family: Headline One;  }
	#itemblok .item p { margin-top: 10px; font-size: 12px; vertical-align: middle; }
	#itemblok .item p img { border: none; vertical-align: middle; margin: 0 0 3px 5px; }
	

/* Banner space 
	----------------------------------------------------------------------*/
	.fullbannerwrapper { width: 658px; height: 90px; padding: 27px 0 0 104px;  }
	

/* Nieuwsblok 
	----------------------------------------------------------------------*/
	.nieuwsblok { background: url(img/bg_nieuwsblok.png) repeat-x; height: 153px; width: 662px; }
	.nieuwsblok img { float: left; border: 2px solid grey; margin: 20px 0 0 20px; }
	.nieuwsblok h4 a{ float: left; margin: 20px 0 0 20px; font-size: 25px;  font-family: Headline One; font-weight: normal; color: #fff;  text-decoration: none;  }
	.nieuwsblok p { float: left; width: 420px; margin: 10px 0 0 20px; font-size: 12px; line-height: 18px; }
	.nieuwsblok p a,span { color: #FFF; text-decoration: none; margin: 0 3px; }
	.nieuwsblok p a.red { color: red; text-decoration: none; margin: 0 3px; }
	.nieuwsblok p a span:hover { text-decoration: underline; }
	
/* Sub content in leftcol 
	----------------------------------------------------------------------*/
	#subcontent { background: url(img/bg_subcontent.png) no-repeat; padding: 40px 40px 30px 30px; border-bottom: 1px solid #222; min-height: 822px; margin-bottom: 20px;}
	#subcontent h2 { font-size: 34px; margin: 0 0 20px 0; }
	#subcontent p { margin-left: 2px; }	

	
	
	
/* Right column home
	----------------------------------------------------------------------*/
	#rightcol { position: relative; float: left; top: 0; left: 0; width: 284px; z-index: 100; margin: 274px 0 0 17px; }

/* Nieuwsbrief 
	----------------------------------------------------------------------*/
	#nieuwsbriefblok { width: 284px; height: 210px; background: url(img/bg_nieuwsbrief.png) no-repeat; }
	#nieuwsbriefblok h3 { float: left; margin: 20px 0 0 18px; font-size: 23px; }
	#nieuwsbriefblok p { margin: 0 0 0 20px; font-size: 12px; color: white; clear: left; padding-top: 14px; }
	#nieuwsbriefblok input.text { margin: 14px 0 0 20px; width: 250px; border: 1px solid grey; height: 20px; }
	#nieuwsbriefblok input.button { margin: 16px 0 0 20px; display: block; padding: 4px 0 0 0px;  color: white; font-size: 12px; text-decoration: none; }
	
	

/* Videoplayer 
	----------------------------------------------------------------------*/
	#videoplayer { width: 284px; margin-top: 20px; height: 145px; background: url(img/img_videoplayer_temp.png) no-repeat; }
	

/* Gallery and poll wrapper 
	----------------------------------------------------------------------*/
	#wrapper_gallery_poll { width: 284px; margin-top: 20px; padding-top: 10px; height: 465px; background: url(img/bg_gallery_poll.png) no-repeat; }
	#wrapper_gallery_poll img.seperator { margin: 10px 0 0 10px; }	
	#wrapper_gallery_poll #photogallery { float: none; width: 280px; }
	#wrapper_gallery_poll #photogallery h3 { margin: 10px 0 0 18px; font-size: 23px; }
	#wrapper_gallery_poll #photogallery ul { width: 260px; margin: 10px 0 0 18px; }
	#wrapper_gallery_poll #photogallery ul li { float: left; margin: 0 10px 8px 0; }
	#wrapper_gallery_poll #photogallery ul li a img { border: 1px solid #fff; }
	#wrapper_gallery_poll #photogallery ul li a img:hover { border: 1px solid red; }
	#wrapper_gallery_poll #poll { margin: 20px 0 0 18px; font-size: 21px; width: 260px; }
	#wrapper_gallery_poll #poll p { padding: 0 0 0 2px; font-size: 12px; color: #fff; }
	#wrapper_gallery_poll #poll ul { margin: 20px 0 0 0; clear: left; width: 260px; color: #fff; font-size: 12px; }
	#wrapper_gallery_poll #poll ul li { height: 25px; }
	#wrapper_gallery_poll #poll label{ color: #FFF; display: block; font-size: 12px;  margin: 5px;margin-left: 10px;  }
	#wrapper_gallery_poll #poll label input { margin-right: 10px; vertical-align: middle;  }
	#wrapper_gallery_poll #poll a { margin: 16px 0 0 0; display: block;  padding: 4px 0 0 0px; color: white; font-size: 12px; text-decoration: none; }
	#wrapper_gallery_poll #poll div.results p{ padding:5px; }
	#wrapper_gallery_poll #poll div.result {background-color: red; font-size: 10px; color:#fff; margin-left: 10px; }
	
	#template { margin-top: 20px; width: 280px; border: 1px solid #1E1E1E; height: auto; overflow: hidden; margin-bottom: 20px; background:#101010;padding:  2px; }
	#template .sub { padding: 15px; background-color:  #1E1E1E;  color: #fff; font-size: 12px; width: 260px; overflow: hidden;} 

	
/* Footer
	----------------------------------------------------------------------*/
	#footer { float: left; width: 1000px; height: 196px; background: none; }
	#footer .banners { width: 1000px; height: 119px; background: url(img/bg_footerbanners.png) repeat-x; }
	#footer .banners ul { float: left; margin: 28px 0 0 25px; }
	#footer .banners ul li { float: left; }
	#footer .banners ul li a img { border: 1px solid #fff; }
	#footer .banners ul li a:hover img { border: 1px solid red; }
	#footer .bottom { padding-top: 10px; font-size: 12px; }
	#footer .bottom img { float: left; }
	#footer .bottom p { float: left; padding: 13px 0 0 10px; color: #9c9d9e; }
	#footer .bottom ul { float: right; padding: 13px 0; }
	#footer .bottom ul li { float: left; margin: 0 0 0 10px; }
	#footer .bottom ul li a { color: #fff; text-decoration: none; }
	#footer .bottom ul li a { text-decoration: underline; }
	
	
/* MODULES */ 

/* News */

.news-item{padding: 10px 0;  } /*background: url(img/bg_nieuwsblok.png) repeat-x; padding: 10px 10px;  margin: 10px 0 0 0; */ 
.news-item .vsl{ border:1px solid grey;}
.news-item a img { float: left; margin-right: 20px;  }
.news-item .details { float: right; width: 355px;}
#subcontent .news-item .details h2 {background: none; line-height: 25px; padding: 0; margin-bottom: 10px;}
.news-item .details h2 a {  font-family: Headline One; font-weight: normal; color: #fff;  text-decoration: none;  font-size: 25px;   }
.news-item .details p a {  text-decoration: none;  line-height: 18px; color: #FFF;  font-size: 12px; line-height: 18px;  }
.news-item .details p a img{  display: inline; float: none;}



/* News Items*/
div.related-images {height: auto; overflow: hidden;  }
div.related-images h3 {font-family: Headline One; font-weight: normal; color: #fff;  text-decoration: none;  font-size: 25px; }
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; }

/* Photoalbums */ 

.album { font-size: 12px; color: #fff; float: left; padding: 0 47px 47px 0;  height: 280px; width: 250px;}
.album a img { border: 2px solid grey;} 
.album p img { border:none;} 
.album strong{width: 250px;  line-height: 18px; display: block;}
.album p{width: 250px;  line-height: 18px;}
.dynamic-input .album h2  a { font-size: 13px; color: #FFF; font-family: "Headline One";  text-decoration: none; font-size: 24px; font-weight: normal; text-decoration:  none; }
ul.photos {overflow: hidden;} 
ul.photos li { float: left; list-style: none; padding:20px 19px 0 0; list-style-type: none;} 
ul.photos li img{border: 2px solid grey;} 


/* forumulieren */ 

.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
.standard-form ol { color: #FFF; 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: #FFF; 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;}

/*	=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: #FFF; 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: #FFF; margin: 15px 0 8px 0; font-size: 25px; }
.user-comments .textarea { width: 450px; height: 100px; margin: 8px 0; padding: 3px; color: #000; 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: #FFF; }
.user-comments .not-logged a { color: #FFF; }
.user-comments .not-logged  { color: #FFF; }
.user-comments .breedte { width: 700px; }


/* Video */ 


#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: 25px; font-weight: normal; text-decoration: none; color: #FFF; float: left; width: 200px; font-family: Headline One; 	 } 
#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: #FFF; font-size: 12px; font-weight: bolder;} 

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

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


/* Tickets */ 


	.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:#FFF; font-weight: normal; font-family: Headline One; 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;} 

	ul.nav-meta  { padding : 5px  20px; background: transparent url(img/bg_nieuwsblok.png) repeat-x scroll; border-bottom: 1px solid grey; background-position: bottom;  float: right; margin-right: 20px;   }  
ul.nav-meta li {float: left; margin-right: 10px;}  
ul.nav-meta li a { text-decoration:  none; color: #FFF; font-size: 11px;  }  
ul.nav-meta li a:hover {color: grey;}