/* made in 2007 voor Oker, Harlingen.
-------------------------------------------------------------------- */

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BACKGROUND-COLOR: #fdebb9; font-size: 11px; color : #000000; font-family : Verdana, Arial, Helvetica, sans-serif;
}

table {
	FONT-SIZE: 10px; color : #000000; FONT-FAMILY:  Verdana, Arial, Geneva, Helvetica, sans-serif; BACKGROUND-COLOR: #fdebb9;
}

DIV.oker {
	position: absolute; top: 17px; left: 10px; width:163px; height:102px;
		}


/* inhoud
-------------------------------------------------------------------- */	
	
DIV.menus {
	position: absolute; top: 160px; left: 32px; width:150px; height:400px		}

	
DIV.inhoud {
	position: absolute; top: 200px; left: 215px; width:540px; height:400px		}

DIV.inhoudwit {
	position: absolute; top: 200px; left: 215px; width:540px; height:400px; ; BACKGROUND-COLOR: #ffffff 	}
		
DIV.inhoudexpo {
	position: absolute; top: 800px; left: 215px; width:540px; height:400px		}
		
DIV.expo1 {
	position: absolute; top: 410px; left: 215px; width:100px; height:100px		}

DIV.expo2 {
	position: absolute; top: 410px; left: 474px; width:280px; height:380px		}
	
DIV.inhoudkl {
	position: absolute; top: 200px; left: 215px; width:540px; height:100px		}
		
DIV.colo {
	position: absolute; left: 169px; top: 198px; width:540px; height:400px		}

DIV.inhoud2 {
	position: absolute; top: 680px; left: 215px; width:540px; height:100px		}

DIV.inhoud3 {
	position: absolute; top: 400px; left: 215px; width:540px; height:1000px		}
			
DIV.lijn {
	position: absolute; top: 120px; left: 2px; width:320px; height:1px;  }
	
DIV.lijn2 {
	position: absolute; top: 120px; left: 200px; width:1px; height:400px;  }		
	
DIV.teller {
	position: absolute; top: 600; left: 0px; width:50px; height:50px; font-size: 11px; color : #fdebb9; font-family : Verdana, Arial, Helvetica, sans-serif; }
	
/* Top menu
-------------------------------------------------------------------- */	
	
#menu {width:120px; margin:9px 15px;}
#menu a, 
#menu a:visited {display:block; width:100%; height:180px; line-height:20px; text-decoration:none; color:#000; background:url("menu/ex_off.jpg"); background-repeat:no-repeat;}
#menu a span {padding-left:25px;}
#menu a:hover {display:block; width:100%; height:180px; cursor:pointer; text-decoration:none; color:#c00; background:url("menu/ex_on.jpg"); background-repeat:no-repeat;}
#menu {position: absolute; top: 1px; left: 200px; width:100px; height:180px		}

DIV.ex {	position: absolute; top: 1px; left: 215px; width:100px; height:165px; BACKGROUND-IMAGE: url("menu/ex_on.jpg");  }


#menu2 {width:120px; margin:8px 15px;}
#menu2 a, 
#menu2 a:visited {display:block; width:100%; height:180px; line-height:20px; text-decoration:none; color:#000; background:url("menu/win_off.jpg"); background-repeat:no-repeat;}
#menu2 a span {padding-left:25px;}
#menu2 a:hover {display:block; width:100%; height:180px; cursor:pointer; text-decoration:none; color:#c00; background:url("menu/win_on.jpg"); background-repeat:no-repeat;}
#menu2 {position: absolute; top: 1px; left: 310px; width:100px; height:180px		}

DIV.win {	position: absolute; top: 1px; left: 310px; width:100px; height:165px; BACKGROUND-IMAGE: url("menu/win_on.jpg");  }

#menu3 {width:120px; margin:11px 15px;}
#menu3 a, 
#menu3 a:visited {display:block; width:100%; height:180px; line-height:20px; text-decoration:none; color:#000; background:url("menu/uit_off.jpg"); background-repeat:no-repeat;}
#menu3 a span {padding-left:25px;}
#menu3 a:hover {display:block; width:100%; height:180px; cursor:pointer; text-decoration:none; color:#c00; background:url("menu/uit_on.jpg"); background-repeat:no-repeat;}
#menu3 {position: absolute; top: 1px; left: 420px; width:100px; height:180px		}

DIV.uit {	position: absolute; top: 1px; left: 436px; width:100px; height:165px; BACKGROUND-IMAGE: url("menu/uit_on.jpg");  }

#menu4 {width:120px; margin:12px 15px;}
#menu4 a, 
#menu4 a:visited {display:block; width:100%; height:180px; line-height:20px; text-decoration:none; color:#000; background:url("menu/ont_off.jpg"); background-repeat:no-repeat;}
#menu4 a span {padding-left:25px;}
#menu4 a:hover {display:block; width:100%; height:180px; cursor:pointer; text-decoration:none; color:#c00; background:url("menu/ont_on.jpg"); background-repeat:no-repeat;}
#menu4 {position: absolute; top: 1px; left: 530px; width:100px; height:180px		}

DIV.ont {	position: absolute; top: 1px; left: 530px; width:100px; height:165px; BACKGROUND-IMAGE: url("menu/ont_on.jpg");  }

#menu5 {width:120px; margin:7px 15px;}
#menu5 a, 
#menu5 a:visited {display:block; width:100%; height:180px; line-height:20px; text-decoration:none; color:#000; background:url("menu/con_off.jpg"); background-repeat:no-repeat;}
#menu5 a span {padding-left:25px;}
#menu5 a:hover {display:block; width:100%; height:180px; cursor:pointer; text-decoration:none; color:#c00; background:url("menu/con_on.jpg"); background-repeat:no-repeat;}
#menu5 {position: absolute; top: 1px; left: 640px; width:100px; height:180px		}

DIV.con {	position: absolute; top: 1px; left: 640px; width:100px; height:165px; BACKGROUND-IMAGE: url("menu/con_on.jpg");  }


/* Font Sizes 
-------------------------------------------------------------------- */
#blue
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    color: #000080;
    font-weight: normal;
    TEXT-ALIGN: left}
    
#red
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    color: #cc0033;
    font-weight: normal;
    TEXT-ALIGN: left}

#green
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    color: #009999;
    font-weight: normal;
    TEXT-ALIGN: left}
        
#redbig
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    color: #cc0033;
    font-weight: bold;
    TEXT-ALIGN: left}

#redblue
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 14px;
    color: #000080;
    font-weight: bold;
    TEXT-ALIGN: left}
       
#black
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: normal;
    TEXT-ALIGN: left}

#zwart
{
    font-family:   Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    TEXT-ALIGN: left}    
    
.rood
{
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #cc0033;
}

   
.backsite
{
    background-image:  url('testimages/zij.gif');
    background-repeat: no-repeat;
    background-position: 100% 0%;
    background-attachment: fixed
    
}

/* menu uitleen
-------------------------------------------------------------------- */  
#yellow a,
#yellow    a:link  { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ff9900; text-decoration: none; cursor: hand }
#yellow    a:visited { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ff9900; text-decoration: none; cursor: hand }
#yellow    a:active { font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #000080; text-decoration: none; cursor: hand }
#yellow    a:hover {  font-size: 16px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #000080; text-decoration: none; cursor: hand}

   a:link  { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ff9900; text-decoration: none; cursor: hand }
   a:visited { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ff9900; text-decoration: none; cursor: hand }
   a:active { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ff9900; text-decoration: none; cursor: hand }
   a:hover {  font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #000080; text-decoration: none; cursor: hand}

#uitblue
{
    font-family:  Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000080;
}

#white a,
#white    a:link  { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ffffff; text-decoration: none; cursor: hand }
#white    a:visited { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ffffff; text-decoration: none; cursor: hand }
#white    a:active { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ffffff; text-decoration: none; cursor: hand }
#white    a:hover {  font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #ffffff; text-decoration: none; cursor: hand}


/* home
-------------------------------------------------------------------- */

DIV.bo { position: absolute; left: 22px; top: 14px; width=706px; height=163px;  }

DIV.exp { position: absolute; left: 10px; top: 286px; width=173px; height=183px;  }
	
DIV.we { position: absolute; left: 176px; top: 186px; width=178px; height=387px;  }	

DIV.ui { position: absolute; left: 551px; top: 309px; width=180px; height=156px;  }
	
DIV.on { position: absolute; left: 352px; top: 219px; width=200px; height=317px;  }

		#stage {
			top: 0px;
			left: 0px;
			z-index: 100;
		}
		.stage {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			min-width: 900px;
			height: 359px;
			overflow: hidden;
		}
		#bg {
			background: #aedfe5 url(images/sky1.png) 0 0 repeat-x;
		}
		#clouds {
			background: transparent url(images/cloud.png) 305px 102px repeat-x;
		}
		#hill2 {
			background: transparent url(images/hill2.png) 0 258px repeat-x;
		}
		#hill1 {
			background: transparent url(images/hill-with-windmill.png) 0 104px repeat-x;
		}
		#bird {
			background: transparent url(images/bird-forward-back.png) 0 0 no-repeat;
			position: absolute;
			top: 150px;
			left: 65px;
			width: 180px;
			height: 123px;
			z-index: 2000;
			cursor: pointer;
		}