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

/***** Hele pagina *****/

body {
  font:70% Verdana,Tahoma,Arial,sans-serif;
  margin:0;
  padding:0;
  color:#333;
  background-color:#C8E7FF;
  background-repeat: repeat-x;
}

#wrapper {
  color:#000000;
  border-left: 2px solid #F0F0F0;
  border-right: 2px solid #F0F0F0;
  background:#ffffff;
  width:770px;
  margin:0 auto;
}

/***** Top *****/

#top {
  color:#fff;
  background:#6699CC;
  height:80px;
  margin:0;
  padding:0;
}

#top .topleft { 
  text-align:left;
  display:inline;
  float:left;
  margin:0 0 0 0;
}

#top .topright {
  text-align:right;
  display:inline;
  float:right;
  margin:0 8px 0 0;
}

#top a {
  text-decoration:none;
  color:#fff;
  background:inherit;
}

#top a:hover {
  text-decoration:underline;
}

/***** Navigatie *****/

#navigation ul, #navigation li {
  margin: 0;
  padding:0;
  color: #fff;
}

#navigation {
  font-size:1em;
  background:#5f97cf;
  height: 25px;
  line-height: 18px;
  color:#fff;
  padding-left: 15px;
}

#navigation li{
  list-style-type:none;
  white-space:nowrap;
  float:left;
  color: #fff;
}

#navigation li a{
  display:block;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  background:#5f97cf;
  color: #fff;
  float:left;
  padding:3px 10px 0 10px;
}

#navigation .selected, #navigation a:hover{
  background:#156dbb;
  color:#fff;
  height: 22px;
}

/***** Main *****/

#main {
  width:770px;
  padding:0;
  overflow:hidden;
  color: #000000;
}

/***** Content *****/

#content {
  float:left;
  width:555px;
  padding:10px 35px 10px 35px;
  color: #000000;
}


#content h2 {
  text-align:left;
  font-size:1.2em;
  margin:0 0 0 0;
  padding:0 5px 0 5px;
  color:inherit;  
}

#content p {
  padding-left:10px;
  padding-right:10px;
  margin:0 5px 0 5px;
	color: #000000;
}

#content a {
  text-decoration:none;
}

#content a:hover {
  text-decoration:underline;
}

/***** Sub Content *****/

#subcontent {
  float:right;
  width:150px;
  margin:0;
  padding:0 5px 0 0;
}

.menu1 h4 {
  text-align:center; 
  font-size:1em;
  margin:0;
  padding:0px;
}

.menu1 {
  color: #333;
  padding:0;
  margin:0 0 0 0;
  background:#709FD3;
}

.menu1 ul {
  list-style: none;
  border: none;
  margin: 0;
  padding: 0;
}
		

.menu1 li a {
  display: block;
  background-color: #2175bc; 
  color: #fff;
  text-decoration: none;
  border:0;
  padding:0px;
}

.menu1 li a:hover {
  border:0;
  background-color: #2586d7;
  color: #fff;
}

html>body .menu1 li a {
  width: auto;
}

html>body .menu1 h4 {
  width: auto;
}

/***** Footer *****/

#footer {
  font-size:.9em;
  clear:both;
  margin:0px 0px 0px 0px;
  line-height:1.8em;
  height:1.8em;
  color:#000;
  text-align:center;
}

#footer a {
  color:#000;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

/***** Custom *****/

p.banner {margin-top: 0px; padding-left: 140px; z-index:-1; }

#navbar {
	width: 770px;
	height: 50px;
  	border-left: 2px solid #F0F0F0;
  	border-right: 2px solid #F0F0F0;
  	border-top: 2px solid #F0F0F0;
	margin: 15px auto 0 auto;
}

#siteimg { 
	width: 770px;
	height: 105px;
  	margin:0 auto;
  	border-left: 2px solid #F0F0F0;
  	border-right: 2px solid #F0F0F0;
}

#subnav {
	width: 770px;
	height: 120px;
  	overflow:hidden;
	padding-top: 5px;
}

#bttmbar { 
	width: 770px;
	height: 2.3em;
	line-height: 2.3em;
	overflow: hidden;
	border-left: 2px solid #F0F0F0;
	border-right: 2px solid #F0F0F0;
	border-bottom: 2px solid #F0F0F0;
	padding-top: 20px;
  	margin:0 auto;
}

p.footer {margin-left: 150px; margin-right: 25px; font-size: 0.90em; line-height: 1.35em}

a {color: #000000; font-weight: bold; text-decoration: none}
a:link {color: #11414D; font-weight: bold; text-decoration: none}
a:hover {color: #999999; font-weight: bold; text-decoration: none}
a:visited {color: #666666; font-weight: bold; text-decoration: none}

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 14px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 14px; color: #000; }
body { padding: 10px 0px 10px 0px; background: #156dbb; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-top: 14px; width: 963px; background: url('../img/mainBg.gif') #5f97cf no-repeat top; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { margin: 0px 0px 3px 19px; position: relative; width: 926px; height: 294px; background: url('../img/headerBg.jpg') no-repeat; }
	#headerCntr h1 { position: absolute; top: 8px; left: 15px; }
	#headerCntr h1 a { display: block; width: 370px; height: 55px; text-indent: -9999px; }
			
		/* ### TOP CONTAINER ### */
		#topCntr { padding: 10px 0px 10px 0px; width: 926px; }
		#topCntr ul { padding-right: 20px; overflow: hidden; width: 906px; list-style: none; }
		#topCntr li { margin-left: 10px; float: right; display: inline; font-size: 11px; }
		#topCntr li a { display: block; float: left; height: 16px; line-height: 16px; text-indent: 20px; text-decoration: none; color: #fff; background: no-repeat left; }
		#topCntr li a:hover, #topCntr li.selected a { text-decoration: underline; }
		#topCntr li.rss a { background-image: url('../img/rss.gif'); }
		#topCntr li.home a { background-image: url('../img/home.gif'); }
		#topCntr li.contact a { background-image: url('../img/contact.gif'); }
		#topCntr li.sitemap a { background-image: url('../img/sitemap.gif'); }
		
		/* ### ZOEK CONTAINER ### */
		#zoekCntr { overflow: hidden; width: 926px; }
		#zoekCntr fieldset { padding-right: 20px; border: 0px; }
		#zoekCntr input { padding: 5px 10px 0px 10px; float: right; width: 169px; height: 20px; font-style: italic; text-align: right; color: #1159ae; border: 0px; background: url('../img/zoekBg.gif') no-repeat; }
		
	/* ### MENU CONTAINER ### */
	#menuCntr { margin: 0px 0px 8px 19px; width: 926px; height: 24px; background: url('../img/menuR.gif') #003366 no-repeat right; }
	#menuCntr ul { overflow: hidden; width: 926px; list-style: none; background: url('../img/menuL.gif') no-repeat; }
	#menuCntr li { float: left; display: inline; width: 154px; height: 24px; line-height: 24px; font-weight: bold; text-align: center; }
	#menuCntr li a { text-decoration: none; color: #fff; }
	#menuCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin-left: 19px; overflow: hidden; width: 926px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 687px; }
		#leftCntr h2 { padding-bottom: 8px; font-size: 15px; }
		#leftCntr h3 { padding-bottom: 3px; font-size: 15px; }
		#leftCntr div.text p { padding-bottom: 11px; }
		#leftCntr div.text a { text-decoration: none; }
		#leftCntr div.text a:hover { text-decoration: underline; }
		#leftCntr div.pic { float: left; width: 130px; }
		#leftCntr div.pic img { border: 1px solid #5f97cf; }
		
			/* ### KUUR BOX ### */
			.kuurBox { margin-bottom: 20px; float: left; width: 334px; background: url('../img/smallBg.gif') repeat-y; }
			.kuurBox div.top { background: url('../img/smallTop.gif') no-repeat top; }
			.kuurBox div.bottom { padding: 15px; overflow: hidden; width: 304px; height: 140px; background: url('../img/smallBottom.gif') no-repeat bottom; }
			.kuurBox div.text { float: right; width: 164px; }
			
			/* ### WELKOM BOX ### */
			.welkomBox { margin-bottom: 20px; float: right; width: 334px; background: url('../img/smallBg.gif') repeat-y; }
			.welkomBox div.top { background: url('../img/smallTop.gif') no-repeat top; }
			.welkomBox div.bottom { padding: 15px; overflow: hidden; width: 304px; height: 140px; background: url('../img/smallBottom.gif') no-repeat bottom; }
			.welkomBox div.text { float: right; width: 164px; }
			
			/* ### BIER BOX ### */
			.bierBox { margin-bottom: 20px; width: 687px; background: url('../img/largeBg.gif') repeat-y; }
			.bierBox div.top { background: url('../img/largeTop.gif') no-repeat top; }
			.bierBox div.bottom { padding: 15px; overflow: hidden; width: 657px; background: url('../img/largeBottom.gif') no-repeat bottom; }
			.bierBox div.text { float: right; width: 517px; }
			
			/* ### BERG BOX ### */
			.bergBox { margin-bottom: 20px; float: left; width: 334px; background: url('../img/smallBg.gif') repeat-y; }
			.bergBox div.top { background: url('../img/smallTop.gif') no-repeat top; }
			.bergBox div.bottom { padding: 15px; overflow: hidden; width: 304px; height: 131px; background: url('../img/smallBottom.gif') no-repeat bottom; }
			.bergBox div.text { float: right; width: 164px; }
			.bergBox div.text a {color: #999999; text-decoration: underline; }
			.bergBox div.text a:link {color: #999999; text-decoration: underline; }
			.bergBox div.text a:hover {color: #FFFFFF; text-decoration: none; }
			.bergBox div.text a:visited {color: #999999; text-decoration: underline; }
			.bergBox div.pic1 { float: left; width: 130px; }
			.bergBox div.pic1 img { border: 0px solid #5f97cf; }
			
			/* ### FOTO BOX ### */
			.fotoBox { margin-bottom: 20px; float: right; width: 334px; }
			
			/* ### MAP BOX ### */
			.mapBox { margin-bottom: 20px; width: 687px; background: url('../img/largeBg.gif') repeat-y; }
			.mapBox div.top { background: url('../img/largeTop.gif') no-repeat top; }
			.mapBox div.bottom { padding: 15px; overflow: hidden; width: 657px; background: url('../img/largeBottom.gif') no-repeat bottom; }		
			.mapBox div.text { float: right; width: 517px; }

			/* ### MAIN BOX ### */
			.mainBox { margin-bottom: 20px; width: 687px; background: url('../img/largeBgWhite.gif') repeat-y; }
			.mainBox div.top { background: url('../img/largeTopWhite.gif') no-repeat top; }
			.mainBox div.bottom { padding: 15px; overflow: hidden; width: 657px; background: url('../img/largeBottomWhite.gif') no-repeat bottom; }		
			.mainBox div.text { float: right; width: 665px; }
			.mainBox div.text p { margin: 10px 25px 10px 25px; color: #000000; text-align: justify; font-family: Arial; font-size: 1.10em; line-height: 1.25em; }
			.mainBox div.text h2 { margin: 10px 0 10px 25px; color: #003366; font-family: Arial; font-size: 1.40em; line-height: 1.25em; }
			.mainBox div.text h3 { margin: 0 0 0 25px; color: #5f97cf; font-family: Arial; font-size: 1.05em; line-height: 1.25em; }			
			.mainBox div.text a {color: #000000; font-weight: bold; text-decoration: none; }
			.mainBox div.text a:link {color: #11414D; font-weight: bold; text-decoration: none; }
			.mainBox div.text a:hover {color: #999999; font-weight: bold; text-decoration: none; }
			.mainBox div.text a:visited {color: #666666; font-weight: bold; text-decoration: none; }

		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 222px; background: url('../img/rightTop.gif') #156dbb no-repeat top; }
		#rightCntr div.rbottom { padding: 6px 6px 8px 6px; background: url('../img/rightBottom.gif') no-repeat bottom; }
		#rightCntr div.bottom { padding: 10px; background: url('../img/rbBottom.gif') no-repeat bottom; }
		#rightCntr h2 { padding-bottom: 8px; font-size: 15px; font-weight: bold; }
		#rightCntr ul { list-style: none; }
		#rightCntr a { text-decoration: none; color: #fff; }
		#rightCntr a:hover { text-decoration: underline; }
		
			/* ### KLIK BOX ### */
			.klikBox { margin-bottom: 10px; padding: 4px; width: 201px; }

			/* ### NIEUWSBRIEF BOX ### */
			.nieuwsbriefBox { margin-bottom: 10px; padding: 4px; width: 201px; }

			/* ### FAVORIETEN BOX ### */
			.favorietenBox { margin-bottom: 10px; padding: 4px; width: 201px; }
			
			/* ### SNEL BOX ### */
			.snelBox { margin-bottom: 8px; width: 209px; background: url('../img/rbTop.gif') #1159ae no-repeat top; }
			
			/* ### SPOT BOX ### */
			.spotBox { margin-bottom: 8px; width: 209px; background: url('../img/rbTop.gif') #1159ae no-repeat top; }
			
			/* ### POP BOX ### */
			.popBox { width: 209px; background: url('../img/rbTop.gif') #1159ae no-repeat top; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 20px 20px 0px 20px; overflow: hidden; width: 923px; background: url('../img/footerBg.gif') no-repeat bottom; }
	#footerCntr div.ad { margin-bottom: 5px; padding: 20px 0px 0px 220px; width: 703px; height: 81px; background: url('../img/adBg.png') no-repeat; }
	#footerCntr ul { margin: 0 auto; padding: 8px 0px 8px 0px; overflow: hidden; width: 510px; list-style: none; }
	#footerCntr li { float: left; display: inline; font-size: 10px; color: #ffffff; }
	#footerCntr li span { padding: 0px 3px 0px 3px; }
	#footerCntr li a { padding: 0px 3px 0px 3px; text-decoration: none; color: #ffffff; }
	#footerCntr li a:hover { text-decoration: underline; }

			.kruimelpad {padding: 0 0 17px 31px; width: 560px;	overflow: hidden; font-size: 0.80em; }
			.kruimelpad a {color: #FFFFFF; font-weight: bold; text-decoration: none; }
			.kruimelpad a:link {color: #FFFFFF; font-weight: bold; text-decoration: none; }
			.kruimelpad a:hover {color: #999999; font-weight: bold; text-decoration: none; }
			.kruimelpad a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none; }
			
	/* ### IMAGES ### */

	img.rightimg {float: right; margin: 4px 0 15px 15px; border: 1px solid #000}
	img.leftimg {float: left; margin: 4px 15px 15px 0; border: 1px solid #000}
	img.highlights {float: right; margin-right: 45px}
	img.middleimg {margin: 15px 0 15px 95px; border: 1px solid #000}
	img.middleimgnb {margin: 15px 0 15px 95px;}
	img.middleimgnb1 {margin-left: 125px; margin-top: 20px}
	img.middleimgnb2 {margin: 15px 0 15px 65px;}
	img.middleimgb {margin: 0px; border: 1px solid #000}
	img.fotomain {margin-left: 25px; margin-top: 10px; border: 1px solid #000}
	img.mainpage {margin-left: 15px; margin-top: 5px; margin-bottom: 5px; border: 1px solid #000}
	img.reisaanbod {margin-left: 15px; margin-top: 15px; margin-bottom: 5px}
	img.noborder {margin-top: 5px; margin-bottom: 5px}
	img.mainmap {margin-top: 2px; margin-bottom: 2px; margin-left: 7px}
	img.foto {margin: 12px; border: 6px solid #E9E3D5}
	img.reisbanners {margin-left: 5px}
	
ul.opsomming { list-style-type:none; margin:0; font-size: 0.90em; line-height: 1.55em; padding-left: 55px;	padding-right: 55px; font-family:Arial;	color: #003366; }

ul.opsomming1 { list-style-type:none; margin:0; font-size: 1.05em; line-height: 1.55em; padding-left: 55px;	padding-right: 55px; font-family:Arial;	color: #000000; }

ul.linksbox {
	list-style-type: none; margin:0; font-size: 1.05em; line-height: 1.55em; padding-left: 55px; padding-right: 55px; font-family:Arial; color: #000000; }
	
li.updates { padding-bottom: 10px; }

/*- speciale opsomming algemeenBoxlijst-------------------- */
			.algemeenBoxlijst { margin: 15px 0 15px 25px; padding-top: 0px; width: 618px; }
			.algemeenBoxlijst ul { overflow: hidden; width: 618px; list-style: none; }
			.algemeenBoxlijst li { padding: 4px 2px 4px 18px; float: left; width: 618px; font-weight: bold; color: #11414D; background: #abcaea; }
			.algemeenBoxlijst li.dark { background: #e2ecf6; }
			.algemeenBoxlijst li a { text-decoration: none; font-weight: bold; color: #11414D; }
			.algemeenBoxlijst li a:hover { text-decoration: underline; }
			.algemeenBoxlijst ul.opsomming2 { overflow: hidden; width: 618px; list-style: none; }
/*- speciale opsomming algemeenBoxlijst-------------------- */

/*- speciale opsomming algemeenmainmenu-------------------- */
			.algemeenBoxmainmenu { margin-bottom: 0px; padding-top: 0px; width: 188px; }
			.algemeenBoxmainmenu ul { overflow: hidden; width: 188px; list-style: none; }
			.algemeenBoxmainmenu li { padding: 4px 2px 4px 8px; float: left; width: 188px; font-weight: bold; color: #11414D; background: #5f97cf; }
			.algemeenBoxmainmenu li.dark { background: #156dbb; }
			.algemeenBoxmainmenu li a { text-decoration: none; font-weight: normal; color: #11414D; }
			.algemeenBoxmainmenu li a:hover { text-decoration: underline; }
			.algemeenBoxmainmenu ul.opsomming3 { overflow: hidden; width: 188px; list-style: none; }
/*- speciale opsomming algemeenmainmenu-------------------- */

table.stats {	margin-left:50px; font-size: 1.05em; line-height: 1.35em;	padding-left: 30px;	padding-right:52px;	font-family:Arial; color: #000000; }

#vakantiefotos600	{ margin:0; font-size: 1.05em; line-height: 1.35em; margin-left: 25px; padding: 15px 10px 15px 12px; z-index:-999; background: url('../img/fotoboxBg.png') no-repeat; }

/*- sitemap en linkoverzicht-------------------- */

			.mainBox div.text a.startlinks {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.startlinks:link {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.startlinks:visited {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.startlinks:hover {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text h2.startlinks {font-style:italic; margin: 0; padding-left: 40px; color: #000000; }
			.mainBox div.text ul.startsite { list-style-type: none; margin-left: 40px; margin-top: 5px; }
			.mainBox div.text p.startsite { margin-left: 105px; }

/*- sitemap en linkoverzicht-------------------- */

			.mainBox div.text p.naarboven { margin:0; font-size:0.75em;	font-family:Arial; color:#11414D; padding-left:530px;	padding-bottom: 10px; }
			.mainBox div.text a.aff {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.aff:link {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.aff:visited {color: #000000; font-weight: normal; text-decoration: underline; }
			.mainBox div.text a.aff:hover {color: #000000; font-weight: normal; text-decoration: underline; }


