/* 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;
z-index:1}            /* 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:url('../images/bgs/bg.jpg');
background-repeat:repeat-y;
background-color:#1b242b;
background-attachment:fixed;
background-position:left top;
text-align:center; /* for IE */}
#container{
position:relative;
width:900px;
margin:0 auto; /* for FF */
padding-top:220px;
padding-bottom:110px;}
#container2{
width:900px; /* for FF */
margin-top:150px;
margin-right:auto;
margin-left:auto}
#logo-header{
z-index:2;
position:absolute;
top:0;
left:0;
width:900px;
height:220px;
margin-top:0px}
#altmenu{
position:absolute;
bottom:11px;
left:40px}
#altmenu li{
display:inline;
padding:10px;
color:#fff}
#altmenu a{
color:#fff}
#altmenu a:hover{
color:#ED802D}
#menu{
width:900px;
height:50px;
top:200px;
z-index:3;
background:url('../images/bgs/topmenu.png') no-repeat;
float:left}
#shadow-top{
position:absolute;
width:887px;
height:10px;
background:url('../images/bgs/shadow_top.png') repeat-x;
top:220px;
z-index:1;
margin-right:10px;
margin-left:3px}
#content-box{
z-index:4;
position:relative;
width:900px;
background:url('../images/bgs/body.png');
overflow:auto;
overflow-y:auto;
overflow-x:hidden;
padding:0}
#bottom-bar{
z-index:5;
position:absolute;
bottom:0;
left:0;
width:900px;
height:100px;
margin-right:auto;
margin-left:auto;
margin-bottom:0;
background:url('../images/bgs/footer.png') no-repeat;
margin-top:auto;
top:auto;
bottom:10px}
#banner{
z-index:19;
position:absolute;
left:0;
bottom:11px;
margin-right:120px}
#banner .btn-style{
z-index:8;
float:left;
height:auto;
padding-left:20px;
display:inline}
#buttons{
z-index:7;
position:absolute;
bottom:20px;
right:30px}
#iso{
z-index:18;
position:absolute;
bottom:20px;
left:270px;
font-size:10px}
#buttons .btn-style{
z-index:7;
float:left;
height:auto;
display:inline}

#content{
position:relative;
overflow:hidden;
text-align:left;
width:480px;
padding:20px}
#clear{
clear:both;
margin:0;
padding-bottom:0}
#content a, #content a:visited{
font-family:Verdana, Helvetica, Arial;
font-weight:bold;
color:#252c32;
text-decoration:none}
#content a:hover, #content a:active{
font-family:Verdana, Helvetica, Arial;
font-weight:bold;
color:#ec802c;
text-decoration:none}

#rightbar{
width:120px;
float:right;
margin-left:30px;
margin-right:20px;
margin-top:40px;
padding:0}
#rightbar img{
margin-bottom:13px}

#sidebar{
font-size:0.75em;
width:207px;
padding:0;
float:left;
margin-left:3px;
z-index:20}
#sidebar ul{
padding:10px
}
#sidebar li.last{
padding:0 0 0 15px;
background:none;
list-style:none}
#sidebar li{
list-style:none;
padding:0 0 0 15px;
background:url('../images/btn/bol.png');
font-family:Verdana, Helvetica, Arial;
background-repeat:no-repeat;
background-position:left 8px}
#sidebar li a, #sidebar li a:visited{
font-family:Verdana, Helvetica, Arial;
font-weight:normal;
color:#000000;
text-decoration:none}
#sidebar li.subsubmenu{
font-family:Verdana, Helvetica, Arial;
margin:0 0 0 5px;
padding:0 0 0 25px;
background:url('../images/btn/bol.png') no-repeat 18px 8px}
#sidebar li a:hover, #sidebar li a:active{
font-family:Verdana, Helvetica, Arial;
font-weight:normal;
color:#a7a7a7;
text-decoration:none}
#contactgegevens{
font-size:0.75em;
position:absolute;
bottom:110px;
left:0;
padding-left:24px;
z-index:90}

#menu .menuitems{
float:left;
padding:20px;
color:#f09100;
font-weight:bold;
text-decoration:none}
#login{
float:right;
padding:20px 40px 20px 20px;
color:#f09100;
font-weight:bold;
text-decoration:none}
#menu a{
font-family:Verdana, Helvetica, Arial;
font-weight:normal;
color:#ffffff;
text-decoration:none}
#menu a:visited{
color:#c5c8c9}
#menu a:hover{
color:#c5c8c9}
#menu a:active{
color:#c5c8c9}

/* 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 */ 
#content{
font-size:0.75em;
z-index:-1}
p{
margin:0 0 17px 0}
pre{
margin:0 0 17px 0}
/* standard link */
a{
color:#000;
text-decoration:none}
a:visited{/* standard link which has been viewed by user */
color:#333}
a:hover{/* standard link with mouse-over */
color:#F09000}
a:active{/* standard link mouse button hold down */
color:#B7C3CB}
/* standard style for emphasis */
em{
font-style:italic}
/* standard style for important text */
strong{
font-size:100%;
font-weight:bold;
color:#252c32}
/* 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 17px 0;
color:#f09100}
/* header 3, used for subitem titles */
h3{
color:#182128;
font-weight:bold;
font-size:1.1667em;
line-height:1.563em;
margin:0 0 7px 0}
/* header 4, not used by default */
h4{
font-weight:bold;
font-size:1em;
margin:0 0 17px 0}
/* header 5, not used by default */
h5{
font-weight:bold;
font-size:1em;
margin:0 0 17px 0}
/* header 6, not used by default */
h6{
font-weight:bold;
font-size:1em;
margin:0 0 17px 0}
ul{
padding-left:6px;
display:block;
overflow:hidden}
ul li, ol ul li{
display:list-item;
margin-left:10px;
list-style:circle outside}
ol{
padding-left:10px;
display:block;
overflow:hidden}
ol li{
display:list-item;
margin-left:10px;
list-style:decimal outside}
/* footer for copyright information, link to mediaconnexion */
/* footer for copyright information, link to mediaconnexion */
div#footer{
font-family:Verdana, Helvetica, Arial;
text-align:center;
font-size:0.689em;
line-height:0.689em;
color:#fff;
margin-right:auto;
margin-left:auto;
padding-bottom:13px;
clear:both}
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active{
font-family:Verdana, Helvetica, Arial; 
font-weight:bold;
text-align:center;
color:#fff}
.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{}
.openingstijden{}
/* END TEXT STYLES */

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

.clear{
clear:both;
padding-bottom:40px;}

table.sheet{
width:100%;
margin-bottom:40px;}
.sheet td{
padding:0 6px 6px 0;
border-bottom:1px solid #B7C3CB;
font-size:10px}

.block{
display:block;
float: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 */
.knop{
text-transform:capitalize}
/* lees verder knop in een item zonder odd / even */
div.foto{
position:relative;
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{
text-align:center;
position:relative;
top:-16px}
/* 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;
float:right}
.odd, .even{
position:relative;
overflow:hidden;
padding-bottom:14px;
margin-bottom:1px;
clear:both}

.nieuws .odd .metadata{
position:absolute;
bottom:0;
right:0;}
.nieuws .odd .bovenkop{
font-size:0.83333em;
float:right}
.nieuws .odd .datum{
font-size:0.83333em;
float:right}
.nieuws .even .metadata{
position:absolute;
bottom:0;
right:0;}
.nieuws .even .bovenkop{
font-size:0.83333em;
float:right}
.nieuws .even .datum{
font-size:0.83333em;
float:left}


.balk{
display:block;
text-align:center}
.balk .left, .balk .right{
clear:none}

.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: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 odd */
.odd div.onderschrift{
background-color:#ccc;
line-height:0.8333em;
font-size:0.8333em}
/* lees verder knop in odd */
.even div.knop{}
/* lees verder knop  in odd */
.even div.knop a{}
/* foto  in odd */
.even div.foto{
border:1px solid #ccc;
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.8333em;
font-size:0.8333em}
.galerij .foto{
clear:none}
.openingstijden table tr td{
margin:0 5px 5px 0}
.datum{
font-size:0.8333em;
color:#777;
float:right;
margin-left:17px}
/* END ELEMENTS */

/* ITEMS */
.publicatiefilter .nieuws.odd .foto, .nieuws .odd .foto{
width:150px;
height:150px;
background:url('../images/bgs/fotobg.gif') top left no-repeat;
border:none;
display:table;
vertical-align:middle;
line-height:150px;
text-align:center}
.publicatiefilter .nieuws.odd .foto img, .nieuws .odd .foto img{
margin-left:auto;
margin-right:auto;
margin-top:25%}
.publicatiefilter .nieuws.even .foto, .nieuws .even .foto{
width:150px;
height:150px;
background:url('../images/bgs/fotobg.gif') top left no-repeat;
border:none;
display:table;
vertical-align:middle;
line-height:150px;
text-align:center}
.publicatiefilter .nieuws.even .foto img, .nieuws .even .foto img{
margin-left:auto;
margin-right:auto;
margin-top:25%}
.publicatiefilter .nieuws.verder .foto, .nieuws.verder .foto{
width:480px;
height:345px;
background:url('../images/bgs/fotosbg_l.gif') center no-repeat;
border:none;
margin-top:10px}
.publicatiefilter .nieuws.verder .foto img, .nieuws.verder .foto img{
padding:26px 22px 14px 18px;
border:none}

.fotos.verder .foto.single{
width:480px;
height:345px;
background:url('../images/bgs/fotosbg_l.gif') center no-repeat;
border:none;
margin-top:10px}
.fotos.verder .foto.single img{
padding:26px 22px 14px 18px;
border:none}

.fotos .odd .foto{
width:150px;
height:150px;
background:url('../images/bgs/fotobg.gif') top left no-repeat;
border:none;
display:table;
vertical-align:middle;
line-height:150px;
text-align:center}
.fotos .odd .foto img{
margin-left:auto;
margin-right:auto;
margin-top:25%}
.fotos .even .foto{
width:150px;
height:150px;
background:url('../images/bgs/fotobg.gif') top left no-repeat;
border:none;
display:table;
vertical-align:middle;
line-height:150px;
text-align:center}
.fotos .even .foto img{
margin-left:auto;
margin-right:auto;
margin-top:25%}

.galerij .foto{
clear:none;
text-align:center;
line-height:150px;
vertical-align:middle;
line-height:150px;
float:none;
display:inline;
border:none;
background:none}
.galerij .foto img{
padding-left:11px;
display:inline;
vertical-align:middle;
text-align:center}
.galerij{
width:450px}
.galerij td{
text-align:center;
line-height:150px;
vertical-align:middle;
width:150px;
height:150px;
background:url('../images/bgs/fotobg.gif') top left no-repeat}
.document{
background:#DFE0E2 url('../images/ico/download-orange.png') 10px 10px no-repeat;
height:50px}
.document a{
display:block;
padding-top:10px;
padding-left:50px}
.document .datum{
display:block;
padding-top:10px;
padding-right:10px}
#loginform{
color:#f09100;
font-weight:bold;
text-decoration:none}
#loginform .submitbutton{
margin-top:30px}

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

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

/* SLIMBOX */

#lbOverlay{
position:absolute;
left: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}