* {margin: 0; padding: 0;}
img {border: 0;}


:focus { outline: none;} /* Removes dotted line when focus */

/*html {overflow-y: scroll;}*/

html{
	/*scrollbar-arrow-color: #FFF;
	scrollbar-face-color: #7FCD5E;
	scrollbar-highlight-color: #FFF;
	scrollbar-3dlight-color: #7FCD5E;
	scrollbar-shadow-color: #B7B7B7;
	scrollbar-darkshadow-color: #666;
	scrollbar-track-color: #FFF;*/
	height: 100%;}
	
body  {
	font: 62.5% Arial, Helvetica, sans-serif;
	background: #a8d423 url(images/bg@groen2.jpg) no-repeat left center;
	color: #000;
	text-align: left;
	height: 100%;}
	
/* floater houdt wrapper verticaal gecentreerd */	
#floater{ 
	float:left; height:50%; margin-bottom:-239px;
	width:1px; overflow: hidden;}
	
/* wrapper is de hele gecentreerde balk, incl. blauwe borders en transparante footer */	
#wrapper {
	width: 100%; height: 478px;
	clear: left; /*both*/
	position: relative; 
	text-align: left;
	/*margin: 0 auto;*/
	background: transparent;}
	
/* container is de witte transparante balk */			
#container {
	width: 100%; height: 452px; /*478px;*/
	text-align: left;
	background: #FFF url(images/bg@witgroen2.jpg) no-repeat top left;
	position: relative;}	
	
/* HEADER */
#header { /* header is de dunne blauwe balk bovenin */
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 3px;
	background-color: #1c1f6b; 
	padding: 0;} 
	
/* BOX, omvat 3 kolommen met vaste breedte */
#box {
	position: absolute;
	top: 0; left: 0;
	width: 980px; height: 352px;
	background-color: transparent;} 

/* RECHTERKOLOM */	
#sidebar1 {
	float: left;
	width: 260px; /*height: 450px;*/
	margin-top: 3px;
	background-color: transparent;
	position: relative;}
	
#logo {
	position: absolute;
	width: 260px; height: 118px;
	top: 0; left: 0;}
	
#nav {
	position: absolute;
	width: 230px; 
	top: 118px; right: 30px; background-color: transparent;/*#FFF;*/
	text-align: right;}

/* MIDDENKOLOM */		
#mainContent { /* niet meer met blauwe border 6px bovenin, nu in navtop ul */
	float: left;
	width: 520px; /*height: 444px;*/ /*478-6*/
	margin: 3px 0 0 0px;
	padding: 0 0 0 0;
	text-align: left;
	/*overflow: visible;*/
	background: #FFF;
	position: relative;
	/*border-top: 6px solid #1c1f6b;*/} 
	
#topnav {
	position: absolute;
	width: 100%; height: 46px; /*40px;*/
	top: 0; left: 0;
	background: transparent;}

#content {
	position: absolute;
	top: 93px; /*87px;*/ left: 0;
	width: 520px;
	height: 344px; /*469-40-47*/
	background-color: transparent; /*#FFF;*/
	overflow: auto;} 

/* RECHTERKOLOM */
#sidebar2 {display: none;
	float: left;
	width: 180px;/* height: 400px;*/
	margin: 87px /*3px*/ 0 0 800px;
	background-color: transparent;
	position: relative;
	/*border: 1px dotted #999;*/}

/* FOOTER */	
#footer { 
	position: absolute;
	top: 450px; left: 0;
	width: 100%; height: 25px; /* 28-3 border */
	background-color: transparent;
	border-top: 3px solid #1c1f6b;  /*blauw*/} 
	
#footertekst {  /* blauwe balk in de transparante footer */
	position: absolute;
	top: 0; left: 260px;
	width: 500px; /*520px;*/ height: 19px;
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFF;
	background-color: #1c1f6b;  /*blauw*/
	padding: 3px 0 3px 20px;} 
	
#footertekst a {  /* blauwe balk in de transparante footer */
	font: normal 1.0em Arial, Helvetica, sans-serif; color: #FFF;} 
	
/* OPMAAK CONTENT */
#content h1 {
	font: normal 1.8em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	padding: 0 0 1.0em /*1.3em*/ 0;}

#content h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	margin-bottom: 0em;  /*1.2em;*/}	
	
#content p {
	font: normal 1.2em/1.3em /*1.5em*/ Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	margin-bottom: 1.0em;  /*1.2em;*/}	
	
#content p.morse { 
	margin-top: 20px; margin-bottom: 45px;
	font-size: 400%;}
	
#content p.tekstprint { display: none;}
		
#content p a {
	font-size: 1.0em;  color: #9bc02a; /*groen*/}	
	
#content a {
	font-size: 1.2em;  color: #9bc02a; /*groen*/}	
	
#content a:hover {  color: #9bc02a; /*groen*/}	

#content ul {
	margin: 0 0 1.0em 18px; 
	list-style: disc;}
	
#content li { 
	font: normal 1.2em/1.3em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	margin-bottom: 0em;}

#content li a { 
	font: normal 1.0em/1.3em Arial, Helvetica, sans-serif; 
	margin-bottom: 0em;}
	
#content table { width: 500px; margin-bottom: 1.0em;}

#content table.talen { width: 500px; margin-bottom: 0em;}
	
#content table td {
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	padding: 0 1.0em 0.5em 0;
	vertical-align: middle;}
	
#content table.talen td {
	font: normal 1.1em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	padding: 0 1.0em 0.5em 0;
	vertical-align: middle;}
	
#content table.contact td {
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	padding: 0 0 /*1.0em*/ 0 /*0.5em*/ 0;
	vertical-align: middle;}
	
#content table td a { font: normal 1.0em Arial, Helvetica, sans-serif;}
	
.groen { font: bold 1.0em Arial, Helvetica, sans-serif;  color: #9bc02a; /*groen*/}

/* CONTACT */
/*#tekstcontact { 
	position: relative;
	width: 420px; height: 449px; 
	margin: 56px 5px 0 0;} 

#tekstcontact table { 
	width: 420px; border: 0;}
	
#tekstcontact td {
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; color: #666;
	padding: 0 0.8em 1.6em 0;	
	vertical-align: top;}
	
#tekstcontact td a {
	font-size: 1.0em; color: #6FBB23; 
	text-decoration: none;}	*/
	
#colofon {
	float: left;
	margin-top: 1.6em; left: 0;}
#colofon p {
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #666; 
	text-decoration: none;}		
#colofon a {
	font-size: 1.0em; color: #B1AEAE; /* lichtgrijs*/
	text-decoration: none;}	

/* OPMAAK TOPNAVIGATIE */
#topnav ul {  /* dit is de ul met id=topnav */
	position: absolute;
	top: 0; /*8px;*/ left: 0; 
	width: 520px;
	list-style: none;
	padding: 13px 0 5px 0;
	background-color: transparent;
	border-top: 6px solid #1c1f6b;}  			
			
#topnav li {display: inline; width: 100%; padding: 0 /*24px*/ 40px 0 0;}
						
#topnav li a {  
	font: italic 1.4em Arial, Helvetica, sans-serif; color: #1c1f6b; /*blauw*/
	text-decoration: none;	
	padding: 5px 0 3px 0;
	border-bottom: none;}
	
#topnav li#topnav40 { 
	padding-right: 0;}
	
#topnav li a:hover { 
	color: #9bc02a; /*groen*/
	border-bottom: 3px solid #9bc02a;}
	 	
#body_00 li#topnav00 a,
#body_10 li#topnav10 a, #body_11 li#topnav10 a, #body_12 li#topnav10 a, #body_13 li#topnav10 a,
#body_14 li#topnav10 a, #body_15 li#topnav10 a, #body_16 li#topnav10 a, #body_17 li#topnav10 a,
#body_18 li#topnav10 a, #body_19 li#topnav10 a,
#body_20 li#topnav20 a, #body_21 li#topnav20 a, #body_22 li#topnav20 a, #body_23 li#topnav20 a, 
#body_24 li#topnav20 a, #body_25 li#topnav20 a,
#body_30 li#topnav30 a, #body_31 li#topnav30 a, #body_32 li#topnav30 a, #body_33 li#topnav30 a,
#body_40 li#topnav40 a, #body_41 li#topnav40 a, #body_42 li#topnav40 a, #body_43 li#topnav40 a,
#body_44 li#topnav40 a, #body_45 li#topnav40 a, #body_46 li#topnav40 a, #body_47 li#topnav40 a,
#body_48 li#topnav40 a, #body_49 li#topnav40 a,
#body_50 li#topnav50 a,
#body_60 li#topnav60 a,
#body_70 li#topnav70 a,
#body_80 li#topnav80 a,
#body_90 li#topnav90 a { 
	color: #9bc02a; /*groen*/
	border-bottom: 3px solid #9bc02a;}
	
/* OPMAAK NAVIGATIE */		
#nav ul { 
	list-style: none; /* dit is de ul met id=topnav */
	float: left; 
	width: 200px;
	position: absolute;
	top: 25px; left: 0;}  			
			
#nav li {
	/*display: block; */
	width: 200px;
	margin-bottom: 1.0em;}
						
#nav a {  
	font: italic 1.2em Arial, Helvetica, sans-serif; color: #1c1f6b; /* blauw*/
	text-decoration: none;	
	padding: 0 23px 0 0;
	margin-bottom: 0px;
	background: none; 
	display: block;}
	
#nav a:hover { 
	color: #9bc02a; /*groen*/
	background: none;}
		
/* a active */
#body_10 li#nav00 a, #body_11 li#nav01 a, #body_12 li#nav02 a, #body_13 li#nav03 a, 
#body_14 li#nav04 a, #body_15 li#nav05 a, #body_16 li#nav06 a, #body_17 li#nav07 a,
#body_18 li#nav08 a, #body_19 li#nav09 a,

#body_20 li#nav20 a, #body_21 li#nav21 a, #body_22 li#nav22 a, #body_23 li#nav23 a,
#body_24 li#nav24 a, #body_25 li#nav25 a, 

#body_30 li#nav30 a, #body_31 li#nav31 a, #body_32 li#nav32 a, #body_33 li#nav33 a,
#body_34 li#nav34 a, #body_35 li#nav35 a, 

#body_40 li#nav40 a, #body_41 li#nav41 a, #body_42 li#nav42 a, #body_43 li#nav43 a,
#body_44 li#nav44 a, #body_45 li#nav45 a, #body_46 li#nav46 a, #body_47 li#nav47 a,
#body_48 li#nav48 a, #body_49 li#nav49 a { 
	font: bold italic 1.2em Arial, Helvetica, sans-serif; color: #9bc02a; /*groen*/
	background: url(images/nav@.gif) no-repeat right center;}
	
#body_20 li#nav20 a, #body_21 li#nav21 a, #body_22 li#nav22 a, #body_23 li#nav23 a,
#body_24 li#nav24 a, #body_25 li#nav25 a { 
	font: bold italic 1.2em Arial, Helvetica, sans-serif; color: #9bc02a; 
	background: url(images/nav@.gif) no-repeat right top;}
	
/* IMAGES */
.fltrt { 
	float: right;
	margin-left: 8px;}

.fltlft { 
	float: left;
	margin-right: 8px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

/* FORMULIER */	
form p {
	clear: left;
	padding-top: 5px;
	margin-bottom: 4px;}
	
form p label {
	float: left;
	width: 130px;
	font: 12px Arial, sans-serif; color: #1c1f6b; /* blauw*/}
	
input.txt {
	width: 253px;
	font: 12px Arial, sans-serif; color: #1c1f6b; /* blauw*/
	border: 1px solid  /*#1c1f6b;*/ /* blauw*/ #9bc02a; /*groen*/
	padding: 1px 0 1px 2px;
	background-color: transparent;}
	
input.submit {
	width: 257px; 
	font: bold 12px Arial, sans-serif; color: #1c1f6b;
	background-color: #9bc02a; /*groen*/
	border: 1px solid  /*#1c1f6b;*/ /* blauw*/ #9bc02a; /*groen*/
	padding: 1px 0px;}
	
textarea {
	width: 253px; height: 54px;
	font: 12px Arial, sans-serif; color: #1c1f6b;
	border: 1px solid  /*#1c1f6b;*/ /* blauw*/ #9bc02a; /*groen*/
	padding: 1px 0 1px 2px;
	background-color: transparent;
	/*scrollbar-track-color: #0C326D;
	scrollbar-face-color: #0C326D;
    scrollbar-arrow-color: #6C3;
    scrollbar-3dlight-color: #0C326D; 
    scrollbar-highlight-color: #0C326D;
    scrollbar-shadow-color: #0C326D; 
    scrollbar-darkshadow-color:#0C326D;*/}	

/* PAGINA LETTERTYPEN */
/* gill sans, bauhaus en openclassic niet meer aanwezig als lettertype op deze computer */
#img1 a, #img2 a, #img3 a, #img4 a, #img5 a, 
#img6 a, #img7 a, #img8 a, #img9 a, #img10 a, 
#img11 a, #img12 a, #img13 a, #img14 a, #img15 a, 
#img16 a, #img17 a, #img18 a, #img19 a, #img20 a { 
	float: left; width: 75px; height: 75px;
	background-position: 0 0; background-repeat: no-repeat;
	cursor: default;}
	
#img1 a	{ background-image: url(images/lettertype/arial.jpg);}
/*#img2 a	{ background-image: url(images/lettertype/bauhaus.jpg);}*/
#img3 a	{ background-image: url(images/lettertype/centurygothic.jpg);}
#img4 a	{ background-image: url(images/lettertype/comicsans.jpg);}
#img5 a	{ background-image: url(images/lettertype/couriernew.jpg);}
#img6 a	{ background-image: url(images/lettertype/erasDemiITC.jpg);}
#img7 a	{ background-image: url(images/lettertype/georgia.jpg);}
/*#img8 a	{ background-image: url(images/lettertype/gillsans.jpg);}*/
#img9 a	{ background-image: url(images/lettertype/kristenITC.jpg);}
#img10 a { background-image: url(images/lettertype/lucida.jpg);}

#img11 a { background-image: url(images/lettertype/matisse.jpg);}
#img12 a { background-image: url(images/lettertype/mistral.jpg);}
#img13 a { background-image: url(images/lettertype/myriad.jpg);}
/*#img14 a { background-image: url(images/lettertype/openclassic.jpg);}*/
#img15 a { background-image: url(images/lettertype/papyrus.jpg);}
#img16 a { background-image: url(images/lettertype/tahoma.jpg);}
#img17 a { background-image: url(images/lettertype/timesnewroman.jpg);}
#img18 a { background-image: url(images/lettertype/trebuchet.jpg);}
#img19 a { background-image: url(images/lettertype/verdana.jpg);}
#img20 a { background-image: url(images/lettertype/vivaldi.jpg);}
	
#img1 a:hover, #img2 a:hover, #img3 a:hover, #img4 a:hover, #img5 a:hover, 
#img6 a:hover, #img7 a:hover, #img8 a:hover, #img9 a:hover, #img10 a:hover, 
#img11 a:hover, #img12 a:hover, #img13 a:hover, #img14 a:hover, #img15 a:hover, 
#img16 a:hover, #img17 a:hover, #img18 a:hover, #img19 a:hover, #img20 a:hover {
   background-position: -75px 0;}