body
	{
	width: 100%; 
	height:100%;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #888888;
	text-align: left;
	line-height: 24px;
	position: relative; 
	overflow:hidden;
	margin: 0;
	background-color: #008080;
	
	}
body a 
	{
	text-decoration:none;
	}	
	
.h1 {	font-size:larger;}	
.h2 {	font-size:large;}	
.h3 {	font-size:medium;}	



/*style voor header*/
#header{
	position: absolute; 
	left:0px;
	top: 0px;
	width: 100%; 
	height: 17%;
	_height:120px;/*20%;*/

	overflow: auto;
	
	z-index: 90;
	padding: 20px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	overflow: hidden;
	background-color:  #008080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px; 	
	color: #ffffff;
	text-align: left;
	line-height: 24px;
	}
#header h1 {
	position:absolute;
	left:  150px;/*15%;*/
	height: 32px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	border-style: solid;
	border-width: 0px;
	border-color: #006600;
	font-family: Script MT Bold;

	}
#header h3 {
	position:absolute;
	left: 150px;/*15%;*/
	top: 60px;
	height: 32px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	border-style: solid;
	border-width: 0px;
	border-color: #006600;
	font-family: Franklin Gothic Demi;
	}	
#balk{
	position: absolute; 
	left:0px;
	bottom: 0px;
	width: 100%; 
	height: 30px;
	overflow: hidden;	

	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #006600;
	
	overflow: hidden;	
/*	background-image: url(../pics/pfd.gif);
	background-repeat: repeat-x*/
	filter:alpha(opacity=100);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	letter-spacing: 0px; 	
	color: #000000;
	text-align: left;
	line-height: 16px;
}
#balk h1{
	position: absolute; 
	left:0px;
	bottom: 0px;
	width: 15%; 
	height: 100%;
	overflow: auto;	

	padding: 8px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	
	border-style: solid;
	border-width:0px;
	border-color:  #ffffff;
	background-color: #3C3B40;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px; 	
	color: #aaaaaa;
	text-align: left;
	line-height: 20px;	
	}
#balk h2{
	position: absolute; 
	left:15%;
	bottom: 0px;
	width: 60%; 
	height: 100%;
	overflow: auto;	

	padding: 8px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #222222;

	filter:alpha(opacity=100);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px; 	
	color: #aaaaaa;
	text-align: left;
	line-height: 20px;	
	}
#balk h3{
	position: absolute; 
	left:85%;
	bottom: 0px;
	width: 15%; 
	height: 100%;
	overflow: auto;	

	padding: 8px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #222222;

	filter:alpha(opacity=100);
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px; 	
	color: #aaaaaa;
	text-align: left;
	line-height: 20px;
	}
	
#bottom
	{
	position: absolute; 
	left:0px;
	bottom: 0px;
	width: 100%; 
	height: 5%;
	overflow:hidden;

	padding: 0px 10px 0px 10px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #227722;

	background-color:#008080;
	filter:alpha(opacity=100);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px; 	
	color: #ffffff;
	text-align: left;
	line-height: 24px;
	}
#bottom p
	{
	position: absolute; 
	left:20px;
	}
#bottom p a
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	text-decoration: none;
	color:#FFFFFF;
	}
#bottom p a:link
	{
	color: #ffffff;
	}
#bottom p a:hover
	{
	color: #333333;
	}
	
/*left*/
#left{
	position: absolute; 
	left:0px;
	top:  72px;/*20%;*/
	width:  150px;/*20%;*/
	height: 500px;
	z-index: 99;
	overflow: auto;	

	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #002255;
	
	background-color:#008080;
	filter:alpha(opacity=100);
		-moz-opacity: 1.0;	
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px; 	
	color: #dddddd;
	text-align: left;
	line-height: 24px;
	}
	
/*rechterkolom*/
#rechts{
	position: absolute; 
	left: 850px; /*right:0px;*/
	top: 120px;/*20%;*/
	width: 150px; 
	height: 480px;
	overflow: auto;	

	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	border-style: solid;
	border-width: 0px;
	border-color: #007700;
	
	filter:alpha(opacity=100);
		-moz-opacity: 1.0;	
	
	overflow: hidden;	
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;;
	line-height: 24px;
	}
#rechts img{

	width:120px;
	}
#rechts h3{
	text-align:right;
	padding: 0px 20px 10px 0px ;
	margin:  0px 0px 0px 0px ;	
	}
	
#rechts p
	{
	font-size:9px;
	letter-spacing: 0px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;	

	}
	
/*inhoud van de pagina*/
#content{
	position: absolute; 
	left: 150px;/*15%;*/
	top:  120px;/*20%;*/
	width: 700px; /*70%;*/ 
	height: 480px;
	overflow: auto;	
	
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	
	border-style: solid;
	border-width: 0px;
	border-color: #007700;
	
	background-color: #008080;
/*	filter:alpha(opacity=100);	
		-moz-opacity: 1.0;	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #eeeeee;
	text-align: left;
	line-height: 24px;
	}
#content h1	{
	position: relative; 
	top: 0px;
	width: 100%; 
	height: 32px;
	overflow: auto;	
	
	padding: 4px 0px 0px 10px ;
	margin:  0px 0px 0px 0px ;

	font-size: 13px;
	font-weight: strong;
	letter-spacing: 2px; 
	color: #ffffff;
	background-color:#000000;
	
	filter:alpha(opacity=100);		
	}
#content h1 a:link , #content h1 a:visited, #content h1 a:active
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666 ;
	text-decoration: none; 
	}
#content h1 a:hover
	{
	color: #ffffff; 
	text-decoration: none; 
	}
#content h2	{
	width: 100%; 
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px; 
	color: #eeeeee;
	line-height: 18px;
	position: relative; 
	padding: 20px 0px 20px 10px ;
	margin:  0px 0px 0px 0px ;
	}	
#content h3 {
	position: absolute; 
	left: 0px;
	bottom: -1px;
	width: 100%; 
	height: 40px;
	overflow: hidden;	

	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	
	border-style: solid;
	border-width: 0px;
	border-color: #222222;

	filter:alpha(opacity=100);

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px; 	
	color: #aaaaaa;
	text-align: left;
	line-height: 20px;	
	}

#content p {
	width:95%; 
	position: relative; 
	height: auto;
	overflow: auto;
	padding: 0px 0px 10px 10px ;
	margin:  0px 0px 0px 0px ;
	font-size: 12px;
	color: #eeeeee;
	line-height: 18px;
	}
#content  p.p1 {
	position: absolute; 
	left: 10px;
	top: 0px;
	height: 30px;
	width: 150px; 
	overflow: auto;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	color: #eeeeee;

	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	
	}
#content  p.p2 {
	position: absolute; 
	left: 160px;
	top: -30px;	
	height: 30px;
	width: 300px; 
	overflow: auto;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	color: #eeeeee;

	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	}
#content  p.p3 {
	position: absolute; 
	left: 440px;
	top: -30px;	
	height: 30px;
	width: 300px; 
	overflow: auto;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	color: #eeeeee;

	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	}
#content  p.p4 {
	position: absolute; 
	left: 500px;
	top: -30px;	
	height: 30px;
	width: 300px; 
	overflow: auto;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	color: #eeeeee;

	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	}

#content p.scroll
	{
	height: 80%;
	overflow: auto;	
	}
#content.scroll
	{
	height: 100px;
	overflow: auto;	
	}

#content a:link , #content a:visited
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 11px;*/
	color: #000000 ;
	text-decoration: none; 
	}
#content a:hover
	{
/*	font-size: 11px;*/
	color: #ffffff; 
	text-decoration: none; 
	}

#content a:link img , #content a:hover img, #content a:visited img
	{
/*	width: 120px;*/
	height: 80px; 
	overflow:hidden;
	clip:rect(auto, auto, auto, auto);

	border-width: 2px;
	border-color: #FFFFFF;
	margin:  2px 4px 2px 0px ;
	}
#content img 
	{
	border-style:solid;
	border-width: 2px;
	border-color: #FFFFFF;	
	}

/*style voor copyrigth*/
#copyright
	{
	position: absolute;
	right: 8px;
	top: 0px;
	width: 200px; 
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: right;
	overflow: hidden;
	}
#copyright a:link , #copyright a:visited 
	{
	right: 0px;
	text-decoration: none; 
	color: #000000;
	}
#copyright a:hover 
	{
	text-decoration: none; 
	font-weight: bold;
	color: #000000;
	}



/*menu voor linker frame*/
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
p {
	font-size: 12px;
	}
	

#lmenu {
	position: absolute;
	top: 48px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	font-size: 13px;
	text-align: right;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	}
#lmenu li a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	font-size: 13px;
	font-weight:800;
	line-height: 18px;
	border-style: solid;
	border-width: 0px;
	border-color: #222222;
	
	padding: 6px 20px 0px 0px;
	}
#lmenu li a:link, #lmenu li a:visited {
	color: #eeeeee;
	display: block;
	background: url(menu.gif);
	}
#lmenu li a:hover 
	{
	color: #ffffff;
	background-color: #339999 ;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	border-right-style:solid;	
	border-right-width:4px;
	border-right-color:#000000;
	
	}
#lmenu li a:active, #lmenu li a:focus {
	color: #222222;
	background: #fff url(../pics/small/kop6.jpg)  no-repeat 130px 0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}
#lmenu h3{
	padding: 10px 6px 0px 0px ;
	margin:  0px 0px 0px 0px ;

	}
/* style voor menu rechts */

#rmenu {
	position: absolute;
	top: 10%; /*46px;*/
	left: 0px;
	width: 100%;
  	height: 90%;	
	overflow: auto;		
	margin-top: 0px;
	font-size: 10px;
	text-align: right;
	padding: 0px 0px 00px 0px ;
	margin:  0px 0px 0px 0px ;
	}
#rmenu li a {
	text-decoration: none;
	height: 30px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 30px;
	font-size: 10px;
	font-weight:800;
	line-height: 18px;
	border-style: solid;
	border-width: 0px;
	border-color: #222222;
	
	padding: 6px 20px 0px 0px;
	}
#rmenu li a:link, #rmenu li a:visited {
	color: #eeeeee;
	display: block;
	background: url(menu.gif);
	}
#rmenu li a:hover 
	{
	color: #ffffff;
	background: #bbbb00 url(../pics/small/kop6.jpg)  no-repeat 130px 0px;	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	border-right-style:solid;	
	border-right-width:4px;
	border-right-color:#000000;
	
	}
#rmenu li a:active, #rmenu li a:focus {
	color: #222222;
	background: #fff url(../pics/small/kop6.jpg)  no-repeat 130px 0px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	}


/*style voor de fotoshow*/	
#fotoshow{
	position: relative; 
	left:11px;
	top: 100px;
	width: 96%; 
	height: 350px;
	overflow: hidden;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #888888;
	text-align: left;
	line-height: 24px;	

	border-style: solid;
	border-width: 0px;
	border-color: #000099;
	}
#fotoshow a img
	{
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	width: 90px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	Border-color: #00ffff;
	border: 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	}
#fotoshow a:link , #fotoshow a:visited
	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6666ff; 
	text-decoration: none; 
	}
#fotoshow a:hover
	{
	font-size: 11px;
	color: #ff6666; 
	text-decoration: none; 
	border: 0;
	Border-color: #000000;
	}
#fotoshow a:hover img
	{
	font-size: 11px;
	color: #ff6666; 
	text-decoration: none; 
	border: 0;
	Border-color: #000000;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	}
#fotoshow a span
	{
	display: hidden;
	position: absolute;
	top: 0px;
	left: 2000px;
	width: 0px;
	}
#fotoshow a:hover span
	{
	display: block;
	position: absolute;
	top: 90px;
	left: 0px;
	width: 500px;
	height: 200px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	}
#fotoshow a:hover span img
	{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 280px;
	height: 200px;
	}
#fotoshow a:hover span p	
	{
	display: block;
	position: absolute;
	top: 0px;
	left: 300px;
	width: 300px;
	font-size: 11px;
	}
/*style voor newsitem*/
#newsitem
	{
	position: relative; 
	left:2%;
	top: 20px;
	width: 98%;
	height: 200px;
	
	border-bottom-style:solid;	
	border-bottom-width:2px;
	border-bottom-color:#999999;
	}
	
#newsitem h1
	{
	position: absolute; 
	left:2%;
	top: 0px;
	width: 98%;
	height:24px;
	
	border-style: solid;
	border-width: 0px;
	border-color: #000099;


	font-size: 11px;		
	font-weight: normal;
	letter-spacing: 2px; 
	color: #eeeeee;	
	padding: 0px 0px 0px 10px ;
	margin:  0px 0px 0px 0px ;	
	}
#newsitem h1 a
	{
	color:#333333;
	font-size: 11px;		
	}	
#newsitem h1 a:link, #newsitem h1 a:visited
	{
	color:#aaaaaa;
	font-size: 11px;			
	}	
	
#newsitem h1 a:hover
	{
	color:#eeeeee;
	font-size: 11px;		

	}	
	
#newsitem h2{
	position: absolute; 
	left:160px;
	top: 30px;
	width: 400px;
	height:24px;
	
	border-style: solid;
	border-width: 0px;
	border-color: #000099;

	font-size: 11px;		
	font-weight: normal;
	letter-spacing: 0px; 
	color: #eeeeee;	
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;	
	}
#newsitem h3{
	position: absolute; 
	left:2%;
	top: 0px;
	width: 98%;
	height:24px;
	
	border-style: solid;
	border-width: 0px;
	border-color: #000099;

	font-size: 11px;		
	font-weight: normal;
	letter-spacing: 2px; 
	color: #eeeeee;	
	padding: 0px 0px 0px 10px ;
	margin:  0px 0px 0px 0px ;	
	}
#newsitem p{
	position: absolute; 
	left:160px;
	top: 54px;
	width: 400px;
	height:140px;
	
	border-style: solid;
	border-width: 0px;
	border-color: #000099;

	font-size: 11px;		
	font-weight: normal;
	letter-spacing: 2px; 
	color: #cccccc;	
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;	
	}	
#newsitem img{
	position: absolute; 
	left:2%;
	top:20px;
	width: 120px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;	

	}	
	
#newsitem  a link img{
	position: absolute; 
	left:10px;
	top:20px;
	width: 120px;
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;	
	filter:alpha(opacity=100);
	-moz-opacity:1.0;	

	}	
	
#Foto
	{
	left: 0px;
	top: 0px
	height: 580px; /*95%;*/
	}
#Foto img
	{
	height:100%;
	border-style: solid;
	border-width: 2px;
	border-color: #CCCCCC;

	
	}	
#FotoTekst
	{
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:100%;
	color:#ffffff;
	}
	
	
/*styles voor gastenboek******************************************************************************************/
#scrolvlak   /*bepaal her de grootte van het vlak waarin nieuws getoond wordt */
	{
	position: absolute;
	left: 0px;
	top: 50px;
	width: 621px;	
	height: 380px;
	_width: 675px;

	padding: 0px 0px 0px 0px;
	overflow: auto;

	border-style: solid;
	border-width: 0px;
	border-color: #0000ff;
	}	
	
#nieuwsregel
	{
	position: relative;
	left: 0px;
	top: 0px;
	width: 90%;	
	height: auto;

	margin: 12px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
	
	border-style: solid;
	border-width: 0px;
	border-color: #ff0000; 
	}
#nieuwsregel h1
	{
	width: 100%; 
	height:20px;
	font-size:10px;
	text-transform:uppercase;
	background-color:  #006060;
	line-height: 12px;
	margin: 0px 0px 0px 0px;	
	padding: 4px 0px 0px 12px;	
	border-style: solid;
	border-width: 0px;
	border-color: #ffff00; 
	
	}
#nieuwsregel h2
	{
	width: 100%;
	font-size:10px;
	letter-spacing:2px;
	line-height: 12px;
	border-style: solid;
	border-width: 0px;
	border-color: #000000; 
	margin: 8px 0px 0px 0px;	
	padding: 0px 0px 0px 12px;	
	border-style: solid;
	border-width: 0px;
	border-color: #ff00ff; 
	}
#nieuwsregel h3
	{
	width: 100%;
	text-align:right;
	font-size:10px;
	line-height: 12px;
	margin: 8px 0px 0px 0px;	
	padding: 0px 0px 0px 12px;	
	border-style: solid;
	border-width: 0px;
	border-color: #000000; 
	}
#nieuwsregel p
	{
	margin: 0px 0px 0px 0px;	
	padding: 8px 0px 0px 12px;	
	}
#FotoTekst
	{
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:100%;
	color:#ffffff;
	}
	
