html {
	background-image: url(Plaatjes/Achtergrond/collage1.gif);  
	background-repeat:repeat-y;    
	}
div
{margin-left: 10%;
 margin-right: 10%;
margin-top: 0px;}
div#jolinckhoeve img
{margin-left:70px;   
    } 
div#onder 
{
     margin-top: 170px;
	 width:600px;
	 
	
	 }	 
h1 {
    font-family:"Monotype Corsiva", "Script MT Bold","Arial";
	font-size: 150%;
	text-align: center;
	margin-top:1px;
	margin-left:25px;
	width:540px;}
ul { position : absolute;
top: 0px;
left:150px;
width : 0px;
margin : 0;
padding : 0 0 0 0; }

li { display : inline;  }

h2 {display : inline; font-family:"Monotype Corsiva", "Script MT Bold","Arial"; font-size : 120%; font-weight : bolder;  text-align:center;}
p { color: #000; }



p,h2{ position : absolute; }


li#one div p {top : 170px; left : -50px;
                width : 230px;
                margin : 0;
                padding : 0 0 0 0;  }
                
li#two div p {top : 170px; left : 280px;
                width : 230px;
                margin : 0;
                padding : 0 0 0 0;  }
                
li#three div p {top: 480px; left : -50px;
                width : 230px;
                margin : 0;
                padding : 0 0 0 0;  }
li#four div p {top: 480px; left : 280px;
                width : 230px;
                margin : 0;
                padding : 0 0 0 0;  }

li#one div h2
{
                top : 0px; left : 0px;               
                margin : 0;
                padding : 0 0 0 0;  }
                
li#two div h2{top : 0px; left : 280px;
                width:180px;
                margin : 0;
                padding : 0 0 0 0;  }
                
li#three div h2{top: 300px; left : 0px;
                
                margin : 0;
                padding : 0 0 0 0;  }
li#four div h2{top: 300px; left : 280px;
                width:200px;
                margin : 0;
                padding : 0 0 0 0;  }
li#five div h2
{
                top : 340px; left : 180px;               
                margin : 0;
                padding : 0 0 0 0;  }
li#six div h2
{
                top : 60px; left : 185px;               
                margin : 0;
                padding : 0 0 0 0;  }


                
li#one div img {background-color:#FFCC33;border-color:#009933;}                
li#one div img:hover  
{   
    background-color:#009933; color:#fff; border-color:#fff;}


li#two div img {background-color:#FFCC33;border-color:#009933;}                
li#two div img:hover  {background-color:#009933; color:#fff; border-color:#fff;}

li#three div img {background-color:#FFCC33;border-color:#009933;}                
li#three div img:hover  {background-color:#009933; color:#fff; border-color:#fff;}

li#four div img {background-color:#FFCC33;border-color:#009933;}                
li#four div img:hover  {background-color:#009933; color:#fff; border-color:#fff;}

li#one div:hover  {color:#009933;}              
li#two div:hover{ color:#009933;}              
li#three div:hover {color:#009933;} 
li#four div:hover {color:#009933;}