/* CSS Document */

img, #gallerij a, object{
	border:none;
}

object{
	margin:0;
	outline:none;
	padding:0;
	border:none;
}

body{
	margin:0;
	padding:0;
	font-size:70%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	/*background:url(../images/bckgrnd_content.gif) 0 349px no-repeat;*/
}

html, body, #contain{
	min-height:100%;
	height:100%;
	width:100%;
}
html>body, html>body #contain{
	height:auto;
}
#contain{
	position:absolute;
	}


H1{
	font-size:190%;
	margin:0 0 30px 0;
	padding:0;
	font-weight:normal;
	color:#FEBA2E;
}

H2{
	font-size:100%;
	margin:0;
	padding:0;
	line-height:170%;
	font-weight:bold;
	color:#FFFFFF;
}

h3{
	font-size:100%;
	margin:0 0 15px 0;
	padding:0;
	line-height:170%;
	font-weight:normal;
	color:#FFFFFF;	
}

h3 a{
	border:none;
	color:#FFFFFF;
}
h3 a:hover{
	border-bottom:1px dashed #FEBA2E;
}

h3 a.active{
	font-weight:bold;
}

h4{
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	line-height:170%;
	color:#FFFFFF;
}

a{
	color:#FEBA2E;
	border-bottom:1px dashed #FEBA2E;
	text-decoration:none;
}

a:hover{
	border-bottom:none;
}

.small {
	font-size: 45%
	}

#vervolg h1{
	margin:0 0 15px 0;
}

p{
	margin:0 0 15px 0;
	padding:0;
	line-height:170%;
	color:#FFFFFF;
}

table{
	margin:0;
	padding:0;
}

td{
	padding:0 15px 0 0;
	line-height:170%;
	color:#FFFFFF;
	margin:0;
}	

ul{
	list-style:none;
	line-height:170%;
	margin:0 0 15px 0;
	padding:0;
}

ul li ul{
 	margin:0;
 }

li{
	color:#FFFFFF;
	padding:0 0 0 15px;
	margin:0;
	background:url(../images/contact_li.gif) 0 8px no-repeat;
}

input, textarea, select{
	border:1px solid #333333;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px;
	background-color:#000000;
	color:#FFFFFF;
}
.button{
	margin:15px 0 0 0;
	color:#000000;
	background-color:#FFFFFF;
	border:2px solid #ffffff;
	padding:0 10px 0 10px;
	cursor:pointer;
}
.noborder{
	border:none;
}

.clear{
	clear:both;
	}
/* ------------------------------------------------------ MENU --------------------------- */
#logo{
	position:absolute;
	left:40px;
	top:80px;
	z-index:5;
}
	#logo a{
		border:none;
	}	


#menu{
		height:45px;
		background-color:#000000;
		position:relative;
		z-index:7;
	}
	
	#menu ul{
		margin:0 0 0 15px;
		padding:0;
		list-style:none;
		position:relative;
	}
	
	#menu ul li{
		position:relative;
		margin:0;
		padding:13px 0 10px 0;
		color:#FFFFFF;
		float:left;
		background:url(../images/menu_li.gif) right 14px no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	#menu ul li a{
		margin:0;
		padding:15px 25px 15px 25px;
		color:#FFFFFF;
		text-decoration:none;
		border-bottom:none;
	}
	#menu ul li a:hover{
		color:#FEBA2E;
	}

/* Submenu */

	#menu ul li ul{
		position:absolute;
		display:none;
		margin:0;
		padding:0;
		left:45px;
		top:38px;
		border:1px solid #000000;
		background:#FFFFFF;
		font-size:100%;
		z-index:1;
		
	}
	
	#menu ul li ul li ul{
		position:absolute;
		z-index:2;
		left:125px;
		top:5px;		
	}
	
	#menu ul li ul li{	
		padding:0;
		margin:0px;
		background:none;
	}
	
	#menu ul li ul li a{
		width:110px;
		display:block;	
		height:12px;
		padding:7px 20px 12px 20px;
		color:#000000;
		font-weight:normal;
	}
	
	#menu ul li ul li a:hover{
		background:#EFEFEF;
		color:#000000;
	}
	
	/*niveau 1*/
	#menu li:hover ul, ul li.over ul{ display: block; width:150px;}
	
	/*niveau 2*/
	#menu li:hover ul li ul{ display: none;  }
	#menu li ul li:hover ul{ display: block; }
	
	/*niveau 3*/
	#menu li ul li:hover ul li ul{ display: none; }
	#menu li ul li ul li:hover ul{ display: block; }
	


#taal{
	
}	


#header{
	margin:0;
	padding:0;
	height:304px;
	position:relative;
	z-index:1;
	/*background:url(../images/header/home.gif) 0 0 no-repeat;*/
}

#vervolg #header{
	height:165px;
}

#nieuws{
	position:absolute;
	top:210px;
	left:40px;
	z-index:2;
}
	#nieuws h3{
		color:#FFFFFF;
		margin:5px 0 10px 0;
		padding:0;
		font-size:120%;
	}
	#nieuws ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nieuws li{
		margin:0;
		padding:0 0 0 10px;
		line-height:170%;
		background:url(../images/contact_li.gif) 0 7px no-repeat;
	}
	#nieuws li a{
		color:#FFFFFF;
		text-decoration:none;
		border-bottom:none;
	}
	#nieuws li a:hover{
		text-decoration:underline;
	}


#products{
	position:absolute;
	top:215px;
	left:35%;
	height:138px;
	z-index:3;
}
	#products ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#products ul li{
		border:1px solid #FFFFFF;
		float:left;
		width:145px;
		height:120px;
		margin:0 15px 0 0;
		list-style:none;
		padding:0;
		background:none;
	}
	
	#products ul li a{
		width:145px;
		height:120px;
		display:block;
		text-decoration:none;
		color:#FFFFFF;
		border-bottom:none;
		
	}
	
	#products ul li a:hover{
		background-color:#000000;
	}
	
	#products ul li h2{
		font-size:100%;
		color:#FFFFFF;
		text-align:center;
		margin:0;
		padding:0;
	}
	#products ul li a:hover h2 {
		color:#FEBA2E;
	}
	
	#products ul li img{
		margin:5px;
		width:135px;
		height:90px;
		background-color:#FFFF00;
		border:none;
	}


#adres{
	float:left;
	width:250px;
	/*background-color:#000000;*/
	margin:45px 0 50px 0;
	padding:0;
}
	#adres p{
		color:#333333;
		padding:20px 0 0 40px;
		margin:0;
	}
	
	#adres ul{
		margin:10px 0 20px 40px;
		padding:0;
		list-style:none;
	}
	
	#adres ul li{		
		padding:0;
		margin:0;
	}
	
	#adres p a{
		color:#333333;
	}

#home{
	background:url(../images/backgrounds/bckgrnd_home.gif) -20px 300px no-repeat;
}

#content{
	margin:20px 0 45px 35%;
	background:url(../images/bg_content.gif) #000000 right top repeat-y;
}

#vervolg #content{
	margin:20px 30% 65px 0;
	background:url(../images/bg_overzicht.gif) #000000 right top repeat-y;
}

/*Product pagina */
#content_detail{
	position:relative;
	margin:20px 0 65px 0;
	background:url(../images/bg_detail_rechts.gif) #000000 right bottom no-repeat;
	height:378px;	
}

#inhoud_detail{
	width:55%;
	float:left;
	height:100%;
	background:url(../images/bg_detail_links.gif) -9px top repeat-y;
}

#tekst_detail{
	max-width:550px;
	padding:20px 30px 20px 40px;
}

#foto_detail{
	float:left;
	height:100%;
	background-color:#FFFFFF;
	width:300px;
	margin-left:5%;
	padding:0 10px 0 10px;
}
/* Detail */

#content_product{
	margin:20px 0 65px 0;
	background:url(../images/bg_detail_rechts.gif) #000000 right bottom no-repeat;
	height:302px;	
}

#inhoud_product{
	background:url(../images/bg_detail_links.gif) -9px top repeat-y;
	width:55%;
	float:left;
	height:100%;
}

#tekst_product{
	max-width:500px;
	padding:20px 30px 20px 40px;
}

#foto_product{
	float:left;
	height:100%;
	background-color:#FFFFFF;
	width:300px;
	margin-left:5%;
	padding:0 10px 0 10px;
}

/* Gallerij */
#gallerij img{
	border:1px solid #000000;
}


#gallerij a:hover img{
	border:1px solid #FFFFFF;
}


.thumbnail{
	border:1px solid #000000;
	display:inline;
}

.inhoud{
	padding:15px 130px 20px 20px;
	max-width:450px;
	min-height:300px;
}

#vervolg #content .inhoud{
	padding:15px 130px 20px 40px;
	background:url(../images/bg_inhoud.gif) left top repeat-y;
}

#kruimelpad{
	position:absolute;
	left:40px;
	top:192px;
	z-index:6;
}
#kruimelpad p{
	color:#FFFFFF;
	font-size:85%;
	margin:0;
	padding:0;
	line-height:normal;
}
	#kruimelpad p a{
		color:#FFFFFF;
		text-decoration:none;
		border:none;
	}
	#kruimelpad p a:hover{
		text-decoration:underline;
	}

#vervolg #adres{
	float:none;
	position:absolute;
	left:0;
	bottom:35px;
	width:auto;
	margin:0;
	padding:0;
}

#adres p{
	font-size:90%
	}
#adres p a{
	text-decoration:none;
	border:none;
	}
#adres p a:hover{
	border-bottom:1px dashed #000000;
}


#footer{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:25px;
	background-color:#000000;
}

	#footer p{
		margin:0;
		padding:2px 10px 0 0;
		color:#FFFFFF;
		font-size:90%;
		text-align:right;
	}
	
	#footer p a{
		color:#FFFFFF;
		text-decoration:none;
		border-bottom:none;
	}
	#footer p a:hover{
		text-decoration:underline;
	}
	
	
	embed {
  display: none !important;
}