* {
padding:0px;
margin:0px;
}

body {
margin:0px;
padding:0px;
text-align:center;
color:#232323;
background:#fff url(../img/bg_blue.gif) repeat-x;
}

#wrapper {
width:940px;
margin:0px auto;
text-align:left;
position:relative;
}

#header {
width:855px;
height:100px;
float:left;
padding:0 30px 0 14px;
}
/*/ rest /*/
#header {
width:855px;
height:100px;
float:left;
padding:0 30px 0 14px;
}
#header ul {
list-style-type: none;
padding:79px 0 0 0;
}
#header ul li {
display: block;
float: right;
}
#header li#hmail a {
background:url(../img/header_mail.gif) no-repeat;
padding: 0 1px 0 1px;
display: block;
width:76px;
height:21px;
text-align: center;
}
#header li#hmail a:hover {
background:url(../img/header_hovermail.gif) no-repeat;
}
#header li#hhulp a {
background:url(../img/header_hulp.gif) no-repeat;
padding: 0 1px 0 1px;
display: block;
width:86px;
height:21px;
text-align: center;
}
#header li#hhulp a:hover {
background:url(../img/header_hoverhulp.gif) no-repeat;
}
#header li#hmoodle a {
background:url(../img/header_moodle.gif) no-repeat;
padding: 0 1px 0 1px;
display: block;
width:70px;
height:21px;
text-align: center;
}
#header li#hmoodle a:hover {
background:url(../img/header_hovermoodle.gif) no-repeat;
}
#header li#hcontact a {
background:url(../img/header_contact.gif) no-repeat;
padding: 0 1px 0 1px;
display: block;
width:74px;
height:21px;
text-align: center;
}
#header li#hcontact a:hover {
background:url(../img/header_hovercontact.gif) no-repeat;
}

#footer {
width:900px;
height:90px;
background:#1c1c1c url(../img/bg_footer.gif) bottom no-repeat;
float:left;
}

#container {
float:left;
border:#d2d2d2 solid 1px;
border-top:0px;
border-right:#d2d2d2 solid 1px;
border-bottom:0px;
padding: 0 0 15px 0;
background:#fff;
width:898px;
}
a:link, a:visited, a:active, a:hover {
text-decoration:none;
color:#2872ef;
}
.tableheader {
color:#232323;
font-weight:bold;
padding:0 0 15px 0;
}
table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
/* NAVIGATIE */
#nav {
font:12px Verdana, Arial, Helvetica, sans-serif normal;
padding:15px 14px 15px 14px;
color:#232323;
width:190px;
float:left;
}
#navtop {
height:26px;
width:190px;
display:block;
}
h3 {
font:12px Verdana, Arial, Helvetica, sans-serif normal;
height:22px;
display:block;
background:#f2f2f2;
width:180px;
padding:8px 0 0 10px;
border-bottom: 1px #d2d2d2 solid;
cursor:pointer;
cursor:hand;
color:#232323;
}
.navsub a:link, .navsub a:active, .navsub a:visited {
height:22px;
display:block;
cursor:pointer;
cursor:hand;
border-bottom: 1px #d2d2d2 solid;
background:#e2e2e2;
width:180px;
padding:8px 0 0 10px;
text-decoration:none;
color:#232323;
}
/* variable */
h3:hover, .navsub a:hover {
color:#2872ef;
}
/*/ TABLE /*/
table {
border-collapse:collapse;
color:#232323;
width:665px;
margin:0 0 15px 0;
}
td {
padding:7px;
vertical-align:top;
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px #d2d2d2 solid;
}
.toptable {
font-weight:bold;
color:#2872ef;
background:#f2f2f2;
text-align:center;
}
.imgtd {
text-align:center;
}

.imggall {
padding:15px;
vertical-align:middle;
}