/* Stylesheet is van Ludens: info@ludenshoeve.nl */
/* tekst voor vakantiemelding */

#vakantie	{
	padding:0px;
	display: block;
	position: absolute;
	left:530px;
	top:45px;
	width: 215px;
	height: 311px;
	
	}

body {
	margin: 15px 10px 0px 80px;
	padding: 0px;
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	background-color: #99FF00;		
}

p,h1,pre {
	margin: 0px 10px 10px 3px;
	
}		

h1 {
	font-size: 16px;
	padding-top: 15px;
	margin-left: 40px;	
	font-family: Trebuchet MS;text-align: justify;
	color: #660066;
}
h2 {
	font-size: 16px;
	padding-top: 0px;
	margin-left: 0px;	
	font-family: Trebuchet MS;text-align: justify;
	color: #660066;
}


img {
display: block;
border: none;

}

a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #990066;
	text-decoration: none;
}
a href.decoratie {
	border-left: none;
	border-right: none;
	/*background-color: #336600;*/
	/*color: #336600;*/
	/*color: blue;*/
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	vertical-align: top;
}

td#verplicht {
	font-weight: bold;
	font-size: 12px;
	color: #336600;
}

/* Opmaakgegevens van algemeen*/

#titel {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #606060;
	font-weight: bold;
	margin: 0px 10px 0px 2px;
	text-align:left;	
	vertical-align: text-top;	
}
#shadow {
	background: #b4afa3;
	padding: 0px 1px;
	border-left: 1px none #dcd7c8;
	border-right: 1px solid #dcd7c8;	
}

/*Dit is de groene lijn onder de header */
#borderbottom{
	border: double;	
	border-color: white white #660066 white;
	border-width: 0px 0px 3px 0px;
}	

/* Opmaakgegevens van rechterkolom, top-down*/
#mainright {	
	height: 200px;
	width: 153px;
	/*background-color: #99FF00;*/
	/*background-color: #660066;*/
	background-color: transparent;
	float: left;	
	position: absolute;
	left: 780px;
	top: 29px;z-index :1 ; 
}
		
#logo {
	height: 200px;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-color: #336600;*/
	background-color: #660066;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;		
}		
#tekstlogo { 
height: 80px;
	padding-left: 2px;	
	padding-right: 0px;		
	text-align:left;		
	
 }
	
/* Begin van middenkolom */

#navbar {
	background-color: transparent;
	color: #660066;
	margin: 0px 0px 5px 40px;
	padding: 5px;
	border: 0px solid #333333;
	text-align: left;
}
#navbar a {
	font-weight: bold;
	color: #660066;
	background-color: White;
	text-decoration: none;
	border-bottom: 1px dashed #333333;
}      /* unvisited links */
#navbar a:hover {
	font-weight: bold;
	color: #990066;
	background-color: White;
	text-decoration: none;
	border-bottom: 1px solid #990066;
}     /* user hovers     */


#maincenter {	
	position: absolute;
	left: 212px;	
	/*top: 17px;*/
	top: 5px;
	height: 560px;	
	width: 64%;	
	background: #99FF00;	
}

#maincenterlong {	
	position: absolute;
	left: 212px;	
	top: 5px;
	height:830px;
	/*height: 730px;	*/
	width: 64%;	
	background: #99FF00;
	
}
#maincenterlongx {	
	position: absolute;
	left: 212px;	
	top: 5px;
	/*height: 1852px;	*/
	height: 850px;	
	width: 64%;	
	background: #99FF00;
	
}
#foto {	
	width:558px;
	height: 200px;		
	background-color : transparent;	
	position: absolute;	
	float: left;
	left: 0px;
	/*top: 12px; */
	top: 24px;
	 z-index :2 ;
}
#maincentervulling {	
	height: 160px;	
	width:258px;
	background:blue;		
}

#content {		
	width:100%;	
	height: 352px; 		
	background-color: white;
	position: absolute;	
	left: 0px;
	top: 215px!important;
	top: 215px;	
	
}

#contentlong {	
		width:100%;	
	height: 580px;
	/*height: 500px;*/
	background-color: white;
	position: absolute;	
	left: 0px;
	top: 215px!important;
	top: 215px;	
}
#contentlongx {		
	width:100%;	
	/*height: 1630px; 	*/	
	/*height: 650px;*/
	height: 750px;
	background-color: white;
	position: absolute;	
	left: 0px;
	top: 215px!important;
	top: 215px;	
}
#tekst { 
height: 80px;
	padding-left: 10px;	
	padding-right: 10px;		
	text-align:left;		
	
 }

/*opmaak fotogallery gites */
table#fototable, table#fototable td {
	height: 280px;
	width: 495px;
	padding: 0px 10px;
	margin: 0 0 0px 30px;
	border-collapse: collapse;
	
	
}
table#fototable td.fototekst { 
	width:460px;	
	text-align:left;	
	vertical-align: text-top;	
 }
 table#fototable td.tekst {  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
 height: 80px;
	width:540px;	
	text-align:left;	
	
	
 }
 
 
 /*opmaak 4 delen onderaan welkom*/
table#onder {
	padding: 0px 10px;
	margin: 0 0 0px 20px;
	width: 100%;
	height: 100%;
	text-align: left;
	font-size: 10px;	
	vertical-align: bottom;
	
}

 table#onder td.groot{
	width: 30%;	
	height: 100%;		
	text-align: left;
	vertical-align: bottom;
	
}

table#onder td.klein{
	width: 20%;
	height: 100%;		
	border-width: 1px 0 0 0;
	text-align: left;
}


#wrapper {
	clear: both;
	height: 120px;	
	width: 100%;
	background-color: transparent;
	position: absolute;
	bottom:5px;
	padding: 0px 10px;	
	
	
}	
	
/* Begin gegevens van linkerkolom */
#mainleft {
	
	height: 200px;
	width: 135px;
	background-color: transparent;
	float: left;
	position: absolute;
	left: 87px;
	top: 29px;
	 z-index :1 ;
}				

/*hieronder volgt het navigatiemenu */		
	
#button {
	height: 200px;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*background-color: #336600;*/
	background-color: #660066; 
	/*color: #FFFFCC;	*/
	color: White;
	font-size: 10px;
	font-weight: bold;
}
#button ul {
		list-style: none;
		margin: 0;		
		border: none;
		padding: 5px 0px 0px 0.5em;
}
		
#button li {
		border-bottom: none;
		margin: 0;
		padding: 0px 0px 0px 0.5em;
}	


#button li a {
	display: block;
	border-left: none;
	border-right: none;	
	color: White;
	text-decoration: none;
	width: 100%;
	font-size: 10px;
}

#button li a.inspring {
		border-bottom: none;
		margin: 0;
		padding: 0 0 0  1.1em;
}		
#button li a#actief {
	/*background-color: #336600;*/
	/*background-color: #FFFFCC;*/
	/*color: #99FF00;*/
	color: #CA94E4;
}

/*#button li a {
		width: auto;
}
als je dit hierboven aanzet, dan is alleen de tekst een linkje. Nu is het hele vak waarin de tekst staat, een linkje. */		

#button li a:hover {
	border-left: none;
	border-right: none;
	background-color: #660066; 
	/*color: #99FF00;*/
	color: #CA94E4;
}

/*Horizontaal keuzemenu*/
#keuzemenu ul {
	float:right;
	width:100%;
	padding:0;
	padding-top: 0px;
	margin:0;
	list-style-type:none;
}
#keuzemenu li {
	display:inline
}
#keuzemenu table {
	width:100%;	
	
}

#keuzemenu td {	
	background-color: transparent
	
}
#keuzemenu a {
	float:right;
	width:6em;
	text-decoration:none;
	color:white;
	background-color:purple;
	padding:0em 0.6em;
	border-right:1px solid white;

}

#keuzemenu a:hover {
	background-color: Gray;
}

/*Schaduw effecten*/
.box {  
  /*position: absolute;
  top: 1px;
  left:1px;
  width:556px;
  height:545px;
  background:white;*/
  position: absolute;
  top: 0px;
  left:10px;
  width:558px;
  height:571px;   
  background-color: white;
}

.box-outer {
	/*width:558px;
  height:547px;
  background:#336600;*/
	width: 590px;
	height: 571px;
	background-color: #99FF00;
	background-image: url(../img/gradient1.gif);
	background-repeat: repeat-y;
	z-index : -1 ;	
}

.boxlong{    
  position: absolute;
  top: 0px;
  left:10px;
  width:558px;
  height:740px; 
  /*height:660px; */
  background-color: white;
}
.boxlongx{  
  /*position: absolute;
  top: 1px;
  left:1px;
  width:556px;
  height:545px;
  background:white;*/
  position: absolute;
  top: 0px;
  left:10px;
  width:558px;
  /*height:1845px;   */
  height:910px; 
  background-color: white;
}
.box-outerlong {
	/*width:558px;
  height:547px;
  background:#336600;*/
	width: 590px;
	height: 795px;
	/*height: 715px;*/
	background-color: #99FF00;
	background-image: url(../img/gradient1.gif);
	background-repeat: repeat-y;
	z-index : -1 ;	
}
.box-outerlongx {
	/*width:558px;
  height:547px;
  background:#336600;*/
	width: 590px;
	/*height: 1845px;*/
	height: 965px;
	background-color: #99FF00;
	background-image: url(../img/gradient1.gif);
	background-repeat: repeat-y;
	z-index : -1 ;	
}
.boxright {
 position: absolute;
  top: -2x;
  left:-2x; 
  width:150px;
  height:190px;
  background:#99FF00;
}
  
.box-outerright {	  
 width:150px;
  height:190px;
  background:#333333;
}

#reserverenlogo {	
	position: absolute;
	left: 640px;
	top: 30px;
	text-align: center;
	color: #336600; 
}

/* link back to top*/
#top a {
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;font-weight: ;
	color: #336600;
	text-decoration: underline;
}
#teller {
	/*position: absolute;
	left: 20px;
	top: 530px;*/
	position:absolute; 
	top:0px;
	left:0px; 
	width:1px;
	height:1px; 
	visibility:visible;visibility:hidden;z-index:1
	 
}
#citaten	{
	width: 190px;
	height: 590px;
	padding: 5px 5px 5px 5px;
	position: absolute;
	left: 550px;
	top: 300px; /*background-color: #660066;*/
	background-color: #BBBBBB;
	color: White; /*border: thin outset Maroon;*/
}