body {
	margin: 0;
    padding: 0;
}
p, li, td, th, h1, h2, h3, h4, h5, #headernav, #headerbottom, #footerbuttons, #footernav, #footernote, form, input, button, select, div {
    font: x-small/1.2em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
    color: #003580; /* de boxmodelhack voor IE 5.0 en 5.5 (Win), zie http://www.tantek.com/CSS/Examples/boxmodelhack.html */
    voice-family: "\"}\"";
	font: small/1.2em "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#hack {
	/* lege regel, anders valt de volgende regel weg in IE5/5.5 (Win) */
}
p.show {
	font-weight: bold;
}
p.error {
/* hack voor IE 5 (Mac), position: relative is nodig voor IE 6 (Win) anders is ie soms niet zichtbaar, echter dat mag weer niet voor IE 5 (Mac) \*/
    position: relative;
/* einde hack */
	margin: 0;
    font-weight: bold;
    color: #B30000 !important;
}
p.nomatch {
    margin-top: 0;
	font-style: italic;
}
p.intro {
	margin-top: 0;
}
p.test {
    margin-bottom: 5em;
}
span.warn {
    color: #b30000;
}
input, select {
    padding: 0;
    margin: 0;
}
a img {
	border: none !important;
}
a {
	font-weight: bold;
    text-decoration: underline;
}
a:link {
	color: #0896FF;
}
a:visited {
	color: #537CB4;
}
a:hover {
	color: #FEBA02;
}
a:active {
	color: #B30000;
}
h1 {
    margin: 0;
    font-size: 144%;
    font-weight: bold;
}
h2 {
    margin: 0 0 .5em .5em;
    padding-top: 1.5em;
    font-size: 120%;
    font-weight: bold;
}
h3 {
    margin: 0;
    font-size: 120%;
    font-weight: bold;
}
h4 {
	font-weight: bold;
}
h5 {
	font-weight: bold;
    margin: 1em 0 0;
}
table, tr, td, th {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
    vertical-align: top;
}
img.help {
	cursor: help;
    vertical-align: -3px;
}

/* header, left, right en footer vormen de basis indeling van de pagina */
#header {
	background: transparent url(/static/img/beeldmerk3.jpg) no-repeat 8px 65px;
    height: 127px;
}
/* onderstaande i.v.m. het vergroten van het font in de client moet er eigenlijk een min-height staan en de hoogte niet vastgelgd zijn. IE (Win) begrijpt dit niet vandaar de volgende hogeschool css ;-) */
/* hack voor IE 5 (Mac) \*/
html>body>#header {
	height: auto;
    min-height: 127px;
}
/*  Einde hack */
#basiclayout {
    clear: both;
	vertical-align: top;
    margin: 1.2em 0 2.4em;
    width: 100%;
}
#left {
    width: 226px;
    border-right: 1px dashed #779bca;
    margin: 1em 0 2em;
    padding: 0 12px 0 8px;
}
#fullwidth {
	margin: 1.2em 12px 2.4em 8px;
}
#right {
	margin: 1em 0 2em 0;
    padding: 0 8px 0 12px;
}
.leftwide {
	width: auto !important;
}
.rightsmall {
	width: 226px !important;
}
#footer {
    border-top: 1px dashed #779BCA;
    padding: 8px;
}

/* binnen header */
#headertop {
	background-color: #003580;
    border-bottom: 1px dashed #FFF;
    height: 65px; /* BMH */
    voice-family: "\"}\"";
	voice-family: inherit;
    height: 64px;
}
#hack {
	/* leeg */
}
#headertop img { /* om er voor te zorgen dat er geen ruimte onder het img ontstaat (geldt niet in IE, maar dat is feitelijk een bug) */
	display: block;
}
#beeldmerk {
	position: relative;
    top: 10px;
    left: 8px;
    z-index: 15;
}
#woordmerk {
	position: absolute;
    top: 8px;
    left: 106px;
    z-index: 20;
}
#banner {
	position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
#headermiddle {
	background: #779BCA url(/static/img/beeldmerk2.jpg) no-repeat 8px 0px;
    min-height: 24px;
}
#headermiddle .logolink {
    display: block;
    float: left;
    width: 114px;
    height: 62px;
    margin: 0 8px;
}
#headerlanguage {
    float: left; /*
    padding-left: 130px;*/
}
#headerlanguage img {
    background-color: #779BCA;
	margin: 2px;
}
#headernav {
    text-align: right;
    padding: 6px 8px;
    color: #003580;
    font-weight: bold;
}
#headernav a:link, #headernav a:visited {
	color: #fff;
    text-decoration: none;
}
#headernav a:hover {
	color: #feba02;
    text-decoration: underline;
}
#headernav a:active {
	color: #b30000;
    text-decoration: underline;
}
#headerbottom {/*
    clear: left;*/
    padding: 3px 8px 3px 150px;
    line-height: 1.5em;
    color: #003580;
    font-weight: bold;
    text-transform: lowercase;
    /*height: 2.4em; in combinatie met de opmerking bij de header, maar het werkt nog niet helemaal */
}
#headerbottom span {
    font-weight: bold;
    font-size: 88%;
}
#footernote {
    margin-top: .75em;
    font-size: 80%;
}

/*
even wat kleuren onthouden:
#FFE39A
#FED974 = 50% #FEBA02 op 100% #FFF9E7
#FEDC80 = 50% #FEBA02 op 100% #FFFFFF
#D0DCED = 35% #779BCA op 100% #FFFFFF
#537CB4 = 35% #003580 op 100% #779BCA
#7F5D01 = 50% #FEBA02 op 100% #000000
#B28301 = 70% #FEBA02 op 100% #000000
#F7FAFC = 30% E6EDF6 op 100% #FFFFFF
#F2F6FA = 50% E6EDF6 op 100% #FFFFFF
#F0F4FA = 60% E6EDF6 op 100% #FFFFFF
*/