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

body {
	padding: 0;
	margin: 0;
	
	background-color: #617c09;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
	
	font: Verdana, Geneva, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;		
}

img {
	border: none;
	outline: none;	
}

#container {
	width: 990px;
	height: auto;
	
	min-height: 600px;
	
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
}

#container-L {
	width: 990px;
	height: 1250px;
	
	min-height: 600px;
	
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
}


#header {
	width: 660px;
	height: 165px;
	
	position: relative;
	z-index: 2;
	float: right;
}

#menu {
	width: 865px;
	height: 22px;
	
	position: relative;
	z-index: 2;
	float: right;
	
	margin-top: 3px;
}

#dichterbijkunst {
	width: 250px;
	height: 50px;
	
	position: absolute;
	z-index: 5;
	
	margin-top: 155px;
	margin-left: 730px;
}

#disclaimer {
	Width: 150px;
	height: 50px;
	
	position: absolute;
	z-index: 5;
	
	margin-top: 365px;
	margin-left: 5px;
	
	font-size: 9px;
	text-align: center;
	line-height: 10px;
}

#content {
	width: 820px;
	height: 22px;
	
	position: relative;
	z-index: 2;
	float: right;
	
	margin-top: 30px;	
}

#footer {
	width: 990px;
	height: 25px;
	
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;	
	
	color: #fff;
}

.header {
	position: absolute;
}

ul {
	 list-style-type: none;
	 height: 22px;
	 width: 990px;
	 margin: auto;
	 margin-left: 3px;
}

li {
 	float: left;
}

ul a {
	 margin-right: 22px;
	 padding: 0px;
	 display: block;
	 line-height: 22px;
	 text-decoration: none;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #ffffff;
	 border: none;
     outline: none;
}

ul a:hover {
 	color: #606159;
	border: none;
    outline: none;
}

a {
	color: #ffffff;
	text-decoration: none;
	border: none;
    outline: none;	
}
	
a:hover { 
	color: #000000;
	text-decoration: none;
	border: none;
    outline: none;
}

#routekaart {
	background-image:url(../img/kaart.jpg);
	height: 867px;
	width: 800px;
	position: absolute;
   	z-index: 4;
	margin-top: 0px;
	margin-left: 0px;
	
}

#kunstwerkplaats {
   position: absolute;
   margin-left:420px;
   margin-top:705px;
}

#keramiek {
   position: absolute;
   margin-left:403px;
   margin-top:143px;
 }
 
#marjavanelsberg {
   position: absolute;
   margin-left:558px;
   margin-top:186px;
 }
 
#artotheek-artdesch {
   position: absolute;
   margin-left:685px;
   margin-top:201px;
 }

#galeriehetbaken {
   position: absolute;
   margin-left:562px;
   margin-top:258px;
 }
 
#theshamrock {
   position: absolute;
   margin-left:537px;
   margin-top:342px;
 }
 
#hof88 {
   position: absolute;
   margin-left:641px;
   margin-top:449px;
 }

#cooperatie {
   position: absolute;
   margin-left:456px;
   margin-top:766px;
 }

#groenveld {
   position: absolute;
   margin-left:48px;
   margin-top:700px;
 }
 
#groenveld02 {
   position: absolute;
   margin-left:188px;
   margin-top:205px;
 }

#tusveld {
   position: absolute;
   margin-left:671px;
   margin-top:821px;
 }

#tolgart {
   position: absolute;
   margin-left:30px;
   margin-top:70px;
 }