/* Hoofdinstellingen */
* {padding:0;margin:0;}
body {background: #000000;font-family: verdana,arial,serif;font-size:12px;color:#ffffff;}  
h1 {font-size:16px;font-weight:bold;}
h2 {font-size:14px;font-weight:normal;}
h3 {font-size:12px;font-weight:normal;}
p, .paragraaf {text-align:justify;line-height:1.5em;} 
.maandmenu, .maandmenu p {text-align:center;line-height:2em;}
img	{border:none;}

/* Algemene instellingen */
/* Disclaimer */
#disclaimer	{background:#000000;margin:0px;padding:1.5em;overflow:auto;font-family: verdana,arial,serif;font-size: 11px;color:#aaaaaa;}
#disclaimer h1	{margin-bottom: 0.25em;font-size: 12px;color:#bb1111}	
#disclaimer p	{margin-bottom:1em;text-align:justify; /* IE comp */}	 
/* M-it */
#m-it a		{position:absolute;top:2px;right:2px;background: url(images/m-it-h.gif) bottom right no-repeat;display:block;height: 9px;width: 121px;z-index:10;}
#m-it span	{position:absolute;top: -10000px;}
/* Diclaimer link */
#disclaimer_link		{position:absolute;bottom:0px;left:2px;font-family: verdana,arial;font-weight: normal;font-size: 8px;z-index:0;float:right;}
#disclaimer_link a		{text-decoration:underline;font-weight:normal;}
#disclaimer_link a:link 	{color: #999999;}
#disclaimer_link a:visited	{color: #999999;}
#disclaimer_link a:hover	{color: #bbbbbb;}
#disclaimer_link a:active	{color: #aaaaaa;}
/* Div die alles bevat */
#main {position:absolute;z-index:0;background: url(images/main.jpg) no-repeat;width:1000px;height:600px;margin-left:-500px;left:50%;}

/* Titel, Kop, Logo */
#titel		{background: url(images/slogan.jpg) no-repeat;height:200px;}  
#titel a	{position:relative;display:block;left:24px;top:27px;width:190px;height:126px;}
#titel span	{position:absolute;width:0px;overflow:hidden;}					  

/* Navigatie balk */
#nav {position:absolute;left:350px;top:90px;height:34px;font-family: verdana,arial,serif;font-size:12px;font-weight:bold;color:#000000;}
#nav ul {clear:both;list-style: none;}
#nav a span		{position:absolute;width:0px;overflow:hidden;}  /* verbergen tekst */
#dropdown		{width:650px;}
#dropdown, #dropdown ul	{padding: 0;margin: 0;list-style: none;z-index:2;}
#dropdown a:link	{color:#000000}
#dropdown a:visited	{color:#000000}
#dropdown a:hover	{color:#ba0000;background-position:bottom left;}
#dropdown a:active	{color:#000000}
#dropdown a 		{display: block;text-decoration: none;height:34px;}
#dropdown li 	{float: left;} /* hoofdmenu */
#dropdown ul 	{background:url(images/sub-back.jpg)}
#dropdown ul li	{float:left;height:20px;margin-left:0.7em;margin-right:0.7em;} /* submenu */
#dropdown li ul {position: absolute;left: -999em;}
#dropdown li:hover ul, #dropdown li.sfhover ul {left: auto;}

#nav .nl-concept	{background: url(images/nl-concept.jpg)	no-repeat left top;width:111px;height:34px;}
#nav .nl-info		{background: url(images/nl-info.jpg)	no-repeat left top;width:63px;height:34px;}
#nav .nl-menu		{background: url(images/nl-menu.jpg)	no-repeat left top;width:75px;height:34px;}
#nav .nl-contact	{background: url(images/nl-contact.jpg)	no-repeat left top;width:108px;height:34px;}
#nav .nl-foto		{background: url(images/nl-foto.jpg) 	no-repeat left top;width:83px;height:34px;}
#nav .nl-links		{background: url(images/nl-links.jpg)	no-repeat left top;width:76px;height:34px;}
#nav .nl-suggesties	{background: url(images/nl-suggesties.jpg)	no-repeat left top;width:100px;height:20px;}
#nav .nl-menukaart	{background: url(images/nl-menukaart.jpg)	no-repeat left top;width:96px;height:20px;}
#nav .nl-maandmenu	{background: url(images/nl-maandmenu.jpg)	no-repeat left top;width:105px;height:20px;}

#nav .sub-links		{background: url(images/sub-links.jpg)	no-repeat left top;width:5px;height:20px;margin-left:0px;}
#nav .sub-rechts	{background: url(images/sub-rechts.jpg)	no-repeat right top;width:5px;height:20px;margin-right:0px;}

#nav .fr-concept	{background: url(images/nl-concept.jpg)	no-repeat left top;width:111px;height:34px;}
#nav .fr-info		{background: url(images/nl-info.jpg)	no-repeat left top;width:62px;height:34px;}
#nav .fr-menu		{background: url(images/nl-menu.jpg)	no-repeat left top;width:73px;height:34px;}
#nav .fr-contact	{background: url(images/nl-contact.jpg)	no-repeat left top;width:105px;height:34px;}
#nav .fr-foto		{background: url(images/fr-foto.jpg) 	no-repeat left top;width:96px;height:34px;}
#nav .fr-links		{background: url(images/fr-links.jpg)	no-repeat left top;width:73px;height:34px;}
#nav .fr-suggesties	{background: url(images/fr-suggesties.jpg)	no-repeat left top;width:115px;height:20px;}
#nav .fr-menukaart	{background: url(images/fr-menukaart.jpg)	no-repeat left top;width:85px;height:20px;}
#nav .fr-maandmenu	{background: url(images/fr-maandmenu.jpg)	no-repeat left top;width:130px;height:20px;}

/* Slideshow */
#slideshow {}
#slideshowkader {float:left;margin-right:40px;border:1px solid;width:300px;height:225px;z-index:0;}

/* Printknop */
#print 		{position:relative;background: url(images/knop_print.gif) center center no-repeat;top:-7px;width:16px;height:16px;padding:7px;display:block;}														
#print span	{position:absolute;width:0px;overflow:hidden;}

/* Verbergen navigatie voor slechtzienden */
.weg {display:inline;}
.hidden, .weg a, .weg a:hover, .weg a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.weg a:active, .weg a:focus {position:static;width:auto;height:auto;}


/* Div met alle inhoud */
#inhoud {position:absolute;left:320px;top:200px;right:95px;}
#inhoud h1 {margin-bottom:1.5em;color:#ff0000;margin-left:-1em;}
#inhoud h2 {margin-bottom:0.5em;color:#ff0000;margin-left:-0.4em;}
#inhoud h3 {margin-bottom:0.5em;}
.imgl, .img, .link_img	{float: left;clear: both;margin-right: 1em;margin-bottom: 1em;height: 120px;width: 160px;border:1px solid #ffffff;}
.imgr {float: right;margin-left: 2em;margin-bottom: 1em;height: 120px;width: 160px;border:1px solid #ffffff;}
.metfoto {clear:both;margin-top: 1em;}
.maandmenu {margin-right: 180px;}
.zonderfoto {margin-top: 0em;}
.menukaart table {width:500px;border-collapse:collapse;margin-bottom:1.5em;}
.menukaart td {padding:0.25em;padding-left:1em;}
.menukaart .col1 {width:400px;}
.menukaart .col2 {width:100px;}
.suggesties table {width:500px;border-collapse:collapse;margin-bottom:1.5em;}
.suggesties td {padding:0.25em;padding-left:1em;}
.suggesties .col1 {width:400px;}
.suggesties .col2 {width:100px;}
.info table {width:500px;border-collapse:collapse;margin-bottom:1.5em;}
.info td {padding:0.25em;padding-left:1em;}
.info .col1 {width:400px;}
.info .col2 {width:100px;}



/* Speciaal voor de concept pagina */
#concept {margin-left:30px;margin-top:30px;margin-right:13px;}
#homebalk {position:absolute;top:305px;left:30px;width:542px;overflow:hidden;}
#homebalk img {border:1px solid #ffffff;height:75px; width:100px;margin-right:8px;}

/* Link pagina */
#link {margin-right:100px;}
#link a:link	{color:#dd0000}
#link a:visited	{color:#dd0000}
#link a:hover	{color:#ff0000}
#link a:active	{color:#dd0000}
#link h3 	{margin-bottom:0.5em}
#link p 	{margin-left:1em;}

/* Contactpagina */
#contactform legend {font-weight:normal;font-size:12px;margin-bottom:0.5em;color:#ffffff;} 
#contactform {font-size:11px;}
#contactform fieldset {border: none;}
#contactform input,#contactform textarea,#contactform select {padding:2px;font-size:11px;font-family: verdana,arial,serif;color:#ffffff;background: #000000;border:1px solid #666666;}
#adres {width:220px;float:left;}
#adres p {margin-left:2em;}
#adres img {border: 1px solid #bbbbbb;}
#adres img {margin-left:1em;margin-top:0.5em;}
label {display:block;text-align:right;width:7em;float:left;margin-right:1em;clear:both;} 
.bijschrift	{font-size:9px;margin-bottom:3em;margin-left:2em;margin-right:7em;}

/* Fotoalbum */
.fotobalk {height: 112px;overflow:auto;width: 500px;padding:0px;margin-top:0.5em;margin-left:25px;margin-bottom:2em;}
.fotobalk td,table,tr {padding: 0px;margin: 0px;}
.fotobalk table {padding:0px;margin:0px;}
.fotobalk img {margin-right:5px;border-bottom:2px solid #323D52;border-right:2px solid #323D52;}
#fotodet {text-align:right;position:relative;top:-2em;font-size:9px;}

/* Slidefoto */
#lightbox{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 1px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/knop_vorige.gif) left 80% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/knop_volgende.gif) right 80% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.2em; overflow: auto; width: 100%	;}

#imageData{	padding:0; color: #888; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }