/* 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}
/* remove all table borders */
table{
border-collapse:collapse; 
border-spacing:0}
/* remove borders from img inside a */
a img, :link img, :visited img{  
border:0}
/* remove formatting */ 
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal}
/* remove formatting from lists */
ol,ul{
list-style:none}
/* set alignment to left on special elements */
caption,th{
text-align:left}
/* set all headers to normal format */
h1,h2,h3,h4,h5,h6{ 
font-size:100%; 
font-weight:normal}
/* set special css method to default */
q:before,q:after{
content:''}
/* remove special text block elemet's border */
abbr,acronym{
border:0}
/* img tag is a block, so there shouldn't be any whitespace for lower characters */
img{
display:block}
/* needed for container min-height */
html,body{
height:100%;
text-align:center}

/* LAYOUT */
body{
background:#C5D0E9}
div#container{
position:relative;
width:879px;
min-height:1314px;
background:url('../images/backgrounds/body.gif') repeat-y;
margin-bottom:-1px;
text-align:left;
z-index:1;
margin-top: 0;
margin-right: auto;
margin-left: auto}
div#header{
width:879px;
height:147px;
z-index:2;
background-repeat: no-repeat}
div#content{
margin:10px 200px 72px 200px;
z-index:4} 
div#sidebar{
position:absolute;
right:0;
margin-top:-3px;
min-height:200px;
width:190px}
div#xmenu{
padding:10px}
div#xmenu img{
margin-bottom:10px}
div#footer{
position:absolute;
width:670px;
bottom:0;
margin-right:190px;
background:#a30046;
padding:10px;
z-index:5}
div#shadow-top{
position:absolute;
background:url('../images/backgrounds/shadow_top.gif') repeat-y;
height:18px;
width:905px;
top:-18px}
div#shadow-mid{
position:relative;
width:905px;
min-height:1314px;
background:url('../images/backgrounds/shadow_mid.gif') repeat-y;
margin-bottom:-1px;
text-align:left;
z-index:1;
margin-top: 0;
margin-right: auto;
margin-left: auto}
div#shadow-bottom{
position:absolute;
background:url('../images/backgrounds/shadow_bot.gif') repeat-y;
height:23px;
width:905;
bottom:-23px}
.banners img{
padding:10px;
}
.twitterblock{
margin-left:6px}
/* MENU */
div#topmenu{
position:relative;
margin-left:190px;
background:#a30046;
text-align:right;
padding:3px 8px 3px 8px;
font-size:0.6875em;
color:#ffffff}
div#topmenu a, div#topmenu a:link{
font-size:1.1em;
font-family:Verdana, Helvetica, Arial;
color:#ffffff;
font-weight:bold;
text-decoration:none}
div#topmenu a:visited{
color:#ffffff;
font-weight:bold}
div#topmenu a:hover{
color:#ce808e;
font-weight:bold}


/* LEFT MENU */
#menu-box{
	float:left;
	left:0;
	top:173px;	
	width:180px;
	color: #fff;
	font-weight:bold;
	font-family: Verdana;
	text-decoration: none;
	margin-top: -10px;
	margin-left: 0px;
	padding-bottom:80px
}
.menu{
font-weight:bold;
display:block;
font-size:0.8em;
line-height:2.25em;
margin:10px;
height:30px;
background:#267bbe;
color:#fff;
}

.menu a, .menu a:link, .menu a:visited, .menu:visited{
color:#fff;
display:block;
padding: 0 10px;
}
.menu:hover, .menu a:hover, .menuactive, .menu a:active{
background:#fff;
color:#267bbe;
display:block;
}

.submenu{
font-weight:bold;
display:block;
font-size:0.6875em;
line-height:1.9375em;
margin:5px 15px;
color:#7da0d3;
}
.submenu a, .submenu a:link, .submenu a:visited, .submenu:visited{
display:block;
padding:0 5px;
color:#7da0d3;
}

.submenu:hover, .submenu a:hover, .submenuactive, .submenu a:active{
background:#7da0d3;
color:#fff;
display:block;
}

/* END LEFT MENU */








.fotoverder a{
font-weight:bold;
padding:0 10px;
color:#fff;
font-size:11px;
line-height:1.9375em}
.fotoverder a:hover,.fotoverder a:visited,.fotoverder a:active{
color:#FFFFFF}

/* 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}
#content a {
color:#008dd6;
font-weight:bold;
text-decoration:none}
#content a:visited{/* standard link which has been viewed by user */
color:#008dd6;
font-weight:bold;}
#content a:hover{/* standard link with mouse-over */
color:#564b47;
font-weight:bold}
#content a:active{/* standard link mouse button hold down */
color:#000000;
font-weight:bold}
div#content p{
margin:0 0 8px 0}
pre{
margin:0 0 8px 0}
/* standard link */
a{
color:#008dd6;
text-decoration:none}
a:visited{/* standard link which has been viewed by user */
color:#008dd6}
a:hover{/* standard link with mouse-over */
color:#564b47}
a:active{/* standard link mouse button hold down */
color:#000000}
/* 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{
font-size:1.375em;/* standard 22px */
line-height:1.375em;
font-weight:bold;
margin:0 0 8px 0}
/* header 3, used for subitem titles */
h3{
color:#A30046;
font-weight:bold;
font-size:1em;
margin:0 0 5px 0}
/* header 4, not used by default */
h4{
font-weight:bold;
font-size:0.75em;
margin:0 0 8px 0}
/* header 5, not used by default */
h5{
font-weight:bold;
font-size:0.75em;
margin:0 0 8px 0}
/* header 6, not used by default */
h6{
font-weight:bold;
font-size:0.75em;
margin:0 0 8px 0}


.footer-txt{
position:relative;
top:20px;
left:100px;
}
/* footer for copyright information, link to mediaconnexion */
.footer-txt{
font-size:0.5624em;
line-height:0.5624em;
color:#000;
font-weight:bold;
}
.footer-txt a, .footer-txt a:link, .footer-txt a:visited, .footer-txt a:hover, .footer-txt a:active{
color:#fff}


.rubrieken{
display:none;
height:10px;
line-height:10px;
font-size:0.8em;
padding-right:8px;
border-right:1px solid #000}
.bovenkop{
font-size:0.8em}
.openingstijden{
font-size:0.8em}
.nieuws.verder .datum{
height:10px;
line-height:10px;
font-size:0.8em}
.verder a.knop,a.terug{
padding:2px 0 2px 30px;
background:#fff url('../images/icons/arrow_back.gif') 0 0 no-repeat;}
.nieuws.verder a.knop,a.terug{
padding:2px 0 2px 30px;
background:#fff url('../images/icons/arrow_back.gif') 10px 0 no-repeat;}
.agenda.verder a.knop{
padding:2px 0 2px 30px;
background:#fff url('../images/icons/arrow_back.gif') 0px 0 no-repeat;}
.nieuws.even a.knop{
background:url('../images/icons/arrow_forward.gif') 90px 10px no-repeat;
padding:10px 0;
display:block}
.nieuws.odd a.knop{
background:url('../images/icons/arrow_forward.gif') 445px 0 no-repeat;
padding:2px 40px 2px 0;
display:block;
text-align:right}

/* END TEXT STYLES */

/* ELEMENTS */
hr{
height:0;
margin:0 0 8px 0;
padding:0;
border:none;
border-top:1px #ccc solid;
line-height:0;
font-size:0;
overflow:hidden;
clear:both}
.centered{
text-align:center}

table.agenda{
width:469px}
table.agenda th, table.agenda td{
text-align:left;
padding-right:10px}
table.agenda td{
vertical-align:middle;
padding:0 0 0 2px;
line-height:16px}
table.agenda th{
font-weight:bold}
table.agenda tr.odd{
background:#C5D0E9;
border-top:1px solid white;
border-bottom:1px solid white}
table.agenda tr.even{
background:#DFE5F3;
border-top:1px solid white;
border-bottom:1px solid white}
table.agenda td .knop{
float:right;
padding:2px}
.agenda{width:469px}
.agenda .toegangsprijs{}
.agenda .adres{}
.agenda .organisator{}
.agenda .telefoonnummer{}
.agenda .emailadres{}
.agenda .website{}
.agenda .tijdstip{display:none}
.agenda .openingstijden{}
.agenda .datum{}

hr{
width:476px}
.balk{
border:1px solid #ccc;
background:#C5D0E9;
text-align:center;
line-height:26px;
width:476px}
.balk div{
padding:0 4px 0 4px}
.balk div.left{}
.balk div.right{}

.padded{
margin:10px}
.padleft{
margin-left:10px}
.padright{
margin-right:10px}
.unclear{
clear:none;
margin-right:0px}
.knop{
font-weight:bold}
.left{
margin:0 8px 8px 0;
float:left;
clear:left}
.right{
margin:0 0 8px 8px;
float:right;
clear:right}

.pagina.odd div.foto, .pagina.even div.foto{
margin:0 8px 15px 0px;
float:left;
clear:left;
text-align:center;
background:none;
}
.pagina.odd div.foto img, .pagina.even div.foto img{
padding:0px 8px 5px 0px;
text-align:center;
background:none}

div.foto{
background-position:top;
background-repeat:no-repeat;
margin:0 8px 8px 0;
float:left;
clear:left}
.odd div.foto{
background-position:top;
background-repeat:no-repeat;
margin:0 8px 8px 0;
float:left;
clear:left;
text-align:center;
background:url('../images/backgrounds/img_bg.png') right bottom no-repeat}
.odd div.foto img{
padding:0px 8px 8px 0px;
text-align:center;
background:url('../images/backgrounds/img_fuzz.png') left top no-repeat}
.even div.foto{
background-position:top;
background-repeat:no-repeat;
margin:0 0px 8px 8px;
float:right;
clear:right;
text-align:center;
background:url('../images/backgrounds/img_bg.png') right bottom no-repeat}
.even div.foto img{
padding:0px 8px 8px 0px;
text-align:center;
background:url('../images/backgrounds/img_fuzz.png') left top no-repeat}

div.onderschrift{
width:170px;
display:block;
font-size:0.750em;
line-height:1.3em;
color:#0069B4}

div.single{
margin:0}
div.single div.onderschrift{
width:477px}
.galerij .foto{
clear:none}
table.galerij .foto img, table.galerij .foto a{
display:inline}
table.galerij{
width:430px;
margin-left:auto;
margin-right:auto;}
table.galerij tr td{
text-align:center;
vertical-align:middle;
border-right:10px solid white;
border-bottom:10px solid white;
background:#fff}
table.galerij .foto{
float:none;
clear:none;
width:auto;
height:auto;
text-align:center;
vertical-align:middle;
margin:auto auto;}
.fotos .galerij .foto {
background-position:top;
background-repeat:no-repeat;
margin:0 0 0 0;
float:left;
clear:left}
.fotos .galerij .foto img{
padding:0px 8px 8px 0px;
text-align:center;
background:url('../images/backgrounds/img_fuzz.png') left top no-repeat}
.fotos .galerij .foto {
padding:0px 0px 0px 0px;
text-align:center;
background:url('../images/backgrounds/img_bg.png') right bottom no-repeat}
.openingstijden table tr td{
margin:0 5px 5px 0}
.datum{
color:#777;
float:right;
margin-left:8px}
.document{
background:#DFE5F3 url('../images/icons/download-orange.png') 10px 15px no-repeat;
height:60px}
.document a{
display:block;
padding-top:2px;
padding-left:50px}
.document .datum{
display:block;
padding-top:2px;
padding-right:10px}


div.fotos.overview img{
display:none;
}
.fotos.overview .even a.knop{
background:url('../images/icons/arrow_forward.gif') 92px 0 no-repeat;
padding:2px 0;
display:block}
.fotos.overview .odd a.knop{
background:url('../images/icons/arrow_forward.gif') 92px 0 no-repeat;
padding:2px 0;
display:block}
.fotos.overview .odd p{
padding-left:10px;
}
.fotos.overview .even p{
padding-left:10px;
}
.agenda.verder, .agenda.verder .openingstijden, .agenda.verder .datum {
font-size:12px;
color:#000;
line-height:24px;
}
.agenda.verder .data span.label{
width:200px;
display:inline-block;
margin-left:10px;
}
.agenda.verder .data .datum{
float:left;
display:block;
margin-left:0px;
}

/* END ELEMENTS */


/* FORM STYLES */
form{
min-width:300px}
form fieldset{
clear:both;
display:block;
margin-bottom:8px}
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}
form label{
font-size:100%;
float:left;
clear:left;
width:120px;
margin-right:8px}
input, select, textarea{
font-family:Tahoma, Arial, sans-serif;
font-size:100%;
color:#000}
form textarea, form input.textbox{
border:1px solid #B8006E;
background:#fff;
margin:1px 0;
padding-bottom:2px;
vertical-align:middle;
width:260px}
form textarea{
overflow:auto;
height:100px;
border:1px solid #B8006E}


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 #BABABA;
margin-bottom:8px}
form input.checkbox{
float:left;
clear: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/icons/uitroepteken.gif");
background-position:right;
background-repeat:no-repeat}
form input.verplicht, form textarea.verplicht{
border:1px solid #B8006E}
form .validated{
color:#0e0}

/* SLIMBOX */
#lbOverlay{
position:absolute;
left:0;
line-height:0;
top:0;
width:100%;
background-color:#000;
cursor:pointer;
z-index:1000}
#lbCenter, #lbBottomContainer{
position:absolute;
left:50%;
overflow:hidden;
background-color:#fff;
z-index:1005}
.lbLoading{
background:#fff url('../images/slim/loading.gif') no-repeat center}
#lbImage{
position:absolute;
left:0;
top:0;
border:10px solid #fff;
background-repeat:no-repeat}
#lbPrevLink, #lbNextLink{
display:block;
position:absolute;
top:0;
width:50%;
outline:none}
#lbPrevLink{
left:0}
#lbPrevLink:hover{
background:transparent url('../images/slim/prevlabel.gif') no-repeat 0% 15%}
#lbNextLink{
right:0}
#lbNextLink:hover{
background:transparent url('../images/slim/nextlabel.gif') 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;
border:10px solid #fff;
border-top-style:none}
#lbCloseLink{
display:block;
float:right;
width:66px;
height:22px;
background:transparent url('../images/slim/closelabel.gif') no-repeat center;
margin:5px 0}
#lbCaption, #lbNumber{
margin-right:71px}
#lbCaption{
font-weight:bold}