body {  
	 	font-family:lucida grande,lucida,tahoma,helvetica,arial,sans-serif; font-size: 9pt;
	 	background-color: #646464;
	 	background: #646464 url(images/bgai.png) no-repeat right top;
	
	 	margin:0px;}

a {font-weight: bold;
	color:white}

a:hover {text-decoration: none;}

.clear{
clear: both;
}

#central {width: 660px; height:auto;
margin: 0 auto;
margin-top: 10px;
	padding-left:20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: white;
	border-bottom: solid 4px #444;
		border-right: solid 3px #444;
	}

#twitter {width: 660px; height:auto;
margin: 0 auto;
margin-top: 10px;
	padding-left:20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #f2f2f2;
	border-bottom: solid 4px #444;
		border-right: solid 3px #444;
	}


#banner{
width:100%;
float: left;
display: inline;
}

#diverslogo { position: relative; float:left; display:inline;
margin-top: 20px;
margin-left: 30px;

}

#openingstijden {float:right; width: 250px; height: 60px; display: inline;
	padding: 40px 0px 0px 0px; /* boven rechts onder links */
	text-align: right;
}

#middenrood { 
	float: left;
display: inline;
	width: 660px; height: 266px;
	background: url(images/middenrood.png);
	color:white;
	opacity:1;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

#inleiding {float: left;
display: inline;
 margin-top:30px; margin-left:30px; width: 250px; height: 200px;
	text-align:left;
/* 	opacity:0.99; */
}

#slideshow { float: right; right:70px; height: 266px; width: 304px; margin-right: 40px auto;}

#nieuws{
margin-left: 20px;
display: block;
width: 160px;
margin-top: 5px;
background-color: white;
color: black;
height: 55px;
}

#nieuws img{
float: left;
}

#nieuws p{
margin: 0px;
padding: 4px;
}

#notices{
	width: 668px; 
	height: 110px;
	font-size: 32px;
	float: left;
	text-align: center;
	line-height: 140%;
}

#notices a{
	color:black;
}

#merkenmenu {float: left;
display: inline;
	width: 668px; 
	height: 120px;
	color:white;
		opacity:1;
}



#merk1 a{
	float: left;
	display: inline;
display: inline;
	width: 156px; height: 120px;
	background: url("images/merkenmenu-jul-2011.png") no-repeat;
	background-position: 0px -10px;}
	
	#merk1 a:hover {
		background-position: 0px -141px;}
	
#merk2 a {
		float: left;
display: inline; 
		width: 156px; height: 120px;
		background: url("images/merkenmenu-jul-2011.png") no-repeat;
		background-position: -156px -10px;}

		#merk2 a:hover {
				background-position: -156px -141px;}
				
#merk3 a {
		float: left;
display: inline;	
		width: 156px; height: 120px;
		background: url("images/merkenmenu-jul-2011.png") no-repeat;
		background-position: -312px -10px;}

		#merk3 a:hover {
				background-position: -312px -141px;}

#merk4 a {
		float: left;
display: inline; 	
		width: 155px; height: 120px;
		background: url("images/merkenmenu-jul-2011.png") no-repeat;
		background-position: -468px -10px;}
	
		#merk4 a:hover {
				background-position: -468px -141px;} 

#label a{ float: left;
display: inline; 	
	width: 45px; height: 120px;
	background: url("images/merkenmenu-jul-2011.png") no-repeat;
	background-position: -623px -10px;}							

						
#bottombar { 
	padding-top: 7px;
	width: 100%; 
float: left;
display: inline;
	height: 20px;
	text-align: center;
	color: white;
	opacity:0.8;
}