@charset "UTF-8";
/* CSS Document */

BODY{
	margin: 0;
	background: #f29400 url(/images/bg-body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
div#container{
	width: 1000px;
	margin: auto;
	background: url(/images/bg-container.gif) no-repeat top left;
	}

	
/* HEADINGS */

H1{
	color: #0063be;
	font-size: 24px;
	padding: 0;
	margin: 0;
	}
H2{
	color: #f29400;
	font-size: 18px;
	padding: 5px 0 0 0;
	margin: 0;
	}
H3{
	color: #f29400;
	font-size: 18px;
	margin: 0;
	}
H4{
	color: #0063be;
	font-size: 18px;
	margin: 0;
	}
	
	
/*P{
	padding: 30px 0 ;
	margin: 0;
	color: #7B7B7B;
	line-height: 18px;
	text-align: justify;
	}*/
P a{
	color: #7B7B7B;
	text-decoration: none;
	}
P a:hover{
	color: #0063BE;
	text-decoration: none;
	}
	
HR{
	background: #CCCCCC;
	border: none;
	height: 1px;
	}
	
.innertube{
	padding: 0 30px;
	}
	
/* HEADER */	
	
div#header {
	height: 270px;
	position: relative;
	}
	
ul#nav{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 50px;
	position: absolute;
	right: 0px;
	}
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 999;
}
#nav a {
	display: block;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: url(/images/bg-subnav.png) no-repeat bottom left;
	width: 180px;
	padding: 5px 0 0 0;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#content {
	clear: left;
	color: #ccc;
}

.content-main{
	padding: 20px 0 ;
	margin: 0;
	color: #7B7B7B;
	line-height: 18px;
	text-align: justify;
}
.content-main a{
	color: #7B7B7B;
	text-decoration: none;
	}
.content-main a:hover{
	color: #0063BE;
	text-decoration: none;
	}
.content-main img[align="left"]{
	margin: 0 20px 10px 0;
}
.content-main img[align="right"]{
	margin: 0 0 10px 20px;
}

#nav li {
	float: left;
	padding: 0;
}
#nav li span {
	display: none;
}
#nav li a {
	background: url(/images/bg-nav.gif);
	height: 50px;
	display: block;
}
#nav li a.home {
	width: 68px;
}
#nav li a.onderneming {
	width: 148px;
	background-position: -68px 0;
}
#nav li a.assortiment {
	width: 115px;
	background-position: -216px 0;
}
#nav li a.disney {
	width: 75px;
	background-position: -331px 0;
}
#nav li a.nieuws {
	width: 79px;
	background-position: -406px 0;
}
#nav li a.foodservice {
	width: 113px;
	background-position: -485px 0;
}
#nav li a.vacatures {
	width: 95px;
	background-position: -681px 0;
}
#nav li a.contact {
	width: 83px;
	background-position: -598px 0;
}
#nav li a:hover.home {
	background-position: 0 -50px;
}
#nav li a:hover.onderneming {
	background-position: -68px -50px;
}
#nav li a:hover.assortiment {
	background-position: -216px -50px;
}
#nav li a:hover.disney {
	background-position: -331px -50px;
}
#nav li a:hover.nieuws {
	background-position: -406px -50px;
}
#nav li a:hover.foodservice {
	background-position: -485px -50px;
}
/*#nav li:hover .foodservice {
	background-position: -485px -50px;
}*/
#nav li a:hover.vacatures {
	background-position: -681px -50px;
}
#nav li a:hover.contact {
	background-position: -598px -50px;
}

/* subnav */

#nav li li a {
	background: none;
	display: block;
	width: 156px;
	margin: 0 12px;
	height: 18px;
	padding: 15px 0 10px 0;
	border-top: #DEDEDE 1px solid;
	color: #505050;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#nav li li a:hover {
	color: #0063be;
}

img#domini-ice{
	position: absolute;
	right: 0px;
	top: 55px;
	}

	
/*#nav li{ float: left; padding: 0; }
	
#nav li span {	display: none; }
#nav li a {	background: url(../images/bg-nav.gif); height: 50px; display: block; }

#nav li a.home { width: 68px; }
#nav li a.onderneming {	width: 148px; background-position: -68px 0; }
#nav li a.assortiment {	width: 115px; background-position: -216px 0; }
#nav li a.disney { width: 75px;	background-position: -331px 0; }
#nav li a.nieuws { width: 79px; background-position: -406px 0; }
#nav li a.foodservice { width: 113px; background-position: -485px 0; }
#nav li a.contact { width: 83px; background-position: -598px 0; }

#nav li a:hover.home {	background-position: 0 -50px; }
#nav li a:hover.onderneming {	background-position: -68px -50px; }
#nav li a:hover.assortiment {	background-position: -216px -50px; }
#nav li a:hover.disney {	background-position: -331px -50px; }
#nav li a:hover.nieuws {	background-position: -406px -50px; }
#nav li a:hover.foodservice {	background-position: -485px -50px; }
#nav li a:hover.contact {	background-position: -598px -50px; }*/

/* LEFT */

div#left{
	width: 460px;
	min-height: 275px;
	background: #FFFFFF url(../images/bg-left.gif) no-repeat bottom left;
	margin: 30px 0 20px 30px;
	float: left;
	display: inline;
	}
div#left strong{
	color: #0063be;
	}
div#left strong a{
	color: #7B7B7B;
	}
div#left a{
	color: #7B7B7B;
	text-decoration: none;
	}
div#left a:hover{
	color: #0063BE;
	text-decoration: none;
	}
div#left ul{
	list-style: none;
	line-height: 18px;
	margin: 30px 0;
	padding: 0;
	}
div#left li{
	padding: 0 0 5px 0;
	margin: 0;
	}
div#left ul ul{
	margin: 0 0 0 15px;
	}
div#left table { border-collapse: collapse; color: #7B7B7B; }
div#left td, th { padding: .3em;  }
div#left table strong{	color: #505050; } 
	
/* MIDDLE */

div#middle{
	width: 220px;
	float: left;
	margin: 125px 0 20px 20px;
	color: #7B7B7B;
	}
	
div#middle p{
	padding: 20px 0;
	}
	
/* blokken */

.blok-product{
	background: #FFF url(../images/bg-blok-product.gif) no-repeat top left;
	padding: 10px;
	height: 160px;
	position: relative;
	}

.blok-product img{
	position: absolute;
	bottom: 10px;
	left: 10px;
	}
	
/* .blok-nieuws{
	background: #FFF url(../images/bg-blok-product.gif) no-repeat top left;
	padding: 10px;
	height: 160px;
	position: relative;
	}*/ 

/* Blok assortiment */

.blok-nieuws{
	background: #FFF url(../images/bg-blok-assortiment-top.gif) no-repeat top left;
	position: relative;
	}
.blok-nieuws h3{
	padding: 10px 10px 0;
	}
.blok-nieuws ul{	
	list-style: none;
	margin: 0;
	padding: 10px;
	background: #FFF url(../images/bg-blok-assortiment-bottom.gif) no-repeat bottom left;
	}
.blok-nieuws li{
	border-top: #DEDEDE 1px solid;
	}

.blok-nieuws a{
	color: #505050;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	}
.blok-nieuws a:hover{
	color: #0063BE;
	text-decoration: underline;
	}

/*
.blok-nieuws ul{	
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	}
.blok-nieuws li{
	border-top: #DEDEDE 1px solid;
	}

.blok-nieuws a{
	color: #505050;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	}
.blok-nieuws a:hover{
	color: #0063BE;
	text-decoration: underline;
	} */
	
/* Blok assortiment */

.blok-assortiment{
	background: #FFF url(../images/bg-blok-assortiment-top.gif) no-repeat top left;
	position: relative;
	}
.blok-assortiment h3{
	padding: 10px 10px 0;
	}
.blok-assortiment ul{	
	list-style: none;
	margin: 0;
	padding: 10px;
	background: #FFF url(../images/bg-blok-assortiment-bottom.gif) no-repeat bottom left;
	}
.blok-assortiment li{
	border-top: #DEDEDE 1px solid;
	}

.blok-assortiment a{
	color: #505050;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	}
.blok-assortiment a:hover{
	color: #0063BE;
	text-decoration: underline;
	}
	
/* RIGHT */

div#right{
	width: 220px;
	float: left;
	margin: 125px 0 0 20px;
	color: #7B7B7B;
	}
div#right span{
	display: none;
	}
	
a.btn-assortiment{
	background: url(../images/btn-assortiment.jpg) no-repeat top left;
	width: 220px;
	height: 80px;
	display: block;
	margin: 0 0 20px 0;
	}
	
a.btn-pos-materiaal{
	background: url(../images/btn-pos-materiaal.gif) no-repeat top left;
	width: 220px;
	height: 80px;
	display: block;
	margin: 0 0 20px 0;
	}
	
a.btn-beursagenda{
	background: url(../images/btn-beursagenda.gif) no-repeat top left;
	width: 220px;
	height: 80px;
	display: block;
	}
	
/* BUTTONS */

.reageer-vacature{
	width: 190px;
	height: 30px;
	display: block;
	background: url(../images/btn-reageer-vacature.gif) no-repeat top left;
	float: right;
	margin: 0 0 30px 0;
	}
.reageer-vacature span{
	display: none;
	}


/* ASSORTIMENT */

.assortiment{
	height: 160px;
	clear: left;
	}
	
/* FORMULIER */

input{
	border: #CCCCCC 1px solid;
	padding: 5px;
	}
textarea{
	border: #CCCCCC 1px solid;
	padding: 5px;
	}
.form-title{
	color: #505050;
	font-weight: bold;
	}
.input-field{
	border: #CCCCCC 1px solid;
	}

.versturen{
	background: url(../images/bg-btn-versturen.gif) no-repeat top left;
	width: 90px;
	height: 30px;
	color: #FFF;
	border: none;
	cursor: pointer;
	}
.wissen{
	border: none;
	background: none;
	cursor: pointer;
	font-weight: bold;
	}

	
/* FOOTER */

div#footer{
	background: url(../images/bg-footer.gif) no-repeat top center;
	height: 60px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	padding: 15px 0 0 0;
	clear: both;
	}
div#footer a{ color: #FFF; text-decoration: none; }
div#footer a:hover{	text-decoration: underline;	}
div#footer .left{ float: left; padding: 0 0 0 60px; }
div#footer .right{ float: right; padding: 0 60px 0 0; }blok-nieuws


/* FOTO ALBUM */

.foto-album{
	list-style: none;
	padding: 0;
	margin: 0;
	}
div#left li.mid{
	margin: 0 20px;
	}
.foto-album li{
	float: left;
	}
.foto-album img{
	border: none;
	}
	
.crs_overlay {
	background: url(../images/overlay.png) no-repeat top center;
	width: 120px;
	height: 140px;
	display: block;
	position:absolute;
	z-index: 95;
}
.crs_overlay img {
	z-index: 90;
}
	
/* TWITTER */

.btn-volg-ons{
	position: absolute; 	
	top: 70px; 
	right: 0px;
	z-index: 980; 
	border: none;
}

/* Facebook */

.btn-vind-ons{
	position: absolute; 	
	top: 115px; 
	right: 0px;
	z-index: 980; 
	border: none;
}