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


* {
margin: 0;
padding: 0;
}


body {
background-color: #003468;
}

img{
	padding-bottom: 30px;
	
}


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


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


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


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


.inhoud h1 {
font-size: 34px;
font-style: italic;
color: #FFFFFF;

}


.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;
}



/******* 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;
}

#lucdegryse {
/*border: solid 1px #3300CC;*/
height: 70px;	
padding: 50px 0 0 60px;
}



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


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


#footer {
/*border: solid 1px red;*/
height: 160px;
background-color: #000;
margin-top: 100px;
position: relative;
float: left;
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;
margin-bottom: 30px;


}




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

}


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

}

#form {
padding: 0 0 30px 160px;

}


.titel {
/*border: solid 1px navy;*/
padding: 30px 0 30px 160px;	
}


.titel h1 {
font-size: 34px;
font-style: italic;
color: #FFFFFF;
}


#afbeeldingen{
height: 400px;
/*border: 1px solid red;*/

}


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: 114px; 
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;
	
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;	
	}

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;
	
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;


	}

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;
}


/* - - - - --JV_SLIDESHOW - - - - - - - - - - */	
	
#slideshow 
		{
		margin-top: 50px;
    	position:relative;
    	height:350px;
		}

#slideshow IMG 
		{
    	position:absolute;
    	top:0;
    	left:0;
    	z-index:8;
    	opacity:0.0;
		}

#slideshow IMG.active 
		{
    	z-index:10;
    	opacity:1.0;
		}

#slideshow IMG.last-active 
		{
    	z-index:9;
		}
		
		
#flash {
	position: absolute;
	z-index: 12;
	margin: 170px 0 0 600px;
}


#flash_snor {
	position: absolute;
	z-index: 12;
	margin: 30px 0 0 -80px;
}