/*
#################
#	ALGEMEEN	#
#################
*/
body, html,
span, div,
h1, h2, h3, h4, h5, h6,
a, p,
img,
ul, ol, li {
	margin: 0;
	padding: 0;
}

h2 {
}

h3 {
	margin-bottom: 5px;
}

h4 {

}

p {
	padding-bottom: 10px;
}

img {
	border: none;

}

.hidden {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

body {
	padding-bottom: 100px;
	font: 62.5% Trebuchet MS, Arial, Helvetica, sans-serif;
	background: #E3E0DF url(../images/bg.gif) repeat-x fixed;
}

/*
#################
#	LAY-OUT		#
#################

HOOFDPAGINA */
div#container {
	width: 718px;
	height: 300px;
	margin: auto;
	background: url(../images/header.gif) no-repeat 159px 0;
}

	img#headerpic {
		float: right;
		margin-bottom: 10px;
	}

	div#top {
		clear: both;
		height: 52px;
	}

		img#logo {
			float: left;
			clear: left;
		}

		img#ismijnhuis {
			float: right;
			border-top: 20px solid #fff;
		}

		div#topMenu {
			float: left;
			margin-top: -25px;
			font-size: 1.2em;
			position: relative;
			z-index: 100;
		}
		div#topMenu a {
			color: #716D65;
			font-weight: bold;
			text-decoration: none;
		}
		div#topMenu a:hover {
			text-decoration: underline;
		}

	div#content {
		float: right;
		width: 550px;
		font-size: 1.2em;
		color: #716D65;
	}

		h2#paginatitel {
			padding-left: 14px;
			margin: 8px 0 10px 0;
		}

		div.text {
			float: left;
			width: 328px;
			padding-top: 18px;
			background: url(../images/text.gif) no-repeat;
			clear: left;
			margin-top: 2em;
		}

			div.inhoud {
				padding: 0 16px;
				background: #ECE8E4;
				line-height: 1.4em;
			}

				div.inhoud a {
					color: #9CCB01;
				}

		table.tips, table.tips tbody, table.tips tr, table.tips td{
			width: 100%;
		}

		table.tips td{
			padding: 12pt 12pt 0pt 12pt;
		}

		table.tips a.tiptitel{
			font-size: 140%;
			color: #00A0EB;
			text-decoration: none;
		}

		table.tiprating{
			float: right;
			width: 111px;
			height: 22px;
			padding: 0pt;
			margin: 0pt;
		}

		table.tiprating td{
			padding: 0pt;
			margin: 0pt;
			width: 15px;
		}


	div#footer {
		clear: both;
		padding-top: 42px;
	}

		img#footer2 {
			margin: 0 43px 0 24px;
		}

		img#footer4 {
			margin-left: 43px;
		}

	div#copyright {
		position: absolute;
		width: 180px;
		height: 11px;
		margin: -20px 0 0 505px;
		padding-left: 38px;
		background: url(../images/copyright/copyright.png) no-repeat;
	}

		div#copyright a {
			display: block;
			float: left;
			height: 11px;
		}

		div#copyright a#iwink {
			width: 31px;
			margin-right: 3px;
			background: url(../images/copyright/iwink.png) no-repeat;
		}

		div#copyright a#disclaimer {
			width: 50px;
			background: url(../images/copyright/disclaimer.png) no-repeat;
		}

		div#copyright a#privacy {
			width: 86px;
			margin: 1px 0 0 9px;
			background: url(../images/copyright/privacy.png) no-repeat;
		}

/*SUBPAGINA BESTELLEN */

body#bestellen div.text,
body#bedankt div.text,
body#zoeken div.text
 {
	float: left;
	width: 550px;
	padding-top: 18px;
	background: url(../images/texttop_xl.gif) no-repeat;
}


/*
#########################
#	MENU'S & LIJSTEN	#
#########################
HOOFDMENU */
ul#hoofdMenu {
	float: left;
	width: 160px;
	list-style: none;
	border-top: 57px solid #fff;
	margin-top: -10px;
	clear: left;
}

ul#hoofdMenu li {
	padding: 4px 0;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
}

ul#hoofdMenu li a {
	display: block;
	height: 21px;
	background: no-repeat left;
}
ul#hoofdMenu li.pijl{
	background: url(../images/pijl.gif) no-repeat 0px 6px;
	padding-left: 23px;
}

ul#hoofdMenu li a:hover {
	background-position: right;
}

ul#hoofdMenu li#over a {
	background-image: url(../images/hoofdmenu/over.gif);
}

ul#hoofdMenu li#bezoeken a {
	background-image: url(../images/hoofdmenu/bezoeken.gif);
}

ul#hoofdMenu li#aanmelden a {
	background-image: url(../images/hoofdmenu/aanmelden.gif);
}

ul#hoofdMenu li#hebben a {
	background-image: url(../images/hoofdmenu/hebben.gif);
}

ul#hoofdMenu li#geven a {
	background-image: url(../images/hoofdmenu/geven.gif);
}

ul#hoofdMenu li#voorbeeld a {
	background-image: url(../images/hoofdmenu/voorbeeld.gif);
}

/*
#####################
#	FORMULIEREN		#
#####################
FORMULIER RECHTS */
form.formulierechts {
	float: right;
	width: 178px;
	height: 85px;
	padding: 50px 0 0 32px;
}

form.formulierechts input.submit {
	width: 144px;
	margin-top: 8px;
	color: #fff;
	background: #7a9d06;
	border: 1px solid #ece8e4;
	cursor: pointer;
}
form.formulierechts input {
	border: 1px solid #7a9d06;
	padding: 2px;

}

/* CONTROLEERCODE */
form#controleercode {
	background: url(../images/controleercode.gif) no-repeat;
}

form#controleercode input#kort {
	width: 20px;
}

form#controleercode input#lang {
	width: 34px;
}

form#controleercode input#langer {
	width: 50px;
}

/* ZOEK HUIS */
form#zoekhuis {
	background: url(../images/zoekhuis.gif) no-repeat;
}
form#zoekhuis input {
	width:140px;
}
form#zoekhuis input.submit {
	width:144px;
}

/* ZOEK GOOGLE MAPS */
div#zoekgooglemaps {
	float: right;
	width: 210px;
	height: 32px;
	margin: 20px 0 0 0;
	padding: 18px 0 0 0;
	text-align: center;
	background: url(../images/zoekinmaps.gif) no-repeat;
}

div#zoekgooglemaps a {
	text-decoration: none;
	background:#7A9D06;
	border:1px solid #ECE8E4;
	color:#FFFFFF;
	padding: 0px 20px;
}

div.mapsinfoblock {

	overflow: auto;
	width: 300px;
	height: 278px;
}

/* BESCHIKBAARHEID CONTROLEREN */
form#beschikbaarheid {
	height: 142px;
	padding-top: 70px;
	background: url(../images/beschikbaarheid.gif) no-repeat;
}

form#beschikbaarheid div {
	height: 28px;
}

form#beschikbaarheid label {
	display: block;
	float: left;
	width: 75px;
	padding-top: 3px;
	color: #fff;
}

form#beschikbaarheid input {
	float: left;
	width: 64px;
}

form#beschikbaarheid input#cijfers {
	width: 35px;
}

form#beschikbaarheid input#letters {
	width: 22px;
	margin-left: 4px;
}

form#beschikbaarheid input.submit {
	width: 145px;
}

/* BESTELFORMULIER EN GOOGLEMAPS ZOEKFORMULIER*/
form#bestelformulier input.submit,
form#zoekformulier input.submit {
	width: 144px;
	margin-top: 8px;
	color: #fff;
	background: #9ccb01;
	border: 1px solid #fff;
	cursor: pointer;
}
form#bestelformulier td.label {
	width: 130px;
}
form#bestelformulier input,
form#zoekformulier input {
	border: 1px solid #9ccb01;
}
form#bestelformulier textarea {
	border: 1px solid #9ccb01;
	height:150px;
	padding:2px;
	width:300px;
}
form#bestelformulier input.checkbox,
form#bestelformulier input.radio {
	border: 0;
}
div#loginForm {
	background-color:#FFFFFF;
	border:10px solid #8FCD00;
	height:235px;
	left:120px;
	padding:10px;
	position:absolute;
	top:190px;
	width:470px;
	z-index:100;
}
.errorMessage,
.infoMessage {
	border: 10px solid #9ccb01;
	background-color: #fff;
	position: absolute;
	z-index: 100;
	margin-left: 150px;
	margin-top: -550px;
	padding: 10px;
	width: 350px;
	height: 150px;
	font-size: 1.2em;
	line-height: 1.6em;
}