.viewport {
position:relative;
width: 760px;
height: 760px;
border: 0px solid brown;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: rgb(213,213,170);
background-image: url(pix/bg_groen.gif);
background-position:top left;
background-attachment: fixed;
background-repeat: repeat-y;
}

.paginaTitel
{
position:absolute;
top: 40px;
left: 186px;
font-family:verdana, Georgia, "Times New Roman";
font-size:20px;
font-weight: normal;
color: firebrick;
margin-bottom: 0px;
padding-left: 20px;
}

.tekst
{
position:absolute;
left:185px;
top:77px;
padding-top:10px;
padding-left:20px;
padding-right:20px;	
padding-bottom:12px;
font-family:verdana, Georgia, "Times New Roman";
font-size:small;
text-align:justify;
color:black;
height:660px;
width:534px;
overflow:auto;
}

h1
{
font-family:verdana, Georgia, "Times New Roman";
font-size:20px;
font-weight: normal;
color: firebrick;
margin-bottom: 4px;
padding-bottom: 4px;
}

h2
{
color:firebrick;
margin-bottom: 0px;
font-size: 14px;
font-style: normal;
}

h3
{
color: black;
font-family: verdana, arial, "Times New Roman";
font-size: 12px;
font-style: normal;
margin-bottom:10px;
}

h4
{
color: black;
font-family: verdana, arial, "Times New Roman";
font-size: 22px;
font-style: normal;
font-weight: bold;
margin-bottom:10px;
margin-top:0px;
text-align: left;
}

h5
{
color: black;
font-family: verdana, arial, "Times New Roman";
font-size: 18px;
font-weight: bold;
margin-bottom:10px;
margin-top:4px;
text-align: left;
}

h6
{
color:black;
margin-bottom: 10px;
margin-top:5px;
font-size: 14px;
font-style: normal;
font-family: verdana, arial, "Times New Roman";
font-weight:bold;
text-align: left;
}

a{
text-decoration: none;
color: blue;
}


.plaatje_rechts
{
/*float:left;
top:0px;
margin-left:0px;*/
position:absolute;
top:0px;
left:0px;
}

.verdwijnlijn
{
position: relative;
border-top:1px solid firebrick;
top:75px;
left: 0px;
}

.engels
{
font-style: italic;
}

.update
{
position: absolute;
left: 0px;
top: 730px;
width: 175px;
height: 13px;
text-align: left;
/*border: solid 1px #444;
border-left:none;*/
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom:12px;
font-family: arial, verdana, georgia, "Times New Roman";
font-size: 11px;
}

.nieuwsflits
{
position: absolute;
left: 0px;
top: 450px;
width: 175px;
text-align: center;
border: solid 1px #444;
border-left:none;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom:5px;
font-family: arial, verdana, georgia, "Times New Roman";
font-size: small;
}

.geldschieters{
text-align: center;	
}

.Despotovic
{
width:510px;

}

/*-------- horizontal vertical-pulldown menu -------------*/		
div#menu ul
{
position: absolute;
top: 20 px;
left: 0px;
list-style:none;
margin:0px;
padding:0px;
font-family:verdana, Georgia, "Times New Roman";
font-weight:bold;
font-size:14px;
border:solid 0px black;
width: 550px;
}

div#menu ul li
{
position:relative;
height:22px;
margin:0px;
padding-left:0px;
padding-right:0px;
padding-top:5px;
border:solid 1px black;
border-left:none;
text-align:center;
float:left; /*dit voorkomt verschuiven bij een link in IE*/
}

div#menu li.first
{
border-left:solid 1px black;	
}

div#menu ul li ul
{
position:absolute;
top:100%;
left:-1px;
display:none;
width:160px;
}

div#menu ul li ul li
{
background-color: rgb(130,112,92);
border:solid 1px black;
border-top:none;
width: 210px;
font-size:14px;
}

div#menu ul li ul li a
{
display: block;
}

div#menu ul li ul li.first
{
border-top:solid 1px black;
}		

div#menu ul li a
{
/*display:block;*/
height:19px;
padding-top:3px;		 
text-decoration:none;
color:firebrick;
}

div#menu ul li a:hover
{
color:white;
}

div#menu ul li:hover ul {display:block;} /*normal behavior*/		

div#menu ul li /*IE behavior*/
{
behavior:url(hover.htc);
}

div#menu ul li.hover ul /*IE behavior*/
{
display:block;
}

div#menu
{
position:absolute;
left:200px;
top:0px;
}

/*-------------------------------------------------------------------*/		

