﻿html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0; 
}
body { 
	background: #fff;
	font-size: 82%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
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: none; }
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; }
	
/***********************************************************
	KONINGLICHES FOTO ACCORDION   2009-03-20
***********************************************************/
/* facebox */

#fotogallery #facebox .t { background:url(/images/fotogallery/t.png) repeat-x;width:585px; }
#fotogallery #facebox .b { background:url(/images/fotogallery/b.png) repeat-x;width:585px; }
#fotogallery #facebox .tl { background:url(/images/fotogallery/tl.png) no-repeat top left; }
#fotogallery #facebox .tr { background:url(/images/fotogallery/tr.png) no-repeat top right; }
#fotogallery #facebox .ml { background:url(/images/fotogallery/ml.png) repeat-y top left; width:10px;}
#fotogallery #facebox .mr { background:url(/images/fotogallery/mr.png) repeat-y top right;width:15px; }
#fotogallery #facebox .bl { background:url(/images/fotogallery/bl.png) no-repeat bottom left; }
#fotogallery #facebox .br { background:url(/images/fotogallery/br.png) no-repeat bottom right; }
#fotogallery #facebox .b span
{
	width:100%;
	display:block;
	height:36px;
	background: url(/images/fotogallery/punt.png) bottom center no-repeat;
}
#fotogallery #facebox .popup {
	padding-bottom: 0;
	background:none;
	position: relative;
}
#fotogallery #facebox .tl,
#fotogallery #facebox .tr
{
	width:20px;
	height:25px;
	padding: 0;
}
#fotogallery #facebox .bl,
#fotogallery #facebox .br {
	width:20px;
	height:36px;
	padding: 0;
}
#fotogallery #facebox .gallerybody
{
	background-color: white;	
}
 #fotogallery #facebox #main_image
{
	width:600px;
	height:450px;
	overflow:hidden;
	padding-top:12px;
	text-align:center;
}
#fotogallery span.caption
{
	height:0;
}
#fotogallery .galleria_wrapper img
{
	max-width:600px;
	max-height:450px;
}
/* gallery */ 
#fotogallery a
{
	text-decoration:none;
	color:#000;
	font-family:Helvetica, Arial,sans-serif;
}
#fotogallery a#close
{
    background:url(/js/facebox2/images/navigation/close.gif) no-repeat top right;
    position:absolute;
    top:10px;
    right:14px;
    padding-right:22px;
    text-align:right;
    height:20px;
    font-size:18px;
    font-weight:bold;
    display:block;
}

#fotogallery a.pre,a.next
{
	display:block;
	height:20px;
	position:absolute;
}
#fotogallery .info
{
	width:100%;
	text-align:center;
	position:relative;
	 margin-top:6px;
	line-height:20px;
	height:20px;
	font-size:11px;
}
#fotogallery .info a.pre
{
	top:0;
	left:0;
	text-align:left;
	background:url(/images/fotogallery/arrow-left.gif) no-repeat center left;
	padding-left:26px;
	font-weight:bold;
	font-size:18px;
	display:block;
	height:20px;
	position:absolute;
	letter-spacing:-1px;
}
#fotogallery .info a.next
{
	background:url(/images/fotogallery/arrow-right.gif) no-repeat center right;
	padding-right:26px;
	top:0;
	right:0;
	text-align:right;
	font-weight:bold;
	font-size:18px;
	display:block;
	height:20px;
	position:absolute;
	letter-spacing:-1px;
}
#fotogallery .gallery
{
	width:100%;
	height:70px;
	position:relative;
	margin-top:8px;
}
#fotogallery .gallery a.pre
{
	top:25px;
	left:0;
	width:20px;
	height:20px;
}
#fotogallery .gallery a.next
{
	top:25px;
	right:0;
	width:20px;
	height:20px;
}
#fotogallery .gallerySlider
{
	width:564px;
	height:70px;
	overflow:hidden;
	position:relative;
	margin:0 22px 0 0;
	top:1px;
	left:22px;
}
#fotogallery ul.thumbs
{
	top:0;
	left:0;
	position:absolute;
	padding:0;
	margin:0;
}
#fotogallery .thumbs li
{
	width:93px;
	height:70px;
	float:left;
	margin:0;
}
#fotogallery .thumbs li.active
{
	background:url(/images/fotogallery/selected-image-border.gif) no-repeat bottom center;
}
#fotogallery .thumbs li img
{
    height:60px !important;
	margin:0 !important;
	padding:5px 0 0 4px;
	width:84px !important;
}

/***********************************************************
	PAGE LAY-OUT
***********************************************************/

div#content {
	padding: 10px 10px 50px 10px;
	background: url(/images/fotogallery/popup-bg.gif) #fff top right no-repeat fixed;
}
div#content2 {
	padding: 0 10px;
	background: url(/images/fotogallery/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
***********************************************************/

#contactfield {
	padding: 0;
	margin: 0;
	border: 0;
}
#contactfield legend { display: none; }
#contactfield label.normal {
	width: 180px;
	padding: 4px 0 0 0;
	float: left;
}
span#beoordeling {
	width: 180px;
	float: left;
}
#contactfield label.nowidth {
	width: auto;
	float: none;
}
#contactfield input.textinput {
	width: 190px;
	height: 18px;
	margin: 2px 0 2px 0;
	border: 1px solid #7e9db9;
}
#contactfield input#email { margin-bottom: 6px; }
textarea {
	width: 190px;
	height: 80px;
	margin: 2px 0 2px 0;
	border: 1px solid #7e9db9;
}
span#note { font-size: 82%; }
button#afdrukken {
	width: 93px;
	height: 21px;
	padding: 21px 0 0 0;
	margin: 0;
	border: 0;
	background: url(/images/fotogallery/receptafdrukken-knop.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#afdrukken2 {
	width: 93px;
	height: 21px;
	padding: 21px 0 0 0;
	margin: 20px 30px 0 0;
	border: 0;
	background: url(/images/fotogallery/receptafdrukken-knop.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#beoordeelknop {
	width: 88px;
	height: 20px;
	padding: 20px 0 0 0;
	margin: 2px 20px 0 0;
	border: 0;
	background: url(/images/fotogallery/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/fotogallery/verzenden.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
a.popup-button {
	height: 26px;
	padding: 9px 40px 0 0;
	margin: 20px 10px 10px 0;
	background: url(/images/fotogallery/insturen-knop.gif) top right no-repeat;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	display: block;
	float: right;
}
/*
button#contactknop {
	width: 119px;
	height: 34px;
	padding: 34px 0 0 0;
	margin: 2px 120px 0 0;
	border: 0;
	background: url(/images/fotogallery/verzenden.gif) no-repeat;
	overflow: hidden;
	cursor: pointer;
	float: right;
}
button#contactknop:hover { background: url(/images/fotogallery/verzenden-hover.gif) no-repeat; }*/
#contactfield 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
***********************************************************/

div#inputRoute {
	width: 100%;
	float: left;
}
div#mapRoute {
	width: 400px;
	height: 450px;
	float: left;
}
div#directions {
	width: 300px;
	height: 430px;
	overflow: auto;
	float: left;
}
span#routeWaarschuwing {
	font-size: 82%;
	color: #666;
	font-style: italic;
}
