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

body { background-image: url('../woodplank.jpg');
	background-repeat:repeat;
	margin:0;
	padding:0;}


img, div { behavior: url(/iepngfix.htc); }

#container {
width:800px;
margin-left: auto; margin-right: auto;
height:100%;
}

#header {
background-image:url(../afbeeldingen/menubg.jpg);
background-repeat:no-repeat;
width:800px;
height:280px;
margin: 0 auto;}

#navBarContainer{  
   width: 800px;  
   height: 55px;  
   margin: auto;  
     
}

ul#navBar{  
  width: 800px;  
  height: 55px;  
  margin: 0 auto;
  list-style: none;  
   }  
     
ul#navBar li{  
   display: inline;  
  }  

ul#navBar li a{  
    height: 55px;  
    float: left;  
    text-indent: -9999px;  
}  


ul#navBar li#navBarHome a{  
     width: 80px;  
     background-image: url(../afbeeldingen/navbar.png);
     background-repeat: no-repeat;  
     margin-left: -40px;
     margin-top: 225px;
     outline:none
}  

ul#navBar li#navBarInfo a{  
     width: 80px;  
     background: url(../afbeeldingen/navbar.png) no-repeat -80px 0px; 
     margin-top: 225px; 
     outline:none
}

ul#navBar li#navBarBestuur a{  
    width: 93px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -160px 0px;  
margin-top: 225px;
outline:none
}

ul#navBar li#navBarKalender a{  
    width: 96px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -253px 0px;  
margin-top: 225px;
outline:none
}

ul#navBar li#navBarUitslagen a{  
    width: 96px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -349px 0px; 
margin-top: 225px; 
outline:none
}

ul#navBar li#navBarFotos a{  
    width: 76px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -445px 0px;  
margin-top: 225px;
outline:none
}

ul#navBar li#navBarGastenboek a{  
    width: 113px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -521px 0px;  
margin-top: 225px;
outline:none
}

ul#navBar li#navBarLinks a{  
    width: 75px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -634px 0px;  
margin-top: 225px;
outline:none
}

ul#navBar li#navBarContact a{  
    width: 91px;  
    background: url(../afbeeldingen/navbar.png) no-repeat -709px 0px;  
margin-top: 225px;
outline:none
}    

ul#navBar li#navBarHome a:hover{  
background-position: 0 -55px;  
}

ul#navBar li#navBarInfo a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -80px -55px;  
}  

ul#navBar li#navBarBestuur a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -160px -55px;  
}  

ul#navBar li#navBarKalender a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -253px -55px;  
}  

ul#navBar li#navBarUitslagen a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -349px -55px;  
} 

ul#navBar li#navBarFotos a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -445px -55px;  
}   

ul#navBar li#navBarGastenboek a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -521px -55px;  
}  

ul#navBar li#navBarLinks a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -634px -55px;  
}  

ul#navBar li#navBarContact a:hover{  
     background: url(../afbeeldingen/navbar.png) no-repeat -709px -55px;  
}  

#grunge {
width: 776px;
height:600px;
background-image:url(../afbeeldingen/papier.jpg);
margin: 20px 0px 20px 0px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
padding: 10px;

}

#grunge2 {
width: 776px;

background-image:url(../afbeeldingen/papier.jpg);
margin: 20px 0px 20px 0px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
padding: 10px;

}


#basis {
	width: 606px;
height: 465px;
padding: 5px;
float: left;
}

#nieuws {

width: 149px;
height: 465px;
float: left;
border-left: 1px solid black;
padding: 5px;
}

#footer {
	width: 785px;
	height: 130px;
	border-top-style: solid;
	border-top-width: 1px;
	float: left;
	

}

ul.gallery li a {
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff; 
-moz-box-shadow: 0px 2px 15px #333;
	position: relative;
	outline:none;

}


ul.gallery {
	list-style:none;
	outline:none;
	 
}

ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	outline:none;
	
}

ul.gallery li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	outline:none;
}

ul.gallery li a.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	outline:none;
}

ul.gallery li a.pic-4 {
	z-index: 3;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	outline:none;
}

ul.gallery li a.pic-5 {
	z-index: 3;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	outline:none;
}

ul.gallery li a.pic-6 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	outline:none;
}

ul.gallery li a:hover {
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
}

img
{  border-style: none;
}


#contact {
	width: 600px;
	height: 550px;
	
	margin: 40px auto ;
	
}

#textarea {
	margin-left: auto;
	margin-right: auto;
	
}

#info {
	width:710px;
	height: 400px;
	
	margin: 100px auto;
}

#ontstaan {
	width:710px;
	height: 405px;
	background-image:url(../afbeeldingen/ontstaan.png);
	margin: 20px 0px 0px 0px;
}

#doel {
	width:710px;
	height: 405px;
	background-image:url(../afbeeldingen/doel.png);
	margin: 0px auto;
}	

#werking {
	width:710px;
	height: 405px;
	background-image:url(../afbeeldingen/werking.png);
	margin: 0px auto;
}

#bestuur {
width: 776px;
height:550px;
background-image:url(../afbeeldingen/papier.jpg);
margin: 20px 0px 20px 0px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
padding: 10px;

   } 
   
.imgcenter
   {
   margin-left: auto;
	margin-right: auto;
	display:block;}

#bestuuruitleg {
width: 776px;
height:700px;
background-image:url(../afbeeldingen/papier.jpg);
margin: 20px 0px 20px 0px;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #000;
padding: 10px;

   } 


.uitleg
	{
		margin-left: auto;
	margin-right: auto;
	display:block;}