/* CSS Document */
/*a {}
a:visited {}
a:hover {}
a:active {}*/
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
body {
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-x;
	background-color: #F3F3F5;
}
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F8D246;
	font-weight: bold;
	font-style: italic;
}
ul {
	list-style-type: square;
	/*margin-left: -20px;
	padding-right:10px;*/
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 10px;
}
a.style1 {
     color: #0066CC;
     font-size: 10px;
     text-decoration: none;
}
a.style1:visited {
     color: #0066CC;
     font-size: 10px;
     text-decoration: none;
}
a.style1:hover {
     color: #0066CC;
     font-size: 10px;
     text-decoration: underline;
}
a.style1:active {
     color: #0066CC;
     font-size: 10px;
     text-decoration: none;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
}
a.style2 {
     color: #FFFFFF;
     font-size: 10px;
     text-decoration: none;
}
a.style2:visited {
     color: #FFFFFF;
     font-size: 10px;
     text-decoration: none;
}
a.style2:hover {
     color: #FFFFFF;
     font-size: 10px;
     text-decoration: underline;
}
a.style2:active {
     color: #FFFFFF;
     font-size: 10px;
     text-decoration: none;
}
.style4 {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a.style4 {
     color: #333333;
     font-size: 10px;
     text-decoration: none;
}
a.style4:visited {
     color: #333333;
     font-size: 10px;
     text-decoration: none;
}
a.style4:hover {
     color: #333333;
     font-size: 10px;
     text-decoration: underline;
}
a.style4:active {
     color: #333333;
     font-size: 10px;
     text-decoration: none;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
	font-size: 12px;
}
.style9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F8D246;
	font-weight: bold;
	font-style: italic;
}
a.style10 {
     color: #0066CC;
     font-size: 10px;
     text-decoration: underline;
}
a.style10:visited {
     color: #0066CC;
     font-size: 10px;
     text-decoration: underline;
}
a.style10:hover {
     color: #0066CC;
     font-size: 10px;
     text-decoration: underline;
}
a.style10:active {
     color: #0066CC;
     font-size: 10px;
     text-decoration: underline;
}
.style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
}
a.style16 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	text-decoration:none;
}
a.style16:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	text-decoration:none;
}
a.style16:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	text-decoration:none;
}
a.style16:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
	text-decoration:none;
}
.style17 {
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
}
.style19 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F8D246;
	font-weight: bold;	
}
a.style19 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F8D246;
	font-weight: bold;
	text-decoration:none;
}
a.style19:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F8D246;
	font-weight: bold;
	text-decoration:none;
}
a.style19:hover {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F8D246;
	font-weight: bold;
	text-decoration:none;
}
a.style19:active {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #F8D246;
	font-weight: bold;
	text-decoration:none;
}
.style52 {
	font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
    font-size:12px;
}
.puntlijn {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
/* het volgende deel bevat alle onderdelen van de menubalk */
#menu a {
	position: absolute;
	height: 22px;
	width: 140px;
	top: 31px;
	text-decoration: none;
	z-index: 15;
  }
#menu a i { visibility: hidden; }
a#home {
	position: absolute;
	left: 205px;
	top:226px;
	width: 117px;
	height: 29px;
    background-repeat: no-repeat;
}
a#regio {
    left: 341px;
	top:223px;
	width: 72px;
	height: 28px;
    background-repeat: no-repeat;	
}
a#zwembad {
    left: 438px;
	top:219px;
	width: 91px;
	height: 27px;
    background-repeat: no-repeat;
}
a#zee {
    left: 552px;     
	top:217px;
	width: 75px;
	height: 27px;
    background-repeat: no-repeat;
}
a#meer {
    left: 646px;     
	top:213px;
	width: 113px;
	height: 27px;
    background-repeat: no-repeat;
}
a#kids {
    left: 774px;     
	top:210px;
	width: 92px;
	height: 28px;
    background-repeat: no-repeat;
}
a#nature {
    left: 874px;     
	top:207px;
	width: 96px;
	height: 27px;
    background-repeat: no-repeat;
}

a#home:hover { background-image: url(../images/menubalk_home.jpg); }
a#regio:hover { background-image: url(../images/menubalk_regio.jpg); }
a#zwembad:hover { background-image: url(../images/menubalk_zwembad.jpg); }
a#zee:hover { background-image: url(../images/menubalk_zee.jpg); }
a#meer:hover { background-image: url(../images/menubalk_meer.jpg); }
a#kids:hover { background-image: url(../images/menubalk_kids.jpg); }
a#nature:hover { background-image: url(../images/menubalk_nature.jpg); }

a#home:hover,
a#regio:hover, 
a#zwembad:hover, 
a#zee:hover,
a#meer:hover,
a#kids:hover,
a#nature:hover { border: none; }
/* einde menubalk onderdelen */

#tekst {
	position: absolute;
	left: 573px;
	top: 10px;
	width: 393px;
	height: 220px;
	z-index: 2;
	background-image: url(../images/verloopgreen.gif);
	background-repeat: repeat-x;
}
#tekst2 {
	position: absolute;
	left: 607px;
	top: 28px;
	width: 194px;
	height: 160px;
	z-index: 3;
}
#adv1 {
	position: absolute;
	left: 820px;
	top: 28px;
	width: 125px;
	height: 125px;
	z-index: 3;
}
#slideshow {
	position: absolute;
	left: 34px;
	top: 10px;
	width: 539px;
	height: 220px;
	z-index: 2;
	background-image: url(../images/zwembad.jpg);
}
#balklinks {
	position: absolute;
	left: 34px;
	top: 230px;
	width: 200px;
	height: 514px;
	background-color: #157DDF;
	z-index: 2;
	background-image: url(../images/verloopblueselectie.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#achtergrond {
	position: absolute;
	left: 234px;
	top: 230px;
	width: 733px;
	height: 514px;
	z-index: 2;
	background-color: #FFFFFF;
}
#frankrijktekst {
	position: absolute;
	left: 250px;
	top: 569px;
	width: 453px;
	height: 83px;
	z-index: 6;
}

#map {
	position:absolute;
	top:322px;
	right:2px;
	width:210px;
	height:215px;
	z-index:9;
	left: 272px;
}
#pic {
	position: relative;
	left: 10px;
	top: 20px;
	width: 150px;
	height: 100px;
	z-index: 4;
}
#camping {
	position: relative;
	left: 10px;
	top: 10px;
	z-index: 4;
}
#campinggids {
	position: absolute;
	left: 40px;
	top: 274px;
	width: 192px;
	height: 32px;
	z-index: 3;
}
#regios {
	position:absolute;
	left:34px;
	top:754px;
	width:932px;
	height:39px;
	z-index:5;
}
#disc {
	position:absolute;
	left:315px;
	top:800px;
	width:650px;
	height:18px;
	z-index:5;
	text-align: right;
}
#randjeright {
	position:absolute;
	left:966px;
	top:9px;
	width:13px;
	height:234px;
	z-index:1;
	background-image: url(../images/randjeright.gif);
	visibility: visible;
}
#randjerightbottom {
	position:absolute;
	left:966px;
	top:243px;
	width:13px;
	height:502px;
	z-index:2;
	background-image: url(../images/randjerightbottom.gif);
	visibility: visible;
	background-repeat: repeat-y;
}
#randjeleft {
	position:absolute;
	left:21px;
	top:9px;
	width:13px;
	height:234px;
	z-index:1;
	background-image: url(../images/randjeleft.gif);
	visibility: visible;
}
#randjeleftbottom {
	position:absolute;
	left:21px;
	top:243px;
	width:13px;
	height:502px;
	z-index:3;
	background-image: url(../images/randjeleftbottom.gif);
	visibility: visible;
	background-repeat: repeat-y;
}
#randjebottom{
	position:absolute;
	left:21px;
	top:744px;
	width:958px;
	height:14px;
	z-index:4;
	background-image: url(../images/randjebottom.gif);
	visibility: visible;
}
#thema {
	position:absolute;
	left:743px;
	top:319px;
	width:197px;
	height:148px;
	z-index:102;
}
#selectie {
	position:absolute;
	left:35px;
	top:311px;
	width:191px;
	height:307px;
	z-index:103;
	padding:3px;
}
#kompas {
	position:absolute;
	top:272px;
	left:251px;
	z-index: 11;
	width:38px;
	height:40px;
	background-image:url(../images/kompas.gif);
}
#loep {
	position:absolute;
	top:468px;
	left:739px;
	width:37px;
	height:36px;
	z-index: 11;
	background-image:url(../images/loep.gif);
}
#parasol {
	position:absolute;
	top:281px;
	left:745px;
	width:37px;
	height:30px;
	z-index: 11;
	background-image:url(../images/parasol.gif);
}
#hg1 {
	position:absolute;
	left:242px;
	top:290px;
	width:15px;
	height:24px;
	z-index:9;
	background-image: url(../images/hg1.gif);
}
#regio_name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	white-space: nowrap;
	text-align:left;
	top:290px;
	left:257px;
	font-size:14px;
	border:0px;
	z-index: 10;
	width: 435px;
	text-indent: 50px;
	background-image: url(../images/hg2.jpg);
	height: 24px;
}
#hg3 {
	position:absolute;
	left:692px;
	top:290px;
	width:15px;
	height:24px;
	z-index:9;
	background-image: url(../images/hg3.gif);
}
#hg4 {
	position:absolute;
	left:733px;
	top:290px;
	width:15px;
	height:24px;
	z-index:10;
	background-image: url(../images/hg1.gif);
}
#hg5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	white-space: nowrap;
	text-align:left;
	top:290px;
	left:748px;
	font-size:14px;
	border:0px;
	z-index: 10;
	width: 190px;
	text-indent: 40px;
	background-image: url(../images/hg2.jpg);
	background-repeat: repeat-x;
	height: 24px;
}
#hg6 {
	position:absolute;
	left:938px;
	top:290px;
	width:15px;
	height:24px;
	z-index:9;
	background-image: url(../images/hg3.gif);
}
#hg7 {
	position:absolute;
	top:312px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:160px;
    background-image: url(../images/hg7.gif);
	background-repeat: repeat-y;
}
#hg8 {
	position:absolute;
	top:312px;
	left:938px;
	z-index: 10;
	width: 15px;
	height:160px;
    background-image: url(../images/hg8.gif);
	background-repeat: repeat-y;
}
#hg14 {
	position:absolute;
	top:472px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg9.jpg);
}
#hg15 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	white-space: nowrap;
	text-align:left;
	top:472px;
	left:748px;
	font-size:14px;
	border:0px;
	z-index: 10;
	width: 190px;
	height:24px;
	text-indent: 50px;
	background-image: url(../images/hg2.jpg);
	background-repeat: repeat-x;
}
#hg16 {
	position:absolute;
	top:472px;
	left:938px;
	border:0px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg11.jpg);
}
#hg17 {
	position:absolute;
	top:496px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:76px;
    background-image: url(../images/hg7.gif);
	background-repeat: repeat-y;
}
#hg18 {
	position:absolute;
	top:496px;
	left:938px;
	z-index: 10;
	width: 15px;
	height:76px;
    background-image: url(../images/hg8.gif);
	background-repeat: repeat-y;
}
#hg19 {
	position:absolute;
	top:572px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg19.gif);
}
#hg20 {
	position:absolute;
	top:572px;
	left:748px;
	z-index: 10;
	width: 190px;
	height:24px;
	background-image: url(../images/hg20.gif);
	background-repeat: repeat-x;
}
#hg21 {
	position:absolute;
	top:572px;
	left:938px;
	border:0px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg21.gif);
}
#hg22 {
	position:absolute;
	top:665px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg19.gif);
	background-color: #E3F7FD;
}
#hg23 {
	position:absolute;
	top:665px;
	left:748px;
	z-index: 10;
	width: 190px;
	height:24px;
	background-image: url(../images/hg20.gif);
	background-repeat: repeat-x;
}
#hg24 {
	position:absolute;
	top:665px;
	left:938px;
	border:0px;
	z-index: 10;
	width: 15px;
	height:24px;
	background-image: url(../images/hg21.gif);
	background-color: #E3F7FD;
}
#hg25 {
	position:absolute;
	top:612px;
	left:733px;
	z-index: 10;
	width: 15px;
	height:53px;
	background-image: url(../images/hg7.gif);
	background-repeat: repeat-y;
	background-color: #E3F7FD;
}
#hg26 {
	position:absolute;
	top:612px;
	left:938px;
	z-index: 10;
	width: 15px;
	height:53px;
	background-image: url(../images/hg8.gif);
	background-repeat: repeat-y;
	background-color: #E3F7FD;
}
#mening {
	position:absolute;
	left:743px;
	top:612px;
	width:205px;
	height:76px;
	z-index:11;
	background-color: #E3F7FD;
}
#zoeken {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	white-space: nowrap;
	text-align:left;
	top:508px;
	left:743px;
	font-size:12px;
	border:0px;
	z-index: 10;
	width: 198px;
	height: 35px;
}
#foto {
	position:absolute;
	top:471px;
	left:674px;
	border:0px;
	z-index: 10;
	width: 276px;
	height: 93px;
}
#zeeland {
    position:absolute;
	left:246px;
	top:296px;
	width:300px;
	height:300px;
	z-index:5;
	background-image: url(../images/zeeland.jpg);
}
#logo {
    background-image:url(../images/logo2.png);
    position: absolute;
	left: 0px;
	top: -10px;
	width: 454px;
	height: 109px;
	z-index: 3;
}
#menubalk {
    background-image:url(../images/menubalk.png);
    position: absolute;
    left: 187px;
    top: 198px;
    width: 800px;
    height: 70px;
    z-index: 14;
    background-repeat: no-repeat;
}
#werkzaamheden {
	position:absolute;
	left:220px;
	top:296px;
	width:490px;
	z-index:20;
	background-color:#FFFFFF;
	border:solid;
	border-bottom-color: #093;
	border-bottom-width:thin;
	padding:10px;
}
.randomselect_frame {
}
.randomselect1 {
	height:56px;
	width:70px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	clear:left;
	float:left;
}
.randomselect2 {
	height:56px;
	width:112px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	display:block;
	text-decoration: none;
	float:left;
	vertical-align:middle;
}