/**
 * 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: #fff url(../images/layout/bg.jpg) no-repeat left top;
	font-family: Tahoma,Arial, sans-serif;
	font-size: 11px;
	
	color:#666666;
}

html, body {
	height: 100%;
}

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

	color:#f39800;
}

h2 {
	font-size: 22px;
	font-weight:normal;
	padding: 25px 0 20px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
	letter-spacing: -0.5px;
}

h3 {
	font-size: 11px;
	font-weight:normal;
	padding: 0 0 20px 0;
	color:#DDA700;
	font-weight:700;
}

h4 {
	font-size: 18px;
	font-weight:normal;
	padding: 0 0 5px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#DDA700;
	letter-spacing: -0.5px;
}

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

p {
	font-size: 11px;
	padding: 0 0 12px;
	/*text-align:justify;*/
}
strong{font-weight:700;}
em{font-style:italic;}


a{
	color: #dda700;
}

a:hover {
	color: #dda700;
}



.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:900px;
	margin-left:48px;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -40px; /* the bottom margin is the negative value of the footer's height */
}

#headerWrapper{
	height:98px;
}


#leftWrapper{
	width:200px;
	position:absolute;
	left:48px
}

#contentWrapper{
	margin-left:258px;
	margin-top:28px;
}


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

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

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



/**
 * HEADER
 * _____________________________________________
 */
 

#headerWrapper h1 a{
 	width: 110px;
	height: 51px;
	position: absolute;
	
	top: 24px;
	
	
 	background: transparent url(../images/layout/logo.gif) no-repeat top left;
	text-indent: -9999px;
 }
 
 #headerWrapper h2{
 	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	text-align:right;
	padding-top:20px;
}



/**
 * NAVIGATION
 * _____________________________________________
 */
 #navWrapper{
	 background-color:#dda700;
	 height:60px;
 }
 
 #navWrapper ul{
	 background-color:#3b3b3b;
	 height:30px;
 }
 
  
 #navWrapper ul li{
 	float:left;
	height:30px;
 }
 
 
 #navWrapper ul li a{
 	display:block;
	color:#fefefe;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:8px 20px 5px 20px;
	height:17px;
	font-size:12px;
 }
 
  #navWrapper ul li a:hover{
  	background:#4f4f4f;
  }
  
  #navWrapper ul li.active a{
  	background:#dda700;
  }
  
  
 /**
 * LEFT NAVIGATION
 * _____________________________________________
 */
  
  #leftWrapper ul{
    background: transparent url(../images/layout/subnavbg.jpg) no-repeat top left;
  }
  
  #leftWrapper ul li{
	text-decoration:none;
	font-size:11px;
  }
  
  #leftWrapper ul li a{
	color:white;
	display:block;	
	text-decoration:none;
	height:18px;
	margin-bottom:2px;
	margin-top:2px;
	padding:8px 0 5px 20px;
  }
  
   #leftWrapper ul li a:hover{
   		background: transparent url(../images/layout/subnavarrow.gif) no-repeat 177px 10px;
   }
   
   #leftWrapper ul li.active{
   		background: transparent url(../images/layout/subnavarrow.gif) no-repeat 177px 10px;
		color:#DDA700;
   }
   
   #leftWrapper ul li.active a{
   	 color:#DDA700;
   }
  



 /**
 * CONTENT FORMAT
 * _____________________________________________
 */  
 	#contentWrapper p, #contentWrapper ul li{
		line-height:18px;
	}
 
   #contentWrapper img.kader{
   		padding:5px;
		border:#d9d9d9 solid 1px;
		margin-right:24px;
		margin-bottom:24px;
		float:left;
   }
   
    #contentWrapper ul{
		list-style-image:url(../images/layout/li.gif);
		list-style-position:outside;
		margin-left:45px;
	}
	
	#contentWrapper li{
	 	margin-bottom:20px;
	}		
	
	
 	dl.referentie{
		border-bottom:#d9d9d9 solid 1px;
		padding:10px 0;
	}
	
	
 	dl.referentie dt{
			width:165px;
			position:absolute;
	}
	
	dl.referentie dt img{
			padding:6px;
			border:#d9d9d9 solid 1px;
	}
	
	
	dl.referentie dd{
		margin-left:180px;
	}
	
	
	dl.referentie dd h3{
		font-weight:700px;
		color:#dda700;
		font-size:12px;
		text-decoration:underline;
		padding-bottom:12px;
		padding-top:10px;
	}	
	
	
	dl.referentie dd p.btn a{
		text-decoration:none;
		color:white;
		background-color:#dda700;
		padding:4px 10px;
		margin-left:391px;
	}
	
	.productdetail{text-align:center;}
	
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;
}