/* This file is read by ALL browsers */

/* STANDARDIZATION  */
/* There should be no need to edit standardization*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
text-align:left;
vertical-align:baseline}
table{
border-collapse:collapse; 
border-spacing:0}     /* remove all table borders */
a img, :link img, :visited img{  
border:0}             /* remove borders from img inside a */
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal}   /* remove formatting */ 
ol,ul{
list-style:none}      /* remove formatting from lists */
caption,th{
text-align:left}      /* set alignment to left on special elements */
h1,h2,h3,h4,h5,h6{ 
font-size:100%; 
font-weight:normal}   /* set all headers to normal format */
q:before,q:after{
content:''}           /* set special css method to default */
abbr,acronym{
border:0}             /* remove special text block element's border */
img{ 
display:block}        /* img tag is a block, so there shouldn't be any whitespace for lower characters */
html,body{
border-collapse:collapse;
border:none;
height:100%}          /* needed for container min-height */
div#wrapper.small{
text-align:center;
width:300px}          /* required - desired width */

div#wrapper.small img{
margin:0 auto;
text-align:center}

/* LAYOUT */

body{
background-color:#fff;
}
div#container {
	position:relative; /* center, not in IE5 */
	width:950px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
div#header {
	background-image: url(../images/bgs/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 150px;
}
	div#header p {
		font-size:1.1em;
		margin:0;
	}

#nav {
	height:60px;
	background:none;
	position:relative;
	left:30px;
	top:105px;
	border-bottom:15px solid #a70b16;
	background-color:#D3EEF9;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	width:890px;
	height:30px;
	z-index:500;
}
.basictab ul{
position:relative;
height:30px;
padding:0;
border:none;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/}

.basictab li{
position:relative;
display: inline;
float:left;
background-color: #D3EEF9;
margin: 0;
color:#a70b16;
}
.basictab li:hover{
color:#fff;
background-color: #a70b16;}
.basictab li a:hover{
background:#cf060c}

.basictab li a{
text-decoration: none;
display:block;
padding:0 9px;
line-height:30px;
height:30px;
margin:0;
border:none}
.basictab li:hover a,
.basictab li a:hover{
color:#fff}

.basictab li a:active{
color: black;
}
#nav ul ul{
position:absolute;
overflow:hidden;
top:30px;
width:189px;
height:auto;
left:-1px;
display:none;
background:#A70B16;
border:1px solid #fff;
border-top:none}
#nav ul ul:hover,
#nav li:hover ul{
display:block}
#nav ul ul li{
background-color:#A70B16;
float:none;
display:block}
#nav ul ul li:hover{
background-color:#cf060c}
#nav ul ul a{
color:#FAF9EA;
background:none}
	
div#content-shell {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 950px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	background-image: url(../images/bgs/content_bg.gif);
	background-repeat: repeat-y;
}
	div#content-shell p {
		text-align:left;
		padding-bottom:1em;
	}
	div#content-shell .body-info{
	width:505px;
	float: left;
	clear: right;
	padding: 180px 20px 20px 20px;
	}
.left-content{
	width:155px;
        margin:0 0 0 30px;
        padding:10px;
	float:left;
	clear: right;
}
.left-content h2{
display:none}
.left-content .nieuws hr{
	border-top:1px solid white;
}
.right-content{
	width:200px;
	float:left;
	clear: right;
	padding-top: 180px;
}
*.banners{
	width:150px;
	margin-left:0px;
	margin-right:30px;
	float:right;
	clear: right;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.banners a img {
margin-top:10px;
}
div#footer-bg {
	position:relative;
	bottom:0px;
	background-image: url(../images/bgs/footer_bg.gif);
	background-repeat: no-repeat;
	height: 50px;
}
div#floating-image{
	position:absolute;
	height:175px;
	width:730px;
	top: 150px;
	left: 205px;
}
div#top-menu{
	position:absolute;
	height:25px;
	top: 10px;
	right: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
div#top-menu a, #top-menu a:link, #top-menu a:visited{
	font-weight: bold;
	color: #fff;
}
#top-menu a:hover, #top-menu a:active{
	font-weight: bold;
	color: #eee;
}
/* TYPOGRAFY */
/* standard font, size, color, lineheight */
body{
	font-family:Verdana, Helvetica, Arial;  	/* standard font */
	font-size:100%; 							/* standard 16px */
	color:#000;									/* standard text-color */
	line-height:1.3em;
}
/* standard line-height */
/* setting a bottom-margin for a paragraph */ 
div#content{
font-size:0.75em}
div#content p{
margin:0 0 17px 0}
pre{
margin:0 0 17px 0}
/* standard link */
a{
color:#a70b16;
font-weight:bold;
text-decoration:none}
a:visited{									/* standard link which has been viewed by user */
color:#a70b16}
a:hover{									/* standard link with mouse-over */
color:#000}
a:active{									/* standard link mouse button hold down */
color:#000}
/* standard style for emphasis */
em{
font-style:italic}
/* standard style for important text */
strong{
font-weight:bold}
/* header 1, user for website title */ 
h1{
display:none}
/* header 2, used for item title */
h2{
color:#a70b16;
font-size:1.375em;							/* standard 22px */
line-height:1.375em;
font-weight:bold;
margin:10px 0 17px 0}
/* header 3, used for subitem titles */
h3{
color:#a70b16;
font-weight:bold;
font-size:1.25em;
margin:0 0 0px 0}
/* header 4, not used by default */
h4{
font-weight:bold;
margin:0 0 17px 0}
/* header 5, not used by default */
h5{
font-weight:bold;
margin:0 0 17px 0}
/* header 6, not used by default */
h6{
font-weight:bold;
margin:0 0 17px 0}
.overview h3,
.overview h4{
margin:0;}
/* footer for copyright information, link to mediaconnexion */
div#footer {
	color:#000;
	position:relative;
	width:890px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background:#F9F8E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
	font-weight:bold;
	color:#B0242E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{
display:none}
.bovenkop{
font-size:9px}
.openingstijden{}
/* END TEXT STYLES */

#content-shell ul, #content-shell ol{
position:relative; 
overflow:hidden;
left:-3em;
margin:auto -3em 17px 0; 
padding:0}
#content-shell ul{
list-style:circle outside}
#content-shell ol{
margin-right:-2em; 
list-style:decimal outside}
#content-shell li{
display:list-item;
margin-top:0.25em;
margin-bottom:0.25em}
#content-shell ul ul, #content-shell ul ol, #content-shell ol ol, #content-shell ol ul{ 
margin:0;
padding-left:3em}
#content-shell ul li, #content-shell ol li{
margin-left:5em}
#content-shell li li{
margin-left:1em}


/* ELEMENTS */
hr{
height:0;
margin:10px 0;
padding:0;
border:none;
border-top:2px #a70b16 solid;
line-height:0;
font-size:0;
overflow:hidden;
clear:both}
#content-shell ul, #content-shell ol{
position:relative; 
overflow:hidden;
left:-3em;
margin:auto -3em 17px 0; 
padding:0}
#content-shell ul{
list-style:circle outside url("/images/ico/dash.gif")}
#content-shell ol{
margin-right:-2em; 
list-style:decimal outside}
#content-shell li{
display:list-item;
margin-top:0.25em;
margin-bottom:0.25em}
#content-shell ul ul, #content-shell ul ol, #content-shell ol ol, #content-shell ol ul{ 
margin:0;
padding-left:3em}
#content ul li, #content ol li{
margin-left:5em}
#content li li{
margin-left:1em}

.pagina, .pagina.odd, .pagina.even {
border-bottom:none;
}
.padded{
margin:10px}
.padleft{
margin-left:10px}
.padright{
margin-right:10px}
.unclear{
clear:none;
margin-right:0px}
.achtergrond1{
background:#fff}
.achtergrond2{
background:#000}
.achtergrond3{
background:#ccc}
.achtergrond4{
background:#444}
/* lees verder knop in een item zonder odd / even */
div.knop{}
/* lees verder knop in een item zonder odd / even */
div.knop a{}
/* foto in een item zonder odd / even */
div.foto{
border:1px solid #ccc;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 17px 17px 0;
float:left;
clear:left}
/* foto onderschrift in een item zonder odd / even */
div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
font-size:0.5625em;
line-height:0.5625em}
/* foto positioneering in een item zonder odd / even */
.left{
margin:0 17px 0 0;
float:left;}
/* foto positioneering in een item zonder odd / even */
.right{
margin:0 0 0 17px;
text-align:right}
.odd{
border-bottom:1px solid #040607;
padding-bottom:2px;
margin-bottom:1px;
clear:both}
.even{
border-bottom:1px solid #040607;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.agenda div.foto{
margin:0 0 17px 17px;
float:right;
clear:right}

/* lees verder knop in odd */
.odd div.knop{}
/* lees verder knop  in odd */
.odd div.knop a{}
/* foto  in odd */
.odd div.foto{
border:7px solid #e7e7e7;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 17px 17px 0;
float:left;
clear:left}
/* foto onderschrift  in odd */
.odd div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
line-height:0.5625em;
font-size:0.5625em}
/* lees verder knop in odd */
.even div.knop{}
/* lees verder knop  in odd */
.even div.knop a{}
/* foto  in odd */
.even div.foto{
border:7px solid #e7e7e7;
background-color:#0000CC;
background-position:top;
background-repeat:no-repeat;
margin:0 0 17px 17px;
float:right;
clear:right}
/* foto onderschrift  in odd */
.even div.onderschrift{
background-color:#ccc;
margin-bottom:-1px;
line-height:0.5625em;
font-size:0.5625em}
.galerij .foto{
clear:none}
.openingstijden table tr td{
margin:0 5px 5px 0}
.datum{
font-size:0.625em;
color:#777;
float:right;
margin-left:17px}
div.foto{
border:7px solid #e7e7e7;
}
div.fotos.overview .odd{
border:none;
}
div.fotos.overview hr{
display:none;
}
div.links.overview .odd, div.links.overview .even{
border:none;
}
/* NIEUWS ELEMENTS */
.nieuws .odd {
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.nieuws .even{
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.nieuws hr{
border-top:1px #992789 dotted;
}

.nieuws.even a.knop, .nieuws.odd a.knop{}

.nieuws .even a.knop, .nieuws .odd a.knop{
display:block;}
.nieuws.verder a.knop{
display:block;}
.nieuws.verder .datum{
display:none;}
/* NIEUWSDATA ELEMENTS */
.nieuwsdata .odd {
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.nieuwsdata .even{
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.nieuwsdata hr{
border-top:1px #992789 dotted;
}

/* PUBLICATIEFILTER ELEMENTS */
.publicatiefilter .odd {
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

.publicatiefilter .even p{
margin-bottom:10px;
padding-bottom:0px;
}

.publicatiefilter .odd p{
margin-bottom:10px;
padding-bottom:0px;
}

.publicatiefilter .even{
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}

/* ZOEKDATA ELEMENTS */
.zoekdata .zoekveld input,
.zoekdata .zoekveld select{
width:200px;}
.zoekdata div.submit{
padding-left:197px;}
.zoekdata .results{
margin-top:30px;}
.zoekdata .results .odd,
.zoekdata .results .even{
border-bottom:1px #992789 dotted;
padding:10px;
background:#fff}
.zoekdata .results h3{
background:#A70B16;
color:#fff;
line-height:25px;
padding-left:10px;
border-top:#F9F8E8 solid 17px}
.zoekdata.overview .results label{
display:none}
.zoekdata .odd,
.zoekdata .even{
border:0px none;
padding-bottom:2px;
margin-bottom:1px;
clear:both}
.zoekdata hr{
display:none}
.zoekdata.verder label{
font-weight:bold}
.zoekdata.verder .kenmerk{
overflow:hidden;
float:left;
width:100%}
.zoekdata.verder .kenmerk div{
overflow:hidden;
clear:right;}

form.seurch{
margin:20px 0;}
/* END ELEMENTS */

/* FORM STYLES */
form{
min-width:100%}
form fieldset{
clear:both;
display:block;
margin-bottom:17px}
form table td, form table th{
padding-right:7px;
padding-bottom:7px}
form fieldset legend{
font-size:100%;
line-height:120%;
font-weight:bold;
float:left;
clear:both;
text-indent:0}
label{
font-size:100%;
float:left;
clear:left;
width:180px;
margin-right:17px}
input, select, textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
color:#000}
form textarea, form input.textbox{
border:1px solid #a70b16;
background:#fff;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:440px}
form textarea{
overflow:auto;
height:100px}

form input.radio{
float:left;
clear:left}
form label.radio{
float:none;
display:block;
clear:none;
width:auto;
padding-left:30px;
margin:0}
form .submitbutton{
background:#fff;
border:1px solid #a70b16;
margin-bottom:17px}
form input.checkbox{
float:left}
form label.checkbox{
float:none;
display:block;
clear:right;
width:auto;
padding-left:30px;
margin:0}

.warning{
color:red}
.message{
font-weight:bold}
form div.verplicht{
background-image:url("/images/ico/uitroepteken.gif");
background-position:right;
background-repeat:no-repeat}
form input.verplicht, form textarea.verplicht{
border:1px solid #a70b16}
form .validated{
color:#0e0}

/*CONTACT FORM*/
/* CSS by Norbert de Langen - Mediaconnexion BV */
/* Copyright 2009 | All rights reserved */

/* SLIMBOX */
#lbOverlay {
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:url('../img/slim/bg.jpg') center;
cursor:pointer}
#lbCenter{
border:1px solid #000;
background-color:#000}
#lbCenter, #lbBottomContainer {
position:absolute;
z-index:9999;
overflow:hidden;}
.lbLoading {
background:#000 url('../img/slim/loading.gif') no-repeat center}
#lbImage {
position:absolute;
left:0;
top:0;
border:none;
background-color:#000;
background-repeat:no-repeat}
#lbPrevLink, #lbNextLink {
display:block;
position:absolute;
top:0;
width:50%;
outline:none}
#lbPrevLink {
left:0}
#lbPrevLink:hover {
background:transparent url('../img/slim/prevlabel.png') no-repeat 0 15%}
#lbNextLink {
right:0}
#lbNextLink:hover {
background:transparent url('../img/slim/nextlabel.png') no-repeat 100% 15%}
#lbBottom {
font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size:10px;
color:#666;
line-height:1.4em;
text-align:left;}
#lbCloseLink {
display:block;
float:right;
width:66px;
height:22px;
background:transparent url('../img/slim/closelabel.png') no-repeat center;
margin:5px 0;
outline:none}
#lbCaption, #lbNumber {
margin-right:71px}
#lbCaption {
font-weight:bold}

/* FORM VALIDATOR */
.valid{
margin-top:0px;
margin-bottom:2px;
border:1px solid #090;
color:#090}
.invalid{
margin-top:14px;
margin-bottom:2px;
border:1px solid #f00;
color:#900}
span.invalid{
display:block;
float:left;
background:#f00;
line-height:12px;
font-size:10px;
position:absolute;
top:-13px;
right:0;
color:#fff;
border:1px solid #f00}


.vragen .nieuws .even a.knop, .vragen .nieuws .odd a.knop{
display:none;}