
/*indien er styles aan cdeditor zijn toegevoegd: definieren in ckstyles.css*/
/*@import url("ckstyles.css");*/

/* klasse om alleen te printen, niet zichtbaar op web */
.onlyprint{
	display:none;
	}


html
	{
	padding:0px;
	margin:0px;
	height: 100%;
	background-color: #090A0F;
	}

body
	{
	position: relative;
	overflow-x: hidden;
	padding:0px;
	margin:0px;
	height: 100%;
	background-color: #090A0F;
	}
	
body, td{
	font-family:'Rosario',Arial, Verdana, Helvetica, sans-serif;
	line-height:30px;
	font-size:16px;
	letter-spacing:1px;
	color:#FFF;
	}


#facebooklike{
	text-align: center;padding-bottom:10px;margin-top:-33px;
	height:30px;width:100%;overflow: hidden;padding-left:80px;
}
		#facebooklike em{
			color:#6B6B6B;
		}

.vijfpxdiv{
	height:5px;
}

.grey{
	color:#c0c0c0;
}

.blue{
    color: #199dd4;
}

.container{
	padding-left:90px;
}

.wrapper{
	position:relative;
	display:block;
	top:0;
	padding-bottom:70px;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
	opacity:1;
	}
	
			.wrapper.pushed{
				-webkit-transform: translateX(300px);
				-moz-transform: translateX(300px);
				-ms-transform: translateX(300px);
				-o-transform: translateX(300px);
				transform: translateX(300px);
				opacity:.25;
				}
				
.menuTrigger{
	position: fixed;
	left: 30px;
	top: 30px;
	padding: 10px 10px;
	cursor: pointer;
	color:#fff;
	font-weight:bold;
	font-size:28px;
	line-height:28px;
	}	

			.menuTrigger:hover {
				background: #AB1217;
				}	

					
.panel, .subPanel {
	width: 300px;
	background:#AB1217;
	position: fixed;
	height:100%;
	top: 0;
	bottom: 0;
	left: -301px;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
	overflow:hidden;
	}
	
.panel{
	z-index:10;
	border-left:1px solid #AB1217;
	height:100%;
	overflow-y:auto;
	}

			.panel i{
				margin-right:8px;
				display:inline-block;
				width:20px;
			}
			.panel a, .panel a:hover{
				color:#fff;
				display:block;
				text-decoration:none;
			}
			
			.panel ul{
				margin:0;padding:0;
				display:block;
				}
			.panel ul li{
				width: 300px;
				padding:7px;
				border-bottom: 1px solid #8a1115;
				color:#fff;
				cursor: pointer;
				list-style:none;
				}
				
			.panel ul li ul li {
				width: 300px;
				padding:7px;
				border-bottom: 1px solid #6f0d10;
				color:#fff;
				cursor: pointer;
				list-style:none;
				}
								
			.openSubPanel{
				background-image:url(../images/arrow-right.png);
				background-position: 90% 50%;
				background-repeat:no-repeat;
			}

			.panel ul li ul{
				background-color:#8a1115;
			}
			.panel ul li:hover {
				background: #8a1115;
				color: #fff;
				}

			.panel .nocolorchange:hover{
				background-color: inherit;
			}
			
			.panel ul li ul li{
				color:#fff;
				}
				
			.panel ul li ul li:hover{
				background:#6f0d10;
				color:#fff;
				}
				
			.panel.isOpen, .subPanel.isOpen {
				-webkit-transform: translateX(301px);
				-moz-transform: translateX(301px);
				-ms-transform: translateX(301px);
				-o-transform: translateX(301px);
				transform: translateX(301px);
				}
				
			.subPanel{
				z-index:20;
				}
				
			.panel .heading, .subPanel .heading {
				background: #AB1217;
				color: #fff;
				font-weight:bold;
				text-transform:uppercase;
				}

			.panel .heading {
				background: #6f0d10;
				}
				
			.panel .pabheading, .panel .pabheading:hover{
				background: #6f0d10;
				background-image: url(../images/PAB-menu-icon.png);
				background-repeat:no-repeat;
				background-position:3px -3px;
			}
			
				.panel .pabheading strong{
					margin-left: 28px;
				}
					
			.closeSubPanel, .closePanel, .openSubPanel {
				cursor: pointer;
				}
	
			.closePanel,.closeSubPanel{
				font-style:italic;
				margin-top:30px;
				border-bottom:none !important;
				color:#ECECEC !important;
			}


			.heading span{
				float:right;margin-right:10px;margin-top:0px;color:#fff;
			}













h1,h2,h3,h4,h5,h6{
    font-family: 'Rosario', sans-serif;
    letter-spacing: normal;	
	/*font-weight:bold;*/
	font-weight:normal;
	color:#FFF;
	margin:0px 0px 20px 0px;
	padding:0px;
	}

h1	{font-size:38px; line-height:44px; text-transform:uppercase;}
h2	{font-size:27px; line-height:33px; /*text-transform:uppercase;*/ color:#C0C0C0;}
h3	{font-size:21px; line-height:27px; font-style:italic;}
h4	{font-size:15px; line-height:21px;}
h5	{font-size:14px; line-height:20px;}
h6	{font-size:13px; line-height:19px;}

p{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:20px;
	}

/* p:first-letter { float: left; color: #903; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; } */

a{
	color:#199dd4; 
	text-decoration:none;
	}
	
a:hover{
	color:#199dd4; 
	text-decoration:underline;
	}


ul{
	list-style-type:square;
	/*list-style-position:inside;*/
	}

hr{
	border:0px;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	margin-top:15px;
	}





/* klasse om alleen te printen, niet zichtbaar op web */
.onlyprint{
	display:none;
	}






/* klasse om clear uit te voeren */
.cleardiv{		clear:both;	}
.cleardiv10{	clear:both;	height:10px;	}
.cleardiv8{		clear:both;	height:8px;	}
.cleardiv4{		clear:both;	height:4px;	}
.cleardiv100{	clear:both;	height:100px;	}
.cleardiv200{	clear:both;	height:200px;	}



.pointer{
	cursor:pointer;
}


.uppercase{
	text-transform:uppercase;
}

ul{
	list-style-type:square;
	}

hr{
	border:0px;
	color:#090a0f;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	margin-top:15px;
	}
	
	
	
	
	
	

#logo{
	margin-top: -20px;
	text-align:center;
	height:150px;
}

			#logo img{
				height:150px;
			}

#broodkruimel{
	text-align:center;
	margin-bottom:20px;
	color:#ab1217;
}

		#broodkruimel a{
			color:#ab1217;
		}





.roodachtergrond{
	background: rgba(171,18,23,1); /* Old browsers */
}




#rechterkolom{
	float:right;
	width:595px;
}

	#advertising{
		float:right;
		width:330px;
	}
	
	#nieuwsrechts{
		float:left;
		width:265px;
	}
	

			#advertising img{
				float:right;
				margin-right:10px;
				margin-bottom:10px;
				height:218px;
				width:148px;
				cursor:pointer;
				border: 1px solid #E1E1E1;
			}
			
			.mainitem{
				background-color:#333;
				margin-bottom:20px;
				border:1px solid #666;
			}
			
			.mainitem H4{
				text-align:center;
				margin:0px;
				padding:3px;
				font-size:16px;
				line-height:28px;
				letter-spacing:1px;
				text-transform:uppercase;
				color:#FFF;
			}
			
			.item{
				color:#EAEAEA;
				cursor:pointer;
				padding:3px;
				background-color:#2A2A2A;
				border-top:1px solid #666;
				min-height:18px;
				font-size:13px;
				line-height:18px;
				height:36px;
				overflow:hidden;
			}
			
			.item:hover{
				border-top:1px solid #999;
				color:#FFF;
				background-color:#1e1e1e;
			}
			
			.item span{
				padding-right:6px;
				border-right:1px solid #666;
				float:left; margin-right:6px;
			}
			
			#nieuwsrechts div .item:first-child{
				border-top:1px solid #666;
			}

	#advertisingboven{
		position:relative;
		height:145px;
		line-height:190px;
		text-align:center;
		display:block;
		overflow:hidden;
		margin-right:12px;
		top: 10px;
	}

			#advertisingboven img{
				cursor:pointer;
				border: 1px solid #E1E1E1;
				width:99.5%;
			}
			


#content{
	width:880px;
	padding-left:20px;
	float:left;
	min-height:350px;
}

			.homeitem{
				float:left;
				margin:5px;
				height:293px;
				width:200px;
				cursor:pointer;
				border: 1px solid #E1E1E1;
				overflow:hidden;
			}
			
			.homeitemdouble{
				float:left;
				margin:5px;
				height:293px;
				width:412px;
				cursor:pointer;
				border: 1px solid #E1E1E1;
				overflow:hidden;
			}

			.homeitem H1, .homeitem H2, .homeitem H3, .homeitemdouble H1, .homeitemdouble H2, .homeitemdouble H3{
				color:#FFF;
				text-transform:uppercase;
				font-size:22px;
				line-height:28px;
				margin:0px 0px 0px 0px;
			}

			.homeitem img{
				width:100%;
				height:100%;
			}
			
			.homerow{
				clear:both;
			}
		
			.homerow div:last-child{
				margin-right:0px;
			}
			
			.homerowlast div:last-child{
				margin-right:0px;
			}
			
			.homeitemdouble .homeinnerdiv{
				background-image:url(../images/kader-achtergrond-2.png);
				background-position:100% -20px;
				background-repeat:no-repeat;
				/*width:392px;*/
				height:100%;
				padding:20px;
				line-height:27px;
			}
			
			.homeitem .homeinnerdiv{
				background-image:url(../images/kader-achtergrond-2.png);
				background-position:100% -20px;
				background-repeat:no-repeat;
				/*width:190px;*/
				height:100%;
				padding:20px 10px 20px 10px;
			}
			
			
			
			
/* voor kalender */
			
			
			.calendaritem {
				float:left;
				width:98%;
				padding:5px;
				margin-bottom:10px;
				border:1px solid #666;
				background-color:#2A2A2A;
				font-size:14px;
			}


			.calendaritem:hover {
				background-color:#1e1e1e;
			}
			
			.calendaritem .datum{
				width:90px;
				float:left;
				color:#EEEDEA;
			}

			.calendaritem .datum strong{
				font-style:normal;
				color:#FFF;
			}

			.calendaritem .location{
				width:180px;
				float:right;
				text-align:right;
				color:#EEEDEA;
			}
			.calendaritem .description{
				width:560px;
				float:left;
				font-style:italic;
				color:#EEEDEA;
			}
			
				.calendaritem .description a, .calendaritem .description a:hover{
					color:#EEEDEA;
					text-decoration:none;
				}
			
			.calendaritem .descriptionsmall{
				width:450px;
				float:left;
				font-style:italic;
				color:#EEEDEA;
			}
			
				.calendaritem .descriptionsmall a, .calendaritem .descriptionsmall a:hover{
					color:#EEEDEA;
					text-decoration:none;
				}
			
			.calendaritem .description strong,.calendaritem .descriptionsmall strong{
				font-style:normal;
				color:#FFF;
			}
			
			.calendarflyer{
				float:right;
				width:110px;
				text-align:right;
			}
			.calendaritem .calendarflyer img{
				width:100px;
			}
			
					#imgPreviewWithStyles {
						background: #0D0D0D;
						padding: 15px;
						z-index: 999;
						border:1px solid #666;
						}
			
			#calendardiv H1{
				text-transform:none;
				text-align:center;
				padding:15px;
				clear:both;
			}
						
			.calendardetail{
						font-size:16px;
						line-height:20px;
						text-align:center;
			}
			
					.calendardetail H1{
						font-size:35px;
						line-height:50px;
					}

					.calendardetail img{
						max-height:600px;
						border: 1px solid #E1E1E1;
					}

					.calendardetail H2, .calendardetail H3{
						color:#FFF;
						font-size:25px;
						line-height:40px;
					}


			#options {
			  padding-bottom: 1.0em;
			}
			
			#options h3 {
			  margin-bottom: 0.2em;
			  font-size: 15px;
			}
			
			#options h4 { 
			  font-weight: bold;
			}
			
			#options ul {
			  margin: 0;padding:0;
			  padding-right:15px;
			  list-style: none;
			}
			
			#options ul ul {
			  margin-left: 1.5em;
			}
			
			#options li {
			  float: left;
			  margin:0;padding:0;
			  margin-bottom: 0.2em;
			}
			
			#options li a {
			  display: block;
			  padding: 0.4em 0.5em;
			  background-color: #DDD;
			  color: #222;
			  font-weight: bold;
			  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
			  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
			  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
			  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
			  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
			  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
			}
			
			#options li a:hover {
			  background-color:#CECECE;
			}
			
			#options li a:active {
			  background-color: #39D;
			  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
				 -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
				   -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
					  box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
			}
			
			#options li a {
			  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
			  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
			}
			
			#options li:first-child a {
			  border-left: none;
			}
			
			#options li:last-child a {
			}
			
			#options li a.selected {
			  background-color: #ab1217;
			  text-shadow: none;
			  color: white;
			}


			#options .option-combo {
			  display: inline-block;
			  float: left;
			  margin:0; padding:0;
			  margin-right: 0px;
			}
			
			#options .option-combo ul {
			  margin-right: 0px;
			  display: inline-block;
			}
			
			#options .option-combo h2,
			#options .option-combo h4 {
			  line-height: 34px;
			  margin-bottom: 0;
			  margin-right: 5px;
			  display: inline-block;
			  vertical-align: top;
			}





.roodgradient{
	background: #ab1217; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #d38386 0%, #ab1217 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#d38386), color-stop(100%,#ab1217)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #d38386 0%,#ab1217 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #d38386 0%,#ab1217 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #d38386 0%,#ab1217 100%); /* IE10+ */
	background: linear-gradient(to top,  #d38386 0%,#ab1217 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab1217', endColorstr='#d38386',GradientType=0 ); /* IE6-9 */
}

.donkergrijsgradient{
	background: #565656; /* Old browsers */
	background: -moz-linear-gradient(top,  #565656 1%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#565656), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #565656 1%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #565656 1%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #565656 1%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #565656 1%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

.donkergrijsgradient2{
	background: #2A2A2A; /* Old browsers */
	background: -moz-linear-gradient(top,  #2A2A2A 1%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2A2A2A), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2A2A2A 1%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2A2A2A 1%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2A2A2A 1%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2A2A2A 1%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A2A2A', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}


.roodgradient2{
	background: #ab1217; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #ab1217 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ab1217), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #ab1217 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #ab1217 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #ab1217 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #ab1217 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#ab1217',GradientType=0 ); /* IE6-9 */
}

.okergradient{
	background: #F9DB33; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #F9DB33 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#F9DB33), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #F9DB33 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #F9DB33 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #F9DB33 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #F9DB33 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#F9DB33',GradientType=0 ); /* IE6-9 */
}

.paarsgradient{
	background: #9a02c9; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #9a02c9 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#9a02c9), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #9a02c9 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #9a02c9 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #9a02c9 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #9a02c9 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#9a02c9',GradientType=0 ); /* IE6-9 */
}

.oranjegradient{
	background: #ed5c02; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #ed5c02 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#ed5c02), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #ed5c02 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #ed5c02 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #ed5c02 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #ed5c02 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5c02', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

.groengradient{
	background: #b2e802; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #b2e802 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#b2e802), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #b2e802 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #b2e802 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #b2e802 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #b2e802 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#b2e802',GradientType=0 ); /* IE6-9 */
	}

.blauwgradient{
	background: #02efd0; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #02efd0 0%, #1e1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#02efd0), color-stop(100%,#1e1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #02efd0 0%,#1e1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #02efd0 0%,#1e1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #02efd0 0%,#1e1e1e 100%); /* IE10+ */
	background: linear-gradient(to top,  #02efd0 0%,#1e1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#02efd0',GradientType=0 ); /* IE6-9 */
	}



/*------------------------------------------multicol---------------------------------*/

.kolomwrapper div{
	float:left;
	margin-left:10px;	
	border:0px solid #000000;	/* border altijd meegeven*/
}


.kolomwrapper div:first-child{
	margin-left:0px;	
}



/* indien image links of rechts moet staan */
.leftimage{
	margin-right:12px;
	margin-bottom:5px;
	float:left;
	}
.rightimage{
	margin-left:12px;
	margin-bottom:5px;
	float:right;
	}














/* indien kader=ja wordt toegevoegd op een module */			
.rondehoek{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}

.divbox {
	background-color:#F1F0EB;
	border:1px solid #d4d4d4;	/* border altijd meegeven*/
				line-height:22px;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
			.divbox h1, .divbox h2, .divbox h3, .divbox h4, .divbox h5, .divbox h6 {
				margin-bottom:0px;
				}
			
			.divbox img{
				border:0px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				}
				
			.divbox p{
				line-height:22px;
			}
				
			.divbox hr{
			border:0px;
			border-bottom:1px dotted #999999;
			height:0px;
			}

			.divbox input{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}				
			.divbox textarea{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}
			.divbox select{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}

.divboxzwart{
	background-color:#2E2E2E;
	border:1px solid #000000;	/* border altijd meegeven*/
	line-height:22px;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFF;
	}
			 .divboxzwart h1, .divboxzwart h2, .divboxzwart h3, .divboxzwart h4, .divboxzwart h5, .divboxzwart h6 {
				margin-bottom:0px;
				color:#AB1217;
				}
			
			.divboxzwart img{
				border:0px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				}
				
			.divboxzwart p{
				line-height:22px;
			}
				
			.divboxzwart hr{
			border:0px;
			border-bottom:1px dotted #C0C0C0;
			height:0px;
			}
	
			.divboxzwart input{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}				
			.divboxzwart textarea{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}
			.divboxzwart select{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}









/* 2 of 3 kolommen tekst, enkel indien er geen divbox kader rond staat */
.linkerkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.middenkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.rechterkolom{
	}


/* 2 of 3 kolommen tekst, enkel indien er WEL divbox kader rond staat */
.linkerkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
.middenkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
.rechterkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
	
.linkerkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}
.middenkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}
.rechterkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}








/* formulier*/
.formNOK{
	font-weight:bold;
	color:#900;
	}
.formOKbedank{
	font-weight:bold;
	color:#23048C;
	}

.formuliercontainer{
	margin:0px;
	padding:0px;
	list-style:none;
}

.formuliercontainer li{
	clear:both;
	padding-top:3px;
	padding-bottom:3px;
}

.formuliertitel{
	width:200px;
	font-weight:bold;
	display:block;
	float:left;
	clear:left;
}

.formulierinhoud{
	width:400px;
	display:block;
	float:left;
	clear:right;
}



.formuliercontainer input{
	margin-left:0px;
}

.formuliercontainer select{
	margin-left:0px;
}



/* module FAQ  */
/* a = link = vraag in FAQ */
#FAQlijst a{
	text-decoration:none;
	font-weight:bold;
	color:#AB1217;
	}
/* li is nummering via ol voor alle FAQs, in zelfde kleur als bv link = vraag */
#FAQlijst li{
	font-weight:bold;
	color:#AB1217;
	}
/* het antwoord */
.FAQsub{
	font-weight:normal;
	color:#000000;
	}








/* module downloads */
/* module downloads, div rond alle downloads */
.downloaddiv{
	line-height:30px;
	}
			/* module downloads, titel van pagina staat in H2 */
			.downloaddiv H2{
				margin-top:15px;
				margin-bottom:5px;
				line-height:30px;
				}
			/* module downloads, div rond subtitels tussen downloads */
			.download_titel{
				font-weight:bold;
				padding-left:15px;
				line-height:30px;
				}
			/* module downloads, div rond elke download */
			.download_item{
				padding-left:15px;
				line-height:30px;
				}
			.downloaddiv a{
				text-decoration:none;
				}
			.downloaddiv a:hover{
				text-decoration:underline;
				}







/* afbeelding */
/* module afbeelding - afbeelding in filmpje */
.imagemovie{
	}

/* module afbeelding - afbeelding met popup */
.imagepopup{
	}

/* module afbeelding - afbeelding zonder popup */
.imagenopopup{
	}

/* module afbeelding - afbeelding in fotoalbum */
.imagefotoalbum{
	}

/* module afbeelding - afbeelding die scrollt */
.scrolldiv{
	width:650px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-25px;
	}
.imagescrol{
	}









/* module tekst die scrollt */
.scrolldivtext{
	line-height:10px;
	}






/* module links */

#links{
	list-style:none;
	clear:both;
	padding:0px;
	margin:0px;
}

			#links li{
				padding:0px;
				margin:0px;
				margin-top:5px;
				margin-bottom:5px;
			}
			
			#links .link{
				cursor:pointer;
			}

			#links .links_eerstekolom{
				display:block;
				width:40%;
				float:left;
				clear:left;
				text-align:right;
			}
			
			#links .links_tweedekolom{
				display:block;
				width:20%;
				float:left;
				text-align:center;
			}
			
			#links .links_derdekolom{
				display:block;
				width:40%;
				float:left;
				clear:right;
			}
			
			#links .tussentitel{
				text-align:center;	
			}

.linktabel{
	}
	
			.linktabel a{
				text-decoration:none;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel a:hover{
				text-decoration:none;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel img{
				border:1px solid #CCCCCC;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel H2{
				text-align:center;
				}






/* sitemap div met klasse sitemap */
.sitemap ul{
	text-align:left;
	}
			.sitemap li{
				color:#AB1217;
				display:list-item;
				}
			.sitemap a{
				text-decoration:none;
				}







/* module nieuws */
/* div rond tabel met nieuwtjes */
.nieuwstabel{
	}

			.nieuwstabel img{
				border:1px solid #666666;
				padding:0px;
				margin:0px;
				float:left;
				margin-right:7px;
				margin-bottom:7px;
				}

			.nieuwstabel a{
				text-decoration:none;
				}
				
			.nieuwstabel a:hover{
				text-decoration:underline;
				}

			.nieuwsscheiding{
				border-bottom:1px dashed #666666;
				}
				
			.nieuwstabel H1{
				color:#AB1217;
				font-size:16px;
				line-height:20px;
				}

			.nieuwsdatum{
				font-size:12px;
				}
				
			.nieuwstabel tr:nth-child(even) {background: #FFFFFF}
			.nieuwstabel tr:nth-child(odd) {background: #E6E6E6}
			
			
			
			/* nieuwsdetails */
			.nieuwsdetail{
				border-top: 1px solid #C6C6C6;
				margin-top: 20px;
				padding-top:20px;
			}
			
			.eerstenieuws{
				border:none;
				margin-top:0px;
				padding-top:0px;
			}
			
			.nieuwslinkerkolom{
				float:left;
				width:180px;
				margin-right:20px;
			}
			
			.nieuwsrechterkolom{
				padding-left:200px;
			}
			
			.permalink{
				margin-top:10px;	
			}



/* module downloads */
#iframedocument{
	width:1px; 
	height:1px;
	overflow:hidden;
	display:none; 
	border:0px;
}









/* pager nummering */
.pagerblock{
	background-color:#000000;
	color:#AB1217;
}

.pagerblockselected{
	background-color:#AB1217;
	color:#AB1217;
}

			a.pagerlink{
				background-color:#2A2A2A;
				padding:7px;
				color:#FFFFFF;
				text-transform: uppercase;
				text-decoration:none;
				font-size:12px;
				border-radius:14px;
			}
			a.pagerlink:hover{
				background-color:#199dd4;
				padding:7px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
				width:20px;
			}
			
			a.pagerlinkselected{
				background-color:#AB1217;
				padding:7px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
				border-radius:14px;
			}
			a.pagerlinkselected:hover{
				background-color:#199dd4;
				padding:7px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
			}
			






/* diverse knoppen voor formulieren en dergelijke */
.knop{
	background-color:#000000;
	color:#FFFFFF;
	height:22px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px;
	}

.saveknopformulier{
	background-image:url(../../basicimages/email.png);
	background-color:#000000;
	color:#FFFFFF;
	height:22px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	}


.tableheader{
	color:#FFFFFF;
	font-weight:bold;
}

			tr.tableheader{
				background-color:#464337;
				border: 1px solid #464337;
				color:#FFFFFF;
			}
			
			td.tableheader{
				background-color:#464337;
				border: 1px solid #464337;
				color:#FFFFFF;
			}








input{
	height:25px;
	line-height:25px;
	border: 1px solid #333;
	background-color:#F5F5F5;
}
select,textarea{
	border: 1px solid #333;
	background-color:#F5F5F5;
}

input[type="submit"]{
	height:29px;
	line-height:18px;
	background-color:#ab1217;
	color:#F5F5F5;
}






.specialecategorie img{
	width:100%;    
	border: 1px solid #E1E1E1;
}








/* REVIEW */

.reviewdiv{
	margin-top:-14px;
}

	.reviewtype, .reviewtype a{
		font-size:14px;
	}
	
	.reviewdiv iframe{
		width:100%;
		height:450px;
		border: 1px solid #E1E1E1;
		margin:10px 0px 10px 0px;
		background-color:#ffffff;
	}
	
	.reviewdiv .specialecategorie{
		margin-top:14px;
	}

.bespreking {
    text-align: justify;
}
		.bespreking  H1, .bespreking H2, .bespreking H3{
			text-align:left;
		}

.taalaanduiding {
    width: 100px;
	height:100px;
    float: right;
    font-size: 50px;
    line-height: 100px;
    color: #FFFFFF !important;
	border-radius:50px;
	text-align:center;
    background-color: #AB1217;
    margin-left: 10px;
    margin-bottom: 5px;
    text-decoration: none;
}


.taalaanduiding:hover{
	color:#FFFFFF;background-color:#035b80; text-decoration:none;
}

.reviewimage{
	margin-left:15px;
	max-height:350px;
	max-width:50%;
    border: 1px solid #E1E1E1;
}
.searchbuttons{
	position:fixed;
	width:40px;
	top:150px;
	left:35px;
	text-align:left;
    background-color: #090A0F;
}

		.searchbuttons .taalkeuze img{
			margin: 8px 0 0 2px;
			width:20px;
		}
		.searchbuttons span, .searchbuttons a, .searchbuttons a:hover{text-decoration:none; color:#fff !important;padding:0;}
				
		.searchbuttons span, .searchbuttons a{
			margin-bottom:20px;
			display:block;
			width:40px;
			height:40px;
			padding:0 !important;
			font-size:18px;
			font-weight:bold;
			text-align:center;
			line-height:40px;
			overflow:hidden;
			border-radius: 20px;	
			background-color:#2A2A2A;
			cursor:pointer;
		}

		.searchbuttons i{
			font-size:20px;
			text-align:center;
			line-height:40px;
		}

		.searchbuttons .fa-forward{ margin-left:5px;}
		.searchbuttons .fa-backward{ margin-left:-5px;}

		.searchbuttons span:hover, .searchbuttons a:hover{background-color:#720608;text-decoration:none;}

		.searchbuttons a.taalkeuze{background-color:#720608;}
		.searchbuttons a.taalkeuze:hover{background-color:#199dd4;}

		.searchbuttons .searchbutton:hover{background-color:#199dd4;}
		.searchbuttons .listbutton:hover{background-color:#720608;}
		.searchbuttons .backbutton:hover{background-color:#710672;}
		.searchbuttons .nextbutton:hover{background-color:#430672;}


.socialmedia{
	position:relative;
	top:35px;
	left:0px;
	height:50px;
	width:250px;
	overflow:hidden;
	z-index:14;
	margin-bottom: -55px;
}
								
		.socialmedia span, .socialmedia a{
			margin-right:15px;
			text-decoration:none;
			display:inline-block;
			width:40px;
			height:40px;
			color:#fff !important;
			padding:0 !important;
			font-size:18px;
			font-weight:bold;
			text-align:center;
			line-height:40px;
			overflow:hidden;
			border-radius: 20px;	
			background-color:#2A2A2A;
			cursor:pointer;
		}

		.socialmedia i{
			font-size:20px;
			text-align:center;
			line-height:40px;
		}

		.socialmedia .fa-forward{ margin-left:5px;}
		.socialmedia .fa-backward{ margin-left:-5px;}

		.socialmedia span:hover, .socialmedia a:hover{background-color:#720608;text-decoration:none;}

		.socialmedia a.taalkeuze{background-color:#720608;}
		.socialmedia a.taalkeuze:hover{background-color:#199dd4;}

		.socialmedia .socialmediabutton1:hover{background-color:#199dd4;}
		.socialmedia .socialmediabutton2:hover{background-color:#720608;}
		.socialmedia .socialmediabutton3:hover{background-color:#710672;}
		.socialmedia .socialmediabutton4:hover{background-color:#430672;}



.searchpanel, .searchpanel .subPanel {
	width: 300px;
	background:#063e72;
	position: fixed;
	height:100%;
	bottom: 0;
	left: -301px;
	-webkit-transition: ease 0.5s;
	-moz-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
	overflow:hidden;
	z-index:12;
	}
	
.searchpanel{
	z-index:10;
	border-left:1px solid #063e72;
	height:100%;
	overflow-y:auto;
	}

			.searchpanel select{
				width:280px;overflow:hidden;padding:7px;margin:0;border: 1px solid #C0C0C0;height:auto;line-height:auto;
			}
			
			.searchpanel input{
				width:264px;overflow:hidden;padding:3px 7px 3px 7px;margin:0;border: 1px solid #C0C0C0;height:auto;line-height:auto;
			}
			
			.searchpanel input[type=submit]{
				width:280px;padding:7px;background-color:#212121;
				cursor: pointer;
			}
			
			.searchpanel a, .searchpanel a:hover{
				color:#fff;
				display:block;
				text-decoration:none;
			}
			
			.searchpanel ul{
				margin:0;padding:0;
				display:block;
				}
			.searchpanel ul li{
				padding:10px;
				border-bottom: 1px solid #063e72;
				color:#fff;
				list-style:none;
				}
				
			.searchpanel ul .closePanel:hover {
				background: #04294c;
				color: #fff;
				}

			.searchpanel.isOpen, .searchpanel .subPanel.isOpen {
				-webkit-transform: translateX(301px);
				-moz-transform: translateX(301px);
				-ms-transform: translateX(301px);
				-o-transform: translateX(301px);
				transform: translateX(301px);
				}
				
			.searchpanel .subPanel{
				z-index:20;
				}
				
			.searchpanel .subPanel .heading,.searchpanel .heading {
				background: #04294c;
				color: #fff;
				font-weight:bold;
				text-transform:uppercase;
				}
				
			.closeSubPanel, .closePanel, .openSubPanel {
				cursor: pointer;
				}
	
			.closePanel,.closeSubPanel{
				font-style:italic;
				margin-top:30px;
				border-bottom:none !important;
				color:#ECECEC !important;
			}








/* CLIPS */

.cliplistitem{
	width:270px;
	height:200px;
	margin:10px;
	overflow:hidden;
	float:left;
	position:relative;
	border: 1px solid #E1E1E1;
}

	.cliplistitem img{
		width:101%;
		margin-top:-27px;
	}
	
	.cliplistitem .cliplistvideoplay{
		position:absolute;
		font-size:80px;
		line-height:110px;
		top:20px;
		left:0px;
		width:100%;
		text-align:center;
		color:#ffffff;
		opacity:.10;
	}

	.cliplistitem .cliplistvideoplay:hover{
		opacity:.80;
	}

	.cliplistitem .cliplistitemtitle strong{
		font-size:16px;
		line-height:18px;
		text-transform:uppercase;
	}
	.cliplistitem .cliplistitemtitle{
		position:absolute;
		height:36px;
		line-height:15px;
		left:0px;
		bottom:0px;
		overflow:hidden;
		z-index:7;
		width:250px;
		padding:10px;
		background-color:rgba(0,0,0,0.95);
		color:#fff;
		opacity:.8;
	}

	.cliplistitem:hover{
		border: 1px solid rgba(171,18,23,1);
	}

	.cliplistitem:hover .cliplistitemtitle{
		background-color:rgba(171,18,23,0.95);
		opacity:1;
	}
	
	.clipdetail {
		text-align:center;
		font-style:italic;
	}
	
	.clipdetail H1, .clipdetail H2{
		text-align:center;
		font-style:normal;
	}
	
	.clipdetail iframe{
		width:100%;
		height:450px;
		border: 1px solid #E1E1E1;
		margin:10px 0px 0px 0px;
		background-color:#E1E1E1;
		padding:0;
	}
	
	.clipdetail H2 i{
		font-size:14px;
		line-height:14px;
		top:-15px;
		position:relative;
	}
	
	.clipdetail img{
		border: 1px solid #E1E1E1;
    	max-width: 100%;
	}









/* CD REVIEWS */

.cdlistitem{
	width:270px;
	height:270px;
	margin:10px;
	overflow:hidden;
	float:left;
	position:relative;
	border: 1px solid #E1E1E1;
}

	.cdlistitem img{
		/*height:100%;
		min-width:100%;*/
	}

	.cdlistitem .tall{
		width:100%;
	}

	.cdlistitem .wide{
		height:100%;
	}

	.cdlistitem .cdlistitemtitle strong{
		font-size:16px;
		line-height:18px;
		text-transform:uppercase;
	}
	.cdlistitem .cdlistitemtitle{
		position:absolute;
		height:75px;
		line-height:15px;
		left:0px;
		bottom:0px;
		overflow:hidden;
		z-index:7;
		width:250px;
		padding:10px;
		background-color:rgba(0,0,0,0.95);
		color:#fff;
		opacity:.8;
	}

	.cdlistitem:hover{
		border: 1px solid rgba(171,18,23,1);
	}

	.cdlistitem:hover .cdlistitemtitle{
		background-color:rgba(171,18,23,0.95);
		opacity:1;
	}

.cdlist{
	width:387px;
	height:106px;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	overflow:hidden;
	background-color:#E7E7E7;
	cursor:pointer;
	padding:6px 0px 4px 6px;
	text-align:left;
	color:#000;
	border:2px solid #FFFFFF;
	line-height:19px;
	background: -moz-linear-gradient(100% 100% 90deg, #E7E7E7, #FFFFFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7E7E7), to(#FFFFFF));
	background: -webkit-linear-gradient(#E7E7E7,#FFFFFF);
	background: -o-linear-gradient(#FFFFFF,#E7E7E7);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#FFFFFF'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E7E7E7', endColorstr='#FFFFFF')"; /* IE8 */
}

.cdlist:hover{
	border:2px solid #F0F0F0;
	background-color:#E7E7E7;
	color:#AB1217;
	
	background: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #E7E7E7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E7E7E7));
	background: -webkit-linear-gradient(#FFFFFF,#E7E7E7);
	background: -o-linear-gradient(#E7E7E7,#FFFFFF);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#E7E7E7'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#E7E7E7')"; /* IE8 */
}

.cdlist img{
	width:100px;
	border:1px solid #FFF;
	float:left;
	margin-right:10px;
	margin-bottom:50px;
}

.bandinfoicon{
	display:inline-block;
}
		.bandinfoicon i{
			position:relative;
			top:-20px;
			left:10px;
			font-size:24px;
			line-height:24px;
		}


#SearchCriteria{
	text-align:center;
	padding-bottom:20px;
}

		.SearchCriteria{
			background-color:#2A2A2A;
			color:#FFF;
			font-size:14px;
			line-height:14px;
			padding:5px 10px 5px 5px;
			border-radius: 12px;
		}
		
		.SearchCriteria i{
			font-size:20px;
			line-height:26px;
			height:26px;
			width:26px;
			background-color:#D30A0D;
			border-radius: 12px;	
			margin-left:-5px;
			top:2px;	
			position:relative;
				
		}
		
		.SearchCriteria a, .SearchCriteria a:hover{
			text-decoration:none;
			color:#fff;
		}






/* ARTISTS */

.artistdiv{
	margin-top:-14px;
}
			.artistdiv .reviewtypetd {
				text-transform:uppercase;
			}
			.artistdiv .artistname{
				background-color:#666;padding:3px 0px 7px 7px;
			}
			
			.artistdiv ul{
				width:250px;
				float:left;
				margin:0px;
				padding:0px;
				margin-left:20px;
			}
			
			.artistdiv li{
				margin-bottom:10px;
				color:#999;
				font-size:11px;
				line-height:14px;
			}
			
			.firstletter{
				list-style:none;
				margin:0px;
				padding:0px;
				margin-left:-17px;
			}
			.artistdiv H1{
				font-size:30px;
				line-height:30px;
				padding:0px;
				margin:0px;
				padding-top:5px;
			}
			
			.artistdiv  a:hover{
				text-decoration:none;
				border-bottom: 1px dotted #999;
			}
			
			.artistdivimg{
					border: 1px solid #CCC;
					float:right;
					margin-left:20px;
					margin-right:20px;
					margin-top:7px;
			}
			
			.artistdiv p{
				text-align:justify;
			}

	.artistdiv iframe{
		width:100%;
		height:450px;
		border: 1px solid #E1E1E1;
		margin:10px 0px 10px 0px;
		background-color:#ffffff;
	}
	
			
			.labellogo{
				margin:10px;
				padding:3px; 
				border: 1px solid #CCCCCC;
				max-height:150px;
				max-width:300px;
			}



	#cdlisting td a{
		color:#FFF;
	}
	
	#cdlisting td a:hover{
		color:#FFF;
		text-decoration:none;
	}

	#cdlisting td H1{
		color:#FFF;
		font-size:35px;
		line-height:45px;
		padding-left:10px;
		margin-bottom:0px;
	}
	
	
	#cdlisting td img{
		width:45px;
		border:1px solid #CCC;
	}
	
	#cdlisting td{
		border-bottom:1px solid #CCC;
		font-size:14px;
		padding:10px;
		padding-left:1px;
		cursor:pointer;
	}
	
	#cdlisting tr:first-child td{
		border-top:1px solid #CCC;
	}
	
	#cdlisting tr td:last-child {
		padding-right:1px;
	}

	#cdlisting tr:hover{
		background-color:#2A2A2A;
	}
	





/* NEWS */

#news{
	margin-top:-14px;
	text-align:justify;
}
			#news H1{
				font-size:24px;
				line-height:30px;
				margin-bottom:10px;
			}
			
			#news.newsdetail H1{
				font-size:20px;
				line-height:24px;
				margin-bottom:10px;
				padding:5px 0px 5px 0px;
				border-bottom:1px dashed #999;
				border-top:1px dashed #999;
				color:#199dd4;
			}
			
			#news .newsdetail H2{
				font-size:16px;
				line-height:24px;
				margin-bottom:10px;
				padding:5px 0px 5px 0px;
				border-bottom:1px dashed #999;
				border-top:1px dashed #999;
				color:#199dd4;
			}
			
			.newsdetail a{
				color:#199dd4;
				font-weight:bold;
				padding-top:3px;
				padding-bottom:3px;
			}
			
			#news .newsdate{
				font-size:11px;
				line-height:15px;
				margin-bottom:10px;
			}
			
			#news img{
					border: 1px solid #CCC;
			}
			#news .newsimg{
				float:left;margin-left:5px;margin-right:10px;width:150px;
			}

			#news .searchknop{
				text-decoration:none;
				color:#FFF;
			}
			
			#news .searchknop:hover{
				text-decoration:none;
				color:#FFF;
			}

			#news iframe{
				width:100%;
				height:450px;
				border: 1px solid #E1E1E1;
				margin:10px 0px 10px 0px;
				background-color:#ffffff;
			}

			.newstitel{
				background-color:#666;padding:10px 0px 7px 7px; 
			}
					.newstitel h1{
						text-align:left;
					}
			
			.nlnews{
				margin-top:100px;
			}

			.newstitelrechterinfo{
				float:right;
				width:150px;
				margin-left:10px;
				margin-right:10px;
				text-align:right;
				line-height:28px;
			}
			
			
					.newstitelrechterinfo a{
						color:#fff;
					}

					.newstitelrechterinfo a:hover{
						color:#199dd4;
					}

					.newstitelrechterinfo i{
						font-size:28px;
						margin-left:7px;
					}


			#news .moreinfo{
				display:inline-block;
				background-color:#AB1217;
				color:#fff;
				padding: 3px 12px 3px 12px;
				margin-top:10px;
				border-radius:15px;
			}

					#news .moreinfo:hover{
						text-decoration:none;
						background-color:#199dd4;
					}







/* MAGAZINES */

#magazinediv{
	text-align:center;
}

.magazinecover{
    width: 410px;
    height: 480px;
	text-align:center;
	float:left;
	margin:10px;
       padding-top: 40px;
	border: 1px dotted #666;
	font-weight:bold;
	line-height:38px;
}

	.magazinecover:hover{
		background-color:#333;
		border: 1px solid #FFF;
	}
		
	.magazinecover img {
		border: 1px solid #CCC;
		width: 300px;
		height: 425px;
	}
	
	.magazinecover a:hover{
		color:#d1151b; 
		text-decoration:none;
	}
	
	#magazinedivdetail{
		text-align:left;
	}

			#magazinedivdetail H1{
				margin-right:50px;
			}
		
			#magazinedivdetail H3{
				margin-right:50px;
				font-size:27px; 
				line-height:33px; 
				color:#C0C0C0;
				font-style:inherit;
			}
		


.sponsormagazine{
	width:200px;
	height:250px;
	text-align:center;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:20px;
	border: 1px dotted #666;
	font-weight:bold;
	line-height:23px;
	overflow:hidden;
}

	.sponsormagazine:hover{
		background-color:#333;
		border: 1px solid #FFF;
	}
	
	.sponsormagazine img{
		border:1px solid #CCC;
		width:124px;
		height:175px;
	}
	
	.sponsormagazine a:hover{
		color:#d1151b; 
		text-decoration:none;
	}


.socmediabuttons a{
	color:#fff;
}

		.socmediabuttons a:hover{
			color:#199dd4;
		}
		
		.socmediabuttons i{
			font-size:28px;
			margin-left:7px;
		}






/* INTERVIEW */

	.interview{
		text-align:justify;
	}
	.interview H1{
		font-size:38px;
		line-height:50px;
		color:#FFF;
		text-align:left;
	}
	.interview H2{
		font-size:28px;
		line-height:36px;
		color:#CCC;
		text-align:left;
		text-transform:none;
	}

	#imgkader{
		width:250px;
		float:left;
		margin:0px;
		padding:0px;
		margin-right:20px;
		margin-bottom:0px;
	}
	#imgkader img{
		border: 1px solid #CCC;
		float:left;
		width:244px;
		padding:0px;
		margin:0px;
		margin-bottom:15px;
	}	
	
	
	
	.interviewtekst{
		color:#CCC;
	}
	
	.interviewtekst strong, .interviewtekst b{
		color:#FFF;
	}
	

.interviewlist{
	margin-bottom:20px; 
	height:90px;
	overflow:hidden;
	cursor:pointer;
	padding:6px 0px 6px 6px;
	text-align:left;
	line-height:24px;
				border:1px solid #666;
				background-color:#2A2A2A;
				/*font-size:14px;*/
			}


		.interviewlist:hover{
			background-color:#1e1e1e;
		}
		
		.interviewlistimgdiv{
			float:left;
			width:102px;
			height:102px;
			overflow:hidden;
			margin:-6px 10px 0px -6px;
				border-right:1px solid #666;
		}
		
		.interviewlistimgdiv img{
			min-height:100%;
		}

.interviewdatumtitel{
	text-align:center;
}

.interviewlist H2{
	margin-bottom:10px;
}

.interviewlist a{
	color:#fff;
}

.interviewlist a:hover{
	text-decoration:none;
}

.interviewlist:hover, .interviewlist:hover a{
	color:#199dd4; 
}

	.interviewdiv iframe{
		width:100%;
		height:450px;
		border: 1px solid #E1E1E1;
		margin:10px 0px 10px 0px;
		background-color:#ffffff;
	}







	
	
	.staff{
		width:350px;
		height:50px;
		font-size:14px;
		line-height:18px;
		color:#CCC;
		float:left;
	}
	
	.staff strong{
		color:#FFF;
	}
	
	.staffoverview{
		
	}
	
	.staffoverview H2{
		margin-bottom:0px;
	}	

.searchselectionmade{
	background-color:#aad6ff;
}







/* PHOTOS */

			
.photolist{
	width:415px;
	height:282px;
	float:left;
	margin:10px;
	border:1px solid #FFFFFF;
	line-height:19px;
	overflow:hidden;
	position:relative;	
	cursor:pointer;
}

.photolist:hover{
	border:1px solid #F0F0F0;
	background-color:#E7E7E7;
	color:#AB1217;	
}

.photolist img{
	width:472px;
	margin: -30px 0 0 -30px;
	border:2px solid #FFF;
}

.photolist:hover img{
	border:2px solid #666;
}



	.photolist .photolistitemtitle strong{
		font-size:16px;
		line-height:18px;
		text-transform:uppercase;
	}
	.photolist .photolistitemtitle{
		position:absolute;
		height:65px;
		line-height:15px;
		left:0px;
		bottom:0px;
		overflow:hidden;
		z-index:7;
		width:395px;
		padding:10px;
		background-color:rgba(0,0,0,0.95);
		color:#fff;
		opacity:.8;
	}

	.photolist:hover{
		border: 1px solid rgba(171,18,23,1);
	}

	.photolist:hover .photolistitemtitle{
		background-color:rgba(171,18,23,0.95);
		opacity:1;
	}


#photodetail  {
	line-height:30px;
	font-size:17px;
}

	.photosocialmedia{
		float:right;
		width:90px;
		font-size:30px;
		line-height:30px;
		text-align:right;
	}
			.photosocialmedia a{
				color:#fff;
			}
			
			.photosocialmedia a:hover{
				    color: #199dd4;
			}

#photodetail .fancybox img {
    height: 150px;
    margin-right: 15px;
    margin-bottom: 15px;
    border: 1px solid #CCC;
}



/* ADD EVENT */

	#addevent tr td:first{
		font-weight:bold;
	}
	#addevent input[type="text"], #addevent textarea {
		padding:5px;
		border:1px solid #CCC;
		font-size:14px;
	}
	#addevent select {
		padding:5px;
		border:1px solid #CCC;
		font-size:14px;
	}
	#addevent input[type="submit"] {
		padding:5px;
		border:1px solid #CCC;
		background-color:#035b80;
		color:#FFF;
		cursor:pointer;
		font-size:14px;
		font-weight:bold;
	}
	#addevent input[type="submit"]:hover {
		padding:5px;
		border:1px solid #CCC;
		background-color:#ab1217;
		color:#FFF;
	}
	
	#addevent  img{
		max-width:500px;
		border: 1px solid #E1E1E1;
	}






/* CONTEST */

	.errordiv{
		padding:5px;
		border:1px solid #CCC;
		background-color:#ab1217;
		color:#FFF;
		font-weight:bold;
		text-align:center;
	}
	.noerrordiv{
		padding:5px;
		border:1px solid #CCC;
		background-color:#035b80;
		color:#FFF;
		font-weight:bold;
		text-align:center;
	}

	.eventimg{
		float:right;
		margin-left:7px;
		margin-bottom:7px;
		border: 1px solid #CCC;
	}
	



/* SPONSORS */

	.flyer{
		width:246px;
		height:369px;
		margin:10px;
		float:left;
		background-color:#CCC;
		border: 1px solid #CCC;
		display:block;
		overflow:hidden;
	}
	




.newslettersubscription{
}

	.newslettersubscription .submitbutton{
		float: right; background-color:rgba(171,18,23,1); border: 1px solid #666;cursor:pointer;
	}

	.newslettersubscription .textfield{
		width: 100%;padding-left: 10px; border: 1px solid #666;
	}







/* ADVERTISING */

.orderbutton{
	display:inline-block;
	padding:5px 10px 5px 10px;
	margin: 15px;
	background-color:rgba(171,18,23,1); border: 1px solid #666;cursor:pointer;
}

	.orderbutton:hover{
		background-color:#199dd4;
	}
	
	.orderbutton a, .orderbutton a:hover{
		color:#fff;
		text-decoration:none;
	}


#adpricing img{
	border: 1px solid #E1E1E1;
}



.sharediv{
	width:260px;
	float:right;
}





.specialcategorieimg{
	width:99.8%;border: 1px solid #666;margin-bottom:13px;
}

.specialcategorieimgunder{
	border: 1px solid #666;margin-bottom:13px;
}


.specialcategories td{
	line-height:19px;
	color:#c0c0c0;
	border-top: 1px dotted #CCCCCC;
	cursor:pointer;
}
	.specialcategories td strong{
		color:#ffffff;
	}


.specialcategories .imgdiv{
	margin:2px 10px 2px 0;
}


.specialcategories td:hover{
	background-color:#1E1E1E;
}
.specialcategories .imgdiv{
	height:75px; overflow:hidden;
	margin-right:15px;float:left;
	width:75px;
}
.specialcategories .label{
	float:right;
	border: 1 px solid #C0C0C0;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:7px;
	font-size:10px;
	line-height:10px;
	margin-top:5px;
	margin-left:10px;
	width:93px;
	text-align:center;
}
.specialcategories .labelclip{
	background-color:#c5ba02;
}
.specialcategories .labelinterview{
	background-color:#B9070A;
}
.specialcategories .labelreview{
	background-color:#8F0066;
}
.specialcategories .labelconcert{
	background-color:#026A48;
}
.specialcategories .labelcd{
	background-color:#E95700;
}
.specialcategories .labelnews{
	background-color:#025380;
}
.specialcategories .labelphotoshoot{
	background-color:#C58E02;
}





					#facebookdiv{
						padding-left:10px;
						padding-bottom:10px;
					}
					.fb-page{
						    border: 1px solid #E1E1E1 !important;
					}








@media screen and (max-width: 1650px) {
#rechterkolom{
	width:435px;
}

	#advertising{
		width:170px;
	}
	
	#nieuwsrechts{
		width:265px;
	}	

					#facebookdiv, .fb-page{
						    display:none;
	}
} /* @media screen and (max-width: 1650px) */

@media screen and (max-width: 1440px) {
#rechterkolom{
		width:340px;
}

	#advertising{
		width:340px;
		padding-top:130px;
	}
	
	#nieuwsrechts{
		display:none;
	}
	
	#advertisingboven{
		position:absolute;
		z-index:25;
		top:-15px;
		right:0px;
		width:400px;
	}
} /* @media screen and (max-width: 1440px) */

@media screen and (max-width: 1360px) {
#rechterkolom{
		width:170px;
}

	#advertising{
		width:170px;
		padding-top:130px;
	}
	
	#nieuwsrechts{
		display:none;
	}
	
	#advertisingboven{
		position:absolute;
		z-index:25;
		top:-15px;
		right:0px;
		width:400px;
	}
} /* @media screen and (max-width: 1360px)  */

@media screen and (max-width: 1180px) {
#rechterkolom{
		width:170px;
}

#logo {
	margin-top:0px;
	height:130px;
	overflow:hidden;
}
#logo img{
	height:100px;
}

	#advertising{
		width:170px;
		padding-top:130px;
	}
	
	#nieuwsrechts{
		display:none;
	}
	
	#advertisingboven{
		display:none;
	}
	
	
#content{
	width:700px;
}


.magazinecover{
    width: 328px;
    height: 440px;
    padding-top: 30px;
	line-height:28px;
}

	.magazinecover img {
		width: 270px;
		height: 395px;
	}


.cdlistitem{
	width:200px;
	height:200px;
}
	.cdlistitem .cdlistitemtitle{
		width:180px;
	}


.artistdiv ul {
    width: 200px;
}			
} /* @media screen and (max-width: 1180px) */

@media screen and (max-width: 980px) {
	body{
			overflow:auto;
	}
	
	#logo img {
		max-width:100%;
		/*height:auto;*/
	}
	

	#rechterkolom, #advertising{
		height:240px;
		overflow:hidden;
		padding-top:20px;
		width:100%;
	}
} /* @media screen and (max-width: 980px) */

@media screen and (max-width: 800px) {

.cdlistitem{
	width:270px;
	height:270px;
}
	.cdlistitem .cdlistitemtitle{
		width:250px;
	}

#imgkader {
    width: 200px;
}
	#imgkader img {
    width: 195px;
	}

	#content {
    width: auto;
	}
	.socialmedia,#rechterkolom, #advertising, .newstitelrechterinfo{
		display:none;
	}


	#news , .reviewdiv,.interviewdiv, #photodetail {
		padding-right: 15px;
	}
	
	.reviewimage {
    height: auto;
	clear:both;
	float:none;
	margin-bottom:20px;
	margin-left:0px;
	width:100%;
	max-width:100%;
}

.pika-image {
    width: 450px !important;
    height: 200px !important;
}

.pika-image img {
    width: auto !important;
    height: 200px !important;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    width: 450px !important;
}

#myGallery{
    width: 450px !important;
}
#myGallery img {
    max-width: 450px !important;
	margin-left: -225px !important;
}
} /* @media screen and (max-width: 800px) */

@media screen and (max-width: 610px) {

.cdlistitem{
	width:300px;
	height:300px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}
	.cdlistitem .cdlistitemtitle{
		width:280px;
	}



.photolist {
    width: 300px;
    height: 212px;
}
	.homeitemdouble{
		height:598px;
		width:200px;
	}
	
	.interviewlistimgdiv{
		display:none;
	}
	.interviewlist{
		height:140px;
	}
.pika-image {
    width: 300px !important;
    height: 200px !important;
}

.pika-image img {
    width: auto !important;
    height: 200px !important;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    width: 300px !important;
}

#myGallery{
    width: 300px !important;
}
#myGallery img {
    max-width: 300px !important;
	margin-left: -150px !important;
}

} /* @media screen and (max-width: 610px) */








@media print {

	.searchbuttons, .pannel, #rechterkolom, #menubutton, .socialmedia, .sharediv, #detailverwijzingen, #facebooklike, .noprint {
		display:none;
	}

	.container{
		padding:0;
	}

	#content {
		margin-left:auto;
		margin-right:auto;
		width: 90%;
		padding: 10px;
		float:none;
	}
	body{
		padding-top:15px;
	}
	.cleardiv200{
		height:10px;
	}
	} /* @media print */
