@charset "utf-8";
/* CSS Document */

/* STANDAARD */

* {margin: 0; padding: 0;}

body, html {width: 100%; height: 100%; overflow: hidden; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #fff;}

p {margin-bottom: 1em;}

a {color: #fff; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none;}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #18933C; border-bottom: 1px dashed #18933C; padding-bottom: 10px; padding-top: 30px; text-decoration: none;}
h1#d {width: 310px;}
h2 {color: #fff; font-size: 16px;}
h2 b {color: #18933C;}

.intro {font-weight: bold; line-height: 14px; padding-top: 10px;}

.clear {clear: both;}

li a {text-decoration: none;}

/* LAYOUT */
#map {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #fff; text-align: center; padding: 5px;}
#map .gmnoprint div { color: #993333; }

#wrapper {height: 100%; width: 100%; position: relative;}

.kaart {position: absolute; width: 100%; height: 100%; color: #666666;}
.kaart #map {height:100%;}

.navi {position: absolute; height: 100%; width: 170px; top: 0px; left: 0;}
.navi #left {float: right; color: #fff; border: none; background: none; height: 20px; width: 20px; margin-top: 10px;}
.navi #right {float: right; color: #fff; border: none; background: none; height: 20px; width: 20px; margin-top: 10px;}
.navi ul.menu {padding-top: 60px; list-style-type: none; border-bottom: #fff dashed 1px;}
.navi ul.menu li {font-size: 15px; line-height: 25px; border-top: #fff dashed 1px;}
.navi ul.menu li ul {padding-left:10px; list-style-type: none; margin-bottom:5px; border-top: #fff dashed 1px;}
.navi ul.menu li ul li {font-size:12px; border:none; line-height:14px; margin-top: 1px; cursor: pointer;}

.navi .header {width: 100%; height: 16px; background: url(../img/nav_header.png) top right no-repeat;}
.navi .content {height: 100%; background: url(../img/nav_bg.png) top right repeat-y;}
.navi .inner {padding: 125px 22px 20px 10px;}
.navi .inner .scroll { width: 310px; height: 155px;}
.navi .inner .in { width: 20px; height: 16px; float: right; margin-top: 10px; cursor: pointer; background-image: url(../img/sin.png); border: none;}
.navi .inner .uit { width: 20px; height: 16px; float: right; margin-top: 10px; cursor: pointer; background-image: url(../img/uit.png); border: none;}
.navi .logo {position: absolute; top: 16px; left: 10px;}
.navi .footer {position: absolute; bottom: 5px; left: 5px; padding-right: 25px;}
.navi .footer p {font-size: 10px;}
.navi .footer img {border: none; margin-bottom: 5px;}

#inhoud {position: absolute; width: 350px; top: 0; left: 150px;}
#inhoud button {background: url(../img/vakje_leeg.gif) no-repeat; width: 10px; border: none; padding: 10px 10px 10px 10px;}

.blok {position: absolute; overflow:hidden; width: 350px; z-index:1;}
.blok .header {height: 16px; background: url(../img/content_header_groen.png) right no-repeat; cursor: move;}
.blok .content {height: 100%; background: url(../img/content_bg_groen.png) top right repeat-y; padding: 0 20px 0 10px;}
.blok .content h2 {width: 325px; border-bottom-color: #333; cursor: move;}
.blok .onder {height: 10px; width: 352px; background: url(../img/blokje_onder_groen.png) bottom left; margin-top: 0;}

#footer {width: 420px; height: 27px; position: absolute; bottom: 5px; right: 5px; background-color: #18933C;}
#footer a img {float: left; margin-top: 9px; border: none;}
#footer a img#veenman {margin-left: 5px;}
#footer p {float:left; margin-left: 5px; margin-top: 5px;}


.main button:hover {background: url(../img/vakje_vol.gif) no-repeat;}
.main .header {position:absolute; top:0; left:0; width: 100%; height: 16px; background: url(../img/content_header.png) top right no-repeat;}
.main #scrollpane {margin-top:16px; width: 100%; overflow: hidden; background: url(../img/content_bg.png) top right repeat-y;}
.main #scrollinner {width: 100%;}
.main #scrollinner .land {margin-top: 1em;}
.main #scrollpane .innerc {padding-left: 22px;}
.pointer {cursor: pointer; text-decoration: underline; color: #18933C;}
.main .foto {width: 310px; height: 155px; overflow:hidden; margin-top: 15px;}
.main .innerc .carousel {width: 310px; height:155px; overflow: hidden; margin-top: 15px;}

.jcarButtonbox {margin:10px 0; float:left; width:100%;}
.jcarButton { 
	cursor:pointer;
	display:inline; float:left;
	width:0; padding-left:8px; overflow:hidden;
	height:8px; line-height:8px;
	border:1px solid #18933C;
	margin-right:8px;

}

.jcarButtonbox a.jcarButton.current,
.jcarButtonbox a.jcarButton:hover { background:#18933C; }

#scrollbutton {width:24px; height:48px; background: url(../img/scroll.png); position:absolute; right:0; top:40px;}

/*JScrollPane CSS*/

.jScrollPaneTrack{
position:absolute; 
left:341px; 
top:0; 
height: auto;
}

.jScrollPaneDrag{
position: absolute; 
background: url(../img/scroll.png) 0 0 no-repeat;
overflow: hidden; 
height: 48px;
width: 24px;
margin-left: 2px;
margin-top: 13px;
}

#simple_example_window {width: 150px;}
#simple_example_window_contents{background-color: #333333}


* html #simple_example_window_beak{/* Alpha transparencies hack for IE */background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');}
#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
background-color: #333;
height: 5px;
width: 0;
}