/* CSS Document */
/* Many thanks to http://scott.sauyet.com/CSS/Demo/FooterDemo1.html 
* for the css hacks to get the footer to stay at the bottom */
/* working on compatibility, explorer text not showing correct color in menu and accessibility*/

/* header */
.bio {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-weight: normal; font-size:10px; line-height: 16px; color:#000000;}
a.bio {color:#26386A;}
a.bio:link { text-decoration:none;}
a.bio:visited { text-decoration:none;}
a.bio:hover { text-decoration:underline;}
a.bio:active { text-decoration:none;}
#hdr {position:default; left:0px; top:0px; width:auto; height:110px;}
#hdr2 {position:absolute; left:132px; top:0px; background-color:#FFFFFF; width:99%; height:110px; padding-left:20px;}
#rule {width:99%; position:default; top:110px; z-index:1;}

/* menu */
#top {position:absolute; left:0px; top:120px; list-style-type: none; margin:0; padding:0; width: 132px; font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
/* the width value is also effected by the padding I will later set on the links. */
ul.top {margin: 0; padding: 0; list-style-type: none; font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; text-align:left; color:#FFFFFF}
li.top {margin: 0;}
a.top {display:block; width:120px; line-height: 20px; color:#333366;
 background-color:#d2d3ff; padding: 0px 2px 0px 10px; border-bottom:1px solid #333366;}
a.top:link {text-decoration:none;}
a.top:visited { text-decoration:none;}
a.top:hover {color:#fff; background:#a3a5d6; text-decoration:underline;}
a.top:active { text-decoration:none;}

li.middle {margin: 0; list-style-type:none;}
a.middle {display:block; width:120px; color:#fff; line-height: 20px; padding: 0px 2px 0px 10px;  background-color:#00006A; border-bottom:1px solid #2E3E81;}
a.middle:link {text-decoration:none;}
a.middle:visited {text-decoration:none;}
a.middle:hover {color:#fff; background-color:gray; text-decoration:underline;}
a.middle:active { text-decoration:none;}
 
li.bottom {margin: 0; list-style-type:none;}
a.bottom {display:block; width:120px; line-height: 20px; color:#333366; padding: 0px 2px 0px 10px;
  background:#c8cafd; border-bottom:1px solid #8D8EB8;}
a.bottom:link {text-decoration:none;}
a.bottom:visited {text-decoration:none;}
a.bottom:hover {color:#fff; background: #a3a5d6; text-decoration:underline;}
a.bottom:active {text-decoration:none;}

/* body */
html, body, #contents {min-height:100%; width:100%; height:100%;}
html>body, html>body, #contents {height:auto;}
#contents {position:absolute; top:0; left:0;}
#main {margin-bottom:5em; height:auto;}
/* the above test*/

body {background-color:#eceefd;
background: white url("bbg.gif") top left repeat-y; 
border-style: none; padding:0px 0px 0px 0px; margin:0;}
#titlehm {position:absolute; left:155px; top:140px; width:422px; height:18px; padding-top:6px; line-height:30px; background-color:#00006A; border-bottom:1px solid #000000; z-index:1;}
#index {position:absolute; left:155px; top:165px; width:422px; height:347px; background-color:#F9FBFD;}
#righthm {position:absolute; left:577px; top:140px;}
#title {position:default; left:155px; top:140px; width:650px; height:18px; padding-top:6px; line-height:30px; background-color:#00006A; border-bottom:1px solid #000000; z-index:1;}
#left {position:absolute; left:155px; top:165px; width:375px; height:380px; background-color:#F9FBFD;}
#right {position:absolute; left:530px; width:275px; top:165px; height:380px; border-left:1px solid #26386A; background-color:#F9FBFD;}
#present {position:default; display:table; left:155px; top:165px; width:650px; min-height:347px; background-color:#F9FBFD;}
#present2 {position:absolute; display:table; left:155px; top:165px; width:650px; height:750px; background-color:#F9FBFD;}
#present3 {position:absolute; display:table; left:155px; top:165px; width:650px; height:400px; background-color:#F9FBFD;}
#left_students {position:absolute; display:table; left:155px; top:165px; width:375px; height:400px;  background-color:#F9FBFD;}
#right_students {position:absolute; display:table; left:530px; width:275px; top:165px; height:400px;  border-left:1px solid #26386A; background-color:#F9FBFD;}
#left_lunteren {position:absolute; left:155px; top:165px; width:525px; height:380px; background-color:#F9FBFD;}
#right_lunteren {position:absolute; left:680px; width:125px; top:165px; height:380px; border-left:1px solid #26386A; background-color:#F9FBFD;}

/* span {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; padding-left:10px;} */
li {list-style: none;}
.bodytxt {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; padding-left:10px; padding-right:10px;}
.bodytxtbld {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000000; padding-left:10px;}
.title {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000066;}
.italic {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#00006a;}
.italicblk {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#000000;}
.nav {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; line-height:20px; font-style:normal; padding-left:5px; color:#000000;}
a.navlink:link {color:#00006a; text-decoration:none;}
a.navlink:visited {color:#00006a; text-decoration:none;}
a.navlink:hover {color:#3333FF; text-decoration:underline;}
a.navlink:active {color:#00006a; text-decoration:none;}

.size {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; color:#000000;}
.cont {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; padding-right:15px; color:#000000;}
.contno {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; font-style:normal; color:#000000;}
a.contlink:link {color:#00006a; text-decoration:none;}
a.contlink:visited {color:#00006a; text-decoration:none;}
a.contlink:hover {color:#3333FF; text-decoration:underline;}
a.contlink:active {color:#00006a; text-decoration:none;}

a.link {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; color:#00006a; display:block; line-height:18px; padding-left:10px;}
a.link:link {color:#00006a; text-decoration:none;}
a.link:visited {color:#00006a; text-decoration:none;}
a.link:hover {color:#3333FF; text-decoration:underline;}
a.link:active {color:#00006a; text-decoration:none;}

a.link2 {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; color:#00006a;}
a.link2:link {color:#00006a; text-decoration:none;}
a.link2:visited {color:#00006a; text-decoration:none;}
a.link2:hover {color:#3333FF; text-decoration:underline;}
a.link2:active {color:#00006a; text-decoration:none;}


/* for Internet Explorer */
/*\*/
* #left, #right, #present {height: 349px;}
/**/


/* footer */
/*#footer {position:relative; width:100%; height:50px; background-color:#000000;}*/
#footer {position:absolute; bottom:0; padding:10px 155px; left:0px; margin-bottom:15px; height:45px; 
width:1024px !important; 
margin-right:0 !important;
padding-right:0 !important;
background-color:#c4c6ff;
background: white url("bbg1.gif") top left repeat-y; 
}
#footer2 {position:absolute; top: 950px; padding:10px 155px; left:0px; margin-bottom:15px; height:45px; width:100%; background-color:#C6D7EB;}
#footer3 {position:absolute; top: 600px; padding:10px 155px; left:0px; margin-bottom:15px; height:45px; width:100%; background-color:#C6D7EB;}
#footer {width:100%; width:70%;}

.text {font-family:Lucida Grande, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; color:#26386A;}
.white {color:#26386A;}
a.white:link { text-decoration:none;}
a.white:visited { text-decoration:none;}
a.white:hover { text-decoration:underline;}
a.white:active { text-decoration:none;}


#clear { min-height:600px;}
  
#slidenav {
  display:none;
  position: relative;
  margin-top: -30px;
  height: 20px;
  padding-left:40px;
  z-index: 9999999;
}
#slidenav a {
   display: inline-block;
   width:10px; 
   height:16px;
   background: #e6e6e6;
   margin:6px;
   border: 1px solid #ccc;
}
.teaching { display:none;}
.italic { font-style: italic;}