/* Header en footer inhoudelijke css */
/* Let goed op de z-indexen als je wijzigingen maakt anders worden elementen onzichtbaar */

.bovenbalk {
position: absolute;
top: 0;
left: 3%;
display: block;
width: 93.5%;
color: #FFFFFF;
background-color: #99cc00;
border-top: solid green 2px;
border-bottom: solid green 2px;
text-align: right;
z-index: 2;
}

.bezoekook {
font-family: Arial, Verdana, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-left: 4px;
}

a.bovenbalklink:link, a.bovenbalklink:visited {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: underline;
white-space: nowrap;
padding-right: 100px;
}

a.bovenbalklink:hover {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
white-space: nowrap;
}

#kopvlak {
position: absolute;
left: 3.1%;
top: 0px;
width:93.8%;
display: block;
height: 150px;
background-color: transparant;
z-index: 1;
}

.sitelogo {
position: absolute;
margin: 0px;
border: 0px;
/* Geef hier de hoogte en breedte op van je logo */
width:70px;
height:70px;
z-index: 3;
}

.sitetitel {
position: relative;
left: 73px;
top: 6px;
font-family: Verdana;
color: #FFFFFF;
font-size: 27px;
font-weight: bold;
letter-spacing: 4px;
z-index: 4; 
}

.siteleus {
display: block;
font-family: Arial;
color: brown;
font-size: 12px;
font-weight: bold;
letter-spacing: 3px;
padding-left: 4px;
padding-left: 25px;
}

#posonderdeelvan {
position:absolute;
right: 11px;
top: 40px;
z-index: 6;
}

a.onderdeelvan:link, a.onderdeelvan:visited  {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}

a.onderdeelvan:hover  {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: underline;
}

#posookbeschikbaarin {
position: absolute;
right: 11px;
top: 60px;
z-index: 7; 
}

a.beschikbaarin:link, a.beschikbaarin:visited  {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: none;
}

a.beschikbaarin:hover  {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #FFFF00;
text-decoration: underline;
}

#navtabel {
display: none;
}

/* Belangrijk ! Zorg dat de procenten van width bij tdnavtabel en tdnavtabelr altijd opgeteld 1% onder de
100 uitkomen dus 99. Als ze exact 100 zijn wordt je site NIET goed weergegven in Internet Explorer 7 ! */
#tdnavtabel {
float: left;
margin: 0;
padding: 1px 0px 1px 0px;
width: 65%;
}

#tdnavtabelr {
float: right;
margin: 0;
padding: 1px 0px 1px 0px;
text-align: right;
width: 34%;
}


a.navtabellinkhome:link, a.navtabellinkhome:visited, a.navtabellinkhome:hover {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: brown;
text-decoration: none;
margin-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-right: 2px;
margin-bottom: 10px;
}

a.navtabellinkhome:hover {
text-decoration: underline;
}

a.navtabellink:link, a.navtabellink:visited, a.navtabellink:hover {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
/* nowrap zorgt ervoor dat woorden bij elkaar blijven */
white-space: nowrap;
margin-right: 8px;
padding-left: 2px;
padding-right: 2px;
/* Als je tussen de links een randje wil dan op 1 px zetten, kleur veranderen
en padding-left: waarde; en padding-right: waarde; toevoegen en margin-left verminderen
*/
border: 0px;
}

a.navtabellink:hover {
text-decoration: underline;
}

a.navtabellinkreg:link, a.navtabellinkreg:visited, a.navtabellinkreg:hover {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
white-space: nowrap;
margin-left: 12px;
margin-right: 2px;
}

a.navtabellinkreg:hover {
text-decoration: underline;
}


.datum  {
display:none;
}

.slotje  {
margin-right: 3px;
}


#footertekst {
font-family: Verdana, Arial, helvetica, sans-serif;
color: green;
font-size: 12px;
display: block;
padding-top: 10px;
text-align: center;
font-weight: bold;
}


a.footerlink:link, a.footerlink:visited {
color: #FFFFFF;
text-decoration: none;
}

a.footerlink:hover {
text-decoration: underline;
color: #FFFFFF;
}

/* Einde header/footer inhoudelijke css -------------------------------------------------------------------*/