* { /*Globale reset*/
padding: 0px;
margin: 0px;
font-family: Arial, Tahoma, sans-serif;
}
body, html {
color: #555555; 
font-family: 
background: url(pics/bg_body.jpg) #EDEDED repeat-x; 
height: 100%;
text-align: left;
}
body {
font-size: 11pt;
line-height: 14px;
text-align: left;
/*overflow-y: scroll;*/
}
#body { /*** Deze DIV word om het geheel geplaats en dient als een body. Dit is een fix om te voorkomen dat de tekst gecentreerd uitlijnd in het beheer ***/
width: 100%;
text-align: center; /*** Alles word gecentreerd uitgelijnd. Dit is voor het centeren van de Container in IE ***/
min-height: 100%;
height: 100%;
}
#container {
width: 900px;
margin: 0 auto; /*** Hierdoor word deze DIV altijd gecentreerd op het scherm ***/
min-height: 100%;
background:#E8FFEA;
text-align: left; /*** Omdat  in de #body DIV alles gecentreerd word overrulen we dit weer door de text links uit te lijnen in deze container ***/
}
* html #container {
height: 100%;  /*** IE support geen min-height in de plaats daarvoor gebruikt het height als min-height ***/
text-align: left; /*** Omdat  in de #body DIV alles gecentreerd word overrulen we dit weer door de text links uit te lijnen in deze container ***/
}

.bggroen{
	background-color: #E8FFEA;	
}


/* - - - - - - - RAND BOVEN LOGO - - - - - - - */
.bovenrand {
	height: 15px;
	background: #ffffff;}

.header {
	padding: 12px 0px 10px 3px;
	margin: 0px;
	border: 0px none;
	background-color: #85B000;
}	
.logo {
	margin: 2px;
	padding: 0px;
	border: 0px none;
	float: left;
	width: 120px;
}
/*
.logo {
	margin: 3px 3px 0px 3px;
	float: left;
	width: 117px;
}*/
/* - - - - - menu - - - - - */

.menu {
	background-color: #85B000; 
	height: 25px;  
	text-align: center;
	line-height: 25px;
	color: #CCFF99; 
	font-weight: bold;
       }

/* linker balk content */
.balk {
	margin-top: 15px;
	margin-left: 5px;
	padding: 5px;
 	background-color: #85b000;
	text-align: left;
	width: 115px;
	height: 290px;
	line-height: 25px;
	float: left;
	}

/* inhoud die geladen wordt door op menu te klikken */

.content {
	margin-top: 25px;
	padding-left: 0px;
	margin-left:145px;
	margin-right: 20px;
	text-align: left;
	background-color: #E8FFEA;
	color: #000000;
	width: 720px;
	font-size: 11pt;
	line-height: 20px; }

.reservering {
	margin-top: 25px;
	padding-left: 0px;
	margin-left:15px;
	margin-right: 20px;
	text-align: left;
	background-color: #E8FFEA;
	color: #000000;
	width: 500px;
	font-size: 11pt;
	line-height: 20px; }

		/* - - -  tekst - - - */
.klein 	{color: #000000; font-size: 8pt;  font-weight: normal; }
.kopb		{color: #85b000; font-size: 12pt; font-weight: bold; margin: 0px 0px 10px 0px; }
h1		{color: #85b000; font-size: 12pt; font-weight: bold; margin: 0px 0px 10px 0px; }
.kopi		{color: #648600; font-size: 11pt; font-style: italic; margin: 0px 0px 10px 0px;}
h2		{color: #648600; font-size: 11pt; font-weight: normal; font-style: italic; margin: 5px 0px 5px 0px;}
.kopwit	{color: #ffffff; font-size: 11pt; font-weight: bold;}
p 			{	margin: 0px 0px 15px 0px;	}

ul,li {
	padding-left: 0px;
	margin-left: 15px;
}

/* tabellen */

.tabel {
	background-color: #85B000;
	width: 100%;
	margin-left: auto;
	margin-right: auto; }
td{	padding-left: 5px; padding-right: 3px; 	}
.tdkop {
	color: #000; 
	background-color: #E8FFEA;
	font-size: 11pt; 
	font-weight: normal;
	height: 15px;
	text-align: left;
	font-style: italic;	}
.td {
	color: #000; 
	background-color: #E8FFEA;
	font-size: 11pt; 
	font-weight: normal;
	text-align: center;  		}
.tdleft {
	color: #000; 
	background-color: #E8FFEA;
	font-size: 11pt; 
	font-weight: normal;
	text-align: left;  		}

/*-------------------- Footer ----------------------------------------*/
.footer {
	width: 900px;
	font-size: 11pt;
	font-family: Arial, Tahoma, sans-serif;
	height: 43px; /*** The drawback with this solution is that the height of the footer can't be flexible. If you add so much content to the footer that it extends 30px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
	margin: 0 auto;
	bottom: 0;
	margin-top: -43px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
	line-height: 22px;
	clear: both;
	/*background-color: #85B000;*/
	background:url(pics/bg_footer.jpg) repeat-x;
	color: #FFF;
	text-align: center; }

a {	font-family: Arial, Tahoma, sans-serif; }

.footer a:link, a:visited {color: #FFF; font-size: 11pt;	font-weight: normal;	text-decoration: underline; }
.footer a:hover, a:active {color: #000; font-size: 11pt;	font-weight: normal; text-decoration: none; }

a:link		{color: #85B000; font-size: 11pt; font-weight: normal; text-decoration: underline; cursor: crosshair; }
a:visited	{color: #85B000; font-size: 11pt; font-weight: normal; text-decoration: underline; cursor: crosshair; }
a:hover		{color: #000; font-size: 11pt; font-weight: normal; text-decoration: underline;}
a:active		{color: #000; font-size: 11pt; font-weight: normal; text-decoration: underline;}

h1 a:link		{color: #85B000; font-size: 12pt; font-weight: bold; text-decoration: underline; cursor: crosshair; }
h1 a:visited	{color: #85B000; font-size: 12pt; font-weight: bold; text-decoration: underline; cursor: crosshair; }
h1 a:hover		{color: #000; font-size: 12pt; font-weight: bold; text-decoration: underline;}
h1 a:active		{color: #000; font-size: 12pt; font-weight: bold; text-decoration: underline;}

.menu a:link		{color: #CCFF99; font-size: 12pt; text-decoration: none; font-weight: bold; cursor: crosshair; }
.menu a:visited	{color: #CCFF99; font-size: 12pt; text-decoration: none; font-weight: bold; cursor: crosshair; }
.menu a:hover	{color: #CCFF99; font-size: 12pt; text-decoration: underline; font-weight: bold; }
.menu a:active	{color: #CCFF99; font-size: 12pt; text-decoration: underline; font-weight: bold; }

.balk a:link		{color: #CCFF99; font-size: 12pt; text-decoration: none; font-weight: bold; cursor: crosshair; }
.balk a:visited	{color: #CCFF99; font-size: 12pt; text-decoration: none; font-weight: bold; cursor: crosshair; }
.balk a:active	{color: #CCFF99; font-size: 12pt; text-decoration: underline; font-weight: bold; }
.balk a:hover	{color: #CCFF99; font-size: 12pt; text-decoration: underline; font-weight: bold; }

.pic a:link		{text-decoration: none;	border-color: yellow; border-width:0px;}
.pic a:visited {text-decoration: none;	border-color: yellow; border-width:0px;}
.pic a:active	{text-decoration: none;	border-color: #000; border-width:0px;}
.pic a:hover 	{text-decoration: none;	border-color: #000; border-width:0px;}