@import url(/include/css/editor.php);
body 	{
	background-color: #FFFFFF;
	/*      T R B L  */
	margin: 0 0 0 0;
	scrollbar-arrow-color: #000000; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-highlight-color: #000000; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #000000; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	overflow: -moz-scrollbars-vertical;
}



html,body { margin:0;padding:0; background:#fff; }
body { 
	font: 76% "Trebuchet MS",arial,sans-serif;
	text-align:center;
	background-repeat: repeat-x; 
	background-position:center top;
	background-image: url(../../image/top-background.gif);
}

div#divlogo_movie{
	margin-top:38px;
	margin-left:2px;
}
div#banner {
	background-repeat: no-repeat; background-position:center top;
}

div#container { text-align:left }
div#container { width:982px; margin:0 auto }

div#content { float:right; width:718px; margin:0 0 10px 34px; padding-bottom:24px; border-bottom:1px solid #ddd; }

#content {
	clear: left;
}

div#navigation { float:left; width:230px; background:#FFF; }

div#extra { float:right; width:718px; margin-left:34px; }


/* Header */

div#header { position:relative; height:300px; }
div#header p { background:#fff url('/image/topwords.gif') no-repeat right center; height:35px;}
div#header p a{
	float:right;
	margin-top:8px;
	width:95px;
	display:block;
	text-align:right;
	margin-left:20px;
	height:20px;
}
div#header p a span {
	display: none;
}
div#header #logo { float:left; }
div#header h1 { margin:0; float:left; margin-top:70px; margin-left:7px; width:240px; }
div#header h1 a { font-size:36px; color:blue; display:block; text-decoration:none; }
div#header h1 a span { visibility:hidden; }

div#header #logout{
	float:right;
	margin:250px 0px 0px 0px;
	padding:4px 0px 0px 14px;
	}

/* Layout - Bar left */

div.block { background-image:url('/image/block-top.gif'); background-repeat:no-repeat; background-position:center top;
	padding-top:10px; width:227px; margin:3px 0 12px 0; }
div.block div div { padding:0 3px 10px; background-image:url('/image/block-btm.gif'); background-repeat:no-repeat; background-position:center bottom; }
div.block div { background-image:url('/image/block-bdr.gif'); }

div#search.block { background-image:url('/image/block-search-top.gif'); }
div#search.block div div { background-image:url('/image/block-search-btm.gif'); }
div#search.block div { background-image:url('/image/block-search-bdr.gif'); }

div.addrinfo h2 { margin-bottom:5px; }
p.address { margin-left:13px; }
p.banner { margin-bottom:5px; }

.block h2 { font-size:1em; color:#656565; margin-left:13px;  }

ul.list { list-style-type:none; margin:5px 10px; padding:0; }
ul.list li { line-height:1.8; }
ul.list li a { background:url('/image/nav-list.gif') no-repeat 3px 3px; padding-left:18px; }
ul.list li a:hover { background-image:url('/image/nav-list-hover.gif'); text-decoration:none; }


/* Layout - Content */

.contentHome { background-image:url('/image/hometext-line.gif');background-repeat:repeat-y; background-color: none}
#texthome { width:380px; float:left; border-bottom:1px solid #E0E0E0; margin-bottom:20px; padding-bottom:5px; }

div.contentBlocks { background:url('/image/content-vert-line.gif') repeat-y center center; overflow:hidden; zoom:1; }
div.contentBlocks img { margin-left:5px; }

#project { width:380px; float:left; padding-bottom:15px; margin-left:2px; }
#project h3 { margin-bottom:5px; }
#project h3 a { color:#000; font-size:1.2em; }
#project p {  }

.newsItem { width:340px; float:left; margin:10px 0 5px 0; padding-bottom:10px; border-bottom:1px solid #E0E0E0; }
.newsRight { float:right; }
.newsItem img { float:right; }
.newsItem h2 { font-size:1.2em; font-weight:normal; margin-bottom:5px; }
.newsItem a { display:block; background:url('/image/nav-list.gif') no-repeat 3px 3px; padding-left:18px; color:#000;
	margin-top:5px; }
.newsItem a:hover { background-image:url('/image/nav-list-hover.gif'); text-decoration:none; }
.newsLast { border-bottom:0; margin-bottom:0; }

a.normal:link, a.normal:visited, a.normal:active, a.normal:hover {
	display:inline; background:none; padding-left:0px; color:#838383;margin-top:0px; }
}

/* News */

#news { 
	width:250px; 
	_width:300px; 
	float:right; 
	color:#666;
	display:block; 
}

#news h3 { margin-bottom:5px; }
#news h3 a { color:#000; font-size:1.2em; }
#news ul, #newslist { margin:10px 0; padding:0; list-style-type:none; border-bottom:1px solid #E0E0E0; }
#news ul li, #newslist li { border-top:1px solid #E0E0E0; padding:2px 0 2px 20px; 
	background:url('/image/listitem.gif') no-repeat 0px 6px; }
#news ul li:hover, #news ul li.sfhover, #newslist li:hover, #newslist li.sfhover { background-image:url('/image/listitem-hover.gif'); }
#news ul li a:hover { text-decoration:none; }
	
	
/* Activiteiten kalender */

#relatedContent { background:#DEE8F2 url('/image/kalender-top.gif') no-repeat center top; margin:10px 0; padding:3px 0 0; }
#relatedContent div.btm { background:url('/image/kalender-btm.gif') no-repeat center bottom; padding:10px 0; height:68px; }
#relatedContent div.activItem { width:202px; height:68px; margin-left:18px; float:left; border-right:1px solid #C2CCD5; 
	padding:0 18px 0 0; }
#relatedContent div.last { border:0; }
#relatedContent p.date { background:#fff; display:block; width:39px; height:47px; float:left; }
#relatedContent span.day { display:block; border-bottom:1px solid #DEE8F2; font-size:20px; color:#838383;
	line-height:30px; text-align:center; }
#relatedContent span.month { display:block; letter-spacing:1px; font-weight:bold; text-align:center; color:#1B65AC; }	
#relatedContent h4 { float:right; width: 150px; margin:-3px 0 0; color:#32312F; font-size:1em; }
#relatedContent h4 a { color:#32312F; }
#relatedContent p { float:right; width: 150px; }


/* Footer */

div#footer { clear:both; width:100%; height:2px;}
div#footer p { margin:0; padding:5px 10px }
div#footer a { display:inline; padding:0; color: #C6D5FD }


div#foot { width:100%; height:23px; background:#0C5BA6 url('/image/footer.gif') no-repeat center; margin-top:50px; }
div#foot p { width:994px; color:#fff; margin:0 auto; text-align:left; line-height:23px; }
div#foot span { display:block; float:left; }
div#foot span.copy { width:250px; }
div#foot a { color:#fff; }


/* Default styles */

a img { border:0; }
img.inline { float:right; margin-left:5px; }

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}

.kalenderDag {
	color:#838383;
	width:37px;
	border:1px solid #e0e0e0;
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
	font-size:20px;
	line-height:30px;
	font-family:'Trebuchet MS';
	display:block;
	margin-bottom:2px;
}
.kalenderDatum {
	display:block;
	width:39px;
	float:left;
	margin-right:5px;
}
.kalenderMaand {
	letter-spacing:1px; 
	font-weight:bold; 
	text-align:center; 
	color:#1B65AC;
	border:1px solid #e0e0e0;
	width:37px;
	display:block;
	padding-top:2px;
	margin-bottom:2px;
	line-height:normal;
}

/* Signin & -out for newsletter form */
div#newsletter_formcontainer {
	
	margin		: 0 0 0 5px;
}

div#newsletter_formcontainer label {
	
	width		: 70px;
	display		: block;
	float		: left;
	clear		: left;
	margin		: 0 0 0 0;
}

div#newsletter_formcontainer input, 
div#newsletter_formcontainer select {
	
	width		: 110px;
	float		: left;
	margin		: 0 0 0 0;
	pading		: 0 0 0 0;
}

div#newsletter_formcontainer input,
div#newsletter_formcontainer select {
	
	border		: 1px solid #838383;
}

div#newsletter_formcontainer select {
	
	margin		: 0 0 0 0 !important;
	width		: 112px;
}

div#newsletter_formcontainer input[type='submit'] {

	border		: none;
}

div#newsletter_formcontainer div.form_element {
	
	overflow	: auto;
	margin		: 5px 0 0 0;
	padding		: 0;
	border-bottom:1px solid #fff;
}

div#newsletter_formcontainer input.interest {
	
	width		: 14px;
	border		: none;
}

div#newsletter_formcontainer span.interest_text {
	
	width		: 100px;
	float		: left;
	margin		: 0 0 0 5px;	
}

div#newsletter_formcontainer .invisible {
	
	visibility	: hidden;
}

div#newsletter_formcontainer div#error_message_name_box,
div#newsletter_formcontainer div#error_message_email_box  {
	
	margin		: 2px 0 0 5px;
	padding		: 0 0 0 5px;
}

div#newsletter_formcontainer div#error_message_interest_box {
	
	margin		: 5px 0 0 0;
	float		: none;
}

div#newsletter_formcontainer div.error {
	
	color		: red;
	float		: left;
}




/* SPORTWIJZER */

/*zoekvak*/
#zoekkader {
	width: 716px;
	height: 160px;
	margin: 0 0 30px 0;
	background: #DEE8F2 url(/image/kalender-top.gif) no-repeat;
	border: 1px solid white;
}
	#zoekkader div.zoekkaderBottom {
		height: 5px;
		background: #DEE8F2 url(/image/kalender-btm.gif) no-repeat bottom;
		margin: 155px 0 0 0;
	}
	#zoekkader form {
		display: block;
		width: 305px;
		height: 120px;
		/*border: 1px solid red;*/
		float: right;
		margin:20px 25px 15px 0;
		padding: 0 0 0 30px;
		border-left: 1px solid white;
	}
		#zoekkader form p {
			width: 300px;
			height: 20px;
			display: block;
			overflow: hidden;
			margin: 10px 0 10px 0;
			padding: 0;
		}
		#zoekkader form p select {
			display: block;
			float: left;
			width: 210px;
			height: 18px;
			border: 1px solid #838383 !important;
			padding: -2px 0 0 0;
			font-size: 12px;
		}
		#zoekkader form p label {
			display: block;
			width: 85px;
		}
	#zoekkader #zoekbtn {
		background: transparent url(/image/btn-submit.gif) no-repeat 0px 4px;
		padding: 0 0 0 12px;
		float: right;
		color: #666666;
		cursor: pointer;
		font-size: 12px;
	}
	#zoekkader #kaartselector {
		margin: -5px 0 0 0;
		display: block;
		position: absolute;
		background: transparent url(/image/kaart_zeeland_1.gif) no-repeat 0px 0px;
	}	
		#zoekkader #kaartselector #kaartactive {
			width: 173px;
			height: 173px;
			position: absolute;
			
		}
	

/*items*/
div.item {

}
	.question {
		margin: -1px 0 0 0;
		padding: 10px 0 10px 0;
		background: #DEE8F2;
		width: 718px;
		overflow: hidden;
		cursor: pointer;
	}
		ul.itemIndex {
			display: block;
			list-style: none;
			padding: 0 10px;
			margin: 0;
			clear: both;
			overflow: hidden;

		}
			ul.itemIndex li {
				float: left;
				width: 120px;
			}

				ul.itemIndex li.sport {
					width: 120px;
				}
					ul.sortlist {
						margin: 20px 0 0px 0;
						padding: 0 0 10px 10px;
						border-bottom: 1px solid #DDDDDD;
					}
						ul.sortlist a:link, ul.sortlist a:visited{
							font-size: 10px;
							color: #333333;
							text-transform: uppercase;
							font-weight: bold;
							padding:0 12px 0 0;
						}
						ul.sortlist a.orderASC {
							background:transparent url(/image/arrow_up.gif) no-repeat right 5px;
						}
						ul.sortlist a.orderDESC {
							background:transparent url(/image/arrow_down.gif) no-repeat right 5px;
						}
				ul.itemIndex li.vereniging {
					width: 210px;
				}
				ul.itemIndex li.doelgroep {
					width: 235px;
				}
				ul.itemIndex li.arrow {
					float: right;
					width: 12px;
					background: url(/image/btn-submit_gray.gif) no-repeat 0px 5px;
				}
		.questionBottom {
			visibility: hidden;
			background: #DEE8F2 url(/image/kalender-btm.gif) no-repeat bottom;
			margin: 0 0 -11px 0;
		}
	.QAclosed {	
		border-bottom: 1px solid #DDDDDD;
		background: none;
	}
	.answer {
		position: relative;
		background: #EFF4F9;
		margin: -10px 0 10px 0;
		width: 718px;
		overflow: hidden;
		
	}
		.answer .print {
			position: absolute;
			top: 0px;
			right: 0px;
			padding: 0 6px 0 25px;
			height: 22px;
			line-height: 22px;
			background: #dee8f2 url(/image/sportwijzer_print.gif) no-repeat top left;
			color: #0077BB;
		}
		.answer dl {
			margin: 20px 0 0 10px;
			display: block;
			float: left;
			overflow: auto;
			width: 345px;
		}
			.answer dl dt {
				clear: both;
				width: 100px;
				display: block;
				float: left;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
				color: #333333;
			}
			.answer dl dd {
				float: left;
				margin: 0 0 10px 20px;
				width: 225px;
			}
	div.answerBottom {
		display: block;
		clear: both;
		background: #DEE8F2 url(/image/kalender-btm.gif) no-repeat bottom;
		height: 5px;
	}
	


	/* hover */
	div.question:hover {
		background: #DEE8F2 url(/image/kalender-top.gif) no-repeat;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid white;
	}
		div.question:hover div.questionBottom {
			visibility: visible;
		} 
		div.question:hover ul li {
			color: #0077BB;
		}
		div.question:hover ul li.arrow {
			background: url(/image/btn-submit.gif) no-repeat 0px 5px;
		}
	
	
	/* open */	
	.QAopen {
		background: #DEE8F2 url(/image/kalender-top.gif) no-repeat;
		border-bottom: 1px solid #DEE8F2;
	}
		.QAopen ul li {
			font-size: 13px;
			font-weight: bold;
			color: #0077BB;
		}
		.QAopen ul li.arrow {
			background: url(/image/btn-submit.gif) no-repeat 0px 5px;
		}
	
	/*mutatieformulier*/
	form#mutatieform {

	}
		form#mutatieform label {
			width: 23em;
		}
		form#mutatieform input {
			width: 23em;
			border: 1px solid red;
		}
			form#mutatieform input.checkbox {
				width:2em;
				border: none;
			}
			form#mutatieform input.hidden {
				display: none;
			}