body
{
margin:20;
padding:0;
background: #fdeac1;
color: #505050;
font-family: Verdana, Arial, 'Times New Roman', sans-serif;
font-size: 12pt;
line-height: 1.9em;
}

table
{
font-family: Verdana, Arial, 'Times New Roman', sans-serif;
font-size: 10pt;
line-height: 1.7em;
vertical-align: top;
border-spacing: 1px;
empty-cells: show
}

ul { font-size: 10pt; line-height: 1.7em }

a.anchor { display: block; position: relative; top: -110px; visibility: hidden } /* Corrigeert offset-probleem A-anchorverwijzing (gebruikt in lesrooster.php)  */

a:link { color: #743c03; text-decoration : none }
a:visited { color: #743c03; text-decoration : none }
a:hover { color: #412101; text-decoration : underline }
a:active { color: #743c03; text-decoration : none }

.tekstgr1 { font-size: 6pt }
.tekstgr2 { font-size: 7pt }
.tekstgr3 { font-size: 8pt }
.tekstgr4 { font-size: 9pt }
.tekstgr5 { font-size: 10pt }
.tekstgr6 { font-size: 11pt; line-height: 14pt }
.tekstgr7 { font-size: 12pt; line-height: 15pt }
.tekstgr8 { font-size: 13pt; line-height: 16pt }
.tekstgr9 { font-size: 14pt; line-height: 17pt }
.tekstgr10 { font-size: 15pt; line-height: 18pt }


H1 { color: #743c03; font-family: 'Verdana Pro Black', Kartika, Verdana, 'Arial Rounded MT Bold', Arial, 'Times New Roman'; font-size: 40pt;
font-weight: normal; text-align: center }
H2 {color: #743c03; font-size: 14pt; font-weight: bold; line-height: 1.2em; text-align: left; margin-bottom: 8px }
H4 { color: #E1B400; font-size: 16pt; font-weight: bold; line-height: 1em; text-align: center }
H5 { color: #E1B400; font-family: 'Arial Rounded MT Bold', Arial, Verdana, 'Times New Roman'; font-size: 48pt;
font-weight: normal; line-height: 1em; text-align: center }

H2:before { 
display: block; 
content: " "; 
margin-top: -110px; 
height: 110px; 
visibility: hidden; 
}

PRE { margin-top: 2px; margin-bottom: 0px }

HR { border: 0.5px solid; color: #999999 }

div#middenonder {position: absolute; width: 400px; left: 50%; margin-left: -200px; bottom: 0 }
div#menuonder {position: absolute; width: 120px; left: 50%; margin-left: -60px; bottom: 0 }
div#rechtsonder {position: absolute; bottom: 0; right: 0;}

/* Header */
#header_container { height:110px; position:fixed; top:0; left:0; right:0; z-index: 7 }
#header1 { position: absolute; top:0; left:0; right:0; z-index: 8 }
#header2 { position: absolute; top:0; left:0; right:0; text-align: center; z-index: 9 }

/* Footer */
#footer_container { background:#A0AAB4; border:1px solid #6E7882; bottom:0; height:60px; left:0; position:fixed; width:100%; z-index: 6 }
#footer1 { line-height:20pt; position:absolute; left:5px; top:4px; color:#000000; font-size:8pt }
#footer2 { line-height:20pt; text-align: center; top:4px;color:#000000; font-size:10pt }
#footer3 { line-height:20pt; position:absolute; right:5px; top:4px; color:#000000; font-size:8pt }

#contentwrapper {
float: left;
width: 100%;
}

#contentcolumn {
top: 90px;
margin: 115 0 65 150;
}

#kolom1 {
float:left;
position:relative;
width:77%;
padding: 0 2% 0 0;
margin: 0 0 50 0;
top: -30px;
}

#kolom2 {
float:left;
position:relative;
background-color:#D4D4D4;
width:20%;
padding: 0 0 0 1%;
margin: 0 0 50 0;
top: -30px;
}

#leftcolumn {
float: left;
width: 140px; /* Grootte van de menu-kolom */
margin-left: -100%;
margin-top: 90;
background: #FFFFFF;
}

#navigation {
position:fixed;
border-right:1px solid #999;
padding:10px 0px;
width:116px;
z-index: 10;
}

#navigation a {
display:block;
background:url(Menu.png);
height:36px;
text-indent:-9000px;
}

#navigation a.link1 {background-position:0px 0px}
#navigation a.link1:hover {background-position:-116px 0px}
#navigation a.link2 {background-position:0px -37px}
#navigation a.link2:hover {background-position:-116px -37px}
#navigation a.link3 {background-position:0px -73px}
#navigation a.link3:hover{background-position:-116px -73px}
#navigation a.link4 {background-position:0px -110px}
#navigation a.link4:hover {background-position:-116px -110px}
#navigation a.link5 {background-position:0px -146px}
#navigation a.link5:hover {background-position:-116px -146px}
#navigation a.link6 {background-position:0px -183px}
#navigation a.link6:hover {background-position:-116px -183px}
#navigation a.link7 {background-position:0px -219px}
#navigation a.link7:hover {background-position:-116px -219px}
#navigation a.link8 {background-position:0px -256px}
#navigation a.link8:hover {background-position:-116px -256px}
#navigation a.link9 {background-position:0px -292px}
#navigation a.link9:hover {background-position:-116px -292px}
#navigation a.link10 {background-position:0px -329px}
#navigation a.link10:hover {background-position:-116px -329px}
#navigation a.link11 {background-position:0px -365px}
#navigation a.link11:hover {background-position:-116px -365px}
#navigation a.link12 {background-position:0px -402px}
#navigation a.link12:hover {background-position:-116px -402px}

.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}

.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}

.rslides li:first-child {
position: relative;
display: block;
float: left;
}

.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }


.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }


.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }


.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }


.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }


.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/Slide-pijlen.gif") no-repeat left top;
  margin-top: -45px;
  }


.callbacks_nav:active {
  opacity: 1.0;
  }


.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }