body {
   background-color: #FFFFFF;
   color: #333333;
   font-family: Arial, Helvetica, FreeSans, sans-serif;
   font-size: 8px;
   line-height: 1.25;
   margin: 0;
}

/* ---------------------------------------- HEADER ---------------------------------------- */
/* **** HEAD **** */
#siteHeader {
   background-color: #193748;
   background-repeat: repeat-x;
   padding: 0 10px;
   height: 80px;
}
#siteHeader img { border: 0 none; }
#siteHeader a {
   color: #1694D9;
   outline-color: -moz-use-text-color;
   outline-style: none;
   outline-width: 0;
   text-decoration: none;
}
#siteHeader a:hover { text-decoration: underline; }
#siteHeader .selected em { background-image: url(http://eduserv.kahosl.be/images/siteHeaderBG.gif); } 
#siteHeader .headerBlock{
   margin: 0 auto;
   max-width: 960px;
   min-width: 760px;
   position: relative;
   text-align: left;
}

/* **** Navigation **** */
#headerNavigation {
   float: left;
   font-size: 1.4em;
   font-weight: bold;
   /* line-height: 1.3; */
   line-height: 1.5;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   margin: 0;
}
#headerNavigation li { float: left; }
#headerNavigation a {
   color: #D0D6D9;
   cursor: pointer;
   float: left;
   padding-right: 15px;
}
#headerNavigation em {
   display: block;
   float: left;
   font-style: normal;
   padding: 42px 0 20px 15px;
}
#headerNavigation .headerActive a {
   background-color: #33515F;
   background-position: right -320px;
   color: #E8EBED;
}
#headerNavigation .headerActive em {
   background-color: #33515F;
   background-position: left -320px;
}
#headerNavigation a:hover, #headerNavigation .headerActive a:hover {
   background-color: #0F2835;
   background-position: right -160px;
   color: #FFFFFF;
   text-decoration: none;
}
#headerNavigation a:hover em, #headerNavigation .headerActive a:hover em {
   background-color: #0F2835;
   background-position: left -160px;
}
#headerNavigation li.headerLogo em {
   padding-top: 15px;
   padding-bottom: 7px;
}
#headerNavigation li.headerLogo img {
   display: block;
}

/* **** Header Background **** */
#siteHeader, #headerNavigation a:hover, #headerNavigation a:hover em, #headerNavigation .headerActive a, #headerNavigation .headerActive em {
   background-image: url(http://eduserv.kahosl.be/images/siteHeaderBG.gif);
}

/* **** Sahdow under Navigation **** */
#siteHeaderShadow {
   background:#FFFFFF url(http://eduserv.kahosl.be/images/siteHeaderShadow.gif) repeat-x scroll 0 0;
   clear: both;
   padding-top: 40px;
}

/* ---------------------------------------- PAGE SPECIFIC ---------------------------------------- */
/* General Abstract Content */
#normalContent {
   clear: both;
   margin: 0 auto;
   /*text-align: left;*/
   width: 1000px;
 /*  margin-left: 5%; */
 /*  margin-right: 5%;*/
   margin-bottom: 20px;
   background-color: #fff;
}
#normalContent h1, h2 { margin: 0; }
#normalContent h1 { font-size: 2.4em; }
#normalContent h2 { font-size: 2.1em; margin-top: 20px; margin-bottom: 20px; text-shadow: 3px 2px 0px #d3d3d3; }
#normalContent p { margin: 0 0 1em; }
#normalContent img { border: 0 none; }
#normalContent ul {
   margin: 0 1em 1em 3em;
   padding: 0;
}
#normalContent li {
   margin: 0;
   padding: 0;
}

/* *************************** HOME PAGE *************************** */
#site_home {
   margin: 0 auto;
}
#site_home img {
   position: absolute;
   margin-top: -442px;
   margin-left: 500px;
}
#site_intro {
   width: 450px;
   /*float: left;*/
   font-size: 12px;
}

/* *************************** SERVER *************************** */
.site_offline { color: red; font-weight: bold; margin-left: 50px; text-shadow: 3px 2px 0px #d3d3d3;}
.site_online { color: green; font-weight: bold; margin-left: 50px; text-shadow: 3px 2px 0px #d3d3d3; }
.site_status { font-size: 12px; }
.site_status a {
   text-decoration: none;
   color: #000;
   font-size: 12px;
}
.site_status a:hover {
   text-decoration: underline;
   font-size: 12px;
}

/* *************************** FORUM *************************** */
/* Chat button above Forum window */
#siteToolbarForum {
   /*height: 28px;*/
   /*width: 935px;*/
   text-align: center;
   /*margin: auto;*/
}
#siteToolbarForum img {
   /*float: left;*/
   padding-bottom: 5px;  
}

/* *************************** NEWS *************************** */
#siteNieuws { margin: 0 auto; max-width: 960px; min-width: 50px; }
#siteNieuws .element { margin-bottom: 25px; }
#siteNieuws  h2 { font-size: 2.1em; margin-top: 20px; margin-bottom: 20px; text-shadow: 3px 2px 0px #d3d3d3;}
#siteNieuws dt { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; text-shadow: 3px 2px 0px #d3d3d3; }
#siteNieuws li { list-style: none; font-size: 12px; }	

/* *************************** EDUSERV *************************** */
/* ** Toolbar ** */
#eduservNavBar {
   margin: 0 auto;
   margin-bottom: 20px;
   max-width: 960px;
   min-width: 760px;
   text-align: left;
}
#eduservNavBar li {
   display: inline;
   text-align: left;   
   margin-right: 10px;     
}
#eduservNavBar a {
   text-decoration: none;
   color: #000;
   font-size: 1.2em;
}
#eduservNavBar a:hover {
   text-decoration: underline;
}
#eduservNavBar .eduLinkActive {
   font-weight: bold;
}
#eduservNavBar .eduLinkActive a:hover {
   text-decoration: none;
}
/* ** WAT IS EDUSERV ** */
#site_eduserv img {
   float: right;
   margin-top: -47px;
}
#eduserv_inhoud  {
   width: 400px;   
   float: left;
   font-size: 12px;
   margin-bottom: 60px;
}
/* ** VERBINDEN ** */
#normalContent .osTitle {
   font-size: 1.8em;
   font-weight: bold;
   text-shadow: 3px 2px 0px #d3d3d3;
   margin-top: 15px;
   margin-bottom: 2px;
}
#normalContent .verbindingElement {
   float: left;
   height: 220px;
   width: 149px;
   margin: 5px;
   padding-top: 10px;
   margin-bottom: 6px;
   font-size: 12px;
}
#normalContent .verbindingElement img {
   text-align: center;
}
#normalContent .verbindingElement p {
   text-align: center;
   font-size: 12px;
}
/* ** VRAGEN ** */
#site_faq dl {
   margin-bottom: 15px;
   font-size: 12px;
}
#site_faq dt {
   font-weight: bold;
   margin-top: 10px;
}
#site_faq ul {
   margin-top: 5px;
   margin-left: 0px;
   font-size: 12px;
}
/* *************************** CONTACT *************************** */
#site_contact {
   /*margin: 0 auto;*/
   margin-top: 20px;
}

#site_contactinfo h2 {
   margin-top: 0px;
}
#site_contactinfo {
   float: left;
   width: 240px;

   /*margin-left: 100px;*/
}
#site_contactinfo .id {
   margin-bottom: 10px;
}
#site_contactinfo .id img {
   float: left;  
}
#site_contactinfo .id ul {
   margin-left: 100px;
}
#site_contactinfo .id li {
   margin-bottom: 5px;
   list-style: none;
   font-size: 10px;
}
#site_mail {
   margin-left: 400px;
}
#site_mail h2 {
   margin-top: 0px;
}