@charset "utf-8";


/* 
	-----------------------------------------
	Reset Stylesheet - Based on Eric Meyer's.
	-----------------------------------------
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, font, img, dl, dt, dd, ol, ul, li,form, label, tr, th, td {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}


a{
	text-decoration: none;
	outline: none;
}

img{
	outline: none;
}

a img{
	border: none;
}

table {
	border-collapse:separate;
	border-spacing:0;
	empty-cells: show;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
table, td, th {
	vertical-align:middle;
}



/* 
	-----------------------------------------
	General styles
	-----------------------------------------
*/

body{
	background-color: #555e6d;
	font-size: 70%;
	line-height:180%;
	color: #242633;
	font-family:  Verdana, tahoma, arial, sans-serif;
}
p {
	margin: 5px 0px;
	padding: 3px 0px;
}

#container-wrapper{
	background: #808693 url(../media/images/bg.gif) repeat-x top left;
}

#container{
	width:970px;
	margin:0 auto;
	background: #dadee1 url(../media/images/container_bg.jpg) no-repeat top left;

}

/* 
	-----------------------------------------
	Header
	-----------------------------------------
*/

#print-logo{
	display: none;
}


#home-link{
	display: block;
	text-decoration: none;
	border: none;
	width: 349px;
	height: 124px;
}



/* 
	-----------------------------------------
	Navigation
	-----------------------------------------
*/


#navigatie{
	padding: 30px 0px 0px 0px;
	height: 61px;
}

	#navigatie ul{
		margin: 0px 0px 0px 25px;
		padding: 0px;
	}
	
	#navigatie ul li{
		display: inline;
	}

	#navigatie ul li ul{
		display: none;
	}

	#navigatie a:link, #navigatie a:visited, #navigatie a:hover, #navigatie a:active{
		height: 61px;
		line-height: 43px;
		padding: 0px 15px;
		display: block;
		float: left;
		color: #2d3249;
		font-weight: bold;
		text-decoration: none;
		border: none;
		margin: 0px 5px 0px 5px;
		font-size: 105%;
	}
	
	#navigatie a:hover{
		color: #fff;
	}
	
	#navigatie .page-active a:link, #navigatie .page-active a:visited, #navigatie .page-active a:hover, #navigatie .page-active a:active{
		background: url(../media/images/navig_bg.gif) center top no-repeat;
		color: #fff;
	}



/* 
	-----------------------------------------
	Content
	-----------------------------------------
*/

#main{
	padding: 30px 20px 30px 33px;
	min-height: 200px;
	height: auto;
	_height: 200px;
}

	#content{
		width: 546px;
		float: left;
		padding-left: 32px;
	}

	#content p{
		padding-right: 10px;
	}

	#content.wide{
		width: 886px;
		float: none;
		padding-left: 32px;
	}

	#content p{
		text-align: justify;
	}

	img.icon{
		margin-right: 5px;
	}


#adres{
	height: 84px;
	_overflow: hidden;
	_width: 971px;
	line-height: 89px;
	color: #32374e;
	text-align: center;
	background: url(../media/images/adres_bg.jpg) left top no-repeat;
}

/* 
	-----------------------------------------
	Googlemap
	-----------------------------------------
*/

.googlemap{
		float: left;
		width: 340px;
	}
	
	.contact{
		float: left;
		width: 330px;
	}
	
	.contact-images .related-images{
		padding-right: 38px;
		text-align: right;
		padding-top: 0px;
		float: right;
		width: 161px;
		margin-top: 0px;
	}

/* 
	-----------------------------------------
	Pager
	-----------------------------------------
*/


.pager{
	margin: 15px 0px;
	font-size: 0.9em;
	text-align: center;
}
.pager span{
	padding-right: 15px;
	font-weight: bold;
}
.pager a:link,.pager a:visited{
	padding: 3px 6px;
	border: 0;
	color: ;
	text-decoration: underline;
}
.pager a:hover,.pager b{
	padding: 2px 5px;
	border: 1px solid #c1c1c1;
	color: black;
}
.pager b{
	border-color: #6e6e6e;
	color: #2a2a2a;
	text-decoration: none;
}
	
	

/* 
	-----------------------------------------
	Titles
	-----------------------------------------
*/

h1{
	font-size: 1.4em;
	font-weight: normal;
	color: #c77500;
	padding: 0 0 20px 30px;
	margin: 0px 0px 15px -33px;
	background: url(../media/images/h1_bg.gif) 0px 4px no-repeat;
}


	h1 span{
		color: #3e435a;
	}


h2{
	font-size: 1.2em;
	font-weight: bold;
	color: #3f445b;
	margin: 15 0 15px 0;
	padding: 0px 0px 0px 35px;
	background: url(../media/images/h2_bg.gif) 0px 5px no-repeat;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #c77500;
	margin: 15px 0px;
}

h4{
	font-size: 1.2em;
	font-weight: bold;
	color: #3f445b;
	margin: 15 0 15px 0;
}

h5{
	font-size: 1.1em;
	font-weight: bold;
	color: #727581;
	margin: 15 0 15px 0;
}

h6{
	font-size: 0.9em;
	font-weight: bold;
	color: #727581;
	margin: 15 0 15px 0;
}


/* 
	-----------------------------------------
	Tables
	-----------------------------------------
*/






/* 
	-----------------------------------------
	Footer
	-----------------------------------------
*/


#footer{
	width: 970px;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	background: url(../media/images/footer_bg.jpg) no-repeat center top;
	font-size: 90%;
	color: #c0c5cc;
}
#footer ul{
	line-height: 1;
	padding: 20px 0 0 0;
	float: right;
}
#footer li{
	list-style: none;
	float: left;
	border-right: 1px solid #c0c5cc;
	padding: 0 10px;
}
#footer li.last{
	border: none;
	padding-right: 0;
}
#footer li a:link,#footer li a:visited,#footer li a:active{
	color: #c0c5cc;
	border-bottom: 1px dotted #c0c5cc;
	border: 0;
}
#footer li a:hover{
	color: #c0c5cc;
	border-bottom: 1px solid #c0c5cc;
}



/* 
	-----------------------------------------
	Lists
	-----------------------------------------
*/


ul, ol {
	padding-left:320px;
}
ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
}
ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
}

ul.related-files {
	margin-bottom:10px;
}

#content ul{
	padding-left: 15px;
}
#content ul li{
	background:transparent url(../media/images/li_icon.gif) no-repeat scroll 0 8px;
	padding-left:15px;
}

#content ul, #content ol{
	list-style-image:none;
	list-style-position:outside;
	margin: 10px 0;
}

.related-images{
	width: 326px;
	float: right;
	overflow: hidden;
	margin-top: 33px;
	padding: 0px 0px 12px 0px;
}

.related-images a:link, .related-images a:visited, .related-images a:hover, .related-images a:active{
 	border: 1px solid #3e435a;
	background-color: #54596d;
	float: left;
	margin: 0px 0px 12px 12px;
	padding: 3px;
	float: left;
}

.related-images a:hover{
 	border: 1px solid #e48f17;
	background-color: #fff;
}

/* 
	-----------------------------------------
	Promotions
	-----------------------------------------
*/


#content ul.promotions-overview{
	padding-left: 0px;
}

#content ul.promotions-overview li{
	background: #3e435a url(../media/images/promotions_overview_bg.gif) 25px 9px  no-repeat;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 3px 0px;
}

#content ul.promotions-overview li span.date{
	color: #fff;
	width: 90px;
	margin-right: 15px;
	float: left;
	padding: 5px 0px;
}

#content ul.promotions-overview li a:link, #content ul.promotions-overview li a:visited, #content ul.promotions-overview li a:hover, #content ul.promotions-overview li a:active{
	color: #fff;
	border-bottom: 0px dotted #d37f09;
	font-weight: bold;
	font-size: 105%;
	display: block;
	float: left;
	width: 356px;
	padding: 5px 0px 5px 25px;
	background: #555a6e url(../media/images/promotions_overview_arrow.gif) 350px 10px no-repeat;

}

#content ul.promotions-overview li a:hover{
	color: #d37f09;
	border-bottom: 0px solid #d37f09;
	background: #555a6e url(../media/images/promotions_overview_arrow_hover.gif) 350px 10px no-repeat;

}

/* 
	-----------------------------------------
	Newsletter form
	-----------------------------------------
*/


.nieuwsbrief{
	padding: 15px;
	background-color: #e48f17;
	color: #242633;
	clear: both;
	margin-top: 25px;
}

.nieuwsbrief h1{
		font-size: 1.4em;
		font-weight: normal;
		color: #fff;
		padding: 0 0 20px 35px;
		margin: 0px 0px 10px 0px;
		background: url(../media/images/h1_nieuwsbrief_bg.gif) 0px 4px no-repeat;
	}


.formulier{
	margin: 10px 0px;
}

.inputText{
	border: 1px solid #cb7803;
	color: #cb7803;
	padding: 2px;
}

.formulier button{
	border: none;
	background-image: none;
	color: #c5c7cc;
	background-color: #555e6d;
	padding: 2px 15px;
	#height: 21px;
	#padding: 0px 15px;
	cursor: pointer;
	clear: both;
}

/* 
	-----------------------------------------
	Products overview
	-----------------------------------------
*/

#content ul.products-overview{
	padding-left: 0px;
}

#content ul.products-overview li{
	float: left;
	width: 283px;
	margin: 0px 18px 18px 0px;
	_margin: 0px 14px 14px 0px;
	background-position: left top;
	background-repeat: no-repeat;
	height: 208px;
	padding: 0px;
}

#content ul.products-overview li.last{
	margin: 0px 0px 18px 0px;
	_margin: 0px 0px 14px 0px;
}

#content ul.products-overview li a:link, #content ul.products-overview li a:visited, #content ul.products-overview li a:hover, #content ul.products-overview li a:active{
	display: block;
	height: 32px;
	width: 233px;
	background: url(../media/images/products_overview_arrow.gif) left 158px no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 105%;
	border: none;
	padding: 164px 15px 10px 38px;
}

	#content ul.products-overview li a:hover{
		background: url(../media/images/products_overview_arrow_hover.gif) left 158px no-repeat;
		color: #d37f09;
		border: none;
	}
	
/* 
	-----------------------------------------
	Products detail
	-----------------------------------------
*/


#content .products-detail{
	width: 903px;
}

#content .products-detail h3{
	margin-bottom: 10px;
}

#content .products-detail .wrapper{
	clear:both;
	margin: 0px 0px 18px 0px;
	background: url(../media/images/products_detail_wrapper.gif) left top repeat-y;

}

#content .products-detail .short{
	background: url(../media/images/products_detail_wrapper_short.gif) left top repeat-y;

}

#content .products-detail .item{
	float: left;
	width: 431px;
	min-height: 149px;
	height: auto;
	_height: 149px;
	padding: 0px;
	color: #fff;
}

#content .products-detail .item h3{
margin: 0px 0px 10px 0px;
}

#content .products-detail .description{
	line-height: 130%;
	padding-top: 5px;
	clear: both;
}

#content .products-detail .last{
	margin-left: 22px;
}

#content .product-images{
	padding: 8px;
}

#content .product-images a:link, #content .product-images a:visited, #content .product-images a:hover, #content .product-images a:active{
	float: left;
	margin: 0px 5px 0px 0px;
	float: left;
}

#content .product-images a img{
 	border: 1px solid #40455c;
	width: 128px;
}


#content .product-images a:hover img{
 	border: 1px solid #fff;
}


#content .products-detail a.nyroModal:link, #content .products-detail a.nyroModal:visited, #content .products-detail a.nyroModal:hover, #content .products-detail a.nyroModal:active{
	float: left;
	padding: 4px;
	display: block;
	margin-right: 0px;
	border: none;
}

#content .products-detail a img{
 	border: 1px solid #40455c;
}



#content .products-detail .text-container{
	padding: 12px 8px 3px 28px;
	background: url(../media/images/product_detail_bg.gif) 5px 16px no-repeat;
	margin: 0px 0px 0px 10px;
	min-height: 110px;
	height: auto;
	_height: 110px;
}

.detail-label{
	width: 90px;
	float: left;
	color: #fff;
	clear: left;
}

.detail-value{
	width: 250px;
	float: left;
	color: #d37f09;
}

/* 
	-----------------------------------------
	realisations overview
	-----------------------------------------
*/



#content ul.realisations-overview{
	padding-left: 0px;
}

#content ul.realisations-overview li{
	background: #3e435a url(../media/images/promotions_overview_bg.gif) 25px 9px  no-repeat;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 3px 0px;
	_height: 30px;
}


#content ul.realisations-overview li a:link, #content ul.realisations-overview li a:visited, #content ul.realisations-overview li a:hover, #content ul.realisations-overview li a:active{
	color: #fff;
	border-bottom: 0px dotted #d37f09;
	font-weight: bold;
	font-size: 105%;
	display: block;
	padding: 5px 0px 5px 25px;
	background: #555a6e url(../media/images/promotions_overview_arrow.gif) 460px 10px no-repeat;
	width: 461px; 

}

#content ul.realisations-overview li a:hover{
	color: #d37f09;
	border-bottom: 0px solid #d37f09;
	background: #555a6e url(../media/images/promotions_overview_arrow_hover.gif) 460px 10px no-repeat;

}




/* 
	-----------------------------------------
	Forms
	-----------------------------------------
*/





/* 
	-----------------------------------------
	Links
	-----------------------------------------
*/


a,a:link{
	color: #3f445b;
	border-bottom: 1px dotted #64687a;
}
a:hover{
	color: #c77500;
	border-bottom: 1px solid #c77500;
}

a.terug,a.terug:link{
	float: right;
	font-size:73%;
	}
	
a.terug_intekst, a.terug_intekst:link{
	font-size:100%;
	}

/* 
	-----------------------------------------
	nyroModal
	-----------------------------------------
*/

#nyroModalWrapper{
	border: 2px solid #fff!important;
}


div.wrapperImg div#nyroModalContent div {
	opacity: 0.5!important;
	filter: alpha(opacity=50)!important;
	color: #fff!important;
}

div.wrapperImg div#nyroModalContent div:hover {
	cursor: default!important;
}


h1#nyroModalTitle {
	display: none!important;
}


/* 
	-----------------------------------------
	Misc fixes
	-----------------------------------------
*/


.clearImgSpace {
	display:block;
}
.clear {
	clear:both;
	line-height:0;
}

/* CLEARFIX */

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

.clearfix {
   #display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* END CLEARFIX */