@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Marinke Slump
	creabea.com
	2008 (c) CreaBea 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* SETUP
========*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;}

body { font-family:Arial, Helvetica, sans-serif;	font-size:11px;	color:#333333; }

/* STYLES
========*/

html, body { height: 100%; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -14px; }
.footer, .push { height: 14px; }
.footer { background-color:#feecc5; }

a:link, a:visited, a:active { text-decoration:underline; color:#333333; }
a:hover { color:#fbbc00; text-decoration:none;}

#content_wrap { width: 770px; margin: 0 auto; }
#header { 	height: 151px;	background-color:#222222;	background-image:url(/images/headerbg.gif);	background-position:center;	background-repeat:repeat-x;}
#nav {	height: 42px;	background-color:#f9aa00;	background-image:url(/images/navbg.gif);	background-repeat:repeat-x; text-align:center;}
#nav_wrap { width: 770px; margin: 0 auto; }
#nav_ul {	padding-left:42px; float:left; padding-top:9px;}
#nav_ul li { display:block;	float:left; }
#lang_ul { float: right; width:100px; padding-top:9px;}
#lang_ul li { display:block; float:left; width:25px;}
#content {	padding-top: 26px; padding-bottom:26px;}
#logo {	width:770px; margin: 0 auto; padding-top:44px;}	

h1#home { display:none; }
p { line-height:16px; margin-top:12px; }
h2, h3 { margin-bottom:20px }
#content #een h2, #content #twee h2, #content #drie h2 { margin-bottom: 5px; background-image:none; margin-top:10px;}
#content .linkerkolom_contact h3, #content .rechterkolom_contact h2, .rechterkolom_passie h2 { background-image:none; margin-bottom:0px;}
#content h3 {	background-image:url(../images/uitgelicht.gif);	background-repeat:no-repeat;	background-position:left top; }
/* .rechterkolom p, #een, #twee, #drie, .rechterkolom_passie { text-align:justify;} */
.clear { clear:both; }
.yelleuh strong { color:#ffbc00; }
#nav a { font-weight:bold;	color:#fef2d9;	text-decoration: none; }
#nav a:hover { text-decoration:underline; }
#nav .current { text-decoration:underline; }
#crea	{ width:728px; margin:0 auto; padding-top:3px; padding-left: 42px;}

.linkerkolom { width: 264px; padding-right:22px; float:left; }
.rechterkolom { width: 439px; padding-left:22px; padding-right:23px; float:right; background-image:url(/images/content_bg.gif); background-repeat:no-repeat; background-position:left 62px; }
.rechterkolom table { float:right; margin-left:10px; margin-top:3px;}
.rechterkolom table img { border:1px solid #ffbc00; }

#een { float: left; width:218px; margin-left:46px;}
#twee { float: left; width:219px;}
#drie { float: left; width: 219px; margin-right:23px;}
#een img, #twee img, #drie img, .rechterkolom_passie img { border:1px solid #ffbc00;}
#een p, #een ul, #een ol, #twee p, #twee ul, #twee ol, #drie p, #drie ul, #drie ol { margin: 0; margin-bottom: 12px; }

#content ul { padding-left: 1em; text-indent: -1em; list-style-position: inside; margin-left:0px; }
#content ul li { line-height: 18px; list-style-position: inside; list-style-image:url(/images/listimg.gif);}

.fill {	float: left; width:22px; background-image:url(../images/content_bg.gif); height: 512px; background-repeat:no-repeat; background-position:center 140px;}
.linkerkolom_contact { width: 264px; padding-right:22px; float:left;  }
.rechterkolom_contact {  width: 309px; padding-left:22px; padding-right:153px; float:right; background-image:url(/images/contactbg.gif); background-position:left bottom; background-repeat:no-repeat; height:450px;}
.rechterkolom_passie {  width: 439px; padding-left:22px; padding-right:23px; float:right; background-image:url(/images/content_bg.gif); background-repeat:no-repeat; background-position:left 62px;}
.rechterkolom_contact p, .linkerkolom_contact p, .rechterkolom_passie p { line-height:16px;}
.date { color:#999999; float:left; margin-top:0px; width:25px; text-align:right;}
.uitgelicht { padding-left:42px; }
.linkerkolom .uitgelicht p, .linkerkolom_contact .uitgelicht p { line-height: 24px; }
.kop { font-size:12px; font-style:italic; padding-left:46px; padding-right:23px; line-height:24px; }
.nieuwsbericht_uitgelicht p { margin: 0; margin-bottom: 18px; }

.links_nieuwsbericht .uitgelicht p { line-height: 16px; }

#pullquote { background-image: url(/images/pullquoteclose.gif); background-repeat: no-repeat;	background-position: right bottom; text-align:center; width:250px; height:125px; margin:0 auto; padding-bottom: 10px;}
.pullquote {background-image: url(/images/pullquote.gif); background-repeat: no-repeat;	background-position: left top; }

label { display:block; float:left; width:100px; text-align:left; padding-right:10px; font-size:11px; }
input { border: 1px solid #ffbc00; width: 250px; color: #666666; height: 17px; margin-bottom:2px; }
textarea { border: 1px solid #ffbc00; width: 250px; color: #666666; margin-bottom:2px; background-image:url(/images/uitgelicht.gif); background-position:left bottom; background-repeat:no-repeat; }
input#input {float:right; width: 100px; color:#ffbc00; height:20px; background-color:#FFFFFF; border: 1px solid #ffbc00; margin-right:35px; margin-top:10px; }
form { width: 400px; }


/* LIGHTBOX
==========*/
#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: 10px; }

#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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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{ width: 66px; 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; }