/* CSS Document */
* {
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;
}

a:link, a:visited, a:active, a:hover {
text-decoration:none;
color:#2872ef;
}
/*/ PAPER /*/
#paper {
font:10px Verdana, Arial, Helvetica, sans-serif;
width:190px;
height:145px;
background:url(../img/paper_blue.png) no-repeat;
position:absolute;
top:325px;
left:670px;
padding:30px 50px 40px 30px;
}
#innerpaper {
width:190px;
height:145px;
overflow:hidden;
}
.lijst {
list-style-position:inside;
}
h2 {
font:10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#2872EF;
padding:5px 0 0 0;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover {
font:10px Verdana, Arial, Helvetica, sans-serif italic;
font-weight:normal;
text-decoration:none;
color:#2872EF;
}
/*/ rest /*/
#header {
width:855px;
height:100px;
float:left;
padding:0 30px 0 14px;
background:url(../img/bg_header.gif) bottom right no-repeat;
}
#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;
}
 

#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;
}

#content {
width:680px;
float:right;
}
#subheader {
width:680px;
height:250px;
float:right;
padding:14px 0 0 0;
}
#txt {
width:450px;
float:left;
}
#fulltxt {
width:670px;
float:left;
}
/*/ COLUMN /*/
#column {
padding:160px 0 15px 15px;
width:215px;
float:right;
}
#boxright {
width:168px;
border: 1px #d2d2d2 solid;
padding:15px;
background:#f2f2f2;
}
.small {
font:10px Verdana, Arial, Helvetica, sans-serif normal;
}
/*/ FOOTER /*/
#footer {
	width:900px;
	height:90px;
	background:#1c1c1c url(../img/bg_footer.gif) bottom no-repeat;
	float:left;
}
.footer {
	padding:18px 15px 0 15px;
	color:#ffffff;
	font:10px Verdana, Arial, Helvetica, sans-serif normal;
}
.footer a:link, .footer a:active, .footer a:visited, .footer a:hover {
	font:10px Verdana, Arial, Helvetica, sans-serif normal;
	color:#ffffff;
}


/* 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;
}
.banner {
border: 1px #2872ef solid;
margin:15px 0 0 0;
}
/*/ 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;
}
.middletd {
vertical-align:middle;
}
.toptable {
font-weight:bold;
color:#2872ef;
background:#f2f2f2;
text-align:center;
}
.totaltable {
font-weight:bold;
background:#f2f2f2;
text-align:left;
}
p {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
}
.ptxt {
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#232323;
padding:0 0 15px 0;
}
form {
padding: 0 0 10px 0;
font:10px Verdana, Arial, Helvetica, sans-serif;
}