/*
KLEURSCHEMA WEBSITE
KLEURPALET AINT IT COOL


1. #B1A6CA

2. #FCF3ED

3. #DDEEE5

*/

/* HIER STAAT DE ALGEMENE OPMAAK VAN ONZE WEBSITE dus de opmaak van de body */
body {
font-family: Verdana, Helvetica, arial, "Times New Roman", serif;
text-align: center;
background: #DDEEE5 url(achter.jpg); width: 100%;    /* achtergrondkleur 1*/
}

* {margin:0;padding:0;}

/* must declare 0 margins on everything,
also for main layout components use padding,
not vertical margins (top and bottom) to add spacing,
else those margins get added to total height
and your footer gets pushed down a bit more,
creating vertical scroll bars in the browser */
html, body, #alles {
height: 100%;

}
body > #alles {
height: auto;
min-height: 100%;
width: 1024px;
margin: 0 auto 0 auto;
background: #FCF3ED url("");
background-repeat: repeat ;    /* achtergrondkleur 1*/

}

/* DE KOP "header" VAN DE PAGINA'S */

#kop {
background: url("kaartjeshoofd.jpg") 100% 0 no-repeat;
height: 100px;

}

#inhoud {
padding-bottom: 36px; /* must be same height as the footer */

}
#footer {
position: relative;
margin-top: -36px; /* negative value of footer height */
height: 36px;
clear:both;
}
/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
}





/* DE OPMAAK VAN DE INHOUD */

#inhoud {
width: 1024px;
font-size: 15px;
float: left;
text-align: center;

}


/* HIER STAAT DE FOOTER */

#footer {
width: 1024px;
margin-left: auto; margin-right: auto;
background-color: #B1A6CA;
font-size: 16px;
color: #FCF3ED; 
padding: 15px 0 5px 0 ;
text-align: center;
position: relative;
clear:both;
}
/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





		#inhoud
	p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B1A6CA;
	margin: 10px;
	}



			
			h1{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: #E0B45C;
			display: block;
			font-size: 1.2em;
			padding: 20px;
			color:#B1A6CA;
			border: 1px solid #3700FF;
			}


			h3{
			font-family: Georgia, Kids, Verdana, Arial, Helvetica, sans-serif;
			font-size: 18px;
			color:#B1A6CA;
			text-align: center;
			display: block;
			padding: 4px 0 4px 0;
			width: 100%;
		margin:20px 0 20px 0;
			} 
			
			


 
.transparant {
opacity:.90;
filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 }
 
/* HIER STAAT HET MENU ONDER     IS LANG STUKJE SCRIPT !!!! */

#menu {
width: 500px;
margin: 20px 300px 20px 250px;
clear: both;

}

#menu a {
       color: #FCF3ED;
       text-decoration: none;
       margin: 0 auto;
}

#menu a:hover {
       color: #DDEEE5;
}

#menu ul {
       width: 500px; /* zelf te kiezen, als het menu er maar in past */

       margin: 0 auto;
       padding: 0;

       list-style: none;
       border: 5px solid #FCF3ED;
       background-color: #B1A6CA;

       display: block;
       float: left;
       
}

#menu li {
       position: relative;

       padding: 4px 5px;
       margin: 0;

       float: left;
}

#menu li li {
       float: none;
}

#menu ul ul {
       position: absolute;
       left: 0;
       top: 100%;
		width: 250px;
       z-index: 100;
       display: none;
}

#menu li:hover ul, #menu li:hover li:hover ul {
       display: block;
}

/* einde menu */ 

 img.foto{
margin: 10px 10px 10px 10px ;
background: #B1A6CA; 
border: 10px double  #DDEEE5;
}

 img.foto5{
	 text-align: center;
	 float: left;
}

img.foto1{
float: right;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
background: #03415E; 
}

img.foto2{
padding: 10px 10px 10px 10px;
margin: 5px 5px 5px 5px;
background: #fff; 
border-right: 2px solid #DDEEE5; 
border-bottom: 2px solid #B1A6CA;
float: left;
}

img.foto3{
padding: 10px 10px 10px 10px;
margin: 5px 5px 5px 5px;
background: #fff; 
border-right: 2px solid #DDEEE5; 
border-bottom: 2px solid #B1A6CA;
float: right;
}



p.uitlijnen{ 
/* tekst uitvullende uitlijnen <p class="uitlijnen"></p> */
text-align: justify;
}





/* of dit paragraaf classje om er een tekst onder te plaatsen zie op de foto pagina in de hoofdmap hoe je dit doet */


p.foto{
margin-left: auto; margin-right: auto;
padding: 5px 10px 5px 10px;
background: #E6A58A;
height: 100%;
width: 120px;
font-size: 95%;
text-decoration: none; 
color: #7D6942;
text-align: center;
cursor: pointer;
}

/* HIER STAAT DE OPMAAK VAN DE LINKS DIE GEBRUIKT WORDEN in de INHOUD etc in al de lichte elementen!!! gebruik de class="inhoud" achteraan de a href link !!!*/

a.inhoud{
font-family: Verdana, Helvetica, arial, "Times New Roman", serif;
font-weight: bolder;
}
a.inhoud:link, a.inhoud:visited{
color: #B1A6CA;
font-size: 16px;
text-decoration: underline;
}
a.inhoud:hover, a.inhoud:active{
font-size: 16px;
color:#7D6942;
text-decoration: underline;
}
   
   a.footer{
font-family: times, verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
}
a.footer:link, a.footer:visited{
color: #DDEEE5;
font-size: 20px;
text-decoration: underline;
}
a.footer:hover, a.footer:active{
font-size: 20px;
color:#FCF3ED;
text-decoration: underline;
}



TABLE   { border-collapse: collapse; border: 0px 0;
          margin-left: 335px;  }
TD      { 	border: 0px ; 
			text-align: center;
          	width: 200px; }