/**
 * GENERAL & FIXES
 * _____________________________________________
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}


caption, th, td {
	text-align: left;
	font-weight: normal;
}


body {
	background: #264b47 url(../images/layout/bg.jpg) repeat-x left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color:#203f3c;
}

html, body {
	height: 100%;
}

h1 {
	font-size: 18px;
	font-weight:normal;
	padding: 0 0 10px;

	color:#f39800;
}

h2 {
	font-size: 12px;
	font-weight:700;
	padding: 0px 0 8px 0px;
	font-family:"Times New Roman", Times, serif;
	color:#203f3c;
	letter-spacing: 0.7px;
	background:url(../images/layout/BgH2.jpg) repeat-x bottom left;
	margin-bottom:19px;
	text-transform:uppercase;
}

h2 span{color:#acad84;}

h3 {
	font-size: 12px;
	font-weight:normal;
	color:#CCCC99;
	margin-bottom:19px;
}

h4 {
	font-size: 12px;
	font-weight:normal;
	padding: 0 0 5px;
}

h5 {
	font-size: 12px;
	font-weight:normal;
	padding: 0 0 5px;
}

p {
	font-size: 11px;
	padding: 0 0 20px 0;
	line-height:18px;
}
strong{font-weight:700;}


a{
	color: #122c29;
	text-decoration:none;
	/*border-bottom:#CCCC99 dotted 1px;*/
}

a:hover {
	color: #122c29;
	/*border-bottom:#122c29 dotted 1px;*/
}



.clear {
	clear: both;
}

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

.clearfix {display: inline-block;}

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


/**
 * WRAPPERS
 * _____________________________________________
 */

#container{
	width:832px;
	margin:0 auto;
	background: #20433F url(../images/layout/bgWrapper.jpg) no-repeat left top;
	
	min-height:990px;
	height:expression(this.scrollHeight > 990 ? "auto":"990px");

	padding:20px;
	
	/*
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -40px;
	*/
}

#headerWrapper{
	height:205px;
	background:url(../images/layout/bgHeader.jpg) repeat-x;
}


#leftWrapper{
	width:215px;
	position:absolute;
}

#contentWrapper{
	margin-left:215px;
	margin-top:0px;
	padding:0 39px;
	background:url(../images/layout/BgBroodkruimel.jpg) top no-repeat;
}


/*
#footerWrapper {
	color: #666666;
	text-align:right;
}

#footerWrapper a{
	color: #f6f8f4;
}
#footerWrapper p{
	padding-top:15px;
	margin-left:306px;
	width:642px;
	font-size:10px;
}

#footerWrapper, div.push {
	height: 40px;
}
*/



/**
 * HEADER
 * _____________________________________________
 */
 

h1 a{
 	width: 215px;
	height: 205px;
	position: absolute;
			
 	background: transparent url(../images/layout/logo.jpg) no-repeat top left;
	text-indent: -9999px;
}

#headerWrapper ul,#headerWrapper div#flashcontent{
	margin-left:215px;
	margin-top:-10px;
}

#headerWrapper li{
	float:left;
}

#headerWrapper li.middle{
	margin:0px 1px;
}



/**
 * CONTENT
 * _____________________________________________
 */

#bread{
	height:31px;
	padding-top:12px;
	margin-bottom:19px;
}

#bread p{
	padding:0;
	letter-spacing: 0.7px;
	font-weight:700;
	text-transform:uppercase;
	font-family:"Times New Roman", Times, serif;
}

#bread p,#bread p a{
	text-decoration:none;
	color:#2a514d;
}

#bread p a:hover{
	border-bottom:#bbbb97 solid 1px;
}

#bread p span{
	color:#bbbb97;
}

#contentWrapper ul{
	background:url(../images/layout/BgH2.jpg) repeat-x top left;
	list-style-position:inside;
	list-style-image:url(../images/layout/listDisc.gif);
	padding: 19px 0 20px 0;
}

#contentWrapper ul li.last{
	background:url(../images/layout/BgH2.jpg) repeat-x bottom left;
	padding-bottom:19px;
}

div#address{
	margin-top:60px;
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	letter-spacing: 0.8px;
	text-align:center;
	line-height:19px;
	text-transform:uppercase;
}

div#address a{
	color:white;
	border-bottom:none;
}

div#address a:hover{
	border-bottom:#CCCC99 dotted 1px;
}

#contentWrapper p a{
	border-bottom:#122c29 dotted 1px;	
}

#contentWrapper p a:hover {
	border-bottom:#CCCC99 dotted 1px;
}

#contentWrapper p img{
	border:#EFEFE8 solid 2px;
	margin:5px;
}


div.referentie{
	background-color:#efefe8;
	margin:15px 0 0px 0;
}

div.referentieline{
	background:url(../images/layout/BgH2.jpg) repeat-x bottom left;
	padding:0px 0 15px 0;
}

div.referentie div.content{margin-left:240px;}
div.referentie div.photo{float:left; width:240px;}

div.referentie h3 a,div.referentie h3{
	font-family:"Times New Roman", Times, serif;
	font-weight:700;
	font-size:12px;
	letter-spacing: 0.8px;
	text-transform:uppercase;
}

div.referentie h3{
	padding:20px 0 18px 0;
	margin:0px;
}

div.referentie p{margin:0px; padding:0px; line-height:15px;}

div.referentie p.btn{margin-top:10px;}


div.referentiedetail{
	float:left;
}

div.referentiedetailspace{
margin-left:5px;
}

p.h2opools{
	margin-top:10px;
	text-align:center;
}

div.siteby{
	margin-top:10px;
	text-align:center;
}

div.siteby a{
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	letter-spacing: 0.8px;
	text-align:center;
	line-height:19px;
	text-transform:uppercase;
}

p.h2opools img{
}


span.form-error {
	padding: 2px 0;
	font-size: 13px;
	display: block;
	color: #CC0000;
	clear: both;
}

.contactfrm dl{
	margin-bottom:15px;
}

.contactfrm  dt{
	margin-bottom:5px;
}


.contactfrm .txt,.contactfrm .txt_error{
	padding:3px;
	width:300px;
	border:#ccc solid 1px;
}

.contactfrm textarea.txt{
	width:400px;
}




/**
 * NAVIGATIE
 * _____________________________________________
 */

ul#nav{
	background:url(../images/layout/bgNav.jpg) no-repeat;
}


ul#nav li{
	background:url(../images/layout/dotted-line.gif) repeat-x left bottom;
}

ul#nav li a{
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:white;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	letter-spacing: 0.8px;
	padding-top:13px;
	padding-bottom:13px;
}

ul#nav li a:hover,
ul#nav li.active a{
	background:#2A514E url(../images/layout/bgNavActive.jpg) no-repeat;
	color:#bbbb97;
}

ul#nav li ul{
	background:#354B49 url(../images/layout/dotted-line.gif) repeat-x left top;
	padding-top:1px;
}

ul#nav li.active ul li a{background:url(../images/layout/bgNavSub1.jpg) no-repeat center;}
ul#nav li ul li a:hover,ul#nav li.active ul li.active a{background:url(../images/layout/bgNavSub2.jpg) no-repeat center;}