body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bg_body.jpg) center fixed no-repeat;
	background-color: #FFFFFF;
}

img{border:none;}

h1 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	color: #99cc33;
}

h2 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	color: #A46652;
}

.success {
background-color:#DFF2BF;
color:#4F8A10;
}

.error {
background-color:#FFBABA;
color:#D8000C;
}

.success, .error{
background-position:10px center;
background-repeat:no-repeat;
border:1px solid;
margin:10px 0;
padding:15px 10px 15px 50px;
}

h3 {}

h4 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #A46652;
}

h5 {}

h6 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
	color: #99cc33;
}

a:link {
	text-decoration: underline;
	color: #666666;
}

a:visited {
	text-decoration: underline;
	color: #666666;
}

a:active {
	text-decoration: underline;
	color: #666666;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

p {
	margin: 0;
	padding: 0;
}

/* ------------------------------------ CLASSES ------------------------------- */

.clear {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}

.listnotype { list-style-type: circle; }

.standaard { list-style-image: url(../images/standaard.gif); }

.optioneel { list-style-image: url(../images/optie.gif); }

.inputcontact {
	width: 200px;
}

.smalltext {
	font-size: 10px;
	color: #000000;
}

/* ------------------------------------ DIVS ---------------------------------- */

#intro {
	margin: 0 auto;
	width: 450px;
}

#placeholder {
	margin: 0 auto;
	width: 950px;
}

#skipintro {
	width: 450px;
	text-align: center;	
}

#skipintro a:link {
	color: #EB5A05;
	text-decoration: underline;
}

#skipintro a:visited {
	color: #EB5A05;
	text-decoration: underline;
}

#skipintro a:active {
	color: #A46652;
	text-decoration: underline;
}

#skipintro a:hover {
	color: #A46652;
	text-decoration: underline;
}

#header {
	background-image: url(../images/header_tent.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 240px;
}

#headerlogo {
	width: 240px;
	float: left;
}

#headermenu {
	float: right;
	padding:185px 40px 0 0;
}

#headermenu a {
	text-decoration: none;
	margin-left: 8px;
}

#main { padding-top: 11px; }

#maintop {
	height: 15px;
	overflow: hidden;
	background-image: url(../images/maintop.gif);
	background-repeat: no-repeat;
}

#mainmiddle {
	background-image: url(../images/mainmiddle.gif);
	background-repeat: repeat-y;
}

#mainbottom {
	height: 15px;
	overflow: hidden;
	background-image: url(../images/mainbottom.gif);
	background-repeat: no-repeat;
}

#leftmiddle {
	width: 250px;
	float: left;
}

#weerblok {
	width: 230px;
	padding-left: 10px;
	text-align: center;
}

#leftmiddle p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	padding-right: 5px;
}

#leftmiddle p img {
	margin-top: 8px;
}

#leftmiddle li {
	padding-right: 8px;
}

#rightmiddle {
	float: right;
	width: 683px;
	padding-right: 3px;
}

#rightmiddle p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	padding-right: 10px;
}

form.special{
	padding-top: 10px;
	padding-bottom: 18px;
	padding-left: 10px;
	padding-right: 10px;}

#map {
	width: 600px;
	height: 400px;
	margin-left: 20px;
	margin-top: 20px;	
	overflow: hidden;
}

#footer {
	margin: 0 auto;
	width: 940px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9px;
}

/* ------------------------------------ KALENDER ---------------------------------- */

#kalender {
	padding-left: 10px;
	padding-right: 10px;
}

#kalender tr { height: 24px; }

#kalender .kalendertable {
	width: 600px;
	text-align: center;
	font-size: 14px;
}

#kalender .vorigevolgende {
	width: 500px;
	text-align: left;
	padding-top: 10px;
	padding-left: 130px;
}

#kalender .td { }

#kalender .tm {
	font-weight: bold;
	color: #FF9900;
}

#kalender .hd {
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 5px;
	padding-left: 130px;
	text-align: left;
}

#kalender .am { color: #CCCCCC; }

#kalender .bd {
	background-color: #DAAB73;
	font-weight: bold;
}

#kalender .weeknummers {
	background-color: #DAAB73;
	font-weight: bold;
	vertical-align:top;
}

#kalender .kolom1 {
	width: 120px;
}

#kalender td {
	font-family: Arial;
	font-size: 9pt;
}

#kalender .vrij {
	background-color: #FFFFFF;
	/*background-image: url(../images/vrij.gif);*/
	background-position: top right;
	background-repeat: repeat-y;
}

#kalender .nietvrij { 
	background-color: #FFFFFF; 
	/*background-image: url(../images/nietvrij.gif);*/
	background-position: top right;
	background-repeat: repeat-y;
}

#kalender .aantalvrij {
	color: #009900;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}

#kalender .aantalvrij0 {
	color: #FF9797;
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}

#prijzen {
	width: 600px;
}

#prijzen tr {
	height: 24px;
}

/* ------------------------------------ ONDERHOUD ---------------------------------- */

#mainonderhoud { 
	padding-top: 11px;
}

#mainonderhoud #maintop {
	height: 15px;
	overflow: hidden;
	background-image: url(../images/kader1stuk_top.gif);
	background-repeat: no-repeat;
}

#mainonderhoud #mainmiddle {
	background-image: url(../images/kader1stuk_middle.gif);
	background-repeat: repeat-y;
	padding-left: 5px;
}

#mainonderhoud #mainbottom {
	font-size: 1px;
	height: 15px;
	overflow: hidden;
	background-image: url(../images/kader1stuk_bottom.gif);
	background-repeat: no-repeat;
}

#mainonderhoud .kalendertable {
	width: 920px;
	text-align: center;
	font-size: 10px;
}

#mainonderhoud .tentvrij {
	padding-left: 2px;
	font-size: 10px;
}

#mainonderhoud #prijzen {
	width: 920px;
}

#mainonderhoud .groen {
	color: #009900;
}

#mainonderhoud .rood {
	color: #FF0000;
}

#mainonderhoud .inputonderhoud {
	width: 50px;
	border: 1px solid #999999;
	text-align: right;
	padding-right: 4px;
}


