/*
KLEURSCHEMA WEBSITE
KLEURPALET HITEKSNAK


1. Oranyella oranje 		HEX: #E0B45C  RGB: 224,180,92 >> achtergrondkleurtje

2. Bangkok Brown    		HEX: #7D6942  RGB: 125,105,66 >> buttonkleur mouse over

3. warming up orange zalmroze 	HEX: #E6A58A  RGB: 230,165,138 >> buttonkleur

4. Marts car vuil donker blauw	HEX: #03415E  RGB: 3,65,94 >> tekstkleur

5. Gollum fris blauw		HEX: #3700FF  RGB: 55,0,255 >> borderkleur

*/

/* HIER STAAT DE ALGEMENE OPMAAK VAN ONZE WEBSITE dus de opmaak van de body */
body {
font-family: Verdana, Helvetica, arial, "Times New Roman", serif;
margin: 0 0 0 0 ;
text-align: center;
background: #7D6942 url(images/achtergrond.jpg);



 /* achtergrondkleur 1*/
padding: 5px 0 0 0;
 }

* { padding:0; margin:0; } 

/* BIJ #alles STAAT DE div ALLES? VOORAL OM DE ACHTERGRONDKLEUR OP TE MAKEN, HIER KAN OOK EEN AFBEELDING KOMEN TE STAAN */
#alles {
width: 1024px;
margin: 0 auto;
text-align: left;
background: #E6A58A ;    /* achtergrondkleur 1*/
border: 2px solid #000;
text-align: center;
}


	p.adreslinksboven{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #03415E ;
	}
	#inhoud
	p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03415E ;
	}
	p.vet{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #03415E;
	font-weight: bold;
	}
	p.rand{
	font-size: 12px;
	color: #03415E;
	border: 1px solid #3700FF;
	width: 98%;
	padding: 15px 5px 15px 5px;
	background: #E6A58A;
	margin: 0 0 0 2px;
	}
	#inhoud p.klein, #navigatie p.klein{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #03415E;
	text-align: left ;
	}
	

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


	/* HIER STAAT IN DE INHOUD DE KOPTEKST H2 BESCHREVEN */
			#alles
			 h2{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #03415E;
			font-size: 16px;
			} 
			
			
	/* HIER STAAT IN DE INHOUD DE KOPTEKST H3 BESCHREVEN */
			h3{
			font-family: Georgia, Kids, Verdana, Arial, Helvetica, sans-serif;
			font-size: 20px;
			background: #03415E;
			color:#fff;
			text-align: center;
			border: 1px solid #3700FF;
			display: block;
			padding: 4px 0 4px 0;
			width: 90%;
			margin-left: auto; margin-right: auto;
						
			} 
	/* HIER STAAT DE KOPTEKST H4 BESCHREVEN */
			h4{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #03415E;
			font-size: 18px;
			}
			
			h5{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #03415E;
			font-size: 10px;
			}

			
									#lijst 
									ol{
									margin: 10px 10px 10px 10px;
									padding: 0;
									text-align: left;
									border: 3px solid #3700FF;
									list-style: none;	}								
								    #lijst li{
									margin: 5px 5px 5px 5px;
									border: 1px solid #3700FF;
									padding: 4px;
									background: #E0B45C;
									} 
										#lijst1 
									ol{
									margin: 10px 10px 10px 10px;
									padding: 0;
									text-align: left;
									border: 3px solid #111;
									list-style: none;	}								
								    #lijst1 li{
									margin: 5px 5px 5px 5px;
									border: 1px solid #999;
									padding: 4px;
									background: #fff;
									} 
			
			
/* DE KOP "header" VAN DE PAGINA'S */

#kop {
background: url("images/logometfoto.jpg") 100% no-repeat;
height: 180px;
text-align: center;
margin: 0 272px 0 0;
} 

/* HIER STAAT HET MENU ONDER     IS LANG STUKJE SCRIPT !!!! */

/* hier wordt de plaatsing van het menu omschreven */
#navigatie{
float: left;
width: 150px ;
list-style-type: none;
text-decoration: none;
position:relative;
		top: -73px;
		margin: 5px;
		}

/* Hier begint het eigelijke menu */

.menu {

}

.menu ul
{
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.menu li { margin: 0 0 1px 0; }

.menu a
{
display: block;
padding: 0 0 0 24px;
width: 124px;
height: 20px;
background: #E0B45C url("images/button.gif") 0 0 no-repeat;
color: #03415E;
text-decoration: none;
margin: 3px;
}

.menu ul a:hover 
{
color: #fff;

background: #03415E url("images/button.gif") 0 0 no-repeat;
background-position: 0 -20px;
text-decoration: none;

}

.menu ul ul li { margin: 0 0 5px 0; }




.menu ul ul a
{
display: block;
padding: 0 0 0 27px;
width: 112px;
margin: 0 0 0 10px;
color: #03415E;
text-decoration: none;
text-align: left;
}

.menu ul ul a:hover
{
color: #fff;
background-color: #3700FF;
text-decoration: none;
}


/* DE OPMAAK VAN DE INHOUD */

#inhoud {
margin: 10px 5px 5px 5px;
padding: 0 0 0 15px; 
width: 820px ;
height: auto;
font-size: 15px;
float: left;
text-align: center;

}


/* HIER STAAT DE FOOTER */

#footer {
clear: both;
width: 1000px;
margin-left: auto; margin-right: auto;
background-color: #03415E;
font-size: 16px;
color: #E6A58A; 
border:2px solid #3700FF;
text-align: center;
padding: 10px;
}

/* 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: times, verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
}
a.inhoud:link, a.inhoud:visited{
color: #3700FF;
font-size: 16px;
text-decoration: none;
}
a.inhoud:hover, a.inhoud:active{
font-size: 16px;
color:#7D6942;

}

a.donker{
font-family: times, verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
}
a.donker:link, a.donker:visited{
color: #E0B45C;
font-size: 16px;
text-decoration: none;
}
a.donker:hover, a.donker:active{
font-size: 16px;
color:#E6A58A;

}

a.0{
font-family: times, verdana, Arial, Helvetica, sans-serif;
font-weight: bolder;
width: 20px;
color: #E6A58A; 
text-decoration: none;
}


/* TERUG NAAR BOVEN KNOP, INACTIEF!!!*/
/* INACTIEF NOG NAKIJKEN BUTTON TERUG NAAR BOVEN !!! positie button klopt nietmeer, blancovakje klopt nog wel ... 
a.plus:link, a.plus:visited{
background: url("images/top.gif") 0 0 no-repeat;
background-position: 0 0;
}

a.plus:hover, a.plus:active{
background: url("images/top.gif") 0 0 no-repeat;
background-position: 0 -50px;
}*/

/* voor achter een foto een kader te plaatsen gebruik je dit clasje class="foto" / */

 img.foto{
float: left;
padding: 3px;
margin: 5px 5px 5px 5px ;
background: #03415E; 

}

 img.foto5{
float: left;
padding: 3px;
margin: 5px 5px 5px 5px ;

}

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 #3700FF; 
border-bottom: 2px solid #03415E;
}

img.foto3{
float: right;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;

border: none ;
}



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


/* opmaak contact formulier */

label{

}

fieldset{
width: 500px;
padding: 10px 10px 10px 10px;
border: 1px solid #03415E;
font-family: verdana;
color: #03415E;
margin-left: auto;
margin-right: auto;
text-align: justify;
}

legend{
background-color: #E6A58A;
color: #03415E;
font-weight: bold;
padding: 4px 6px 4px 6px;
text-transform: uppercase;
margin: 0 0 5px 0;
font-size: 0.8em;
}

input{
margin: 3px 10px 3px 10px;
padding: 0;
border: 1px solid #3700FF;
background-color: #fff;
width: 480px;
border: 1px solid #03415E;
color: #7D6942;

}

input.nul{
	margin: 3px 10px 3px 10px;
padding: 0;
border: 1px solid #3700FF;
background-color: #fff;
width: 20px;
border: 1px solid #03415E;
color: #7D6942;

textarea{
margin: 10px 10px 10px 10px;
padding: 1px 0 2px 3px;
border: 1px solid #03415E;
background-color: #fff;
width: 480px;
}

.button{
background-color: #03415E;
color: #E6A58A;
font-weight: bold;
width: 300px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
border: 2px solid #03415E;
cursor: pointer;

}


table{
margin: 4px;
background-color: #E6A58A;
width: 95%;
}
td{
text-align: left;
color: #fff;
background-color: #E6A58A;
}
.live{
float: right;
width: 200px;
margin: 5px 15px 40px 5px; 
padding: 4px 4px 4px 4px;
color: #3700FF; 
border: 2px solid #3700FF;
}







/* 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 ONDER, DE NAVIGATIE VAN HET EZELOOR !!! */

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(test.jpg) no-repeat right top;
	text-indent: -9999px;
}