@charset "UTF-8";
/* Screen */

a:hover, a:active{
	text-decoration:none;
}
a:link, a:visited{
	text-decoration:underline;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color: #555;
	background-image:url(../images/backgroundpattern.gif);
	text-align:center;
	min-width:901px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wrapper{
	text-align:left;
	width:901px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
}
#headlarge{
	background-image:url(../images/head1.jpg);
	background-repeat:no-repeat;
	width:901px;
	height:301px;
	margin:0;
	padding:0;
}
#headsmall{
	background-image:url(../images/headsmall.jpg);
	background-repeat:no-repeat;
	width:901px;
	height:142px;
	margin:0;
	padding:0;
}
#logo{
	float:left;
	margin:20px 0 0 20px;

}
h1#sitetitle{
	background:url(../images/back-transp-black.png);
	color: #FFF;
	font-size:22pt;
	clear:left;
	float:left;
	padding: 5px 15px;
	margin: 70px 0 0 0;
}
#nav{
	margin:0;
	padding:0;
	background-image:url(../images/navblank.jpg);
	background-repeat:repeat-x;
}
#nav ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#nav ul li{
	float:left;
	margin:0;
	padding:0;
}

#nav ul li a{
	vertical-align:top;
	color:#FFFFFF;
	font-size:8.5pt;
	padding:12px 25px 0 48px;
	background-repeat:no-repeat;
	display:block;
	
	height:30px;
}
#nav ul li.active{
	background-image:url(../images/navactive.jpg);
	background-repeat:repeat-x;
}

#nav ul li a:hover{
	color: #FFDB9C;
}


#nav ul li a.nieuws{
	background-image:url(../images/nieuws.png);
}

#nav ul li a.producten{
	background-image:url(../images/producten.png);
}

#nav ul li a.fotogallerij{
	background-image:url(../images/fotogallerij.png);
}

#nav ul li a.catalogi{
	background-image:url(../images/catalogi.png);
}

#nav ul li a.bedrijfsinfo{
	background-image:url(../images/overons.png);
}
#nav ul li a.contact{
	background-image:url(../images/contact.png);
}



p, li, td, dd, dt{
	color:#a6a6a6;
	font-size:9pt;
	vertical-align:top;
	margin-bottom:1em;
	line-height:150%;
}
li{
	margin-bottom:0.5em;
}
em{
	color:#fff;
	font-weight:normal;
	font-style:normal;
}
div.oranje{
	padding:20px;
	background-image:url(../images/backnieuws.jpg);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#fdf3b9;
}
div#sidebar{
	float:left;
	color:white;
	width:200px;
	padding:0 8px 0 8px;
	background-image:url(../images/sideback.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#000000;
	height:565px;
}
div#sidebar h1{
	font-size:12pt;
	margin: 1.5em 0.4em;
	padding:0;
}
div#sidebar ul{
	list-style-position:outside;
	margin:0 0 0 20px;
	padding:0;
}
div#sidebar ul li{
	font-size:9pt;
	margin:0.5em 0 0.5em 0;
	padding:0;
}
div#sidebar ul li a{
	color: #ffffff;
}
div.zwart{
	padding:0;
	margin:0;
	color:#FFFFFF;
}
h1{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16pt;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
h2{
	padding:0;
	margin:1.5em 0 1em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
h3{
	padding:0;
	margin:1.5em 0 1em 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
div.oranje h1{
	color:#000000;
}
div.oranje h2{
	color:#000000;
}
div.oranje p{
	color:#000000;
}
div.zwart h1{
	padding: 20px 0 0 20px;
}
div.zwart a{
	color: #FFDB9C;
}
div.nieuwsitem{
	margin:0;
	padding:0 20px 0 0;
	width:265px;
	float:left;
}
div.producten{
	padding: 50px 0 0 0;
	margin: 0 0 0 0;
}
div.productitem{
	width:600px;
	margin:0 0 0 250px;
	padding: 50px 0 0 0;
	height:210px;

}
div.productitem h2{
	padding:0;
	margin:5px 0 0 0;
	color:#FFFFFF;
}
div.productitem img{
	float:left;
	margin:0 30px 0 30px;
}

div.catalogi{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.catalogi .catalogus{
clear:both;
	margin: 20px 0 40px 0;
	padding: 0 0 0 0;

}

div.catalogi .catalogus .text{
	padding-left:150px;
}
div.catalogi .catalogus img{
	float:left;
	margin:0 30px 0 30px;
}

#footer{
	clear:both;
	margin:0;
	padding:10px 0px 40px 20px;
}
#footer *{
	color:#565656;
	font-size:8pt;
}
#footer a{
	color:#777777;
}
.clearfloat{
clear:both;
}


img{
	border:0;
}

div.kolom3{
	width:245px;
	margin:0 20px 0 10px;
	padding:0 10px;
	float:left;
}
div.kolom2{
	width:385px;
	margin:0 20px 0 10px;
	float:left;
	padding:0 10px;
}
div.kolom1-met-sidebar{
	width:600px;
	margin:0 20px 0 0px;
	float:left;
	padding:0 10px;
}
div.kolom1{
	width:730px;
	margin:0 20px 0 10px;
	padding:0 10px;
}

.highlightbox{
	border:1px solid #555;
	background-color:#222;
}

.fitwidth{
	width:100%;
}
.floatright{
	float:right;
}
.highlight{
	color:#FFFFFF;
}
ul.checked-list{
	margin:0 0 0 25px;
	padding:0;
	list-style-image:url(../images/checked-icon.png);
}

ul.gallerij li{
	float:left;
	padding: 0;
	list-style:none;
	text-align:center;
	
}

ul.gallerij li a{
	padding: 10px;
	margin:0 20px 20px 0;
	width:215px;
	display:block;
	border: 1px solid #000;
	line-height:100%;
	
}

ul.gallerij li a:hover{
	border: 1px solid #666;
	background-color: #333;
}
