@import url("menu.css");
@import url("menu_rechts.css");

body {
	MARGIN: 0px; 
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 16px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}
#pageContainer {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
	width: 990px;
	position: relative;
	/*margin-left: -495px;
	left: 50%;*/
}
/*********************************** algemene declaraties ***************************/
p a img
{
	border-top: 6px solid #0058A0;
	border-bottom: 6px solid #B70084;
}
p img
{
  border-top: 6px solid #0058A0;
  border-bottom: 6px solid #B70084;
  margin-top:5px;
}
a img
{
	border:none;
}
h1
{
	font-size:16px;
	margin:10px 0px 15px;
	color: #2EAF21;
	font-weight: bold;
}
h2
{
	font-size:12px;
	margin:0px 0px 2px 0px;
	color: #0D5899;
	font-weight: bold;
	clear:both;
}
h3
{
	font-size:12px;
	color: #0D5899;
	font-weight: bold;
	clear:both;
	margin: 0px 0px 5px;
}
p
{
	font-size:11px;
	color: #093762;
	margin:0px 0px 10px;
	line-height: 140%;
}

ul
{
margin-top: 0px;
}

li
{
	font-size:11px;
	color: #093762;
	line-height: 140%;
}
.floatLeft
{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.floatRight
{
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}
.clearBoth
{
  clear:both;
}
p.volgende
{
	background: url(../images/volgendeButton.jpg) no-repeat 0px center;
	padding-left: 20px;
  margin-top:15px;
}
p.terug
{
	background: url(../images/terugButton.jpg) no-repeat 0px center;
	padding-left: 20px;
  margin-top:15px;
}
h1 span
{
  font-size:12px;
}
p a:link
{
	text-decoration: none;
	color: #2EAF21;
}
p a:visited
{
	text-decoration: none;
	color: #2EAF21;
}
p a:hover
{
	text-decoration: underline;
	color: #B70084;
}
.paraContainer
{
  width:275px;
  margin-right:20px;
  text-align:justify;
}
/************************************** header ***********************************/

#header {
	margin: 0px;
	padding: 0px;
	height: 232px;
	width: 990px;
	position: relative;
	background-color: #FFFFFF;
}
#header2 {
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 990px;
	position: relative;
	background-color: #FFFFFF;
}
#headerOverlay {
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: 0px;
}
#headerLogo {
	position: absolute;
	z-index: 20;
	left: 0px;
	bottom: 0px;
}
#hotspotNav
{
  position: absolute;
	z-index: 40;
	left: 576px;
	bottom: 0px;
}
#fotoPointer
{
  position:absolute;
  z-index:89;
  bottom:10px;
  left:95px;
}
#virtualTourKleinButton
{
  position:absolute;
  z-index:100;
  top:170px;
  left:900px;
}
/********************************* content container *********************************/

#contentContainer {
	/*position: relative;*/
}

/********************************* content links ****************************************/

#contentLinks {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 170px;
}

/******************************** content rechts ****************************************/
#contentRechts 
{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 180px;
}
#contentRechts h1
{
	color: #FFFFFF;
	background-color: #0058A0;
	text-align: center;
	font-size: 10px;
	margin: 0px;
}
#contentRechts h2 
{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #449734;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#contentRechts a:link h2, #contentRechts a:visited h2, #contentRechts a:hover h2
{
  text-decoration:none;
}
#contentRechts img
{
	margin-top: 20px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #0058A0;
}
#contentRechts h2.oranje
{
	background-color: #ED7900;
}
#contentRechts h2.paars
{
	background-color: #B80083;
}

/*****************************************content main *******************************/

#contentMain {
	padding: 0px;
	float: left;
	width: 610px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #EF7B00;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
}

#contentMainVervolg {
	padding: 0px;
	float: left;
	width: 610px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #EF7B00;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
}

/*************************************** arrangementen *********************************/
div.arrangementenContainer
{
  width: 600px;
  margin-bottom:10px;

}

.arrangementenContainer img
{
  float:left;
  margin-right:20px;
}
/************************************** activiteiten ************************************/

.cmsActiviteitenFoto img
{
  float:left;
  border-top-width: 6px;
	border-top-style: solid;
  border-top-color: #0058A0;
  border-bottom: 6px solid #ED7900;
  margin-bottom:10px;
  margin-right:3px;
}
.cmsActiviteitenFoto a:link
{
	text-decoration: none;
	color: #2EAF21;
}
.cmsActiviteitenFoto a:visited
{
	text-decoration: none;
	color: #2EAF21;
}
.cmsActiviteitenFoto a:hover
{
	text-decoration: underline;
	color: #B70084;
}

/*************************************** tarieven *****************************************/

.prijs
{
  text-align:right;
}
.tarievenTableBlauw
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #093762;
  width:600px;
  margin-bottom: 25px;
}
.tarievenTableGroen
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #224D1A;
  width:600px;
  margin-bottom: 25px;
}
.tarievenTableHeadTrBlauw
{
  color: #FFFFFF;
  background-color: #0058A0;
}
.tarievenTrKleurDonkerGroen
{
  background-color: #D0EDCB;
}
.tarievenTrKleurLichtGroen
{
  background-color: #F0F9EE;
}
.tarievenTableHeadTrGroen
{
  color: #FFFFFF;
  background-color: #449734;
}
.tarievenTrKleurDonkerBlauw
{
  background-color: #D9EEFF;
}
.tarievenTrKleurLichtBlauw
{
  background-color: #F2FAFF;
}
h3 span
{
  font-size: 10px;
  font-weight: normal;
}
ul.campingTarieven
{
	margin: 0px;
  margin-bottom: 15px;
	padding: 0px;
	font-size: 10px;
	color: #093762;
	list-style: none;
}
.campingTarieven li
{
	background: url(../images/kortingPerWeekBullet.jpg) no-repeat 0px center;
	padding-left: 20px;
}

/****************************************** faciliteiten **********************************/

strong
{
  font-size:12px;
	margin:0px 0px 2px 0px;
	color: #0D5899;
	font-weight: bold;
	clear:both;
}

/**************************************** informatie **************************************/

fieldset{
  border:none;
}
label, input, textarea{
	display:block;
	float:left;
  margin-bottom:10px;
  margin-right:2px;
  margin-left:2px;
}
form br{
  clear:left;
}
label{
  font-size: 12px;
	color: #093762;
  text-align:right;
  padding-right:8px;
  width:100px;
}
input
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/****************************************** adres ***************************************/

address
{
  font-size:11px;
	color: #093762;
	line-height: 140%;
  font-style:normal;
  margin-top:10px;
}
address a:link, address a:visited
{
  text-decoration: none;
	color: #2EAF21;
}
address a:hover
{
	text-decoration: underline;
	color: #B70084;
}
.addressImg
{
  margin-right:3px;
  border-top: 6px solid #B80083;
  border-bottom: 6px solid #ED7900;
  margin-bottom:10px;
}

/****************************************** plattegrond ************************************/
#legenda
{
  border-top: 6px solid #0058A0;
  border-bottom: 6px solid #B70084;
  background-color: #C1D72D;
}
h1 span
{
  font-size: 12px;
  font-weight: normal;
  color: #093762;
}
#fraDetail
{
  scrollbar-face-color: #C2B961;
  scrollbar-shadow-color: #D4CE92;
  scrollbar-highlight-color: #CFC885;
  scrollbar-3dlight-color: #D4CE92;
  scrollbar-darkshadow-color: #A0973F;
  scrollbar-track-color: #D4CE92;
  scrollbar-arrow-color: #655F27;
}
#virtualTourButton
{
  position:absolute;
  z-index:100;
  top:745px;
  left:715px;
}
/****************************************** footer *****************************************/

#footer {
	clear: both;
	position: relative;
	width: 100%;
	text-align:center;
	margin-top:50px;
}
#holidayLink a:link
{ 
  font-size:9px;
	text-decoration: none;
	color: #666666;
}
#holidayLink a:visited
{
  font-size:9px;
	text-decoration: none;
	color: #666666;
}
#holidayLink a:hover
{
  font-size:9px;
	text-decoration: underline;
	color: #B70084;
}

/******************************** tab menu **************************/

#tabs2 {
	FONT-SIZE: 10px;
	WIDTH: 700px;
	LINE-HEIGHT: 0px;
	clear: both;
	position: relative;
	float:left;
	padding-left: 182px;
}
#tabs2 ul {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}
#tabs2 li {
	CLEAR: none; 
	DISPLAY: inline; 
	FONT-SIZE: 10px; 
	FLOAT: left; 
	LINE-HEIGHT: 13px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
#tabs2 li a {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	WIDTH: 110px; 
	COLOR: #ffffff; 
	MARGIN-RIGHT: 1px; 
	PADDING-TOP: 0px; 
	HEIGHT: 15px; 
	BACKGROUND-COLOR: #b70084; 
	TEXT-DECORATION: none;
}
#tabs2 li a:hover {
	FONT-WEIGHT: bold; 
	COLOR: #ffffff;
}
#tabs2 li a {
	FLOAT: none;
}
.style1 {
	FONT-WEIGHT: bold; 
	COLOR: #0058a0;
}
.style3 {
	FONT-WEIGHT: bold; 
	COLOR: #37a72d;
}
.vierkant {
	DISPLAY: block; 
	FONT-SIZE: 0px; 
	MARGIN-LEFT: 5px; 
	WIDTH: 5px; 
	COLOR: #b60182; 
	LINE-HEIGHT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	HEIGHT: 5px; 
	BACKGROUND-COLOR: #b60182;
}
/******************************* einde **************************************/ 

img.highlight {
  border-top: 6px solid #EF7B00;
  border-bottom: 6px solid #EF7B00;
  }