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

* {
margin:0px;
padding:0px;
}

html,body{
margin:0;
padding:0;
scrollbar-arrow-color: #717a40;
scrollbar-3dlight-color:#ffffff;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;

}
#band{
position:absolute;
background-color:#fff;
width:100%;
height:296px;
border-bottom:9px solid #666;
}


#container{
background-image:url('../images/bg_container.jpg');
position:absolute;
width: 994px; 
min-height:850px;
margin-left:-497px;
left:50%;
top:0px;
z-index:0;

}
#menu{
	margin-top:350px;
	width:235px;
	z-index:2;
	padding: 0px;
		}
	
#navlist{
	width: 235px;
	height: 45px;
	margin-top:8px;
	font-family:tahoma;
	font-size:12px;
	color:#000;
	list-style:none;
	padding-left:0;
	
}

#menu li{
background-image:url('../images/menu_bg_over.jpg');
background-repeat:no-repeat;
	width:235px;
	height:35px;
	padding-top:4px;	
}

#menu a{
	padding-left:25px;
	font-family:tahoma;
	font-size:12px;
	color:#d4534e;
	text-decoration:none;
	font-weight:bold;
	width:235px;
	height:45px;
	margin-left:40px;
	

}

#menu a:hover {
	padding-left:25px;
	font-family:tahoma;
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	width:235px;
	height:45px;
	margin-left:40px;
}
#menu ul li a#current{
	padding-left:25px;
	font-family:tahoma;
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	width:235px;
	height:45px;
	margin-left:40px;
}



#logo{
	background-image:url('../images/bg_logo.jpg');
	background-repeat:no-repeat;
	position:absolute;
	width:404px;
	height:303px;
	top:7px;
	z-index:10;
	left: 49px;
	padding-left:20px;
}
div#logo img{
margin-left:-20px;
border:0;
}
div#logo a{
font-family:tahoma;
font-size:12px;
color:#666;
text-decoration:none;

}
div#logo a:hover{
color:#d4534e;
}
#foto{
	position:absolute;
	background-color:#fff;
	width:475px;
	height:280px;
	left:473px;
	top:7px;
	z-index:10;
}


#tekst{
margin-top:-50px;
margin-left:250px;
	width:683px;
	height:100%;
	z-index:4;
	font-family:tahoma;
	font-size:12px;
	color:#d4534e;
}
div#tekst a{
font-family:tahoma;
font-size:12px;
color:#d4534e;
text-decoration:none;
font-weight:bold;
}
div#tekst a:hover{
font-family:tahoma;
font-size:12px;
color:#666;
font-weight:bold;
text-decoration:none;

}
#tekst ul li{
list-style-type:square;
list-style-position:outside;
font-family:tahoma;
font-size:12px;
color:#666;
margin-left:20px;
}
div#tekst img{
padding-top:5px;
padding-right:5px;
}

#tekst_home{
margin-top:-50px;
margin-left:475px;	
	width:428px;
	height:100%;
	z-index:4;
}
div#tekst_home a{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#d4534e;
text-decoration:none;

}
div#tekst_home a:hover{
font-family:tahoma;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#666;

}

table{
font-family:tahoma;
	font-size:12px;
	color:#666;
	}
	
	td{
padding:3px;
}
input, textarea{
background-color:white;
border: 1px solid #666;
font-family:tahoma;
	font-size:12px;
	color:#666;
}
h4{
	position:absolute;
	width:168px;
	height:87px;
	top:567px;
	left:290px;
	font-family:tahoma;
	font-size:12px;
	color:#666;
	z-index:12;
	line-height:18px;
}
#voeding{
	position:absolute;
	width:100px;
	height:200px;
	top:650px;
	left:279px;
	z-index:10;
	
}
div#voeding img{
border:0;
}

#webshop{
	position:absolute;
	width:164px;
	height:200px;
	top:351px;
	left:279px;
	z-index:10;
	
}
div#webshop img{
border:0;
}


p { 
font-family:tahoma;
font-size:12px;
color:#666;
line-height:18px;
 }

.opening{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#d4534e;
line-height:16px;
}

#optimalisatie{
	width:400px;
	height:20px;
	margin-top:20px;
	
	font-family:tahoma;
	font-size:11px;
	color:#ccc;
}

#optimalisatie a{
	font-family:tahoma;
	font-size:11px;
	color:#ccc;
	text-decoration:none;
	
	}

#footer{
background-image:url('../images/bg_footer.jpg');
background-repeat:no-repeat;
	width:948px;
	height:22px;
	z-index:10;
	text-align:right;
	margin-top:20px;
	
	
	
		
}
#footer a{
	font-family:tahoma;
	font-size:11px;
	color:#999;
	text-decoration:none;
	
	
	
	}
	#footer a:hover{
	font-family:tahoma;
	font-size: 11px;
	color:#999;
	text-decoration:none;
	
		}
	.blauw {color: #3366FF}
	
	h3 {
		font-weight:bold;
		color: #d4534e;
		font-size:18px;
		}
		
		#taal{
	position:absolute;
	width:54px;
	height:19px;
	top:280px;
	left:407px;
	z-index:100;
 }
 
 div#taal img{
	 border:0px;
 }
 
 #snoox{
	position:absolute;
	width:153px;
	height:99px;
	top:730px;
	left:776px;
 }
 
 div#snoox img{
	 border:0px;
 }
 
 #logos{
	position:absolute;
	width:453px;
	height:94px;
	top:905px;
	left:474px;
 }
 
 div#logos img{
	 border:0px;
 }
 
  
 /* ticker */
/* the outer div with the black border */
.tickercontainer { position:absolute; top:300px;border: 0px solid #000; background: transparent; width: 950px; height: 25px; margin: 10px 0 0 0; padding: 0; overflow: hidden; }

/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask { position: absolute; z-index:100; left: 60px; top: 0px; width: 950px; overflow: hidden; height: 40px; }

/* that's your list */
ul.newsticker { position: absolute; left: 500px; z-index:100; list-style-type: none; margin: 0; padding: 0; height: 40px; }

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li { 
font-family:tahoma;
	font-size: 11px;
	font-weight:bold;
	color:#3366FF;float: left; margin: 0; padding: 0; background: transparent; display: inline; margin-top: 5px; margin-right: 10px; font-size: 12px; }
ul.newsticker span { margin: 0 10px 0 0; }