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

body{
margin: 0; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#58585a;
}

p.kop{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#76ac1b;
font-weight:bold;
margin-top:10px;
}

div#maincontainer{
float:left;
content:inherit;
width: 100%;
height: 768px;
background-image:url(images/achtergrond.png);
background-repeat:repeat-x;
}

	div#top{
	float:left;
	height:20px;
	width:100%;
	}

	div#left{
	float:left;
	height:600px;
	width:40px;
	}

div#container{
float:left;
width: 800px;
height: 600px;
background-color:#FFFFFF;
}

	div#logo{
	float: left;
	width:239px;
	height:75px;
	border:0px;
	text-align:center;
	padding-top:28px;
	background-repeat:no-repeat;
	}

	div#boven{
	float:left;
	width:561px;
	height:80px;
	}

div#buttoncontainer{
float:left;
width:561px;
height:24px;
}

	div#overOns{
	float:left;
	width:127px;
	height:24px;
	}
	
	div#pakketten{
	float:left;
	width:192px;
	height:24px;
	}
	
	div#portfolio{
	float:left;
	width:116px;
	height:24px;
	}
	
	div#contact{
	float:left;
	width:119px;
	height:24px;
	}

div#contentLinks{
float:left;
width:239px;
height:352px;
text-align:left;
margin-top:10px;
background-image:inherit;
background-repeat:no-repeat;
}

div#gallerylinks{
float:left;
width:314px;
height:272px;
margin-top:10px;
}

#gallerycontainer {
float:left; 
width:800px; 
height:302px;
}

/* Remove the images and text from sight */
		#gallerycontainer a.gallery span {
		position:absolute; 
		width:1px; 
		height:1px; 
		top:170px; 
		left:85px;
		overflow:hidden; 
		background:#fff;
		}
		
/* set the size of the unordered list to neatly house the thumbnails */
		#gallerycontainer ul {
		float:right;
		width:400px; 
		height:302px;
		/* Removing the list bullets and indentation */
    	padding:0; 
    	margin:0; 
		list-style-type:none; 
		}
		
		#gallerycontainer li {
		float:left;
		}
		
/* styling the :hover span */
		#gallerycontainer a.gallery:hover span {
    	position:absolute; 
    	width:328px; 
    	height:272px;
		border:1px solid #999999; 
    	color:#000; 
    	background:#F00;
    	}
		
		#gallerycontainer a.gallery img {
    	border:1px solid #fff; 
    	float:left; 
    	margin-right:5px;
    	}
		
/* Adding the thumbnail images */
		#gallerycontainer a.gallery, #container a.gallery:visited {
		display:block; 
		color:#000; 
		text-decoration:none; 
		border:1px #999999;
		margin-top:0px; margin-bottom:10px; margin-right:10px;
		text-align:left; 
		cursor:default;
		}
		
		#gallerycontainer a.slidea {
   		background: url(images/coffee3tumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slideb {
   		background:url(images/alleskidzzzTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}	
		
		#gallerycontainer a.slidec {
   		background: url(images/antenneTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}	
		
		#gallerycontainer a.slided {
   		background: url(images/terWolbeekTumb.jpg);
		border:#999999 1px solid; 
		height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slidee {
   		background: url(images/CestLaVietumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slidef {
   		background: url(images/denissenTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slideg {
   		background: url(images/AutoNoordhoekTumb.gif);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slideh {
   		background: url(images/AutoNoordhoekTumb.gif);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slidei {
   		background: url(images/lansTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slidej {
   		background: url(images/rodekruisTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}

		#gallerycontainer a.slidek {
   		background:url(images/DBJhuisstijlTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}
		
		#gallerycontainer a.slidel {
   		background:url(images/DBJactieTumb.jpg);
		border:#999999 1px solid; 
    	height:80px; 
    	width:80px;
    	}

	div#knoppenLinks{
	float:left;
	width:189px;
	height:80px;
	text-align:left;
	padding-left:50px;
	padding-top:20px;
	}
	
		a:link{
		text-decoration:none;
		color: #76ac1b;
		font-size:12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
	
		a:visited{
		
		text-decoration:none;
		font-size:12px;
		color: #76ac1b;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
		
		a:hover{
		text-decoration:none;
		font-size:12px;
		color: #58585a;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		}
		
	div#plaatje{
	float:left;
	width:189px;
	height:218px;
	padding-bottom:20px;
	padding-left:50px;
	padding-top:10px;
	}	
	
	div#adres{
	float:left;
	width:224px;
	height:130px;
	text-align:left;
	padding-left:15px;
	padding-top:18px;
	}
	
	a.contact:link{
	text-decoration:underline;
	color: #76ac1b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;

	}
	
	a.contact:visited{
	text-decoration:underline;
	color: #76ac1b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
	
	a.contact:visited{
	text-decoration:underline;
	color: #58585a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
		
	div#plaatje2{
	float:left;
	width:219px;
	height:100%px;
	padding-left:20px;
	padding-top:10px;
	}	
	
div#content{
float:left;
width:521px;
height:322px;
padding-top:0px;
padding-right:40px;
padding-bottom:30px;
text-align:left;
overflow:auto;
}

	div#overflowTop{
	float:left;
	width:561px;
	height:20px;
	background-color:#FFFFFF;
	}


div#titel{
float:left;
width:561px;
height:50px;
text-align:left;
padding-left:239px;
}

div#gallerycontent{
float:left;
width:446px;
height:272px;
padding-top:10px;
padding-right:40px;
padding-bottom:30px;
text-align:left;
}

div#animatie{
float:left;
width:792px;
height:134px;
padding-left:8px;
}

input{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
background-color:#CCCCCC;
border:none;
}

fieldset{
border:none;
padding:0px;
margin:0px;
}

td{
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
background-color:#CCCCCC;
border:none;
overflow:-y;
}

div#intro{
float:left;
height:362px;
width:800px;
}