@charset "utf-8";

/* CSS Document */



body,td,th {

	font-family: Verdana, Geneva, sans-serif;

	color: #a0906e;

	font-size: 14px;

}



body {

	background: url(images/BG3.jpg) #caba98 center fixed;

	margin: 0;

	overflow-y: scroll;

	overflow-x: hidden;

}



img {

	border: 0;

}



a:link {

	color: #b09d74;

	text-decoration: underline;

}



a:visited {

	text-decoration: underline;

	color: #b09d74;

}



a:hover {

	text-decoration: none;

	color: #746c5b;

}



a:active {

	text-decoration: underline;

	color: #b09d74;

}



a.navlink {

	text-decoration: none;

}



h1 {

	font-size: 36px;

	font-family: Century, Serif;

	font-weight: 100;

	margin: 5px 0 0 0;

}



h2 {

	font-size: 24px;

	font-family: Century, Serif;

	font-weight: 100;

	clear: both;

}



#banner {

	width: 100%;

	text-align: center;

	margin: 0 auto;

	font: 0px;

}



.wrapper {

	width: 814px;

	margin: 0 auto;

	clear: both;

}



#navigation {

	width: 175px;

	float: left;

	padding: 68px 17px 0 17px;

}



#contentwrapper {

	width: 605px;

	float: left;

}



#header {

	width: 575px;

	height: 51px;

	float: left;

	padding: 0 0 0 30px;

	text-indent: 0;

	background: url(images/title.jpg) right;

}



#content {

	width: 542px;

	float: left;

	padding: 10px 30px 30px 33px;

}



/* Form */



label {

	float: left;

	width: 120px;

	text-align: left;

	padding-top: 5px;

}



input, textarea {

	padding: 3px;

	margin: 3px;

	border: 1px solid #bac5d6;

	font: 10px Verdana, sans-serif;

	background: #fff;

}



input.fout, textarea.fout {

	border: 1px solid #FF0000;

}



label.fout {

	color: #FF0000;

}



div.kalender table {

	text-align: center;

	margin: 0 auto;

	border-style: solid;

	border-width: 1px;

	padding: 10px;

	border: 0;

}



div.kalender {

    width: 300px;  

	text-align: center;

}



div.totcal {

    width: 500px;

	padding: 10px;

	text-align: center;

}

*:first-child+html div.totcal {
	
	position:relative;
	left: -60px;
}



div.topnav table {

	text-align: center; 

	margin: 0 auto;

	padding: 10px;

	border: 0;

}



div.topnav {

    width: 400px;  

	padding: 10px; 

	font-size: 25px;

	text-align: center;

	margin: 0 auto;

	border: 0;

}



.wday { 

	font-size: 20px; 

	font-style: bold; 

	background-color: #ececf1;

	padding-left: 20px;  

	padding-right: 20px;  

	border: 0;

}



.vandaagbezet {

	font-weight: bold;

	color: #FFF;

	background: #FF4F4F;

	border: 0;

}

	

.vandaagvrij {

	font-weight: bold;

	color: #000;

	background: #15FF4A;

	border: 0;

}



.kal_vrij {

	color: #000;

	background: #8dff92;

}



.kal_bezet {

	color: #FFF;

	background: #ff8d8d;

}
