body {
 background-color: black;
}

* {
 font-family: arial, sans-serif;
}


#site {
 position: absolute;
 width:950px;
 height: 550px;
 margin-left:-475px;
 left: 50%;
 margin-top:-275px;
 top: 48%;
}
a:link, a:visited
{
 color: #fff; text-decoration: none;
}
a:hover, a:active 
{
 color: #fff; text-decoration: underline;
}


/* top *****************************************/
#top {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 950px;
 height: 150px;
}

#top img.logo {
 position: absolute;
 top: 0px;
 left: 25px;
 border: 0px;
}

/* links menu ****************************** */
#linksmenu {
 position: absolute;
 top: 150px;
 left: 50px;
 width: 125px;
 height: 350px;
 /*background-color: gray;*/
}

#linksmenu li
{
 list-style: none;
 margin-left: -40px;
 padding-bottom: 10px;
}
#linksmenu a
{
 font-size: 12pt;
 font-weight: bold;
 color: #000;
 text-decoration: none;
}
#linksmenu a:hover
{
 font-size: 12pt;
 font-weight: bold;
 color: #555;
 text-decoration: none;
}
#linksmenu a:active
{
 font-size: 12pt;
 font-weight: bold;
 color: #555;
 text-decoration: none;
}
#linksmenu img.lm_algemeen {
 position: absolute;
 top: 10px;
 left: 0px;
 width: 120px;
 height: 16px;
 border: 0px;
}
#linksmenu img.lm_popschool {
 position: absolute;
 top: 40px;
 left: 0px;
 width: 120px;
 height: 16px;
 border: 0px;
}
#linksmenu img.lm_faciliteiten {
 position: absolute;
 top: 70px;
 left: 0px;
 width: 120px;
 height: 16px;
 border: 0px;
}
#linksmenu img.lm_evenementen {
 position: absolute;
 top: 100px;
 left: 0px;
 width: 120px;
 height: 16px;
 border: 0px;
}
#linksmenu img.lm_service {
 position: absolute;
 top: 130px;
 left: 0px;
 width: 120px;
 height: 16px;
 border: 0px;
}



/* midden menu ********************************************/
#middenmenu p {
 position: absolute;
 top: 10px;
 left: 15px;
 font-size: 11px;
 font-weight: bold;
 color: white;
}
#middenmenu a {
 font-size: 12px;
 font-weight: bold;
 color: white;
}
#middenmenu a.sub {
 font-size: 11px;
 font-weight: normal;
 color: white;
}

/* content ************************************************/
#content {
 position: absolute;
 top: 150px;
 left: 345px;
 width: 530px;
 height: 330px;
 padding: 10px;
 overflow-y: auto;
 overflow-x: no;
 font-size: 12px;
 color: white;
}
#content h1 {
 font-size: 16px;
 font-weight: bold;
 color: white;
}
#content h2 {
 font-size: 14px;
 font-weight: bold;
 color: white;
}
#content ul {
 font-size: 12px;
 color: white;
}
#content a {
 font-size: 12px;
 font-weight: bold;
 color: white;
 text-decoration: underline;
}
#content .datum {
 position: relative;
 visibility: hidden;
}



/* nieuwsbrief *********************************************/
#nieuwsbrief {
 position: absolute;
 top: 510px;
 left: 185px;
 width: 165px;
 height: 30px;
}

#nieuwsbrief img.nieuwsbrief {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}

/* extra links ********************************************/
#extralinks {
 position: absolute;
 top: 118px;
 left: 560px;
 width: 320px;
 height: 30px;
}

#extralinks img.cursus {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}

#extralinks img.oefenruimte {
 position: absolute;
 top: 0px;
 left: 175px;
 border: 0px;
}

#rss {
 position: absolute;
 top: 522px;
 left: 0px;
 border: 0px;
}

#rss img.rss {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}

#kab {
 position: absolute;
 top: 512px;
 left: 520px;
 border: 0px;
}

#kab img.kab {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}

#jacobiberg {
 position: absolute;
 top: 43px;
 left: 50px;
 width: 350px;
 height: 93px;
}

#jacobiberg img.jacobiberg {
 position: absolute;
 top: 0px;
 left: 0px;
 border: 0px;
}