/* +++++++++++ hoofdstructuur +++++++++++++++*/
body{
	background-color: #005D83;
	color:#666666;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8}
.main {
    text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 928px;
}
#container {position:relative;}

#headerBar.villa{
   z-index:101; /*ie hack: zindex 1 hoger dan zindex #logo; niet nodig voor FF, maar werkt er wel in */
   border-bottom: 4px solid #ac9374;
}
#headerBar.locatie{
   z-index:101; /*ie hack: zindex 1 hoger dan zindex #logo; niet nodig voor FF, maar werkt er wel in */
   border-bottom: 4px solid #7c9c5e;
}
#headerBar.activiteiten{
   z-index:101; /*ie hack: zindex 1 hoger dan zindex #logo; niet nodig voor FF, maar werkt er wel in */
    border-bottom: 4px solid #b51300;
}
#headerBar.reserveren{
   z-index:101; /*ie hack: zindex 1 hoger dan zindex #logo; niet nodig voor FF, maar werkt er wel in */
   border-bottom: 4px solid #f2ab13;
}

#mainContent{ /* alles vanaf de foto tot einde */
background-color:white;
	z-index:101;/*ie hack: zindex 1 hoger dan zindex #logo; niet nodig voor FF, maar werkt er wel in */
}

#leftContent{
    position:absolute;
    width:191px;
    z-index: 100;
    height:495px;
    top:-80px;
    left:10px;
}
#midContent{
    padding:0 25px 25px 25px;
}
#rechtsContent{
    position:relative;
    height:450px;
    top:-32px;
    right:-10px;
}
#footer {
	background-color: #154458;
	color: #cde4ee;
	font-size: 8px;
	text-align: center;}
#footer a, #footer a:visited, #footer a:active {
	color:#cde4ee;
}

#rightBanner {
	z-index:101;/*ie hack: zindex 1 hoger dan zindex #reserveertabs; niet nodig voor FF, maar werkt er wel in */
	position:relative;
}

/* ++++++++++++ onderdelen header +++++++++++++++++*/

#logo{
    position:absolute;
    left:10px;
    z-index:100; /*expres wat hoger genomen ivm mainfoto's */
}

/* ======= taalmenu  ============= */
#languageBar{text-align:right;}

#languageBar ul{
    margin:0;
    padding:0;
    display: inline;

}
#languageBar li{
    color: white;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}
#languageBar ul li {display:inline; margin-left:10px;padding-right:10px;border-right:1px solid white;}
#languageBar ul li.last {border-right:none;}

#languageBar a{
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    color: white;
    text-decoration: none;
}
#languageBar ul li img{
    border:0;
    vertical-align:middle;
}
/* ======== hoofdmenu ============= */
#tabBar{text-align:right;}

#mainmenu{
    margin-bottom:2px; /* zonder margin is de blauwe achtergrond zichtbaar tussen li.active kleur en border eronder*/
}
#mainmenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainmenu ul li{ display:inline;}

#mainmenu ul li a{
    font-family: helvetica, arial, sans-serif;
    font-size:16px;
    padding:0.6em 2.5em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
#mainmenu ul li.villa a{
    background-color: #ac9374;
}
#mainmenu ul li.locatie a{
    background-color: #7c9c5e;
}
#mainmenu ul li.activiteiten a{
    background-color: #b51300;
}
#mainmenu ul li.reserveren a{
    background-color: #f2ab13;
}

/* ++++++++++ tekst en plaatjes content ++++++++++ */
h1,h2,h3,h4 {
	color:#005D83;
}
h1,h2 {
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
}
h3 {
	font-weight:bold;
	margin-top:10px;
}
.tekstitem{
	clear: both;
}
.tekstitem img {
    float:right;
	margin:3px;
	padding:3px;
	border:1px solid #cccccc;
}

.tekstitem a, .tekstitem a:active, .tekstitem a:visited {color:#005D83;}

#midContent ul {margin-left: 20px;}
#midContent ul li ul li {font-weight: normal;}
#midContent .summary{
    float:right;
    padding-left: 10px;
    border-bottom: 1px dotted gray;
    background-color: #f6f5c7;
    width: 100%;
}
/* +++++++++++ linkermenu +++++++++++++++++++++++++ */
#overlay {
	position:absolute;
	z-index:101;
}
#left {
	width:191px;
	height:450px;
	float:left;
}

#left div.locatie{
    background-color: #7c9c5e;
}
#left div.villa{
    background-color: #ac9374;
}
#left div.activiteiten{
    background-color: #b51300;
}
#left div.reserveren{
    background-color: #f2ab13;
}
.leftTitel {
	margin-top: 30px;
	border-bottom:8px solid white;
	padding-left:30px;
	padding-bottom:10px;
	font-size:18px;
	font-weight: bold;
	color:white;
}
#leftContent ul, #leftContent ol {margin-top: 35px;}

#leftContent ul li{
	padding-left: 30px;
	list-style-type: none;
	font-size: 14px;
	line-height: 30px;
}
#leftContent ul li a, #leftContent ul li a:active, #leftContent ul li a:visited{
	display:block;
	color:white;
	text-decoration: none;
}
#leftContent ul li a{
	margin-left:-30px;
	padding-left:30px;
}
#leftContent ul.locatie li.locatie a {
	background-color: #ebf0e7;
	color:#7c9c5e;
}
#leftContent ul.villa li.villa a {
	background-color: #f3efea;
	color:#ac9374;
}
#leftContent ul.activiteiten li.activiteiten a {
	background-color: #f5dedb;
	color:#b51300;
}
#leftContent ul.reserveren li.reserveren a {
	background-color: #fdf3de;
	color:#f2ab13;
}
#leftContent ol li {
 	list-style-position: inside;
 	margin-left: -24px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 30px;
	 }
#leftContent ol li.active {
	background-color:#fdf3de;
}
/* +++++++++++ reserveren en prijzen ++++++++++++++ */

#reserveerTabs {
	z-index:100;/*expres wat hoger genomen ivm mainfoto's */
	position:absolute;
	top:-4px;
}

#reserveerTabs ul {
	margin: 0;
	display:inline;
}
#reserveerTabs ul li{ display:inline;}
#reserveerTabs ul li a{
        font-size:14px;
        margin:0;
        padding:3px 10px;
        color: #f2ab13;
        text-decoration: none;
        font-weight: bold;
     background-color: white;
}

#reserveerTabs ul li.active a{
    background-color: #f2ab13;
    color:white;
    border-right:2px solid #cccccc;
}
#rightContent{
	position:relative; /* relative is nodig ivm absolute van reserveerTabs, waardoor parent rightBanner denkt dat eerste div rightContent is ipv reserveerTabs*/
	top:20px;
	margin:0 0 0 0;
	padding:0;
	border-top:4px solid #f2ab13;
	background-color: #fdf3de;
	text-align: center;
}

#rightContent  a, #rightContent a:active, #rightContent li a:visited{
        color: #666666;
        font-size: 11px;
}
#reserveerContent {
	border-top:8px solid #f2ab13;
	padding-top:10px;
	padding-left:10px;
}

#aanbieding,#banner {
	padding-top:10px;
	padding-left:10px;
}

 /*maandkalender rechts*/

.maandContainer, .boekContainer {
    width:85%;
    background-color:white;
    border-right:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
    padding-bottom: 10px;
}

.calendar {border-collapse: separate; border-spacing:1pt}
.calendar td {
	background-color:#bbbbbb;
	color:white;
	font-size:9px;
	padding-right:2px;
	padding-left:2px;
	text-align:center;
}
.calendar th {
	font-size:9px;
}
.calendar td.emptycell {
	background-color:white;
}
td.freeDay {
	background-color:#7c9c5e; /*groen*/
}
td.optionedDay {
	background-color:#f2ab13; /* oranje */
}
td.bookedDay {
	background-color:#b51300; /* rood */
}
td.blockedDay {
	background-color:#b51300; /* rood */
	}
#rightContent .freeDay a, #rightContent .freeDay a:active, #rightContent .freeDay a:visited {
	color:white;
	text-decoration:none;
}
ul.legend,
ul.legend li{
	margin-left:3px; font-size:8px;
	list-style-type:square;
	list-style-position:inside;
}

ul.boekGegevens {margin-left:5px; font-size:11px;}

ul#boekGegevens {font-size: 9px;}
ul#boekGegevens li {
	list-style-type:square;
	list-style-position:inside;
}

li.freeDay {color:#7c9c5e;} /* groen */
li.optionedDay {color:#f2ab13;} /* oranje */
li.bookedDay {color:#b51300;} /* rood */
li.nonBookable {color:#bbbbbb;} /*grijs*/
li.blockedDay {color:black;}
#overzicht li {
	list-style-type: square;
	list-style-position:inside;
	color:#f2ab13;
	margin-left:-10px;
	margin-top:10px;
}

td.step {
	padding:2px;
	vertical-align:top;
}
#rightContent td.step a, #rightContent td.step a:active, #rightContent td.step a:visited {
	color: #f2ab13;
	text-decoration:none;
	}
td.calendarmonthrow {
	background-color:white;
	color:#666666;
}

/* prijzen */

#prijsContent {
	border-top:8px solid #f2ab13;
	padding-top:10px;
	padding-left:10px;
	display:none;
}
.prijsContainer {
    width:85%;
    background-color:white;
    border-right:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
}
.prijsContainer td.footer{
    font-style: italic;
    border-top: 1px solid #f2ab13;
    text-align: center;
}
#prijzen {width:100%;}
#prijzen th {
	font-weight:bold;
	color: #f2ab13;
	border-bottom: 1px solid #f2ab13;
	}
#prijzen th, #prijzen td {padding:1px;}
#toelichtingPrijs li {
	list-style-type: square;
	color:#f2ab13;
	margin-left:20px;
	margin-top:10px;
}
.toelichting{
	color: #666666;
	font-size:10px;}

/* banner */
#banner #content{
	width:85%;
	background-color:white;
	border-right:0px solid #cccccc;
	border-bottom:0px solid #cccccc;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	margin-bottom:5px;
}
#banner img{
    width: 100%;
}

/* aanbieding */
#aanbieding #content{
	width:85%;
	background-color:white;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:5px;
}
#aanbieding #titel {
	padding:10px 0 10px 0;
	border-bottom: 1px solid #f2ab13;
	color:#f2ab13;
	font-size:14px;
	font-weight:bold;
}
.periode, .price {
	font-size: 12px;
	font-weight:bold;
	line-height:24px;
}

fieldset.submit {
	border-style: none;
}
input.submit {
	background-color: #f2ab13;
	padding: 5px 5px 5px 5px;
    margin: 0;
	color: white;
	font-size:12px;
}

/* servicemenu */
#servicemenu {
	width:90%;
	margin:10px 0 10px 5px;
	padding-bottom:5px;
}

#servicemenu ul li{ display:inline;
	padding:0 7px 0 7px;
	border-right:1px solid;
}
#servicemenu ul li.last{
	border:none;
}

/* grote kalender */
#calendarContainer {
 	width:100%;
 	margin-top:15px;
	padding-left:10px;
}
#calendarContainer td {
	vertical-align:top;
}
#calendarContainer .freeDay a,#calendarContainer .freeDay a:active, #calendarContainer .freeDay a:visited {
	color:white;
	text-decoration:none;
}
#reservation {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}

/* gastenboek - forum - testimonial */
div#forum{
    text-align: center;
}
.auteur {
	color:#759358;
	font-family: Verdana, Geneva, sans-serif;
	font-size:smaller;
	line-height:1.8;
    border-bottom: 1px dotted #333;
    padding:0px 0px 15px 5px;
    margin-bottom:10px;
}

.tekst {
    position: relative;
	color:#333333;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8;
    padding: 5px 30px 5px 30px;
    background-color: #FCF4E4;
    border: 1px dotted #FAE8CD;
}

.datum {
	color:#005D83;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.8;
}
/* gastenboek link op de homepage */
div#gastenboek{
    text-align: center;
}
div#gastenboek a{
    color: white;
}

hr {
  border: 0;
  width: 100%;
  color: #999;
  background-color: #999;
  height: 1px;
  margin-top:10px;
  margin-bottom:10px;
}

a.footerlink p{

color: #f2ab13;
display: inline;
font-size:11px;
text-decoration: underline;
font-weight: bold;
}