* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:url(../images/bg.jpg) repeat-x #E9F6FA;
}

#wrapper { 
 margin: 0 auto;
 width: 982px;
}

h1{
font-size: 16px;
margin: 0px 0 0 0px;	
}


#header {
 width: 982px;
 padding: 0px;
 height: 133px;
 margin: 0px 0px 0px 0px;
 background: url(../images/top.png) #E9F6FA no-repeat;
}

a.logo {
float:left;
width: 354px;
padding: 0px;
height: 106px;
bottom:0;
left:0;
margin: 27px 0px 0px 0px;
background: url(../images/logo.png) #E9F6FA no-repeat 0 0;
}

a.logo:hover {
background: url(../images/logo.png) #E9F6FA no-repeat 0 -106px;
}

#subnavigation {
float:right;
width: 150px;
padding: 0px 0px 0px 0px;
border: 0px;
height: 20px;
margin: 108px 32px 0px 0px;

color:#FFF;
z-index:150;
}

a.submenu {
color:#FFF;
text-decoration:none;
margin:2px;
}

a.submenuselected {
color:#273581;
text-decoration:none;
margin:2px;
}

a.submenu:hover {
color:#273581;
text-decoration:none;
}

a.submenu:active {
color:#273581;
text-decoration:none;
}

a.submenuselected {
color:#273581;
text-decoration:none;
cursor:default;
}

#slider {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_h.jpg) no-repeat #E9F6FA;
}

#sliderapp {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_app.jpg) no-repeat #E9F6FA;
}

#sliderduik {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_duik.jpg) no-repeat #E9F6FA;
}

#slideromg {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_omg.jpg) no-repeat #E9F6FA;
}

#sliderprijs {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_prijs.jpg) no-repeat #E9F6FA;
}

#sliderreis {
width: 982px;
padding: 0px;
height: 341px;
margin: 0px 0px 0px 0px;
background: url(../images/header_reis.jpg) no-repeat #E9F6FA;
}

#pathway {
position:relative;
top:310px;
left:17px;
width: 919px;
height: 27px;
margin: 0px 0px 0px 0px;
z-index: 102;
background: url(../images/bgpathway.png) no-repeat;
padding-left: 32px;
padding-top: 7px;
color:#273581 ;
}

#pathway1 {
position:relative;
top:0px;
left:17px;
width: 919px;
height: 27px;
margin: 0px 0px 0px 0px;
z-index: 102;
padding-left: 32px;
padding-top: 7px;
color:#273581 ;
}

a.link {
color:#67AD0E;
text-decoration:none;
font-weight:bold;
}

a.link:hover {
color:#273581;
font-weight:bold;
}

a.link:active {
color:#666666;
}

#navigation {
width: 954px;
color: #333;
padding: 0px 14px 0px 14px;
border: 0px solid #ccc;
height: 55px;
margin: 0px 0px 0px 0px;
background: url(../images/bg_menu.png) no-repeat #E9F6FA;
}

#navigationgast {
width: 954px;
color: #333;
padding: 0px 14px 0px 14px;
border: 0px solid #ccc;
height: 55px;
margin: 0px 0px 0px 0px;
background: url(../images/bg_menugast.png) no-repeat #E9F6FA;
}

.nav {
position:relative;
width: 954px;
height: 55px;
top: 0px;
left: -1px;
}

.nav ul {
margin:0;
padding:0;
}

.nav li {
list-style-type:none;
margin:0;
padding:0;
}

.home a {
position:absolute;
top:0;
left:0;
width:109px;
height:55px;
margin:0;
padding:0;
background: url(../images/home.png) no-repeat;
z-index:99;
}

.home a:hover {
background:url(../images/home.png) no-repeat 0 -55px;
z-index:100;
}

.home a.selected {
background:url(../images/home.png) no-repeat 0 -110px;
z-index:100;
}

.selected {
cursor:default;
}

.app a {
position:absolute;
top:0px;
left:109px;	
width:181px;
height:55px;
margin:0;
padding:0;
background:url(../images/app.png) no-repeat;
z-index:99;
}

.app a:hover  {
background:url(../images/app.png) no-repeat 0 -55px;
z-index:100;
}

.app a.selected {
background:url(../images/app.png) no-repeat 0 -110px;
z-index:99;
}

.duiken a {
position:absolute;
top:0px;
left:290px;
width:103px;
height:55px;
margin:0;
padding:0;
background:url(../images/duik.png) no-repeat;
z-index:98;
}

.duiken a:hover {
background:url(../images/duik.png) no-repeat 0 -55px;
z-index:101;
}

.duiken a.selected {
background:url(../images/duik.png) no-repeat 0 -110px;
}

.omgeving a {
position:absolute;
top:0px;
left:393px;
width:130px;
height:55px;
margin:0;
padding:0;
background:url(../images/omgeving.png) no-repeat;
z-index:99;
}

.omgeving a:hover {
background:url(../images/omgeving.png) no-repeat 0 -55px;
z-index:100;
}

.omgeving a.selected {
background:url(../images/omgeving.png) no-repeat 0 -110px;
}

.prijzen a {
position:absolute;
top:0px;
left:523px;
width:102px;
height:55px;
margin:0;
padding:0;
background:url(../images/prijs.png) no-repeat;
z-index:98;
}

.prijzen a:hover  {
z-index:100;
background: url(../images/prijs.png) no-repeat 0 -55px;

}

.prijzen a.selected {
background:url(../images/prijs.png) no-repeat 0 -110px;
}

.reis a{
position:absolute;
top:0px;
left:625px;
width:164px;
height:55px;
margin:0;
padding:0;
background:url(../images/reis.png) no-repeat;
z-index:99;
}

.reis a:hover {
z-index:100;
background: url(../images/reis.png) no-repeat 0 -55px;

}

.reis a.selected {
background:url(../images/reis.png) no-repeat 0 -110px;
}

.gastenboek a{
position:absolute;
top:0px;
left:780px;
width:176px;
height:55px;
margin:0;
padding:0;
background:url(../images/gast.png) no-repeat;

}

.gastenboek a:hover {
background: url(../images/gast.png) no-repeat 0 -55px;
}

.gastenboek a.selected {
background:url(../images/gast.png) no-repeat 0 -110px;
}

#content { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 254px;
background:  url(../images/bg_content.png) no-repeat #E9F6FA;
}

#contentapp { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentapp.png) no-repeat #E9F6FA;
}

#contentduik { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentduik.png) no-repeat #E9F6FA;
}

#contentomg { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentomgeving.png) no-repeat #E9F6FA;
}

#contentreisinfo { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentreisinfo.jpg) no-repeat #E9F6FA;
}

#contentprijs { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 616px;
background:  url(../images/bg_contentprijs.png) no-repeat #E9F6FA;
}

#contentgast { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentgast.png) no-repeat #E9F6FA;
}

#gastenboek {
position:absolute;
top:-10px;
left:8px;
width: 946px;
margin: 0px 0px 0px 0px;
height:210px;
padding:10px;
font-size:1em;
line-height:1.25em;
color:#273581;
font:Arial, Helvetica, sans-serif;
position: relative;
}

#contentsitemap { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentsitemap.png) no-repeat #E9F6FA;
}

#sitemap {
position:absolute;
top:60px;
left:350px;
width: 300px;
margin: 0px 0px 0px 0px;
font-size:2em;
line-height:2.5em;
color:#273581;
font:Arial, Helvetica, sans-serif;

}

.sitemapsub {
top:0px;
left:50px;
width: 300px;
margin: 0px 0px 0px 30px;
font-size:1em;
line-height:1.25em;
color:#273581;
font:Arial, Helvetica, sans-serif;
}


#contentlinks { 
position:relative;
width: 982px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 516px;
background:  url(../images/bg_contentlinks.png) no-repeat #E9F6FA;
}

#linksoverzicht {
position:absolute;
top:80px;
left:350px;
width: 300px;
margin: 0px 0px 0px 0px;
font-size:1.5em;
line-height:1.8em;
color:#273581;
font:Arial, Helvetica, sans-serif;

}


.icons {
position:absolute;
top:0;
left:0;
width: 320px;
margin: 0px 0px 0px 0px;
height:230px;
padding-left:25px;
padding-top:8px;
list-style-type:none;
}

.icon1 a {
position:absolute;
left:25px;
top:5px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/icondives.png) no-repeat;
z-index:150;
}

.icon1 a:hover  {
background:url(../images/icondives.png) no-repeat -66px 0;
z-index:100;
}

.icon2 a {
position:absolute;
left:105px;
top:5px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconplanes.png) no-repeat;
z-index:150;
}

.icon2 a:hover  {
background:url(../images/iconplanes.png) -66px 0 no-repeat;
z-index:100;
}

.icon3 a {
position:absolute;
left:185px;
top:5px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconpools.png) no-repeat;
z-index:150;
}

.icon3 a:hover  {
background:url(../images/iconpools.png) -66px 0 no-repeat;
z-index:100;
}

.icon4 a {
position:absolute;
left:265px;
top:5px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconpalms.png) no-repeat;
z-index:150;
}

.icon4 a:hover  {
background:url(../images/iconpalms.png) -66px 0 no-repeat;
z-index:100;
}

.icon5 a {
position:absolute;
left:25px;
top:85px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/icontickets.png) no-repeat;
z-index:150;
}

.icon5 a:hover  {
background:url(../images/icontickets.png) -66px 0  no-repeat;
z-index:100;
}

.icon6 a {
position:absolute;
left:105px;
top:85px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconbeachs.png) no-repeat;
z-index:150;
}

.icon6 a:hover  {
background:url(../images/iconbeachs.png) -66px 0 no-repeat;
z-index:100;
}

.icon7 a {
position:absolute;
left:185px;
top:85px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconsuns.png)  no-repeat;
z-index:150;
}

.icon7 a:hover  {
background:url(../images/iconsuns.png) -66px 0 no-repeat;
z-index:100;
}

.icon8 a {
position:absolute;
left:265px;
top:85px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconpalm2s.png) no-repeat;
z-index:150;
}

.icon8 a:hover  {
background:url(../images/iconpalm2s.png) -66px 0 no-repeat;
z-index:100;
}


.icon9 a {
position:absolute;
left:25px;
top:165px;	
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconegyptes.png) no-repeat;
z-index:150;
}

.icon9 a:hover  {
background:url(../images/iconegyptes.png) -66px 0 no-repeat;
z-index:100;
}

.icon10 a {
position:absolute;
left:105px;
top:165px;	
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconmasks.png) no-repeat;
z-index:150;
}

.icon10 a:hover  {
background:url(../images/iconmasks.png) -66px 0 no-repeat;
z-index:100;
}

.icon11 a {
position:absolute;
left:185px;
top:165px;	
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconcars.png) no-repeat;
z-index:150;
}

.icon11 a:hover  {
background:url(../images/iconcars.png) -66px 0 no-repeat;
z-index:100;
}

.icon12 a {
position:absolute;
left:265px;
top:165px;
width:66px;
height:66px;
margin:5px;
padding:0px;
background: url(../images/iconwheres.png)  no-repeat;
z-index:150;
}

.icon12 a:hover  {
background:url(../images/iconwheres.png) -66px 0 no-repeat;
z-index:100;
}

.apps {
position:absolute;
top:10px;
left:0;
width: 320px;
margin: 0px 0px 0px 0px;
height:500px;
padding-left:25px;
padding-top:8px;
list-style-type:none;
}

.apps1 a {
position:absolute;
left:25px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app1.jpg) no-repeat;

}

.apps1 a:hover  {
background: url(../images/app1.jpg) -143px 0 no-repeat;
}

.apps2 a {
position:absolute;
left:182px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app2.jpg) no-repeat;

}

.apps2 a:hover  {
background: url(../images/app2.jpg) -143px 0 no-repeat;
z-index:100;
}

.apps3 a {
position:absolute;
left:182px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app3.jpg) no-repeat;

}

.apps3 a:hover  {
background: url(../images/app3.jpg) -143px 0 no-repeat;
z-index:100;
}

.apps4 a {
position:absolute;
left:25px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app4.jpg) no-repeat;
z-index:150;
}

.apps4 a:hover  {
background:url(../images/app4.jpg) -143px 0 no-repeat;
z-index:100;
}

.apps5 a {
position:absolute;
left:25px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app5.jpg) no-repeat;
z-index:150;
}

.apps5 a:hover  {
background:url(../images/app5.jpg) -143px 0 no-repeat;
z-index:100;
}

.apps6 a {
position:absolute;
left:182px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/app6.jpg) no-repeat;
z-index:150;
}

.apps6 a:hover  {
background: url(../images/app6.jpg) -143px 0 no-repeat;
z-index:100;
}



.duiks {
position:absolute;
top:10px;
left:0;
width: 320px;
margin: 0px 0px 0px 0px;
height:500px;
padding-left:25px;
padding-top:8px;
list-style-type:none;
}

.duiks1 a {
position:absolute;
left:25px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik1.jpg) no-repeat;

}

.duiks1 a:hover  {
background: url(../images/duik1.jpg) -143px 0 no-repeat;
}

.duiks2 a {
position:absolute;
left:182px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik2.jpg) no-repeat;

}

.duiks2 a:hover  {
background: url(../images/duik2.jpg) -143px 0 no-repeat;
z-index:100;
}

.duiks3 a {
position:absolute;
left:182px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik3.jpg) no-repeat;

}

.duiks3 a:hover  {
background: url(../images/duik3.jpg) -143px 0 no-repeat;
z-index:100;
}

.duiks4 a {
position:absolute;
left:25px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik4.jpg) no-repeat;
z-index:150;
}

.duiks4 a:hover  {
background:url(../images/duik4.jpg) -143px 0 no-repeat;
z-index:100;
}

.duiks5 a {
position:absolute;
left:25px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik5.jpg) no-repeat;
z-index:150;
}

.duiks5 a:hover  {
background:url(../images/duik5.jpg) -143px 0 no-repeat;
z-index:100;
}

.duiks6 a {
position:absolute;
left:182px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/duik6.jpg) no-repeat;
z-index:150;
}

.duiks6 a:hover  {
background: url(../images/duik6.jpg) -143px 0 no-repeat;
z-index:100;
}

.padi a {
position:absolute;
left:556px;
top:415px;
width:49px;
height:87px;
margin:0px;
padding:0px;
background: url(../images/padi.png) no-repeat;
z-index:150;
}

.padi a:hover  {
background: url(../images/padi.png) -49px 0 no-repeat;
z-index:100;
}

.download a {
position:absolute;
left:9px;
top:415px;
width:145px;
height:31px;
margin:0px;
padding:0px;
background: url(../images/download.gif) no-repeat;
z-index:150;
}

.download a:hover  {
background: url(../images/download.gif)  0 -31px no-repeat;
z-index:100;
}


.dan a {
position:absolute;
left:490px;
top:422px;
width:56px;
height:87px;
margin:0px;
padding:0px;
background: url(../images/dan.png) no-repeat;
z-index:150;
}

.dan a:hover  {
background: url(../images/dan.png) -56px 0 no-repeat;
z-index:100;
}

.omgevings {
position:absolute;
top:10px;
left:0;
width: 320px;
margin: 0px 0px 0px 0px;
height:500px;
padding-left:25px;
padding-top:8px;
list-style-type:none;
}

.omgevings1 a {
position:absolute;
left:25px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg1.jpg) no-repeat;
}

.omgevings1 a:hover  {
background: url(../images/omg1.jpg) -143px 0 no-repeat;
}

.omgevings2 a {
position:absolute;
left:182px;
top:5px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg2.jpg) no-repeat;

}

.omgevings2 a:hover  {
background: url(../images/omg2.jpg) -143px 0 no-repeat;
z-index:100;
}

.omgevings3 a {
position:absolute;
left:182px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg3.jpg) no-repeat;

}

.omgevings3 a:hover  {
background: url(../images/omg3.jpg) -143px 0 no-repeat;
z-index:100;
}

.omgevings4 a {
position:absolute;
left:25px;
top:319px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg4.jpg) no-repeat;
z-index:150;
}

.omgevings4 a:hover  {
background:url(../images/omg4.jpg) -143px 0 no-repeat;
z-index:100;
}

.omgevings5 a {
position:absolute;
left:25px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg5.jpg) no-repeat;
z-index:150;
}

.omgevings5 a:hover  {
background:url(../images/omg5.jpg) -143px 0 no-repeat;
z-index:100;
}

.omgevings6 a {
position:absolute;
left:182px;
top:162px;
width:143px;
height:143px;
margin:5px;
padding:0px;
background: url(../images/omg6.jpg) no-repeat;
z-index:150;
}

.omgevings6 a:hover  {
background: url(../images/omg6.jpg) -143px 0 no-repeat;
z-index:100;
}

#text {
position:absolute;
top:0px;
left:350px;
width: 600px;
margin: 0px 0px 0px 0px;
height:200px;
padding:10px;
font-size:1em;
line-height:1.25em;
color:#273581;
font:Arial, Helvetica, sans-serif;
position: relative;
}

.style1 {color: #FFFFFF}
.style3 {color: #FFFFFF; font-size: 14px; }

#reserveren {
position:absolute;
top:7px;
left:27px;
width: 258px;
margin: 0px 0px 0px 0px;
height:488px;
padding-left:23px;
padding-top:40px;
color:#67AD0E;
font:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.25em;
background:url(../images/bgreserveren.png) no-repeat;
}

#naw {
position:absolute;
top:7px;
left:27px;
width: 258px;
margin: 0px 0px 0px 0px;
height:450px;
padding-left:23px;
padding-top:40px;
color:#273581;
font:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.25em;
background:url(../images/nawbg.png) no-repeat;
}

.kop {
font-size:18px;
line-height:20px;
}

#footer { 
width: 982px;
margin: 0px 0px 0px 0px;
color:#67AD0E;
padding: 0;
}

#copy{ 
float:left;
width: 250px;
margin: 0px 0px 0px 0px;
height:50px;
font-size:1.0em;
color:#67AD0E;
font:Arial, Helvetica, sans-serif;
}

#footer_links { 
float:left;
width: 780px;
margin: 0px 0px 0px 0px;
height:50px;
padding-left:13px;
font-size:0.95em;
color:#273581;
font:Arial, Helvetica, sans-serif;
}

a.altmenu {
color:#273581;
text-decoration:none;
margin:2px;
}

a.altmenu:hover {
color:#67AD0E;
text-decoration:none;
font:bold;
}

a.altmenu:active {
color:#666666;
text-decoration:none;
font:bold;
}

a.altmenuselected {
color:#67AD0E;
text-decoration:none;
cursor:default;
}

#idizine a{ 
float:right;
width:123px;
height:50px;
padding-right:7px;
margin: 1px 0px 0px 0px;
font-size:0.95em;
background:url(../images/idizine.png) no-repeat;

}

#idizine a:hover{ 
float:right;
width:123px;
height:50px;
padding-right:7px;
margin: px 0px 0px 0px;
font-size:0.95em;
background:url(../images/idizine_hover.png) no-repeat;

}

.error {
color:#FF0000;
}

.style4 {font-size: 0.9em}