/******* LETTERTYPES *******/


* {
margin: 0;
padding: 0;
}


body {
background-color: #003468;
}


p, h2, h3, h4, h5, h6, ul {
color: #9CC;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
line-height: 20px;
}

.white {
color: #fff;
	
}


h1 {
font-size: 40px;
font-style: italic;
color: #FFFFFF;
}


.titel h1 {
color: #D7E870;
font-size: 14px;
}


.inhoud p {
font-size: 14px;
}

.inhoud_top p {
font-size: 14px;
}




.inhoud h1 {
font-size: 26px;
font-style: italic;
color: #fff;

}


.inhoud_top h1 {
font-size: 26px;
font-style: italic;
color: #fff;


}




.titel p {
font-size: 14px;
}


#copyright p {
font-size: 10px;
}


a {
text-decoration: none;
color: #FFFFFF;	
outline: none; /*verwijdert 'dotted lines' in firefox*/
}

a:hover {
color: #D7E870;
text-decoration: none;
}

.zwart {
color: #9CC;
	
}



/******* STRUCTUUR DIV'S EN INHOUD *******/


.wrapper {
/*border: #FFF 1px solid;*/
position: relative;
width: 900px;
margin-right: auto;
margin-left: auto;
}

#heading {
background-color: #003468;
/*border: solid 1px navy;*/
height: auto;
}

#heading_bio {
background-color: #002;
/*border: solid 1px navy;*/
height: auto;
}



#lucdegryse {
/*border: solid 1px #3300CC;*/
height: 0px;	
padding: 40px 0 30px 160px;

}





#navigatie_top {
/*border: solid 1px navy;*/
height: 70px;
font-size: 22px;
padding: 20px 0 0 160px;
}


.navigatielist {
/*border: #660066 1px solid;*/
width: auto;
position: relative;
float: left;
margin-right: 20px;	
}


#footer {
/*border: solid 1px red;*/
height: 160px;

margin-top: 100px;
position: relative;
float: left;
clear: both;
width: 100%;
background-color: #002;

}


#copyright {
padding: 30px 0 30px 160px;
}


#navigatie {
/*border: solid 1px navy;*/
height: auto;
background-color: #002;
padding: 30px 0 30px 0;
}


#sendbutt{
	
	position: relative;
	float: left;
	clear: both;
	
	
}



.kolom {
/*border: solid 1px red;*/
width: auto;
max-width: 350px;
margin-right: 30px;
padding-left: 160px;

}



#kolomlinks {
	
	/*border: solid 1px red;*/
	width: 448px;
	position: relative;
	float: left;
	text-align: right;
	height: auto;
	margin-top: 60px;
	border-right: 1px #000 solid;
	
}



#kolomrechts {
	
	/*border: solid 1px red;*/
	width: 448px;
	position: relative;
	float: left;
	text-align: left;
	height: auto;
	margin-top: 60px;
	
	
}


.inhoud {
/*border: solid 1px navy;*/
padding: 30px 0 15px 160px;
height: auto;
width: auto;
position: relative;
float: left;	
clear: both;


}


.inhoud_top {
/*border: solid 1px navy;*/
padding: 30px 0 15px 160px;
height: auto;
width: auto;
position: relative;
float: left;	
clear: both;
margin-top: 30px;

}


.inhoud_rechts {
/*border: solid 1px navy;*/
height: auto;
width: auto;
position: relative;
float: left;	
clear: both;
margin-right: 160px;
margin-left: 20px;
margin-bottom: 15px;

}


.inhoud_rechts p {
font-size: 14px;
}


.inhoud_rechts h1 {
font-size: 26px;
font-style: italic;
color: #FFFFFF;

}





.inhoud_links {
/*border: solid 1px navy;*/
height: auto;
width: auto;
position: relative;
float: right;	
clear: both;
text-align: right;
margin-bottom: 15px;
margin-left: 160px;
margin-right: 20px;

}


.inhoud_links p {
font-size: 14px;
}


.inhoud_links h1 {
font-size: 26px;
font-style: italic;
color: #FFFFFF;

}


#form {
/*border: solid 1px navy;*/
padding: 0 0 30px 160px;
clear: both;

}




#afbeeldingen{
height: 400px;
/*border: 1px solid red;*/
position: relative;
float: left;
clear: both;
width: 100%;

}


li {
list-style-type: none;
}


#heading li {
list-style-type: none;
display: inline;
}


#navigatie li {
font-size: 18px;

}


li.green {
color: #D7E870;

}




/****** AFBEELDINGEN ******/

#jgal { 
list-style: none;
width: 200px; 
}


#jgal li { 
opacity: .5; 
float: left; 
display: block;
width: 60px; 
height: 60px; 
background-position: 50% 50%; 
cursor: pointer; 
margin-right: 20px; 
margin-bottom: 20px;
}


#jgal li img { 
position: absolute; 
top: 0px; 
left: 160px; 
display: none; 
}


#jgal li.active img { 
display: block; 
}


#jgal li.active, #jgal li:hover { 
outline-color: #bbb; 
opacity: .99 /* safari bug */ 
}






/*FORM*/ 

label span {
	display: none;
	}
	

input {
	position: relative;
	margin: 0 0 10px 0;
	padding: 8px;
	width: 300px;/* breedte van de velden*/
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background-color: #000;
	border: none;
	outline: none;
	background-color: #002;
	

	}

input, textarea {
	position: relative;
	margin: 0 10px 10px 0;
	padding: 8px;
	width: 300px;/* breedte van de velden*/
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
		color: #FFF;
	background-color: #000;
	border: none;
	outline: none;
	background-color: #002;
	
	


	}

textarea {
	height: 150px;
	}

input.butt {
	width: auto;/* breedte van de velden*/

	}
	
.butt {
	width: auto;
	border: none;
	text-decoration: none;
	background-color: transparent;

	}
	
	
#radio{
width: 25px;
position: relative;
float: left;
padding-top: 3px;
}

#radiotext{
width: auto;
position: relative;
float: left;
margin-right: 30px;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
}