
* {
		margin: 0;
		padding: 0;
		}

body { 
		font-family: verdana, Arial, Helvetica, sans-serif;
	  color: #8c674c;
		}
html {
      scrollbar-track-color: #FFFFFF; 
	    scrollbar-face-color: #FFFFFF; 
      scrollbar-arrow-color: #fbaf5d;  
      scrollbar-3dlight-color: #ffe500;   
      scrollbar-highlight-color: #FFFFFF;
      scrollbar-shadow-color: #FFFFFF;
      scrollbar-darkshadow-color: #b37d00;
}
#container {
     margin-top: 0px;
     /*height:770px;*/
	   width: 960px;
     margin: 0 auto;
     position:relative;
      }
		
#nav {
     top: 157px;
		 left: 166px;
     height: 47px;
	   width: 621px;
		 position: absolute;
		}
.balk {
     top: 195px;
		 left: 145px;
     height: 50px;
	   width: 640px;
		 position: absolute;
		}
#background  {
	   height: 770px;
	   width: 960px;
     background-image: url(images/ag1-elsol-zandvoort.gif);
     background-repeat: no-repeat;
     }

#content {
     top: 520px;
		 left: 185px;
     height: 208px;
	   width: 580px;
		 position: absolute;
		}
#content2 {
     top: 230px;
		 left: 175px;
	   width: 760px;
		 position: absolute;
		}
#tel {
     top: 250px;
		 left: 620px;
     height: 100px;
	   width: 200px;
		 position: absolute;
		}
     
#foto {
     top: 212px;
		 left: 161px;
     height: 288px;
	   width: 613px;
		 position: absolute;
		}
#talen {
     top: 505px;
		 left: 700px;
     height: 20px;
	   width: 90px;
		 position: absolute;
		}
#app1 {
     top: 10px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#app2 {
     top: 170px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#app3 {
     top: 325px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#app4 {
     top: 480px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#studio5 {
     top: 635px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#studio6 {
     top: 790px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#flamingo1 {
     top: 950px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#flamingo2 {
     top: 1115px;
		 right: 20px;
     height: 184px;
	   width: 200px;
		 position: absolute;
		}
#tekst1 {
     top: 27px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst2 {
     top: 190px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst3 {
     top: 350px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst4 {
     top: 510px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst5 {
     top: 670px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst6 {
     top: 830px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst7 {
     top: 990px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#tekst8 {
     top: 1150px;
		 left: 0px;
     height: 130px;
	   width: 500px;
		 position: absolute;
		}
#zon {
     top: 350px;
		 left: 71px;
     height: 200px;
	   width: 200px;
     background-image: url(images/zon.gif);
		 position: absolute;
		}
#zon2 {
     top: 392px;
		 left: 675px;
     height: 200px;
	   width: 200px;
     background-image: url(images/zon.gif);
		 position: absolute;
		}
#telefoon {
     top: 545px;
		 left: 550px;
     height:150px;
	   width: 200px;
		 position: absolute;
     
    }
#links {
     top: 570px;
		 left: 608px;
     height:150px;
	   width: 170px;
		 position: absolute;
    }
#footer {
    position: absolute;
	  top: 154px;
		left: 758px;
	  width: 30px;
	  height: 10px;
		font-size: 70%;
		}
#footer a {
    color: #d6d1b9;
    }
#footer a:hover {
    color: white;
    }
/* menu		*/
.button, .button2, .button3, .button4{
     background-color: #ffee93;
     color: #8c674c;
     text-decoration: none;
		 width: 100px;
		 height: 30px;
		 font: bold 95% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.button:visited, .button2:visited, .button3:visited, .button4:visited {
     color: #8c674c;
		
}
.button:hover, .button2:hover, .button3:hover, .button4:hover{
     background-color: #fff3af;
		 color: white;
		 text-decoration: none;
}
.button:active, .button2:active, .button3:active, .button4:active{
     color: white;
}
.button2:hover {
      background-color: #ffdc9d;
			}
.button3:hover {
      background-color: #f2c492;
			}
.button4:hover {
      background-color: #f2be9d;
			}
.button2 {
      background-color: #ffd782;
			}
.button3 {
      background-color: #f2b769;
			}
.button4 {
      background-color: #f2ad7e;
			}
#nav li  {
     float:left;
		 }
#nav li a{
		 display: block;
		 width: 135px;
		 height: 38px;
	   text-align: center;
		 padding: 12px 0 0 0; 
		 margin: 8px;
		 border: 2px solid #cca483;
		 font-size: 15px;
		}
/* formulier */
#prijzen {
     top: 250px;
		 left: 530px;
     height: 378px;
	   width: 250px;
		 font-size: 90%;
		 position: absolute;
    }
#formulier {
     top: 250px;
		 left: 185px;
     height: 478px;
	   width: 580px;
		 position: absolute;
		 font-size: 90%;
		}
.knop {
    background-color: #fff3af;
    color: #8c674c;
		border: 1px solid #8c674c;
		width: 200px;
     }
label {
	float: left;
	width: 130px;
}
input, textarea, select, option {
	margin-left: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #b37d00;
	border: 1px solid #b37d00;
}
textarea {
	width: 280px;
	height: 100px;
	padding: 5px;
	margin-bottom: 4px;
}
input {
	width: 160px;
	height: 20px;
	margin-bottom: 2px;
}
select {
	width: 160px;
	height: 20px;
	margin-top: 3px;
	margin-bottom: 2px;
	border: 1px solid #b37d00;
}  
#form a {
    border: 1px solid #b37d00;
       }

 /* einde formulier */
 
h1 { font-size: 100%;
     text-align: center;
		}

h2 { font-size: 90%;
		}

h3 { font-size: 90%;
     color: #f28519;
		 text-align: center;
		}
		
h4 { 
		}

p {
    font-size: 80%;
		}

ul {
		list-style-type: none;
		}


a img {
		border: 0;
		}
a  {
   color: #8c674c;
	 font-weight: bold;
	 text-decoration: none;
   }
a:visited{
   color: #8c674c;
   }		
a:hover{
   color: orange;
   }		
		

