* {margin: 0; padding: 0; border: 0;}

/* Removes dotted line when focus */
:focus { outline: none;}
/*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: #FFF;
	color: #000;
	text-align: center;
	height: 100%;}
	
#floater{ 
	float:left; height:50%; margin-bottom:-277px;
	width:1px; overflow: hidden;}

#wrapper {
	width: 980px; height: 554px;
	clear: left; /*both*/
	position: relative; 
	text-align: center;
	margin: 0 auto;}
		
#container {
	width: 950px; height: 554px;
	text-align: left;
	margin: 0 15px;}	
	
/* HEADER */
#header { 
	position: relative;
	background-color: #FFF; 
	padding: 0;
	width: 950px; height: 49px;} 
	
#topnav {
	position: absolute;
	width: 445px; height: 30px;
	top: 0; left: 0; /*background-color:#CC9900;*/}

#logo {
	position: absolute;
	width: 455px; height: 35px;
	top: 0; right: 0;}
		
#logo img { float: right;}

#logo p  {
	font: normal 4.5em Arial, Helvetica, sans-serif; color: #DADADA;
	text-align: right;
	padding: 0; margin: 0;}

/* CONTENT */		
#content { 
  position: relative;
	float: left;
	width: 445px; height: 505px;
	background-color: #FFF;
	overflow: auto; } 
	
/* TEKST HOME */
#tekst { 
	width: 420px; /* 445 - 25 voor de evt. scrollbalk */ height: 455px; /*505 -50 */ /*430px;*/
	margin: /*65px*/ /*52px*/ 48px 5px 0 0;}  
	
#tekst h1 {
	font: normal 2.6em Arial, Helvetica, sans-serif; color: #6FBB23 /* groen*/;
	padding: 0 0 1.0em /*1.3em*/ 0;}

#tekst h2, #tekst p.groot {
	font: normal 1.4em/1.2em Arial, Helvetica, sans-serif; color: #666;/* grijs*/
	margin-bottom: 1.0em;  /*1.2em;*/}	
	
#tekst p {
	font: normal 1.2em/1.3em /*1.5em*/ Arial, Helvetica, sans-serif; color: #666;
	margin-bottom: 1.0em;  /*1.2em;*/}	
		
#tekst p a {
	font-size: 1.0em; color: #6FBB23; /* groen*/
	text-decoration: none;}	
	
#tekst a {
	font-size: 1.2em; color: #6FBB23; /* groen*/
	text-decoration: none;}	
	
#tekst a:hover { color: #6FBB23 /* groen*/}	

/* CONTACT */
#tekstcontact { 
	position: relative;
	width: 420px; /* 445 - 25 voor de evt. scrollbalk */ 
  height: 505px; /*505 -56 */ 
} 

#tekstcontact table { 
  padding: 35px 5px 0 0;
	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; /* groen*/
	text-decoration: none;}	
	
#colofon {
  position: absolute;
  bottom: 0;
	float: left;
}
	
#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;}	

/* FOTO */
#foto { 
	float: right;
	width: 505px; height: 505px;
	background-color: #FFF;}  	
	
#myGallery { 
	width: 505px; height: 505px;
	background-color: #FFF;}  	

#myGallery img{
  position: absolute;
}
	
/* IMAGES */
.fltrt { 
	float: right;
	margin-left: 8px;}

.fltlft { 
	float: left;
	margin-right: 8px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
/* TOPNAVIGATIE */
#topnav ul {
	float: left; 
	width: 444px;/* height: 30px;*/
	list-style: none;
	padding-top: 17px;
	/*background-color: #FF3399;*/ /*roze*/}
				
#topnav li {display: inline; width: 100%; /*background-color:#9999CC;*//* paars*/}
						
#topnav li a {  
	font: normal 12px Arial, Helvetica, sans-serif; color: #B1AEAE; /* lichtgrijs */
	text-decoration: none;	
	padding: 17px 15px 0 34px; /*background-color: #33CCFF;*//* blauw*/
	/*height: 10px;*/}

#topnav li#topnav04 a { padding-right: 0;}
	
#topnav li#topnav01 a {background: url(../images/blok-01.gif) no-repeat 0 0; color: #B1AEAE; /* lichtgrijs */}
#topnav li#topnav02 a {background: url(../images/blok-02.gif) no-repeat 0 0; color: #B1AEAE; /* lichtgrijs */}
#topnav li#topnav03 a {background: url(../images/blok-03.gif) no-repeat 0 0; color: #B1AEAE; /* lichtgrijs */}
#topnav li#topnav04 a {background: url(../images/blok-04.gif) no-repeat 0 0; color: #B1AEAE; /* lichtgrijs */}	

/* hover */	
#topnav li#topnav01 a:hover {background: url(../images/blok-01.gif) no-repeat 0 -33px; color: #6FBB23; /* groen */}
#topnav li#topnav02 a:hover {background: url(../images/blok-02.gif) no-repeat 0 -33px; color: #6FBB23; /* groen */}
#topnav li#topnav03 a:hover {background: url(../images/blok-03.gif) no-repeat 0 -33px; color: #6FBB23; /* groen */}
#topnav li#topnav04 a:hover {background: url(../images/blok-04.gif) no-repeat 0 -33px; color: #6FBB23; /* groen */}	

/* active */
#body_00 li#topnav01 a 
	{background: url(../images/blok-01.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_10 li#topnav02 a, #body_11 li#topnav02 a, #body_12 li#topnav02 a, #body_13 li#topnav02 a,
#body_14 li#topnav02 a, #body_15 li#topnav02 a, #body_16 li#topnav02 a, #body_17 li#topnav02 a
	{background: url(../images/blok-02.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_20 li#topnav03 a, #body_21 li#topnav03 a, #body_22 li#topnav03 a, #body_23 li#topnav03 a,
#body_24 li#topnav03 a, #body_25 li#topnav03 a, #body_26 li#topnav03 a, #body_27 li#topnav03 a 
	{background: url(../images/blok-03.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_30 li#topnav04 a 
	{background: url(../images/blok-04.gif) no-repeat 0 -66px; color: #666; /* grijs */}
	
/* active hover */
#body_00 li#topnav01 a:hover 
	{background: url(../images/blok-01.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_10 li#topnav02 a:hover, #body_11 li#topnav02 a:hover, #body_12 li#topnav02 a:hover, #body_13 li#topnav02 a:hover,
#body_14 li#topnav02 a:hover, #body_15 li#topnav02 a:hover, #body_16 li#topnav02 a:hover, #body_17 li#topnav02 a:hover
	{background: url(../images/blok-02.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_20 li#topnav03 a:hover, #body_21 li#topnav03 a:hover, #body_22 li#topnav03 a:hover, #body_23 li#topnav03 a:hover,
#body_24 li#topnav03 a:hover, #body_25 li#topnav03 a:hover, #body_26 li#topnav03 a:hover, #body_27 li#topnav03 a:hover 
	{background: url(../images/blok-03.gif) no-repeat 0 -66px; color: #666; /* grijs */}
#body_30 li#topnav04 a:hover 
	{background: url(../images/blok-04.gif) no-repeat 0 -66px; color: #666; /* grijs */}

/* NAVIGATIE */		
#navigatie {
	width: 420px; 
	height: 500px;/*505px;*/ 
	position: relative;}
	
#navigatie ul { 
	position: absolute;
	top: 35px; /*56px - 2.1em*/ /*bottom: 1px;*/ left: 0;
	width: 420px; 
	list-style: none;}
		
#navigatie ul li { 
	width: 400px; 
	margin-top: 2.1em;/*2.5em;*/}
						
#navigatie ul a {  
	display: block;
	width: 335px; height: 25px;/*35px;	*/
	padding-left: 65px; padding-top: 10px;
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #B1AEAE; /* lichtgrijs */
	text-decoration: none;			
	text-align: left;
	background: url(../images/blok-blauw.gif) no-repeat 0 -35px;}
	
#body_11 li#nav01 a:hover, #body_12 li#nav01 a:hover, #body_13 li#nav01 a:hover,
#body-14 li#nav01 a:hover, #body_15 li#nav01 a:hover, #body_16 li#nav01 a:hover, #body_17 li#nav01 a:hover,


#body_21 li#nav01 a:hover, #body_22 li#nav01 a:hover, #body_23 li#nav01 a:hover,
#body_24 li#nav01 a:hover, #body_25 li#nav01 a:hover, #body_26 li#nav01 a:hover, #body_27 li#nav01 a:hover
	{background: url(../images/blok-lblauw.gif) no-repeat 0 0px; color: #6FBB23;}
	
#body_11 li#nav02 a:hover, #body_12 li#nav02 a:hover, #body_13 li#nav02 a:hover,
#body-14 li#nav02 a:hover, #body_15 li#nav02 a:hover, #body_16 li#nav02 a:hover, #body_17 li#nav02 a:hover,

#body_21 li#nav02 a:hover, #body_22 li#nav02 a:hover, #body_23 li#nav02 a:hover,
#body_24 li#nav02 a:hover, #body_25 li#nav02 a:hover, #body_26 li#nav02 a:hover, #body_27 li#nav02 a:hover
	{background: url(../images/blok-blauw.gif) no-repeat 0 0; color: #6FBB23;}
	
#body_11 li#nav03 a:hover, #body_12 li#nav03 a:hover, #body_13 li#nav03 a:hover,
#body-14 li#nav03 a:hover, #body_15 li#nav03 a:hover, #body_16 li#nav03 a:hover, #body_17 li#nav03 a:hover,

#body_21 li#nav03 a:hover, #body_22 li#nav03 a:hover, #body_23 li#nav03 a:hover,
#body_24 li#nav03 a:hover, #body_25 li#nav03 a:hover, #body_26 li#nav03 a:hover, #body_27 li#nav03 a:hover
	{background: url(../images/blok-paars.gif) no-repeat 0 0; color: #6FBB23;}
	
#body_11 li#nav04 a:hover, #body_12 li#nav04 a:hover, #body_13 li#nav04 a:hover,
#body-14 li#nav04 a:hover, #body_15 li#nav04 a:hover, #body_16 li#nav04 a:hover, #body_17 li#nav04 a:hover,

#body_21 li#nav04 a:hover, #body_22 li#nav04 a:hover, #body_23 li#nav04 a:hover,
#body_24 li#nav04 a:hover, #body_25 li#nav04 a:hover, #body_26 li#nav04 a:hover, #body_27 li#nav04 a:hover
	{background: url(../images/blok-rood.gif) no-repeat 0 0; color: #6FBB23;}
	
#body_11 li#nav05 a:hover, #body_12 li#nav05 a:hover, #body_13 li#nav05 a:hover,
#body-14 li#nav05 a:hover, #body_15 li#nav05 a:hover, #body_16 li#nav05 a:hover, #body_17 li#nav05 a:hover,

#body_21 li#nav05 a:hover, #body_22 li#nav05 a:hover, #body_23 li#nav05 a:hover,
#body_24 li#nav05 a:hover, #body_25 li#nav05 a:hover, #body_26 li#nav05 a:hover, #body_27 li#nav05 a:hover
	{background: url(../images/blok-roze.gif) no-repeat 0 0; color: #6FBB23;}
	
#body_11 li#nav06 a:hover, #body_12 li#nav06 a:hover, #body_13 li#nav06 a:hover,
#body-14 li#nav06 a:hover, #body_15 li#nav06 a:hover, #body_16 li#nav06 a:hover, #body_17 li#nav06 a:hover,

#body_21 li#nav06 a:hover, #body_22 li#nav06 a:hover, #body_23 li#nav06 a:hover,
#body_24 li#nav06 a:hover, #body_25 li#nav06 a:hover, #body_26 li#nav06 a:hover, #body_27 li#nav06 a:hover
	{background: url(../images/blok-oranje.gif) no-repeat 0 0; color: #6FBB23;}
	
#body_11 li#nav07 a:hover, #body_12 li#nav07 a:hover, #body_13 li#nav07 a:hover,
#body-14 li#nav07 a:hover, #body_15 li#nav07 a:hover, #body_16 li#nav07 a:hover, #body_17 li#nav07 a:hover,

#body_21 li#nav07 a:hover, #body_22 li#nav07 a:hover, #body_23 li#nav07 a:hover,
#body_24 li#nav07 a:hover, #body_25 li#nav07 a:hover, #body_26 li#nav07 a:hover, #body_27 li#nav07 a:hover
	{background: url(../images/blok-geel.gif) no-repeat 0 0; color: #6FBB23;}

#body_11 li#nav01 a, #body_21 li#nav01 a {background: url(../images/blok-lblauw.gif) no-repeat 0 0; color: #666;}
                     #body_22 li#nav02 a {background: url(../images/blok-blauw.gif)  no-repeat 0 0; color: #666;}
#body_13 li#nav03 a, #body_23 li#nav03 a {background: url(../images/blok-paars.gif)  no-repeat 0 0; color: #666;}
#body_15 li#nav04 a, #body_24 li#nav04 a {background: url(../images/blok-rood.gif)   no-repeat 0 0; color: #666;}
                     #body_25 li#nav05 a {background: url(../images/blok-roze.gif)   no-repeat 0 0; color: #666;}
#body_16 li#nav06 a, #body_26 li#nav06 a {background: url(../images/blok-oranje.gif) no-repeat 0 0; color: #666;}
#body_17 li#nav07 a, #body_27 li#nav07 a {background: url(../images/blok-geel.gif)   no-repeat 0 0; color: #666;}
	

/*#header h1 {
	padding: 10px 58px 0 20px;
	font: bold 1.3em Arial, Helvetica, sans-serif; color: #000;}*/	

#dela{
  color: #B1AEAE;
}
