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


body,html
	{
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	line-height:24px;
	font-size:14px;
	}


img{
	-ms-interpolation-mode: bicubic;
	behavior: url(../../../../../../../../../../../../../basicscripts/PNGfix/iepngfix.htc);	}

p{
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	}
	
a{
	color:#3508dd; 
	text-decoration:underline;
	}
	
a:hover{
	color:#3508dd; 
	text-decoration:none;
	}

h1,h2,h3,h4,h5,h6{
	color:#3508dd;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	}

h1	{font-size:24px; line-height:32px;}
h2	{font-size:20px; line-height:28px;}
h3	{font-size:16px; line-height:22px;}
h4	{font-size:15px; line-height:21px;}
h5	{font-size:14px; line-height:20px;}
h6	{font-size:13px; line-height:19px;}

ul{
	list-style-type:square;
	}

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;
	}
.cleardiv100{
	clear:both;
	height:100px;
	}






/* 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;
	}
.centerimage{
	}













/* 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;
	
	}
			.divbox H1, .divbox H2, .divbox H3, .divbox H4, .divbox h5, .divbox h6 {
				margin-bottom:0px;
				}
			
			.divbox img{
				border:0px;
				}
				
			.divbox p{
				line-height:22px;
			}
				
			.divbox hr{
			border:0px;
			border-bottom:1px dotted #999999;
			height:0px;
			}

			.divbox input{
				border:1px solid #999;
				}				
			.divbox textarea{
				border:1px solid #999;
				}
			.divbox select{
				border:1px solid #999;
				}

.divboxzwart{
	background-color:#2E2E2E;
	border:1px solid #000000;	/* border altijd meegeven*/
	line-height:22px;
	padding:10px;
	
	color:#FFF;
	}
			 .divboxzwart H1, .divboxzwart H2, .divboxzwart H3, .divboxzwart H4, .divboxzwart h5, .divboxzwart h6 {
				margin-bottom:0px;
				color:#b3b3eb;
				}
			
			.divboxzwart img{
				border:0px;
				}
				
			.divboxzwart p{
				line-height:22px;
			}
				
			.divboxzwart a{
				color:#b3b3eb;
			}
			.divboxzwart hr{
			border:0px;
			border-bottom:1px dotted #C0C0C0;
			height:0px;
			}
	
			.divboxzwart input{
				border:1px solid #999;
				}				
			.divboxzwart textarea{
				border:1px solid #999;
				}
			.divboxzwart select{
				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;
	}


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

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



/* module FAQ  */
/* a = link = vraag in FAQ */
#FAQlijst a{
	text-decoration:none;
	font-weight:bold;
	color:#3508dd;
	}
/* li is nummering via ol voor alle FAQs, in zelfde kleur als bv link = vraag */
#FAQlijst li{
	font-weight:bold;
	color:#3508dd;
	}
/* 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 */
.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{
	}
			.sitemap li{
				color:#3508dd;
				}
			.sitemap a{
				text-decoration:none;
				}






/* module nieuwskort */
/* div rond tabel met nieuwtjes */
.nieuwskorttabel{
	background-color:#F1F1F1;
	cursor:pointer;
	}

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

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

			.nieuwskortscheiding{
				border-bottom:1px dashed #666666;
				}






/* 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:#3508dd;
				font-size:16px;
				line-height:20px;
				}

			.nieuwsdatum{
				font-size:12px;
				}



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









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

.pagerblockselected{
	background-color:#3508dd;
	color:#FFF;
}

			a.pagerlink{
				background-color:#000000;
				padding:7px;
				color:#FFFFFF;
				text-transform: uppercase;
				text-decoration:none;
				font-size:12px;
			}
			a.pagerlink:hover{
				background-color:#3508dd;
				padding:7px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
				width:20px;
			}
			
			a.pagerlinkselected{
				background-color:#3508dd;
				padding:7px;
				color:#FFFFFF;
				text-decoration:none;
				font-size:12px;
			}
			a.pagerlinkselected:hover{
				background-color:#3508dd;
				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;
			}















#uppermessageframe{
	height:30px;
	background-color:#000;
	background-image:url(../images/bovenbalk.png);
	background-repeat:repeat-x;
	background-position:top;
	font-size:14px;
	line-height:30px;
	color:#FFF;
	text-align:center;
	margin-bottom:15px;
}

#socialmedia{
	position:absolute;
	top:40px;
	right:10px;
	width:70px;
	text-align:right;
	z-index:100;
}

			#socialmedia img{
				margin-bottom:10px;
			}
			#socialmedia a{
				color:#b3b3eb;
				text-decoration:none;
			}
			#socialmedia a:hover{
				color:#b3b3eb;
				text-decoration:underline;
			}

#mainframe{
		margin-left:auto;
		margin-right:auto;
		width:977px; 
		margin-bottom:20px; 
		text-align:left;
		}

		#logo{
			width:144px;
			float:left;
			font-size:23px;
			line-height:30px;
			letter-spacing:1px;
		}
					#logo strong{
						font-size:28px;
					}
		
		#slogan{
			width:700px;
			float:right;
			text-align:right;
			font-size:16px;
			letter-spacing:1px;
			color:#999;
		}
		
				#slogan H1{
					text-transform:uppercase;
					font-size:30px;
					line-height:30px;
					margin-bottom:5px;
					font-weight:bold;
					color:#000;
				}
		
		#mainimage{
			height:175px;
			background-image:url(../images/achterlogo.jpg);
			background-position:top left;
			background-repeat:repeat-x;
			margin-bottom:20px;
			text-align:left;
		}
		

				/*-----------------picturecontainer-----------------------*/
				
				#picturecontainer{
				border:1px solid #000000;
				}
				
				#picturewrapper{
				padding:0px;
				border:0px solid #000000;
				background-color:#FFFFFF;
				text-align:left;
				}
				
				#picturecontent{
				position: relative;
				display: block;
				width: 975px;
				height: 175px;
				overflow: hidden; 
				text-align:left;
				}
				

					
		#menu{
			height:35px;
			line-height:30px;
			margin-left:auto;
			margin-right:auto;
			width:975px; 
			text-align:left;
		}
		
						.dropmenu {
							float: left;
							margin: 0px 0px 0px 0px; 
							padding: 0px;
							border-right:1px solid #999999;
						}
						
						.dropmenu li a, .dropmenu li{
							float: left;
							color:#FFF;
						}
						
						.dropmenu li{
							list-style: none;
							position: relative;	
						}
						
						.dropmenu li span{
							display:block;
							height:5px;
							position:absolute;
							right:10px;
							top:11px;
							width:5px;
						}
						
						.dropmenu li ul{
							z-index:8000;
						}
						
						.dropmenu li a, .dropmenu li div{
							padding: 0px 10px 0px 10px;
							text-decoration: none;
							border-left:1px solid #999999;
							color:#FFFFFF;
						}
						
						.dropmenu li a:hover{
						}
						
						/* Submenu */
						.dropmenu li ul, .dropmenu li > div {
							display: none;
							position: absolute;
							left: 0;
							border-top:1px solid #999999;
							border-right:1px solid #999999;
							background-image:url(../images/bovenbalk.png);
							color:#ffffff;
							top: 100%;
							padding: 0px;
							margin: 0px;
						}
						
						.dropmenu li:hover > ul, .dropmenu li:hover > div{
							display: block;	
						}
						
						.dropmenu li ul li, .dropmenu li ul li a{
							float: none;	
						}
						
						.dropmenu li ul li{
							_display: inline; /* for IE6 */	
						}
						
						.dropmenu li > div{
							width: 200px;
							border-bottom:1px solid #999999;
							border-left:1px solid #999999;
							padding: 15px;
						}
						
						/* Sub submenu */
						
						.dropmenu li ul li a{
							width: 250px;
							display: block;	
							border-bottom:1px solid #999999;
							border-left:1px solid #999999;
						}
						.dropmenu li ul li a:hover{
							font-weight:bold;
							background-image:url(../images/bovenbalk.png);
						}
						
						.dropmenu li ul li ul, .dropmenu li ul li > div{
							top: 0px;
							left: 100%;
						}


		#rightcolumn{
			width:133px;
			float:right;
			text-align:right;
			min-height:300px;
			border-left:1px dashed #CCC;
		}
		
						#rightcolumn a{
						}
						
						#rightcolumn img{
							border:1px solid #333;
							margin-bottom:10px;
						}
		#content{
			width:825px;
			float:left;
		}
			
			
#undermessageframe{
	background-color:#262626;
	background: -moz-linear-gradient(100% 100% 90deg, #262626, #494949);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#262626), to(#494949));
	background: -webkit-linear-gradient(#262626,#494949);
	background: -o-linear-gradient(#494949,#262626);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#262626', endColorstr='#494949'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#262626', endColorstr='#494949')"; /* IE8 */
				color:#F1F1F1;
	font-size:13px;
	line-height:19px;
	color:#FFF;
	overflow:hidden;
	text-align:center;
	margin-bottom:15px;
	padding-top:14px;
}

			#undermessage{
					margin-left:auto;
					margin-right:auto;
					width:975px; 
					text-align:left;
					}
			#undermessageframe a{
				color:#F1F1F1;
				text-decoration:none;
				font-weight:bold;
			}
			#undermessageframe H2{
				color:#fff;
			}
			#undermessageframe ul{
				margin:0px;
				padding:0px;
			}
			#undermessageframe a:hover{
				color:#b3b3eb;
				text-decoration:underline;
			}

			.derdeonder{
				float:left;
				width:360px;
				margin-right:20px;
			}
			
			.derdeonder a, .derdeonder li a{
				color:#FFF;
			}
			
			.derdeonder li{
				height:20px;overflow:hidden;
			}
#cdlisting{
}

	#cdlisting td a{
		text-decoration:none;
		padding:2px;
	}
	
	#cdlisting td a:hover{
		color:#FFF;
		background-color:#3508dd;
		text-decoration:none;
	}

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

.newsitem{
	background-color:#F1F1F1;padding:10px 0px 7px 7px;
}
	.newsitem img{
		border:1px solid #CCC;
	}
	.newsitem H1{
		font-size:20px;
		line-height:26px;
		margin-bottom:0px;
	}
	

	#calendartabel td{
		border-bottom:1px dashed #CCC;
		font-size:13px;
		padding:3px;
	}
	
	
	#calendartabel .calflyer{
		width:80px;
		float:right;
		margin-left:4px;
		margin-top:4px;
		margin-bottom:4px;
		border:1px solid #333;
		z-index:22;
	}
	#calendartabel .caltype{
		height:16px;
		float:left;
		margin-top:4px;
		margin-right:10px;
	}
	#calendartabel .hover{
		background-color:#FFFFFF;
		z-index:22;
	}
	
	.calendardetails{
		font-size:10px;
		width:270px;
		font-style:italic;
		color:#666666;
	}
	.calendardetails2 img{
	}
	
	.vorigevolgendeknop{
		cursor:pointer;
		padding:2px;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:3px;
		background-color:#3508dd;
		border: 1px solid #CCC;
		color:#FFF;
	}
	
	.vorigevolgendeknop:hover{
		background-color:#000000;
	}
	
	
.artiestkeuze{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	width:240px;
	border:1px solid #999;
	background-color:#F1F0EB;
	text-align:center;
	height:210px;
}

	.artiestkeuze:hover{
		border:1px solid #3508dd;
		background-color:#3508dd;
	}
	
	.artiestkeuze img{
		border:1px solid #3508dd;
		margin-bottom:10px;
		height:133px;
	}

	.artiestkeuze:hover a, .artiestkeuze:hover a:hover, .artiestkeuze:hover H2{
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.artiestkeuze a, .artiestkeuze a:hover, .artiestkeuze H2{
		text-decoration:none;
		color:#3508dd;
	}
	
.halvetekst{
	width:394px;
	float:left;
	margin-right:15px;
}

	
.derdetekst{
	width:260px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	text-align:left;
}

.artistkleinimg img{
	height:133px;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #000;
}

iframe{
	z-index:2;
}

.reverse{
		background-color:#3508dd;
		padding-left:5px;
		color:#ffffff;
}

			a.reverse{
				padding:5px;
				text-decoration:none;
			}
			
			a.reverse:hover{
					background-color:#000000;
					color:#ffffff;
			}
.reverse2{
		background-color:#000000;
		padding:2px 0px 2px 0px;
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		cursor:pointer;
}
.reverse2:hover{
		background-color:#3508dd;
}

.rowout a{
	color:#000;
}

.leftcolumn{
	width:385px;
	float:left;
}

.rightcolumn{
	width:385px;
	float:right;
}

.homeblock{
}

		.homeblock a{
			padding:2px;
			text-decoration:none;
		}
		
		.homeblock a:hover{
			background-color:#3508dd;
			color:#ffffff;
		}
		
		
		.homeclicktopic{
			cursor:pointer;
			clear:all;
		}
		.homeclicktopic:hover{
			background-color:#3508dd;
			color:#ffffff;
		}

				.datumblok{
					width:80px;
					height:35px;
					float:left;
					margin-right:5px;
				}
				
		.derdeartiest{
			width:242px;
			height:215px;
			float:left;
			overflow:hidden;
			margin-right:15px;
			margin-bottom:15px;
			text-align:left;
			cursor:pointer;
		}
		
				.derdeartiest H2{
					display:block;
					height:65px;
				}
		

		.derdeartiest:hover{
			background-color:#3508dd;
			color:#ffffff;
		}
		
				.derdeartiest:hover H2{
					color:#FFF;
				}