/* 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;
margin: 0;
 padding: 0;
 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: #F3ECC1;
	background-image: url(../images/bgs/main_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#outer{
	font-size:0.689em;
	text-align:left;
	width:700px;
	position: relative;
	top: -300px;
	left: 0px;
	z-index: 500;
	margin-bottom: 40px;
}
#news-ticker{
	width:900px;
	height:55px;
	margin-top:30px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
#header-shell{
	width:100%;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 200;
}

#outer .content{
	width: 480px;
	padding-top: 0px;
	min-height:600px;
	z-index:100;
	float:left;
	padding-right: 15px;
	padding-left: 20px;
	color:#0f463b;
	padding-bottom: 50px;
}
#outer .side-left{
	width: 170px;
	padding-top: 0px;
	padding-left:15px;
	z-index:100;
	float:left;
}
#outer .side-right{
	width: 300px;
	padding-top: 0px;
	z-index:100;
	float:left;
	margin-left: 70px;
}


.content ul{
	margin-bottom:17px}
	.content ul li{
	display:list-item;
	margin-left:13px;
	list-style:none}
	.content ol{
	margin-bottom:17px}
	.content ol li{
	display:list-item;
	margin-left:18px;
	list-style:none}
	
	.content a, .content a:visited{
	font-family:Verdana, Helvetica, Arial;
	font-weight:bold;
	color:#ff0000;
	text-decoration:none;
	}
	.content a:hover, .content a:active {
	font-family:Verdana, Helvetica, Arial;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#contactgegevens{
	font-family:"Times New Roman", Times, serif;
	font-size:0.875em;
	color:#fff;
	line-height:1.5em;
	margin:10px 0 0 20px;
}
#contactgegevens h2{
	display:none;
}

#contactgegevens a{
	font-family:"Times New Roman", Times, serif;
	font-size:0.875em;
	color:#fff;
	line-height:1.5em;
	}


#menu{
	z-index:0;
	position:absolute;
	height:43px;
	top:240px;
	width: 700px;
	padding-right: 100px;
	background-image: url(../images/bgs/menubg.gif);
	background-repeat: no-repeat;
	padding-left: 100px;
	background-position: 12px;
	text-align: center;
	padding-top: 5px;
}
	div#menu a img {
	display:inline;
	float:right;
	}
	
.menu-lg ul{
list-style:none;
width:160px;
}
.menu-lg li{
font-size:1em;
line-height:2em;
margin:0px 0 7px 0px;
border:1px solid #0f463b;
background:#fff;
font-family:"Times New Roman", Times, serif;
color:#0f463b;
list-style:none;
}
.menu-lg li a, .menu-lg li a:visited{
padding:0px 5px;
font-family:"Times New Roman", Times, serif;
color:#0f463b;
text-decoration:none;
list-style:none;
display:block;
}
.menu-lg li.subsubmenu{
font-family:"Times New Roman", Times, serif;
background:#0f463b;
list-style:none;
}
.menu-lg li a:hover, .menu-lg li a:active {
background:#0f463b;
color:#fff;
}

.menu-sm ul{
list-style:none;
width:110px;
}
.menu-sm li{
margin:0px 0 6px 20px;
height:17px;
border:1px solid #fff;
background:#baa500;
font-family:"Times New Roman", Times, serif;
font-size:0.875em;
line-height:1.75em;
color:#fff;
list-style:none;
}
.menu-sm li a, .menu-sm li a:visited{
padding:0px 5px;
height:17px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#fff;
text-decoration:none;
list-style:none;
display:block;
}
.menu-sm li.subsubmenu{
font-family:"Times New Roman", Times, serif;
height:17px;
background:#d2bb1c;
list-style:none;
}
.menu-sm li a:hover, .menu-sm li a:active {
background:#d2bb1c;
color:#fff;
}

#header{
	z-index:200;
	height:150px;
	top:0px;
	width: 100%;
	position: absolute;
	background-image: url(../images/bgs/header.png);
	background-repeat: no-repeat;
}
	
#header-shell .random{
	z-index:1;
	height:380px;
	width: 280px;
	position: relative;
	left: 680px;
	overflow:hidden;
	text-align: right;
	top: 0px;
}

#header-shell .odd{
	z-index:100;
	height:350px;
	width: 300px;
	position: absolute;
	left: 595px;
	background-image: url(../images/odd.png);
	background-repeat: no-repeat;
	top: 50px;
}

#header-shell .banner{
	z-index:500;
	width: 200px;
	position: relative;
	left: 760px;
	top: 10px;
	height: 80px;
}

#header-txt{
	z-index:100;
	position:absolute;
	right: 62px;
	top: 132px;
	height:113px;
	width: 440px;
	padding: 10px;
	overflow:hidden;
}
#img-clear{
	z-index:100;
	position:absolute;
	right: 20px;
	top: 0px;
	height: 123px;
	width: 318px;
	border:0 none;
}


#border-top{
	z-index:20;
	position:absolute;
	height:285px;
	top:0px;
	width: 270px;
	left: 0px;
}
#border-bottom{
	z-index:20;
	position:absolute;
	height:229px;
	width: 900px;
	bottom:0px;
	margin-bottom:0px;
}

#bottom-bar{
	width:515px;
	height:230px;
	z-index:50;
	bottom:0px;
	margin-bottom:0px;
	margin-top: 0px;
	padding-right: 194px;
	padding-left: 191px;
}

#bottom-bar a img{
	display:inline;
	padding-right: 40px;
	padding-left: 0px;
}
#bottom-bar .bottom-banner {
	background-image: url(../images/bannerbot.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 515px;
    padding-top:10px;
    padding-left:9px;
	margin-right: auto;
	margin-left: auto;
}
div#flash-img{
	position:absolute;
	right: 0px;
	top: 0px;
	height: 222px;
	width: 866px;
	margin-right: 22px;
	margin-left: 12px;
	margin-top: 18px;
}
div.side-right .random{
	height: 250px;
	width: 300px;
	overflow:hidden;
	vertical-align: bottom;
}

div.side-right .banner{
	height: 200px;
	width: 200px;
	margin-left: 100px;
	margin-top: 20px;
}

#rightbar{
	float:right;
	padding-top: 20px;
}
#rightbar img{
	margin-top: 25px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

#clear{
clear:both}

#push{
border-top:250px solid #fff}

div#footer{
	position:relative;
	z-index: 99;
	font-family:Verdana, Helvetica, Arial;
	color:#baa500;
	font-size:x-small;
	bottom: 10px;
	margin-right: 0px;
	padding-left: 20px;
}

/* 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 p{
padding:0 0 17px 0}
pre{
padding:0 0 17px 0}
/* standard link */
a{
color:#000000;
text-decoration:none}
a:visited{/* standard link which has been viewed by user */
color:#444444}
a:hover{/* standard link with mouse-over */
color:#ffffff}
a:active{/* standard link mouse button hold down */
color:#ffffff}
/* 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:#0f463b;
font-size:1.375em;/* standard 22px */
line-height:1.375em;
font-weight:bold;
padding:0 0 17px 0}
/* header 3, used for subitem titles */
h3{
color:#0f463b;
font-weight:bold;
font-size:1em;
padding:0 0 5px 0}
.nieuws .odd h3{
color:#0f463b;
font-size:1.375em;/* standard 22px */
line-height:1.375em;
font-weight:bold;
padding:0px 0 5px 0;
margin-top:-17px;
}
.nieuws .even h3{
color:#0f463b;
font-size:1.375em;/* standard 22px */
line-height:1.375em;
font-weight:bold;
padding:0px 0 5px 0;
margin-top:-17px;
}
/* header 4, not used by default */
h4{
font-weight:bold;
font-size:0.75em;
padding:0 0 17px 0}
/* header 5, not used by default */
h5{
font-weight:bold;
font-size:0.75em;
padding:0 0 17px 0}
/* header 6, not used by default */
h6{
font-weight:bold;
font-size:0.75em;
padding:0 0 17px 0}
/* footer for copyright information, link to mediaconnexion */

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:#baa500;
	font-size:0.875em;
}

#header-txt{
font-family:Verdana, Helvetica, Arial;  /* standard font */
font-size:85%; /* standard 16px */
color:#fff;/* standard text-color */
line-height:1.3em}
#header-txt h2{
color:#0f463b;
font-size:1.375emm;/* standard 22px */
line-height:1.375em;
font-weight:bold;
padding:0 0 7px 0}

.knop a, .knop a:link, .knop a:visited, .knop a:hover, .knop a:active{}
.rubrieken{}
.bovenkop{
font-size:0.5625em}
.openingstijden{}


/* END TEXT STYLES */

/* ELEMENTS */
hr{
height:0;
margin:17px 0;
padding:5px;
border:none;
border-top:1px #baa500 solid;
line-height:0;
font-size:0;
overflow:hidden;
clear:both}
.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{}
a.knop {
display:block;
}
/* foto in een item zonder odd / even */
div.foto{
background-color:#fff;
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:#fff;
margin-bottom:-1px;
margin-top:10px;
font-size:0.689em;
line-height:0.689em}
/* 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{
padding-bottom:2px;
margin-bottom:1px;
clear:both}
.even{
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{
background-color:#fff;
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:#fff;
margin-bottom:-1px;
margin-top:20px;
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{
background-color:#fff;
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:#fff;
margin-bottom:-1px;
margin-top:20px;
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}

.links .odd{
background:#e9e19f;
min-height:60px;
padding:10px 0 20px 20px;
}
.links .even{
background:#e9e19f;
min-height:60px;
padding:10px 0 20px 20px;
}

.document{
background:#e9e19f url('../images/ico/download.png') 10px 15px no-repeat;
height:60px}
.document a{
display:block;
padding-top:10px;
padding-left:50px}
.document .datum{
display:block;
padding-top:10px;
padding-right:10px}

.nieuws.verder {
margin:0 0px 1px 0;
padding:0 0 120px 0;
}

.nieuws.verder .foto {
background-position:top;
background:#fff no-repeat;
margin:0 20px 20px 0;
padding:0 0 0px 0;
float:left;
clear:left}

.nieuws.verder .foto a{
padding:0px 0px 0px 0px;
text-align:center;
}

.nieuws.verder .foto img {
padding:0px 0px 0px 0px;
margin:0 0px 0 0;
border:none 0px;
text-align:center;
}

.nieuws .odd .foto {
width:150px;
height:150px;
}

.nieuws .odd .foto  img {
width:130px;
height:130px;
margin:10px 11px 10px 9px;
}
.nieuws .odd .foto  span {
background:url('../images/bgs/imgshadow.png') no-repeat;
width:150px;
height:150px;
display:block;
position:absolute;
z-index:500;
}

.nieuws .even .foto {
width:150px;
height:150px;
}

.nieuws .even .foto  img {
width:130px;
height:130px;
margin:10px 11px 10px 9px;
}
.nieuws .even .foto  span {
background:url('../images/bgs/imgshadow.png') no-repeat;
width:150px;
height:150px;
display:block;
position:absolute;
z-index:500;
}
/* END ELEMENTS */


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

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{
margin-left:0px;
background:#fff;
border:1px solid #0f463b;
margin-bottom:20px;
}

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/ico/uitroepteken.gif");
background-position:right;
background-repeat:no-repeat}
form input.verplicht, form textarea.verplicht{
border:1px solid #0f463b}

fieldset.vragen{
display:block;
float:left;
width:350px;
margin:0px 0px 2px 0px;
background-position:right;
background-repeat:no-repeat;
}

fieldset.vragen div.vraag{
display:block;
float:right;
width:350px;
}
fieldset.vragen div.vraag label{
width:350px;
}

fieldset.vragen input.textbox, fieldset.vragen textarea {
display:block;
float:right;
width:350px;
margin:0px 0px 6px 0px;
border:1px solid #0f463b}

form .validated{
color:#0e0}
div.contactform{
margin-bottom:30px;
}
fieldset.profiel{
padding:20px;
}
div.contactform #contact {
	background:#e9e19f;
	padding:20px 20px 0px 20px;
	margin-top:20px;
}

div.content #nieuwsbrief {
	background:#e9e19f;
	padding:20px 20px 0px 20px;
	margin-top:20px;
}
/* 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}