﻿html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0; 
}
body { 
	background: #fff;
	font-size: 82%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
/* 2 wijzigingen tov screen */
* html body { font-size: 130%; }
*:first-child+html body { font-size: 130%; }
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}
h1 {
	margin: 0 0 5px 0;
	font-size: 250%;
	color: #d1c6b4;
}
h1.route { display: block; }
h2 {
	margin: 0 0 15px 0;
	font-size: 170%;
}
h3 {
	margin: 0 0 5px 0;
	font-size: 160%;
}
h4 {
	margin: 0 0 15px 0;
	font-size: 130%;
}
h5 {
	margin: 0 0 5px 0;
	font-size: 110%;
}
h6 {
	margin: 0 0 5px 0;
	font-size: 100%;
}
a { color: #023473; }
a:hover { color: #a38d67; }
p { margin: 0 0 10px 0; }
img { border: 0; }
img#printpic {
	width: 280px;
	padding: 1px;
	border: 1px solid #e3ddd1;
}
ul { margin: 0 0 15px 0; margin-left: -15px; }
	* html ul { margin-left: 25px; } 
	*:first-child+html ul { margin-left: 25px; }

/***********************************************************
	PAGE LAY-OUT
***********************************************************/

div#content {
	padding: 10px 10px 50px 10px;
	background: url(../images/design/popup-bg.gif) #fff top right no-repeat fixed;
}
div#content2 {
	padding: 0 10px;
	background: url(../images/design/popup-bg.gif) #fff top right no-repeat fixed;
}
div#left {
	width: 56%;
	float: left;
}
div#right {
	width: 38%;
	padding: 0 0 0 15px;
	float: left;
}

/***********************************************************
	CONTENT CONTACT
***********************************************************/

fieldset#contactfield {
	padding: 0;
	margin: 0;
	border: 0;
}
fieldset#contactfield legend { display: none; }
form#contactform label.normal {
	width: 180px;
	padding: 4px 0 0 0;
	float: left;
}
span#beoordeling {
	width: 180px;
	float: left;
}
form#contactform label.nowidth {
	width: auto;
	float: none;
}
form#contactform input.textinput {
	width: 190px;
	height: 18px;
	margin: 2px 0 2px 0;
	border: 1px solid #7e9db9;
}
form#contactform input#email { margin-bottom: 6px; }
textarea {
	width: 190px;
	height: 80px;
	margin: 2px 0 2px 0;
	border: 1px solid #7e9db9;
}
span#letop { font-size: 82%; }
/* 2 wijzigingen tov screen */
button#afdrukken { display: none; }
button#afdrukken2 { display: none; }
button#beoordeelknop {
	width: 88px;
	height: 20px;
	padding: 20px 0 0 0;
	margin: 2px 20px 0 0;
	border: 0;
	background: url(../images/design/receptbeoordeel-knop.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#sturenknop {
	width: 119px;
	height: 34px;
	padding: 34px 0 0 0;
	margin: 2px 50px 0 0;
	border: 0;
	background: url(../images/design/verzenden.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#contactknop {
	width: 119px;
	height: 34px;
	padding: 34px 0 0 0;
	margin: 2px 120px 0 0;
	border: 0;
	background: url(../images/design/verzenden.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#contactknop:hover { background: url(../images/design/verzenden-hover.gif) no-repeat; }
form#contactform input.error { border: 1px solid red; }
span.errormessage {
	padding: 0 0 0 10px;
	color: #f00;
	font-weight: bold;
}
span.errormessage2 {
	padding: 0;
	color: #f00;
	font-weight: bold;
}
div.error {
	padding: 0 0 20px 0;
	color: #f00;
}
div#beoordeeld {
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #e3ddd1;
	border-bottom: 1px solid #e3ddd1;
	font-size: 82%;
}

/***********************************************************
	CONTENT ROUTE
***********************************************************/

/* 3 wijziging tov screen */
div#inputRoute {
	display: none;
}
div#mapRoute {
	width: 100%;
	height: 300px;
	float: left;
}
div#directions {
	width: 100%;
	height: auto;
	float: left;
}