body { text-align:center;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size: 10px;background: #DBE9A4 url("/images/body.bg.jpg") top left repeat-x; }
img { border:0;}

a, a:visited { text-decoration:none;color: #6E6041;}
* { margin:0;padding:0; }

#wrapper { margin:0 auto;width: 760px;margin-bottom: 0;text-align:left;
background: url("/images/wrapper.bg.gif") repeat-y top left; padding: 0 15px;}

#header { height: 224px;clear:both; }
#header a { color: #FFF; text-decoration: none;}
#header a:hover { text-decoration: underline; }

ul { list-style:none; margin:0;padding:0; }

#topnav { text-align:right; font-size: 10px; text-transform: uppercase; width: 93px; float:left;margin: 5px 4px 0 0;}
#topnav li {}
#topnav li a { display:block; line-height: 16px;height: 16px;}

#mainnav { padding-top: 170px; overflow:visible; }

#headerpic { width: 475px; float:left; height: 224px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; margin-right: 4px; _margin-right: 0px;  }

#logo { position:absolute; top: 160px; margin-left: 30px; }
#sublogo { position:absolute; margin-left: 300px;top: 265px;  }

#blockmain { margin-top: 25px;float:right;width: 663px;background:#F4F5EF url("/images/blockmain.bg.gif") repeat top left ;}
#blockcontent { width: 420px; padding: 82px 0 15px 45px; float:left; line-height: 1.5em;  float:left; }
.full#blockcontent { width:602px;}

#footer { clear:both; width: 653px; float:right; text-align:right; padding: 1px 5px; background: #000;color: #FFF; }
#footer a { color: #FFF; }
#xalogo { float:left; padding: 2px 0 0 0px;}

#right {width: 162px; float:right;padding: 5px 10px;}

#content {width:566px; padding: 20px;}
#content ul { padding-left: 20px; margin-left: 20px;}

#right ul { background:white; padding: 2px 3px; letter-spacing: 1px; }
#right li { }
#right li a { color: #000;display:block; text-align:left;padding-left: 10px; background: url("/images/right.li.gif") no-repeat  0 5px;line-height: 1.3em;  }
#right li a:hover { color: #605342; text-decoration: underline;}

#right li ul { margin:0;padding:0;}
#right li ul li { }
#right li ul li  a { color: #217AC5;border:0; height: 20px; line-height: 20px;}

p { margin:0;padding:0; margin-bottom: 15px;}

#blockcontent ul { list-style: circle; margin: 10px; padding:10px;}




h1 { padding:5px 0 10px 0;margin:0;font-size: 12px;color: #000;}
h2 { color: #6E6041; margin:0;padding: 10px 0 5px 0;font-size: 13px; }
h3 { font-size: 12px;}

div.col { float:left; width: 49%; }

hr { clear:both; height: 1px;margin:0;padding:0;visibility:hidden;} 


div.col { float: left; width: 48%;}

.apic { width: 70px;height:53px;float:left;margin: 5px 0px 0 5px;padding:0;text-align:center;border: 1px solid #164A7C;}
.lastpic { margin-right:0;}
.apic a:hover { background:transparent;}
.apic a { text-decoration: none;}

.img-right { float:right;margin-left: 20px; }
.img-right img { margin-bottom: 5px;border: 1px solid #164A7C;}

th { border-bottom: 1px solid #164A7C;}
td { padding: 3px 0;}

.pics { margin-top: 10px; text-align:center;}
.pics a { padding: 2px; background:white;margin: 5px 0;display:block;height: 86px;width:156px;text-align:center;}
.pics a:hover { background: #6E6041;}

.small-pics { text-align:center; width: 180px;float:right;}
.small-pics a { float:left;padding: 2px ; background:white;margin: 5px 3px;display:block;height: 75px;width:75px;float:left;text-align:center;}
.small-pics a:hover {  background: #6E6041;}

.arrangement { border: 1px solid #6E6041; padding: 5px 5px; margin-bottom: 10px; clear:both; float:left; width: 581px;}

#formulier { clear:both; margin-bottom: 10px; background:red;}

#hpleft { float:left; display:block; width: 240px; padding-right: 25px; height: 250px; padding-top: 125px;}
#hpright { float:right;display:block;  width: 239px; padding-left: 30px; height: 250px; padding-top: 125px;}
#hpleft a, #hpright a {  color: #FFF; font-weight:bold; }
#hpleft ul  { float:right; }
#hpleft li a { background:url("/images/li.left.gif") no-repeat 6px left;  padding-left: 10px;}
#hpright li a { background:url("/images/li.right.gif") no-repeat 6px right;  padding-right: 10px;}

#hplogo { float:left; width: 221px; display:block; }
.hp#wrapper { padding:0; margin:0 auto;padding-top: 103px; font-size: 120%;  }

/* FORMS */

label { display:block;clear:both;margin:5px 0;font-weight:bold; }
legend {display:none;}
label.no { display: block;width: auto;float:none;}
label.inline { display: inline;float: none;width: auto;margin-left: 5px;margin-right: 5px;font-weight:normal;margin-bottom: 5px;}
.hi { font-weight:bold;background-color: #FFFF99;  }
label.hi { font-weight:bold}
label em { font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #990000; }
.form,.formerror {  }
.formerror { background-color: #FCDFD6;color: black;}
.form, .input { font-family: Arial, Helvetica, sans-serif; } 
fieldset { border:0;}
.button { background:  #6E6041;color: #FFF;font-size: 11px;border: 1px solid #A09587;}
fieldset.col { width: 45%; margin-right: 10px; float:left; }

.form .info { display:block;padding: 5px; border: 1px solid #D9E1FF;background-color: #E6F7FF;margin: 5px 0;}



#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("/images/lightbox/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/images/lightbox/prev.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/images/lightbox/next.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #2E1812;
	margin: 0 auto;
	padding-top: 5px;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left;color:#FFF; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;

	background-color: #2E1812;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}