@charset "utf-8";
/* Stylesheet */

/* New Header by Michiel */
* {
	margin:0;
	padding:0;
}

body {
	background:#fff center top;
	text-align: center;
	font-family:helvetica;
	font-size:100%;
}

a img {
	border:0;
}

ul {
	list-style:none;
}

	#header {
		position:relative;
		width:902px;
		height:256px;
	}
	
	/* header backgrounds */
	.random_1 {background:url(../images/header-01.jpg) top left no-repeat;}
	.random_2 {background:url(../images/header-02.jpg) top left no-repeat;}
	.random_3 {background:url(../images/header-03.jpg) top left no-repeat;}
	.random_4 {background:url(../images/header-04.jpg) top left no-repeat;}
	.random_5 {background:url(../images/header-05.jpg) top left no-repeat;}
	.random_6 {background:url(../images/header-06.jpg) top left no-repeat;}

	#header a {
		color:rgb(125, 125, 125);
		text-decoration:none;
	}
	
		#header a.active {
			color:#f00;
		}
	
		#logo {
			position:absolute;
			top:21px;
			left:0;
			width:326px;
			height:73px;
		}
		
		#hmenu {
			position:absolute;
			top:20px;
			left:360px;
			width:px;
			height:px;
			font-size:0.6875em;
		}
		
			#hmenu li {
				float:left;
				margin-right:8px;
				padding-right:8px;
				border-right:1px solid #f00;
				line-height:1em;
			}
			
			#hmenu .last {
				border-right:0;
			}
		
		#flags {
			position:absolute;
			top:2px;
			left:830px;
			width:px;
			height:px;
		}
		
			#flags li {
				float:left;
				padding-right:4px;
			}
			
			#flags .last {
				padding-right:0;
			}
/* end */
				
/* CSS by Martijn */

#site {
	/*border: 1px solid red;*/
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	text-align: left;
	width: 902px;
	display: block;
}
#top {
	background: #FFFFFF;
	width: 902px;
}
#top-logo {
	/*order: 1px solid green;*/
	background-image: url(../images/top-logo.gif);
	background-repeat: no-repeat;
	width: 902px;
	height: 22px;
	margin: 0;
	padding: 4px 0 0;
}
#top-menu {
	margin: 0 0 0 361;
	_margin: 7 0 0 361;
	padding: 5 0 0 0;
	_padding: 0 0 0 0;
	width: 240px;
}

div.banner {
	/*border: 1px solid red;*/
	width: 902px;
	height:232px;
	overflow:hidden;
}

	div.banner a {
		display:block;
		width:902px;
		height:232px;
	}

#menu {
	background: #fff;
	width: 902px;
}

#stippellijn-menu {
	float: left;
	background-image: url(../images/stippellijn-menu.jpg);
	background-repeat: no-repeat;
	width: 1px;
	height: 45px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#stippellijn-menu-klein {
	float: left;
	background-image: url(../images/stippellijn-menu.jpg);
	background-repeat: no-repeat;
	width: 1px;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#afnemers {
	/*border: 1px solid green;*/
	float: left;
	background: #FFFFFF;
	margin: 0 5 0 0;
	padding: 5 15 0 0;
	_padding: 5 0 0 0;
	width: 120px;
	_width: 120px;
}
#distributeurs {
	/*order: 1px solid green;*/
	float: left;
	background: #FFFFFF;
	margin: 0 5 0 0;
	_margin: 0 0 0 0;
	padding: 5 0 0 5;
	width: 170px;
	_width: 195px;
}
#consumenten {
	float: left;
	background: #FFFFFF;
	margin: 0 10 0 5;
	_margin: 0 10 0 0;
	padding: 5 5 0 15;
	_padding: 5 0 0 15;
	width: 200px;
	_width: 222px;
}
#media {
	float: left;
	background: #FFFFFF;
	margin: 0 5 0 0;
	_margin: 0 0 0 0;
	padding: 5 0 0 10;
	_padding: 5 0 0 10;
	width: 160px;
	_width: 181px;
}
#medewerkers {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 5 0 0 15;
	width: 150px;
	_width: 160px;
}
#bg-content {
	float: left; 
	background-image: url(../images/bg-content.jpg);
	background-repeat: no-repeat;
	width: 902px;
	height: 38px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 902px;
}
#content-left {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 590px;
}
#verloop-content {
	float: left;
	background-image: url(../images/verloop-content.jpg);
	background-repeat: repeat-y;
	width: 541px;
	_width: 589px;
	margin: 0 0 0 0;
	padding: 0 38 0 25;
}
div.product {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 32 0 0;
	width: 355px;
	_width: 387px;
}
div.product-02 {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 32 0 0;
	width: 170px;
	_width: 200px;
}
div.image {
	float: right;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 145px;
}
div.image-02 {
	float: right;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 320px;
}
#content-bottom {
	float: left;
	background-image: url(../images/content-bottom.jpg);
	background-repeat: no-repeat;
	width: 589px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#right {
	float: right;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 288px;
}
#content-right {
	float: right;
	background-image: url(../images/bg-right.jpg);
	background-repeat: no-repeat;
	width: 240px;
	_width: 288px;
	margin: 0 -10 0 0;
	_margin: 0 0 0 0;
	padding: 10 38 0 20;
	_padding: 10 38 0 20;
}
div.lijn {
	float: left; 
	background-image: url(../images/lijn.jpg);
	background-repeat: repeat-x;
	width: 226px;
	height: 1px;
	margin: 15 0 5 0;
	_margin: 15 0 -15 0;
	padding: 0 0 0 0;
}
#bottom-right {
	float: right;
	background-image: url(../images/right-bottom.jpg);
	background-repeat: no-repeat;
	width: 268px;
	_width: 288px;
	height: 70px;
	_height: 80px;
	margin: 0 0 5 0;
	_margin: 0 0 -15 0;
	padding: 10 0 0 20;
}
#stippellijn {
	float: left; 
	background-image: url(../images/stippellijn.jpg);
	background-repeat: repeat-x;
	width: 527px;
	height: 1px;
	margin: 15 0 10 0;
	_margin: 15 0 -10 0;
	padding: 0 0 0 0;
}
div.stippellijn-licht {
	float: left; 
	background-image: url(../images/stippellijn-licht.jpg);
	background-repeat: repeat-x;
	width: 527px;
	height: 1px;
	margin: 2 0 5 0;
	_margin: 2 0 -12 0;
	padding: 0 0 0 0;
}
div.marktsegment {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 507px;
}
div.stippellijn-licht-klein {
	float: left; 
	background-image: url(../images/stippellijn-licht.jpg);
	background-repeat: repeat-x;
	width: 226px;
	height: 1px;
	margin: 2 0 5 0;
	_margin: 2 0 -12 0;
	padding: 0 0 0 0;
}
div.marktsegment-klein {
	float: left;
	background: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 206px;
}
div.pijl {
	float: left; 
	width: 21px;
	height: 21px;
	margin: 0 0 0 0;
	_margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.pijl-on {
	float: left; 
	width: 21px;
	height: 21px;
	margin: 0 0 0 0;
	_margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#bottom {
	float: left; 
	background-image: url(../images/bg-bottom.jpg);
	background-repeat: no-repeat;
	width: 882px;
	_width: 902px;
	height: 62px;
	margin: 0 20 0 0;
	padding: 0 20 0 0;
	_padding: 0 20 0 0;
}

/* footer fix by Michiel */
#menu-bottom {
	float:left;
	background: #fff;
	padding: 5 0;
	width: 700px;
	text-align:left;
}

#realisatie {
	float:right;
	padding: 5 0 0;
	background: #fff;
	width: 202px;
	text-align:right;
}
/* end */

.dishmanpic{
position: relative;
z-index: 0;
}

.dishmanpic:hover{
background-color: transparent;
z-index: 50;
}

.dishmanpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.dishmanpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.dishmanpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 4;
left: 87px; /*position where enlarged image should offset horizontally */

}

/* hoofd menu by Michiel */
#hoofd-menu {
	font-family:Arial,Verdana;
}

	#hoofd-menu h2 {
		font-size:24px;
		font-weight:normal;
	}
	
	#hoofd-menu span {
		font-size:11px;
		line-height: 19px;
	}

	#hoofd-menu li {
		float:left;
		padding:0 15px;
		background:url(../images/stippellijn-menu.jpg) top right no-repeat;
		text-align:center;
	}
	
	#hoofd-menu .first {
		padding-left:0;
		width:110px;
	}
	
	#hoofd-menu .last {
		padding-right:0;
		width:140px;
		background:none;
	}
	
	#hoofd-menu .distributor {
		width:150px;
	}
	
	#hoofd-menu .knowledge {
		width:230px;
	}
	
	#hoofd-menu .media {
		width:150px;
	}