h1 {
	font-family: arial, verdana, Sans-Serif;
	font-size: 28px;
	}
H2 { color:#000 ;
	 font-family: Arial, MS Reference Serif, SansSerif, Serif; 
	 font-size: 18px; 
	 text-align: center;
	 } 

H3 { color : #000 ;
	font-family: Arial, MS Reference Serif, SansSerif, Serif;
	font-size: 16px;
	text-align: center; 
	}
	 
H4 {
	color : #000 ;
	font-family: Arial, MS Reference Serif,  SansSerif, Serif;
	font-size: 14px; 
	 }
H5 {
	color : #000 ;
	font-family: Arial, MS Reference Serif, SansSerif; 
	font-size: 12px; 
	}
H6 { 
	color : #000 ; 
	font-family:  Arial, MS Reference Serif, SansSerif; 
	font-size: 10px; 
	}

PRE {
	font-family: Arial, MS Reference Serif, SansSerif, Serif; 
	font-size: 12px; 
	 }
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;
margin-right:10px;
color:#000000;
}	 



TABLE { 
	color : #000 ;
	font-family: Arial, MS Reference Serif,; 
	font-size: 12px; 
	 }
	 
	 

#column, #zijkant-a, #specifiek-b, #zijkant-b {
	border: 0px solid #c0c0c0;}  /*een randkleurtje om aan en uit te zetten tijdens de aanbouw*/
	

html { height: 101%; } /* geeft Firefox altijd een scrollbar rechts, zodat de breedte niet 
                         verspringt bij wissel tussen pagina's die wel/niet op 1 screen passen. */
body { 
	margin: 0px;
	padding: 0px;
	background-image: url("plaatjes/achtergrond/lgren051.jpg" ); 
	background-attachment: fixed;

	background-color:#ccffcc;
	color:#000000;
	font-family: arial, Sans-Serif,verdana, ;
	text-align: center; /* nu column gecentreerd voor IE, maar alles in de body ook gecentreerd */
	width:100%;
	margin: 1px 0px 10px 0px;
	
	}
#column {
	width: 1100px; /* total breedte van de basis kolom (P) */
	height: auto;
	margin-left: auto; 
 	margin-right: auto; /* nu column gecentreerd voor de rest */
	text-align: left;   /* voor allemaal: standaard alles weer links beginnen */
	}

#header { 	
	background-image: url("plaatjes/ingang/witteveen_winter.jpg" );
	width: 100%; /* hele breedte column pakken */
	height: 150px;
	margin-top: 1px;
	margin-bottom: 1px;
	border-top: 1px solid #24813A; 
	border-right: 1px solid #24813A; 
	border-bottom: 1px solid #24813A; 
	border-left: 1px solid #24813A;
	}

#container {
/* 	position: relative;
	top: 200px; */
	width: 100%; /* hele breedte column pakken */
	margin: 0px;
	
	background-color:#e4fae5;
	border-top: 1px solid #24813A; 
	border-right: 1px solid #24813A; 
	border-bottom: 1px solid #24813A; 
	border-left: 1px solid #24813A;
	}
	
#zijkant-a {
	/* achtergrond zijkant */
	float: left; /**/
	width: 16%;
	margin: 0 auto 0 5px;
	padding: 0px;
	background-color: #e4fae5;
	}
	
	#zijkant-r {
	float: right; /**/
	width: 16%;
	margin: 0 auto 0 0px;
	padding: 0px;
	}
	
#specifiek-b {
	clear: none; 
	margin-left: 16%;
	margin-right:17%;
	padding: 10px;
	/* border-left:1px solid #999966;
	border-right:1px solid #999966;*/
	}
	
	
#paginatitel{
	margin: 0;
	border: 1px solid #000000;
	text-align: center; 
	background-color: #cccc99;
	color: #402600;
	}

#inhoud {
	/* dit is het blok waar de veranderende tekst in staat in het midden (p) */ 
	clear: none; 
	margin-left: 0%;
	margin-right: 0%;
	padding: 6px;
	margin-top: 1px;
	border: 0px solid #24813A;
	background-color: #fff;
	font-family:  arial,verdana, Sans-Serif;
	font-size: 12px;
	}

#footer {
	clear: both;
	border: 1px solid #999;
	background-color:#24813A;
	color:#e4fae5;
	font-family:  Arial, Verdana,Helvetica, sans-serif ;
	font-size: small;
	padding: 2px;
	margin: 3px 0 3px 0;
	text-align: center;
	}

#bottom {
	margin:0;
	padding: 2px;
	color:#999;
	font-size: small;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif, ;
	}
#footer a {
	color:#fdfddf;
	font-size: small;
	}
div#main 
{
	position: absolute;
	width: 800px;
	background-color:#cccc99;
	left: 45%;
	margin-left: -345px;
	height : 95%;
	top: 0px ;
	
	length:100%;	
}
#hobby UL { 
	font-family:  Arial, Verdana, Helvetica, sans-serif  , MS Reference Serif, 
	              SansSerif, Serif; 
	font-size:12px;
	list-style-type: disc;
	
	font-style: normal;

	text-transform: none;
	
	
 }

 UL { 
	font-family:  Arial, Verdana, Helvetica, sans-serif  , MS Reference Serif, 
	              SansSerif, Serif; 
	font-size:12px;
	list-style-type: disc;
	
	font-style: normal;
	
	text-transform: none;
	padding:0.5em ;
	margin:0.5em  ;
	
 }
LI {
	font-size:12px  ;
	text-decoration: none;
	
}
a {
	color: #006699 ; 
	font-family:   Arial,Verdana, Helvetica, sans-serif  , MS Reference Serif, 
	              SansSerif, Serif; 
	font-size:12px;
	
	font-weight:500;
	text-decoration:none;			  
}
 #tekst
{
position:absolute;
top:140px;
left:192px;
}
 #tekst2
{
position:absolute;
top:295px;
left:192px;
}
#adres {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:10px;
	margin-top:10px;
	color:#000000;
	}
/* algemene zaken */

html { height: 101% } /* geeft Firefox altijd en scrollbar rechts, zodat de breedte niet */




#nav a{
font-size:12px;
}

html { height: 101% } /* geeft Firefox altijd en scrollbar rechts, zodat de breedte niet */
#nav a{
font-size:12px;
}

/*thumbnail eigen */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:  transparant;
padding: 5px;
left: -1000px;
border: 1px dashed #24813a;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -250px; /*position where enlarged image should offset horizontally */

}

/*einde thumbnail eigen */

/* the menu */

	#nav ul {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}
	#nav li {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}
	#nav a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	#nav ul {
		width:172px;
		border:1px solid #336600; /* rand om zijmenu (p) */
		background:#24813A; /* achtergrondkleur menu zijkant (p) */
		list-style:none;
		font-size:9px;
		margin-top: 0px;
	}

#nav li {
		position:relative;
		padding:1px; /* celhoogte menu (p) */
		padding-left:8px; /* begin tekst menu (kantlijn) */
		border:1px solid #336600;
		font-size:9px;
		z-index:9;
	}
	#nav dt {
		position:relative;
		padding:0px; /* celhoogte menu (p) */
		padding-left:25px; /* begin tekst menu (kantlijn) */
		border:0px solid #336600;
		font-size:9px;
		z-index:9;
		list-style:circle; 
	}
			
	#nav li.folder ul {
			position:absolute;
			left:135px; /* IE */
			top:0px;
		}		
		#nav li.folder>ul { left:125px; } /* others */

	#nav a {
		padding:1px;
		font-size:12px;

		text-decoration:none;
		color:#E4FAE5; /* tekst in menu (p) */
		font-weight:bold;
		width:100%; /* IE */
	}
	#nav li:a { width:auto; } /* others */

	

	/* regular hovers */

	#nav a:hover {
		border-color:#336600;
		background-color:#fdfddf;
		color: #7A282A; /* tekstkleur met muisover (p) */
	}
	#nav li.folder {
			background-color:#24813A;
		}
#nav  a:hover {
			background-color:#E4FAE5; /* achtergrondkleur met muisover (p)*/
		}		
	
	/* hovers with specificity */
	
#nav li.folder:hover { z-index:10; }		
		
	#nav  li:hover ul ul {
		display:none;
	}
#nav ul ul {
		display:none;
	}
	#nav li:hover ul {
		display:block;
	}		
#nav  li:hover li:hover ul {
		display:block;
	}	
	
	


.witletter {
	color: #FFF;
}




/* the menu WLJ */

	#navi ul {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}
	#navi li {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}
	#navi a {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	#navi ul {
		width:172px;
		border:1px solid #F173AC ; /* rand om zijmenu (p) */
		background:#fff ; /* achtergrondkleur menu zijkant (p) */
		list-style:none;
		font-size:9px;
		margin-top: 0px;
	}

#navi li {
		position:relative;
		padding:1px; /* celhoogte menu (p) */
		padding-left:8px; /* begin tekst menu (kantlijn) */
		border:1px outset #F173AC;
		font-size:9px;
		z-index:9;
	}
	#navi dt {
		position:relative;
		padding:0px; /* celhoogte menu (p) */
		padding-left:25px; /* begin tekst menu (kantlijn) */
		border:0px solid #336600;
		font-size:9px;
		z-index:9;
		list-style:circle; 
	}
			
	#navi li.folder ul {
			position:absolute;
			left:135px; /* IE */
			top:0px;
		}		
		#navi li.folder>ul { left:125px; } /* others */

	#navi a {
		padding:1px;
		font-size:12px;

		text-decoration:none;
		color:#ffffff ; /* tekst in menu (p) */
		font-weight:bold;
		width:100%; /* IE */
	}
	#navi li:a { width:auto; } /* others */

	

	/* regular hovers */

	#navi a:hover {
		border-color:#F173AC ;
		background-color:#F173AC ;
		color: #7A282A ; /* tekstkleur met muisover (p) */
	}
	/*#navi li.folder {
			background-color:#6F2C91  ;
		}*/
#navi  a:hover {
			background-color:#F173AC; /* achtergrondkleur met muisover (p)*/
		}		
	
	/* hovers with specificity */
	
#navi li.folder:hover { z-index:10; }		
		
	#navi  li:hover ul ul {
		display:none;
	}
#navi ul ul {
		display:none;
	}
	#navi li:hover ul {
		display:block;
	}		
#navi  li:hover li:hover ul {
		display:block;
	}	
	
	


.witletter {
	color: #FFF;
}