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

/*
COLORS
bg lightgray:			#CCCCCC
border/text darkgray:	#454545
purple h1				#4b0d92
*/


div{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
background-color:#CCCCCC;
background-image:url(../images/bg_body.jpg);
background-repeat:no-repeat;
background-position:center; /*For FF*/
#background-position-x:center; /*For IE6, IE7*/

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#454545;
}

html{
overflow-y:scroll;
}

/*START - GENERAL CLASSES*/

.clearer{
clear:both;
float:none;
}

h1{
padding-bottom:15px;
color:#4b0d92;
font-size:15px;
}

h2{
padding-bottom:10px;
font-weight:bold;
font-size:13px;
}

h3{
padding-bottom:5px;	
font-weight:bold;
font-style:italic;
font-size:12px;
}

h4{
padding-bottom:5px;
font-weight:normal;
font-style:italic;
font-size:11px;
color:#4b0d92;
}

p{
padding-bottom:10px;
}

a:link, a:visited{
color:#4b0d92;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#4b0d92;
font-weight:bold;
text-decoration:underline;
}

.homeitems{
position:relative;
text-align:center;
}

.homeitems img{
margin:0 12px 0 12px;
}

/*END*/

#bg_topbar_body{
border-bottom:5px solid #454545;
width:100%;
height:100px;
position:absolute;
left:0;
background-color:#FFFFFF;
}

#container{
margin:0 auto;
width:720px;
height:auto !important;
position:relative;
background-color:#FFFFFF;
}

	#logo{
	border-bottom:5px solid #454545;
	padding-top:10px;
	width:100%;
	height:90px;
	text-align:center;
	}
	
	#header{
	border-bottom:5px solid #868585;
	padding:0 0 5px 0;
	background-color:#454545;
	}
	
		#headerleft_mainnav{
		width:165px;
		float:left;		
		}
		
			#headerleft_mainnav ul{
			margin:0;
			padding:0;
			}		
			
			#headerleft_mainnav ul li{
			border-bottom:1px solid #FFFFFF;
			margin:0;
			padding:0;
			height:30px; /*NEEDED FOR IE6*/
			list-style-type:none;
			}
			
			#headerleft_mainnav ul li a:link, #headerleft_mainnav ul li a:visited{
			padding-top:10px;
			background-image:url(../images/bg_mainnav_li.jpg);
			background-repeat:no-repeat;
			width:165px;
			height:30px;
			#height:20px;
			display:block;
			text-decoration:none;
			color:white;
			font-weight:bold;			
			text-indent:25px;
			}
			
			#headerleft_mainnav ul li a:hover{
			padding-top:10px;
			background-image:url(../images/bg_mainnav_li_hover.jpg);
			background-repeat:no-repeat;
			width:165px;
			height:30px;
			#height:20px;			
			display:block;
			text-decoration:none;
			color:white;
			font-weight:bold;
			text-indent:25px;			
			}
		
		#headerright_slideshow{
		float:left;
		}
	
	#content{
	padding:5px;
	background-color:#454545;
	}
	
		#content_container{
		height:100%; /*NEEDED FOR IE6*/			
		padding:5px;
		background-color:#FFFFFF;
		}	
		
		#content_container ul{
		margin-left:20px;
		}
		
			#content_container_left{
			margin-right:8px;
			float:left;
			width:550px;
			}	
			
			#content_container_right{
			float:left;
			width:140px;
			}	
			
				#content_container_right #contactbutton{
				text-align:center;
				margin-top:-45px;
				margin-left:65px;
				position:relative;
				}	
				
				#content_container_right #contactgeg{
				margin-top:-20px;
				padding-top:25px;
				height:95px;
				text-align:center;
				background-image:url(../images/bg_contactgeg.jpg);
				background-repeat:no-repeat;
				}			
				
				#content_container_right #contactgeg p{
				font-size:10px;
				}
				
				#content_container_right #openingstijden{
				padding-top:5px;
				width:135px;
				text-align:center;
				border:1px solid #c7c7c7;
				margin-bottom:5px;
				}
				
				#content_container_right #openingstijden p{
				font-size:10px;
				}				
				
				#content_container_right #randompicture img{
				border:1px solid #c8c8c8;
				}
				
				#content_container_right #banners img{
				border:1px solid #c8c8c8;
				margin-bottom:10px;
				}

#sitemap{
margin:0 auto;
padding:5px 10px 5px 10px;
width:700px;	
background-color:#454545;
position:relative;
}
	
	#sitemap ul li{
	float:left;
	list-style-type:none;
	line-height:18px;
	}
	
		#sitemap ul li a{
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		}
		
		#sitemap ul li ul li{
		float:none;
		list-style-type:square;
		margin-left:17px;
		margin-right:15px;
		color:#ffffff;		
		}
		
			#sitemap ul li ul li a{
			font-size:11px;
			font-weight:normal;
			color:#FFFFFF;
			}	

#footer{
margin:0 auto;
width:720px;
color:#ffffff;
font-size:11px;
position:relative;
padding-top:5px;
}
	
	#footer a{
	color:#ffffff;
	font-weight:normal;
	}

	#footer ul{}		
	
	#footer ul li{
	margin-left:5px;
	padding-right:5px;
	float:left;
	list-style-type:none;
	border-left:1px solid #ffffff;
	}				

		#footer ul li.first{
		border-left:none;
		}				
	
	#mediazo{
	padding-top:5px;			
	position:absolute;
	top:0px;
	right:0px;
	}				
