body{                               /* style hoort bij commissioned*/
text-align: center;
margin: 0;
}

div#container{
width: 800px;
height: auto;
top: 10px;
margin: 0 auto 0 auto;
text-align: center;
}

div#header{
width: 800px;
height: 100px;
text-align: center;
background-color: #BABABA;
font-color: #F6EEF3;
}

div#footer{
width: 800px;
height: 60px;
float: left;
text-align: center;
background-color: #BABABA;
}


div#content{
width: 800px;
height: 410px;
float: left;
background-color: #BABABA;
text-align: left;
}



div#onder{
width: 800px;
height: 50px;
float: left;
text-align: center;
background-color: #BABABA;
}


p.header{
font-family: helvetica, arial, sans-serif;
font-color: #F6EEF3;
font-size: 1.1em;
padding-top: 40px;
}
p.school{
font-family: helvetica, arial, sans-serif;
font-color: #000000;
font-size: 0.7em;
text-align: left;
margin-left: 170px;
margin-top: 20px;
}

img.carp1{                           
position: relative;
padding-top: 5px;
padding-left: 260px;
}
img.carp2{
position: relative;
padding-top: 5px;
padding-left: 260px;
}
img.carp3{
position: relative;
padding-top: 5px;
padding-left: 260px;
}

img.volkskrmag{
position: relative;
padding-top: 5px;
padding-left: 260px;
}

img.iris{
position: relative;
padding-top: 10px;
padding-left: 155px;
}

img.dazed1{
position: relative;
padding-top: 5px;
padding-left: 100px;
}
img.dazed2{
position: relative;
padding-top: 5px;
padding-left: 100px;
}
img.dazed3{
position: relative;
padding-top: 5px;
padding-left: 100px;
}
img.dazed4{
position: relative;
padding-top: 5px;
padding-left: 100px;
}
img.dazed5{
position: relative;
padding-top: 5px;
padding-left: 100px;
}

img.ikkatern1{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.ikkatern2{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.ikkatern3{
position: relative;
padding-top: 50px;
padding-left: 175px;
}
img.ikkatern4{
position: relative;
padding-top: 5px;
padding-left: 270px;
}

img.bad1{
position: relative;
padding-top: 5px;
padding-left: 255px;
}

img.bad2{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.bad3{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.horosc1{
position: relative;
padding-top: 5px;
padding-left: 255px;
}

img.horosc2{
position: relative;
padding-top: 5px;
padding-left: 255px;
}

img.horosc3{
position: relative;
padding-top: 5px;
padding-left: 255px;
}

img.voc1{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.voc2{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.voc3{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.voc4{
position: relative;
padding-top: 5px;
padding-left: 110px;
}
img.voc5{
position: relative;
padding-top: 5px;
padding-left: 110px;
}

img.boek1{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.boek2{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.boek3{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.boek4{
position: relative;
padding-top: 5px;
padding-left: 270px;
}
img.boek5{
position: relative;
padding-top: 50px;
padding-left: 100px;
}

img.vpro1{
position: relative;
padding-top: 5px;
padding-left: 250px;
}
img.vpro2{
position: relative;
padding-top: 5px;
padding-left: 250px;
}

img.rood1{
position: relative;
padding-top: 5px;
padding-left: 130px;
}

img.rood2{
position: relative;
padding-top: 5px;
padding-left: 130px;
}

img.rood3{
position: relative;
padding-top: 5px;
padding-left: 130px;
}

img.rood4{
position: relative;
padding-top: 5px;
padding-left: 120px;
}

img.dazed06{
position: relative;
padding-top: 5px;
padding-left: 275px;
}

img.terr1{
position: relative;
padding-top: 5px;
padding-left: 265px;
}

img.terr2{
position: relative;
padding-top: 5px;
padding-left: 265px;
}

img.terr3{
position: relative;
padding-top: 5px;
padding-left: 265px;
}

img.terr4{
position: relative;
padding-top: 5px;
padding-left: 265px;
}

img.terr5{
position: relative;
padding-top: 5px;
padding-left: 265px;
}

ul{
list-style: none;
}
li{
display: inline;
} 

a{
font-family: helvetica, arial, sans-serif;
text-decoration: none;
font-color: #000000;
font-weight: bold;
padding: 3px 3px 3px 3px;
}

a:link, a:visited{
color:#000000;
}

a:hover, a:active{
color:#FFDAE7;
}

#content p{
font-family: helvetica, arial, sans-serif;
color: #000000;
font-size: 0.7em;
font-weight: bold;
text-align: right;
margin-top: -20px;
padding-right: 20px;
letter-spacing: 0.5px;
}


#onder p{
font-family: helvetica, arial, sans-serif;
color: #FFFFFF;
font-size: 0.7em;
text-align: center;
margin-top: 15px;
}