/* CSS Document */

html,body{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF;}
* { margin: 0; padding: 0;}

#pagina{width: 1000px; height: auto; margin: 0px auto 0px auto; background-color: #FFFFFF; overflow: hidden; border-left: 3px solid #003399; border-right: 3px solid #003399; border-bottom: 3px solid #003399;}
#voorbeeld{float: left; display:inline; width: 1000px; font-size: 14px; font-weight: bold; color: #ee1c24; margin: 0px 0px 10px 0px;}

/******* hyperlink and anchor tag styles *******/
a img{ border: none;}
a:link, a:visited{ color: #003399; text-decoration: none;}
a:hover{ text-decoration: underline;}

/************** header tag styles **************/
h1{ font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: #003399; margin: 0px; padding: 0px;}
h2{ font: bold 100% Verdana, Arial, Helvetica, sans-serif; color: #003399; margin: 0px; padding: 0px;}

/******* Header van de pagina style *******/
#top{float: left; display:inline; width: 1000px; height: 242px; margin: 10px 0px 0px 0px; background-image: url("./pics_site/header_bg.jpg"); background-repeat: no-repeat;}

/******* Navigatie boven pagina ***********/
#nav_top {float: left; display:inline; width: 1000px; height: 25px; margin: 0px; background-image: url("./pics_site/navigatie_bg.jpg"); background-repeat: no-repeat;;} 
#navigation {float: left; display:inline; font-size: 12px; height: 20px; list-style: none; margin: 3px 0px 0px 13px; padding: 0px 0px 0px 0px;} 
#navigation li {float: left;  display: block; text-align: center; position: relative; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px;} 
#navigation li.splitter{ padding: 2px 5px; color: #FFFFFF;}
#navigation a { color: #FFFFFF; text-decoration: none; display: block; padding: 2px 0px 3px 0px; margin: 0px;}
#navigation li a:hover, #navigation li a.active { color: #99ccff;}

/******* linkerzijde van de website *******/
#middle{float: left; width: 1000px; background-image: url("./pics_site/menu_bg_lang.jpg"); background-repeat: no-repeat;}
#left{float: left; display:inline; width: 189px; height: 420px;}
#knop {list-style: none; margin: 0px 0px 0px 20px;}
#knop li {float:left; display: inline; text-align: left; font-size: 12px; }
#knop li a, #knop li.home{position:relative; display:block; width: 149px; color: #FFFFFF; padding: 10px 0px 0px 20px; text-decoration: none; overflow:hidden; text-indent: -10px;}
#knop li a.active, #knop li a:hover { color: #ffcc00}

/************** content website ******************/
#content{ float: left; display: inline; width: 811px; margin: 0px 0px 10px 0px; background-image: url("./pics_site/content_bg.jpg"); background-repeat: no-repeat;}
#min_height {float: left; width: 1px; height: 493px; margin: 0px; padding: 0px;}
#content_tekst{float: left; display: inline; width: 801px; text-align:left; margin: 5px 0px 5px 5px; color: #000000; font-size: 14px;}
#content_tekst li {margin: 0px 0px 0px 25px;}
.banner_home {float: right; clear: right; width: 300px; height: 200px; margin-top: 20px;}

/************** Sharethis ****************/
#share_this {margin: 30px 0px 20px 0px; float: left; display: inline; padding: 0; text-align: left;}
#share_this .share {color: #003399; font-weight: bold; font-size: 14px;}

/* SLIDESHOW JS */
#slideshow{width: 420px; height: 310px; padding: 0px 190px 0px 191px;}
.imageSlideshowHolder_1{ margin:0px; float:left; width: 420px; height: 310px; position:relative; 
						 display: inline; background-image: url("./pics_site/bg_slideshow.gif"); background-repeat: no-repeat;}
.imageSlideshowHolder_1 img { position:absolute; left:10px; top:5px;}

/************** contactformulier ******************/
.formulier_kop{color: #003399; font-size: 25px; margin: 10px 0px 10px 0px; float: left; display: inline; width: 811px;}
#contact_form{float: left; display: inline; width: 811px; text-align: left; margin: 10px 0px 0px 0px; color: #000000; font-size: 14px;}
#contact_form form {margin: 0; padding: 0;}			
#contact_form input, #contact_form textarea, #contact_form select, #contact_form input[type="file"] {color: #000000; border: 1px solid #003399; font-size: 14px;}
#contact_form input:hover, #contact_form textarea:hover, #contact_form select:hover {border: 1px solid #ffcc00; background-color: #cdcdcd;}
#contact_form input.button{color: #000000; border: 1px solid #003399; background-color: #FFFFFF; padding: 2px 5px 2px 5px;}
#contact_form input.button:hover {color: #FFFFFF; border: 1px solid #ffcc00; background-color: #003399;}
#contact_form input[type="radio"] {border: none;}
#contact_form .form_content {float: left; display: inline; width: 811px;}
#contact_form .table_form {width: 700px;}
#contact_form .table_form td.label {width: 150px; height: 25px; vertical-align: top;}
#contact_form .table_form td.label2 {width: 300px; height: 25px; vertical-align: top;}
#contact_form .table_form td.invoer {width: 550px; height: 25px; vertical-align: top;}
#contact_form .table_form td.invoer2 {width: 400px; height: 25px; vertical-align: top;}
#contact_form .table_form td.invoer_opmerking {width: 550px; height: 90px; vertical-align: top;}
#contact_form .table_form td.geheel {width: 700px; height: 25px; vertical-align: top;}
#contact_form .fout_tekst {border: 2px solid #003399;}

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

/************** nieuwsbrief archief ******************/
table.nieuwsbrief_overzicht {border-width: 1px; border-collapse: collapse; width: 700px;}
table.nieuwsbrief_overzicht th{ border: 1px solid #003399; text-align:left; color: #003399; font-size: 12px;}
table.nieuwsbrief_overzicht th.onderwerp{ width: 370px; padding-left: 1px;}
table.nieuwsbrief_overzicht th.datum{ width: 150px; text-align: center;}
table.nieuwsbrief_overzicht th.details{ width: 180px; text-align: center;}
table.nieuwsbrief_overzicht td{ border: 1px solid #003399; padding: 1px; font-size: 12px;}
table.nieuwsbrief_overzicht td.details{ text-align:center;}

/******* Footer van de pagina style *******/
#bottom{clear: both; width: 1000px; text-align: center;}
#footer{float: left; display:inline; width: 1000px; text-align: center; margin: 10px 0px 0px 0px; padding: 10px 0px; border-top: 2px solid #003399; font-size: 12px;}
/********************* end **********************/