body{
	z-index: 0;
	background-image: url(./pictures/contback.jpg);
	background-repeat: repeat;
	}	
		
.container{
	border: solid yellow 1px;
	position: absolute;
	width: 799px;
	height:1800px;
	left:254px;
	top: 5%;
	background-image: url(./images/achtergrond_folder.jpg);
	background-repeat: repeat;
	z-index: 10;
		}	

.headerbox{ 
    border: solid green 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(./images/folder_tekst.jpg);
    background-repeat: repeat;
    height:150px; 
    width:100%; 
    text-align:right; 
    vertical-align:top; 
    }

.logo {
	border: solid black 0px;
	background-image: url(./pictures/RABlogo3.gif);
	background-repeat: no-repeat;
	width: 786px;
	height: 100%;
	position: absolute;
	top: 2%;
	left: 6px;
	z-index: 1;
    }

.toptitel {
    border: solid white 0px;
    color: purple; 
    text-align: center; 
    font-size: xx-large; 
    font-weight: bold; 
    font-style: italic; 
    width: 65%; 
    height: 50%; 
    position: absolute;
    top: 5%;
    left: 5%; 
    }

.subtitel {
    border: dotted white 0px;
    color: purple; 
    text-align: center; 
    font-size: x-large; 
    font-weight: bold; 
    font-style: italic; 
    width: 65%; 
    height: 50%; 
    position: absolute;
    top: 50%;
    left: 5%; 
    }

.address {
    border: solid red 0px;
    float: right;
    width:25%;
    vertical-align:middle;
    text-align: left;
    margin:5px 20px 0 0;
    font-family: helvetic, arial, sans-serif;
    font-size: small;
    color: white;
    }

.menubox {
	position: absolute;
	left: 9px;
	top: 157px;
	width: 20%;
	height: 1336px;
	font-size: small;
	margin-right: 10px;
	float: left;
	position: absolute;
	border: solid green 0px;
    }

.textbox{
	border: solid yellow 0px;
	position: absolute;
	width: 70%;
	height: 1800px;
	left:25%;
	top: 150px;
	z-index: 10;
    }

.footer{

    border: solid black 0px;
    position: relative;
    width: 50%;
    height: 2%;
    top: 10%;
    left: 25%;
    font-size: x-small;
    }

li {
    font-family: verdana, arial, helvetica, sans-serif;
    margin-top: 0;
    padding-top: 0;
    color: blue;
    font-size: small;
    font-weight: normal;
    position: relative;
    left:-20px;
    }

h3 { 
    font-size: medium; 
    font-weight: normal; 
    background-color: purple; 
    padding-left: 15px; 
    padding-right: 10px; 
    margin: 0 0 1px; 
    }

h3.leftCol a:hover{ 
    color:white; 
    font-variant: inherit; 
    text-decoration:none; 
    text-align: center; 
    }
a{
    color:blue;
    }

ul.leftCol li a{
    color:#333;
    text-decoration:none;
    }

ul.leftCol li a:hover{
    color:purple;
    text-decoration:underline;
    }

ul.leftCol {
    list-style: none;
    margin-top: 0;
    }

h3.leftCol a{
    color:white;
    text-decoration:none;
    }

.lighthand{
    width: 10%;
    height: 10%; 
    position: absolute;
    left:10%;
    top:5%;
		}

adress.a href{
    color: white;
    }
.container #datamain #kursus h2 {
	color: #400040;
}
.container #datamain #kursus h2 {
	color: #F00;
}