/* RESET CSS */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: none; }
:focus { outline: 0; }
p a:hover { text-decoration:underline; }
ul, ol 	{ font-family: Arial; font-size: 12px; color: #000; line-height: 17px; margin-left: 15px; padding-left: 0px; }
li a { color:#000; text-decoration:none; }
p li a { color:#000000; text-decoration:none; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }

/* MAIN CSS */
* html { height:100%; overflow-x: hidden; }
input, textarea, select, button{ font-family: Arial; font-size: 12px; border:0; }
label.cForm { font-family:Arial; font-size:12px; color:#59595a; width:210px; padding-bottom:10px; }
.cFormfields { width:200px; padding:2px 0 0 2px; margin:10px 0 10px 0; font-size:14px; color:#59595a; height:20px; }
.cformBtn	{ width:210px; font-size:12px; font-family:Arial; color:#FFF; height:25px; background-color:#5f6060; display:block; }
html .nopaddingbottom {	padding-bottom: 0px; }
.nopaddingbottom a:hover, .actueel ul li a:hover { text-decoration:underline !important; } 

.clear { content:"."; clear:both; height:0px; display:block; overflow:hidden; line-height:0px; }
#container { width:980px; margin:0 auto; font-family:Arial; font-size:12px;}
#top { width:980px; height:110px; overflow:hidden; }
#top .logo { padding-right:270px; float:left; }
#content { width:980px; }
#menu { height:40px; margin:0 0 0 20px; }
#homeleft { width:735px; padding-top:145px; float:left; }
#homeright { width:230px; padding-top:35px; float:left; }
#mainleft { width:445px; margin:100px 15px 0 10px; float:left; }
#mainleft a, #mainleft a:hover, #sitemapbox a, #sitemapbox a:hover { text-decoration:underline !important; }
.mainleftinside, .sitemapinside { background-color:#e8e8e8; padding:10px; }
#mainright { width:475px; margin-top:107px; float:left; }
#sitemapbox { width:920px; margin:100px 15px 0 10px; overflow:hidden; }
.sitemapsplit { width:290px; float:left; }
.ulsitemap li { list-style:square; color:#CCC; line-height:17px; }
.lisitemap	{ font-weight:bold; font-size:14px; }
.lisitemap li, .lisitemap li li, .lisitemap li li li { font-weight:normal; }
.blokken { background-repeat:no-repeat; width:230px; height:190px; margin:15px 10px 0 0; }
.verblijf, .eropuit, .dagje { float:left; overflow:hidden; }
.verblijf { background:url(/img/red_bg.png); overflow:visible !important; } /*rood*/
.eropuit { background:url(/img/orange_bg.png); } /*oranje*/
.dagje { background:url(/img/green_pole_bg.png); } /*groen*/
.weerblok { background:url(/img/white_bg.png);  height:230px !important; } /*wit*/
.livecam { background:url(/img/blue_bg.png); } /*blauw*/
.inside { width:210px; padding:10px; }
.eropuit img { border:1px solid #ddad81; margin-bottom:10px; }
.bloksmall { height:20px; }
.bloklarge { height:140px; font-size:10px; color:#fff; font-family:Arial; }
.bloklarge label { font-family:Arial; font-size:12px; color:#fff; line-height:17px; padding-bottom:5px; }
.bloklarge select { width:190px; font-family:Arial; font-size:12px; color:#000; line-height:17px; margin-bottom:20px; }
.bloklarge2 { height:195px; }
.pad10 { margin-top:10px; height:125px !important; }
.pad20 { margin-top:20px; height:115px !important; }
.pad40 { margin-top:45px; }
.bloksmall { overflow:hidden; }
.actueel { width:230px; overflow:hidden; margin:50px 0 0 10px; padding:0; float:left; }
#actueelinside { margin-top:5px; }
#meerinfoinside { margin-top:5px; }
#advertentie { height:80px; text-align:right; font-family:Arial; font-size:10px; margin:10px 0; }
.welkom { width:440px; height:200px; margin:50px 0 0 10px; padding:10px; background-color:#e8e8e8; float:left; color:#59595a; }
.welkom p, .welkom a, .welkom a:hover { color:#59595a !important; }
.contactinfobox { width:230px; float:left; }
.contactinfoboxinside { height:145px; overflow:hidden; padding:15px; color:#FFF; font-family:Arial; font-size:11px; line-height:17px; }
.contactinfoboxinside a { color:#fff; }
.contactinfoboxinside a:hover { text-decoration:underline; color:#fff;} 
.contactborderbox { width:445px; border:#cdcccb 1px solid; height:150px; overflow:hidden; padding:15px; margin-top:10px; }
.contactborderbox img { float:right; }
.contactform { width:200px; float:left; }
.spacer20 { padding-right:20px; }
img.arrow { padding-right:10px; }

#catleden ul { margin: 0px; padding: 0px; }
#catleden li { border-bottom: 1px solid #bfbebe; list-style-type:none; line-height:30px; background-image:url(/img/arrow_black.gif); background-position:434px; background-repeat:no-repeat; }
#catleden li a { color:#5a5b5b; text-decoration:none; }

.videoblok { background:url(/img/blue_beeldvak.png); background-repeat:no-repeat; padding:0px 10px 10px 10px; height:333px; overflow:hidden; display:block; }
.nieuwsblok { background:url(/img/blue_beeldvak.png); background-repeat:no-repeat; height:333px; overflow:hidden; display:block; padding:10px; margin:20px 0 0 0; }
.meerinfo { width:230px; float:left; margin:20px 0 0 15px; }
.meerinfo2 { width:230px; float:left; margin:20px 15px 0 0; }
.meerinfo .bg, .meerinfo2 .bg { background:#d3d3d3; padding:10px; font-size:11px; line-height:24px; font-weight:bold; height:145px; }
.bgrood { background:#bd1f2d !important; }
.meerinfo2 input { width:200px; font-size:11px; padding:5px; }
.wegwijzer { width:210px; height:170px; background:url(/img/green_pole_bg.png); background-repeat:no-repeat; padding:10px; float:left; margin:20px 0 0 0; }
.footer { padding-top:10px; margin-top:10px; border-top:1px solid #CCC; }

p {	font-family: Arial;	font-size: 12px; color: #000000;	line-height: 17px; }
p.klein10 { font-size:10px; font-weight:bold; color:#fff; }
.grey { color:#59595a !important; }
a {	color: #000000; text-decoration:none; /*belangrijk voor de pulldownmenuutjes */ }
a:hover { color: #000000; }
.footer p, .footer a { color:#999; }
.footer p a:hover { text-decoration:underline; }

h1 { font-size:18px; color:#000; }
.wit { color:#FFFFFF !important; }
.black { color:#000 !important; }
.blue { color:#29aae2 !important; }
.lightblue { color:#a1d4ea !important; }
.bold { font-weight:bold; }
.noline { border:none; }
.bggreen { background-color:#577c26; }
.bgblue { background-color:#29aae2; }
.bc { padding:0 0 10px 10px; }

ul.whitearrow { list-style: none; margin:0px; padding:0px; }
ul.whitearrow li { background-image:url(/img/arrow_white.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; margin:0px; color:#fff; font-size:11px; }
ul.whitearrow li a { color:#fff; text-decoration:none; font-size:11px; }
ul.blackarrow { list-style: none; margin:0px; padding:0px; }
ul.blackarrow li { background-image:url(/img/arrow_black.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; margin:0px; color:#000; font-size:11px; }
ul.blackarrow li a { color:#000000; text-decoration:none; font-size:11px; }
ul.bluearrow { list-style: none; margin:0px; padding:0px; }
ul.bluearrow li { background-image:url(/img/arrow_blue.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; margin:0px; color:#29aae2; font-size:11px; }
ul.bluearrow li a { color:#29aae2; text-decoration:none; font-size:11px; }
ul.transarrow { list-style: none; margin:0px; padding:0px; }
ul.transarrow li { background-image:url(/img/arrow40.png); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; margin:0 0 5px 0; color:#fff; font-size:11px; }
ul.whitearrow li a:hover, ul.bluearrow li a:hover, ul.transarrow li a:hover { color:#fff; }
#actueelinside ul { margin: 0px; padding: 0px; background: #d3d3d3; }
#actueelinside li { background-image:url(/img/arrow_grey.gif); background-repeat:no-repeat; background-position:0 13px; margin: 0px 15px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #FFFFFF; list-style-type:none; }
#actueelinside li a { color:#5a5b5b; text-decoration:none; font-size:11px; margin-left:15px; }
#actueelinside li.black { background-image:url(/img/arrow_black.gif); border:none !important; }
#meerinfoinside ul { margin: 0px; padding: 0px; background: #be1e2d; }
#meerinfoinside li { background-image:url(/img/arrow_darkred.gif); background-repeat:no-repeat; background-position:0 13px; margin: 0px 15px; padding:8px 0px 8px 0px; border-bottom: 1px solid #FFFFFF; list-style-type:none; }
#meerinfoinside li a { color:#ffffff; text-decoration:none; font-size:11px; margin-left:15px; }
#meerinfoinside li.bottom { background-image:url(/img/arrow40.png); border:none !important; }

/* navigatie horizontaal */
ul#navmenu-h { margin:0; padding:0; list-style:none; position:relative; z-index:200; }
ul#navmenu-h ul { margin:0; list-style:none; display:none; position:absolute; top:100%; left:0; }
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul { top:0; left:100%; }
ul#navmenu-h li { float:left; display:inline; position:relative; }
ul#navmenu-h ul li { display:block; margin:0; border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#FFF; }

ul#navmenu-h a { padding:0 30px 0 15px; width:100%; line-height:40px; height:40px; display:block; background:none; color:#000; font-size:14px; font-weight:normal; text-decoration:none; }
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a { color:#bb1f26; }

/* 2nd Menu */ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a { width:200px; float:none; background:#FFF; font-weight:normal; color:#5e5d5b; line-height:30px; height:30px; padding:0 0 0 15px; }
/* 2nd Menu Hover Persistence */ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a { background:#dedede; color:#000; }

/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a { width:200px; float:none; background:#FFF; font-weight:normal; color:#5e5d5b; }
/* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a { background:#dedede; color:#000; }

/* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a { width:200px; float:none; background:#FFF; font-weight:normal; color:#5e5d5b; }
/* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { background:#dedede; color:#000; } 

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul { display:none; }
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul { display:block; }

/* Pulldown menu */
.desc { color:#FFFFFF;}
.desc a {color:#FFFFFF;}
.dropdown dd, .dropdown dt, .dropdown ul, .dropdown2 dd, .dropdown2 dt, .dropdown2 ul { margin:0px; padding:5px 0 0 0; }
.dropdown dd, .dropdown2 dd { position:relative; }
.dropdown a, .dropdown a:visited, dropdown2 a, .dropdown2 a:visited { color:#FFFFFF; text-decoration:none; outline:none;}
.dropdown a:hover, .dropdown2 a:hover { color:#FFFFFF;}
.dropdown dt a:hover, .dropdown2 dt a:hover { color:#FFFFFF; border: 1px solid #e59889;}
.dropdown dt a, .dropdown2 dt a {background:#be1e2d url(/img/arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #e59889; width:190px;}
.dropdown dt a span, .dropdown2 dt a span { cursor:pointer; display:block; padding:5px; color: #FFF; text-decoration:none; }
.dropdown dd ul, .dropdown2 dd ul { background:#b8212b none repeat scroll 0 0; border:1px solid #e59889; text-decoration:none; color:#FFFFFF; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:210px; list-style:none; z-index:100;}
.dropdown span.value, .dropdown2 span.value { display:none; }
.dropdown dd ul li a, .dropdown2 dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover, .dropdown2 dd ul li a:hover { background-color:#e59889;}

/* slideshow */
#slideshow { position: relative; width: 455px; }
#slideshowactueel { position: relative; width: 208px; }
#controls { z-index: 1000; position: absolute; bottom: 0; left: 0; display: none; background-color: #eee; margin: 0; width: 455px; font-family:Arial; font-size:11px; text-align:center; height:20px; line-height:20px; }
#controls span { margin: 0 5px; }
.pics { height: 303px; width: 455px; padding:0; margin:0; overflow: hidden; }
.actuelebeelden { height: 118px; width: 208px; padding:0; margin:0; overflow: hidden; }
/*.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #eee; top:0; left:0; }*/

/* fancybox */
div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 30; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div {	position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('/img/fancy_progress.png') no-repeat; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; background: #000; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #000; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('/img/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; } 
span.fancy_ico { position: absolute; top: 50%;	margin-top: -15px; width: 30px; height: 30px; z-index: 112;  cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('/img/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('/img/fancy_right.png') no-repeat; }
a#fancy_left:hover, a#fancy_right:hover { visibility: visible; background-color: transparent; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; } 
#fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div#fancy_bg_n { top: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/img/fancy_shadow_n.png') repeat-x; }
div#fancy_bg_ne { top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_ne.png') no-repeat; }
div#fancy_bg_e { right: -20px; height: 100%; width: 20px; background: transparent url('/img/fancy_shadow_e.png') repeat-y; }
div#fancy_bg_se { bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_se.png') no-repeat; }
div#fancy_bg_s { bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url('/img/fancy_shadow_s.png') repeat-x; }
div#fancy_bg_sw { bottom: -20px; left: -20px; width: 20px;  height: 20px; background: transparent url('fancy_shadow_sw.png') no-repeat; }
div#fancy_bg_w { left: -20px; height: 100%; width: 20px; background: transparent url('/img/fancy_shadow_w.png') repeat-y; }
div#fancy_bg_nw { top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url('/img/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; z-index: 100; display: none; }
div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url('/img/fancy_title_left.png') repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url('/img/fancy_title_main.png') repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url('/img/fancy_title_right.png') repeat-x; }