body.login {
background-color: #84b71a; 
text-decoration: none;
font-family:verdana;
font-size:9px;
color: #000000;
align: left;
z-index: 0;
}

body.standaard {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
}

body.b_leer {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
scrollbar-track-color:#FCECEA; 
scrollbar-arrow-color:#D9270C; 
scrollbar-face-color:#F7D0CF; 

}

body.b_bib {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
scrollbar-track-color:#EFEFF7; 
scrollbar-arrow-color:#3E49A8; 
scrollbar-face-color:#EFEFF7; 
}

body.b_po {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
scrollbar-track-color:#EEF8EA; 
scrollbar-arrow-color:#3FA408; 
scrollbar-face-color:#D9EBCF; 
}

body.b_ec {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
scrollbar-track-color:#FFF4EA; 
scrollbar-arrow-color:#FF7E13; 
scrollbar-face-color:#FFE6D6; 
}

body.b_mijn {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
scrollbar-track-color:#F8ECF4; 
scrollbar-arrow-color:#AC2579; 
scrollbar-face-color:#EDD0E3; 
}

body.index {
background-image:url('achtergrond-berg.jpg');
text-decoration: none;
font-family:verdana;
font-size:9px;
color: #000000;
align: left;
}

body.leerlandschap {
background-color: #FCECEA; 
text-decoration: none;
font-family:verdana;
font-size:10px;
color: #D9270C;
align: left;
}

body.bib {
background-color: #EFEFF7; 
text-decoration: none;
font-family:verdana;
font-size:10px;
color: #3E49A8;
align: left;
}

body.po {
background-color: #EEF8EA; 
text-decoration: none;
font-family:verdana;
font-size:10px;
color: #3FA408;
align: left;
}

body.ec {
background-color: #FFF1EA; 
text-decoration: none;
font-family:verdana;
font-size:10px;
color: #FF7E13;
align: left;
}

body.mijnsherpa {
background-color: #F8EcF4; 
text-decoration: none;
font-family:verdana;
font-size:10px;
color: #AC2579;
align: left;
}
                              
table.menu1
{
width: 160px;
position: absolute;
visibility:hidden;
background-color: #FCECEA; 
border: 1px solid #D9270C;
}

table.menu2
{
width: 160px;
position: absolute;
visibility:hidden;
background-color: #efeff7; 
border: 1px solid #3E49A8;
}

table.menu3
{
width: 160px;
position: absolute;
visibility:hidden;
background-color: #EEF8EA; 
border: 1px solid #3FA408;
}

table.menu4
{
width: 160px;
position: absolute;
visibility:hidden;
background-color: #FFF1EA;
border: 1px solid #FF7F13; 
}

table.menu5
{
width: 160px;
position: absolute;
visibility:hidden;
background-color: #F8ECF4;
border: 1px solid #AC2579; 
}

a.ww
{ 
font-size: 8px;
font-family: verdana;	
color: #FFFFFF;
font-weight:bold;
}


a.menu1
{
background-color: #FCECEA; 
color: #d9270c; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu2
{
background-color: #efeff7; 
color: #3e49a8; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu3
{
background-color: #EEF8EA; 
color: #3fa408; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu4
{
background-color: #FFF1EA; 
color: #ff7e13; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu5
{
background-color: #F8ECF4; 
color: #ac2579; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu1:hover
{
color: #f7d0cf; 
background-color: #d9270c; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu2:hover
{
color: #efeff7; 
background-color: #3e49a8; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu3:hover
{
color: #d9ebcf; 
background-color: #3fa408; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu4:hover
{
color: #ffe6d6; 
background-color: #ff7e13; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

a.menu5:hover
{
color: #edd0e3; 
background-color: #ac2579; 
width: 160px;
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
}

table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}

.menubalk01 {
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
align: left;
}

.menubalk02 {
position: absolute;
top: 118px;
left: 120px;
z-index: 5;
align: right;
}

.kop {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.logo {
position: absolute;
top: 25px;
left: 170px;
z-index: 1;
}

.feedback_box {
border: 1px solid #3E49A8;
}


.box {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 0;
border: 1px solid #3E49A8;
}

.infoknop {
position: absolute;
top: 15px;
left: 500px;
z-index: 1;
}

.zoeken {
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
z-index: 999;
border: 1px solid #3E49A8;
}

.container {
position: relative;
top: 0px;
left: 0px;
z-index: 5;
background-color: #FFFFFF; 
width: 952px;
height: 1002px;
text-decoration: none;
font-weight:bold;
font-family:verdana;
font-size:12px;
color: #FFFFFF;
align: left;
border: 1px solid #3E49A8;
}

.iframelogin {
position: absolute;
top: 20px;
left: 730px;
z-index: 4;
width: 135px;
height: 100px;
}

.iframezoek {
position: relative;
top: 20px;
left: 600px;
z-index: 4;
}


.iframebody {
position:  absolute;
top: 132px;
left: 150px;
z-index: 0; 
border-top: 1px solid #3E49A8;
border-left: 1px solid #3E49A8;
}

.iframemenul {
position:  absolute;
top: 132px;
left: 0px;
z-index: 0;
}

.iframemenur {
position:  absolute;
top: 132px;
left: 773px;
z-index: 0;
}

a.login {
	background-color: #84b71a;
        font-size: 8px;
	font-family: verdana;	
	color: #000000;
	}

.loginknop {
        font-size: 10px;
	font-family: verdana;	
	color: #FFFFFF;
	background-color: #40a708; 
	border-top: 1px solid #40a708;
	border-left: 1px solid #40a708;
	}
	
.logintable {
	font-size: 10px;
	font-family: verdana;	
	background-color: #84b71a;
        }

a.menuitem0   {
		filter:alpha(opacity=80);
  		opacity:0.8;
		background-color: #d7e3f1; 
		width: 129px;
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #ACA899;
		text-align: center;
		border-bottom: 2px solid #8695a8;
		border-right: 2px solid #8695a8;
		display:block
		}
		
a.menuitem0:hover   {
		background-color: #d4d4d4; 
		width: 129px;
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #000000;
		text-align: center;
		border-bottom: 1px solid #ACA899;
		border-right: 1px solid #ACA899;
		display:block
		}
		
		
a.opdrvolgorde   {
		background-color: #d7e3f1; 
		width: 131px;
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #ACA899;
		align: left;
		border-bottom: 2px solid #8695a8;
		border-right: 2px solid #8695a8;
		}
		
a.opdrvolgorde:hover   {
		background-color: #d4d4d4; 
		width: 131px;
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #000000;
		align: left;
		border-bottom: 1px solid #ACA899;
		border-right: 1px solid #ACA899;
		}



td.menutd2{
	width: 160px;
}




td.menu{
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #000000;
		align: center;
		text-align: center;
		padding: 0px;
		margin: 0px;
}

td.hoofdmenu{
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #000000;
		align: left;
		text-align: center;
}

td.b_bib{
		font-weight:normal;
		font-family:verdana;
		font-size:11px;
		color: #434343;
		vertical-align: top;
		align: left;
}

td.login{
		text-decoration: none;
		font-weight:bold;
		font-family:verdana;
		font-size:9px;
		color: #FFFFFF;
}

.loginknop {
        font-size: 10px;
	font-family: verdana;	
	color: #FFFFFF;
	background-color: #40a708; 
	border-top: 1px solid #40a708;
	border-left: 1px solid #40a708;
	}
	
.zoekknop {
        font-size: 10px;
	font-family: verdana;	
	color: #FFFFFF;
	background-color: #3E49A8; 
	border-top: 1px solid #40a708;
	border-left: 1px solid #40a708;
	}
	

a.menuleerlandschap   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #FCECEA; 
		color: #D9270C;
		align: left;
		border-bottom: 1px solid #D9270C;
		border-right: 1px solid #D9270C;
		display:block;
		}
		
a.menuleerlandschap:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #F7D0CF;
		background-color: #D9270C;
		align: left;
		border-bottom: 1px solid #F7D0CF;
		border-right: 1px solid #F7D0CF;
		display:block;
		}

a.menubib   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #EFEFF7; 
		color: #3E49A8;
		align: left;
		border-bottom: 1px solid #3E49A8;
		border-right: 1px solid #3E49A8;
		display:block;
		}
		
a.menubib:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #EFEFF7;
		background-color: #3E49A8;
		align: left;
		border-bottom: 1px solid #EFEFF7;
		border-right: 1px solid #EFEFF7;
		display:block;
		}


a.menubibr   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #EFEFF7; 
		color: #3E49A8;
		align: left;
		display:block;
		}
		
a.menubibr:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #EFEFF7;
		background-color: #3E49A8;
		align: left;
		display:block;
		}



a.menupo   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #EEF8EA; 
		color: #3FA408;
		align: left;
		border-bottom: 1px solid #3FA408;
		border-right: 1px solid #3FA408;
		display:block;
		}
		
a.menupo:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #D9EBCF;
		background-color: #3FA408;
		align: left;
		border-bottom: 1px solid #D9EBCF;
		border-right: 1px solid #D9EBCF;
		display:block;
		}

a.menuec   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #FFF1EA; 
		color: #FF7E13;
		align: left;
		border-bottom: 1px solid #FF7E13;
		border-right: 1px solid #FF7E13;
		display:block;
		}
		
a.menuec:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #FFE6D6;
		background-color: #FF7E13;
		align: left;
		border-bottom: 1px solid #FFE6D6;
		border-right: 1px solid #FFE6D6;
		display:block;
		}

a.menumijnsherpa   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		background-color: #F8ECF4; 
		color: #AC2579;
		align: left;
		border-bottom: 1px solid #AC2579;
		border-right: 1px solid #AC2579;
		display:block;
		}
		
a.menumijnsherpa:hover   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #EDD0E3;
		background-color: #AC2579;
		align: left;
		border-bottom: 1px solid #EDD0E3;
		border-right: 1px solid #EDD0E3;
		display:block;
		}

	
a.menuhome   {
		width: 120px;
		text-decoration: none;
		font-weight:none;
		font-family:verdana;
		font-size:11px;
		color: #000000;
		align: left;
		border-bottom: 1px solid #c50a2a;
		border-right: 1px solid #c50a2a;
		display:block;
		}

		
a.menuitem1   {
		background-color: #d9270c; 
		width: 160px;
		text-decoration: none;
		font-weight:normal;
		font-family:verdana;
		font-size:10px;
		color:#FFFFFF;
		text-align: center;
		border: 1px solid #000000;
		display:block
		}

a.menuitem2   {
		background-color: #3e49a8; 
		width: 160px;
		text-decoration: none;
		font-weight:normal;
		font-family:verdana;
		font-size:10px;
		color: #FFFFFF;
		text-align: center;
		border: 1px solid #000000;
		display:block
		}

a.menuitem3   {
		background-color: #40a708; 
		width: 160px;
		text-decoration: none;
		font-weight:normal;
		font-family:verdana;
		font-size:10px;
		color: #ffffff;
		text-align: center;
		border: 1px solid #000000;
		display:block
		}
a.menuitem4   {
		background-color: #ff7e13; 
		width: 160px;
		text-decoration: none;
		font-weight:normal;
		font-family:verdana;
		font-size:10px;
		color: #ffffff;
		text-align: center;
		border: 1px solid #000000;
		display:block
		}

a.menuitem5   {
		background-color: #ac2579; 
		width: 160px;
		text-decoration: none;
		font-weight:normal;
		font-family:verdana;
		font-size:10px;
		color: #ffffff;
		text-align: center;
		border: 1px solid #000000;
		display:block
		}		
		
TD.standaard   {
		font-weight:normal;
		font-family:verdana;
		font-size:12px;
		color: #1A2C7A;
		vertical-align: top;
		}
.standaard   {
		font-weight:normal;
		font-family:verdana;
		font-size:11px;
		color: #434343;
		}

	h1   {
		font-weight:bold;
		font-family:verdana;
		font-size:18px;
		color: #c50a2a;
		width: 600px;
		}
	h2   {
		font-weight:bold;
		font-family:verdana;
		font-size:14px;
		color: #434343;
		}
	h3   {
		font-weight:bold;
		font-family:verdana;
		font-size:12px;
		color: #1A2C7A;
		}
	h4   {
		font-weight:normal;
		font-family:verdana;
		font-size:11px;
		color: #1A2C7A;
		}       
	h5   {
		font-weight:bold;
		font-family:verdana;
		font-size:11px;
		color: #434343;
		}       
.titel_do {
position: absolute;
top: 140px;
left: 5px;
z-index: 1;
}

.tekst {
position: absolute;
top: 220px;
left: 5px;
width: 640px;
height: 80px;
overflow: auto;
z-index: 99;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
background-color: #FFFFFF;
border: 1px solid #3E49A8;
text-align: left;
padding: 5px;
z-index: 2;
}

.module {
position: absolute;
top: 225px;
left: 5px;
width: 640px;
height: 600px;
overflow: auto;
z-index: 1;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
text-align: left;
padding: 5px;
}

.glas {
position: absolute;
top: 200px;
left: 600px;
z-index: 3;
}

.interactie {
position: absolute;
top: 305px;
left: 5px;
width: 640px;
height: 550px;
overflow: auto;
z-index: 1;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
border: 1px solid #3E49A8;
text-align: left;
padding: 5px;
}

.feedback {
width: 600px;
height: 50px;
overflow: auto;
z-index: 1;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
text-align: left;
padding: 5px;
}

.fout {
font-weight:bold;
font-family:verdana;
font-size:11px;
color: red;
text-align: left;
}

.goed {
font-weight:bold;
font-family:verdana;
font-size:11px;
color: green;
text-align: left;
}

.bronnen {
position: absolute;
top: 137px;
left: 649px;
width: 300px;
height: 863px;
overflow: auto;
z-index: 1;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #D9270C;
text-align: left;
background-color: #FCECEA; 
}

.navigatie {
position: absolute;
top: 200px;
left: 5px;
z-index: 5;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
text-align: left;
}

.resultaat {
position: absolute;
top: 175px;
left: 5px;
z-index: 2;
font-weight:normal;
font-family:verdana;
font-size:11px;
color: #434343;
text-align: left;
width: 800px;
height: 800px;
overflow : scroll ;
}

.kop_res
{
font-weight:bold;
font-family:verdana;
font-size:14px;
color: green;
text-align: left;
}

.titel {
position: absolute;
top: 20px;
left: 100px;
font-size: 12px;
font-weight:bold;
font-family: verdana;
background-color: #FFFFFF;
color: #ACA899;
border: 1px solid #3E49A8;
} 

#woorden
{
  position: absolute;
  z-index: 100;
  left: 10px;
  top: 100px;
  list-style: none;
}

#woorden li
{
  position: relative;
  z-index: 100;
  margin-bottom: 15px;
  height: 25px;
  width: 100px;
  background-color: #FCECEA; 
color: #d9270c; 
text-decoration: none;
font-weight:normal;
font-family:verdana;
font-size:10px;
text-align: left;
border: 1px solid #d9270c;
}



#v
{
  width: 25px;
  height: 25px;
  z-index: 50;
}


.match
{
position: absolute;
  left: 300px;
  top: 100px;
  z-index: 50;
}