html {
	
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body {
	color: #12277A;
	font: 100% Comic Sans MS,"Trebuchet MS", sans-serif;
	line-height: 140%;
}
#page {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	background: #fff url(images/bg.gif) no-repeat;
}
img#logo {
	float: left;
	margin: 31px 0 0 42px;
	padding: 0;
	width: 182px;
}
#menu {
	float: right;
	margin: 80px 0 10px 0;
	width: 720px;
	font-size: 0.75em;/*12px:16px = 0.75*/
}
#colleft {
	float: left;
	margin: 25px 0 0 25px;
	padding: 0;
	width: 388px;
}
#frame {
	margin: 0;
	padding: 18px 0 0 14px;
	width: 388px;
	height: 239px;
	background: url(images/bg-frame.png) no-repeat;
}
#news {
	margin: 0 0 0 10px;
	padding: 0;
	width: 354px;
}
#news .top {
	background: url(images/newsbox-top.png) no-repeat;
	height: 17px;
	margin: 0;
	padding: 0;
	width: 354px;
	overflow:hidden;
}
#news .center {
	background: url(images/newsbox-bg.png) repeat-y;
	margin: 0;
	padding: 10px 20px;
}
#news .center div{
	margin: 0;
	padding: 0;
	width: 285px;
	font-size: 0.75em;/*12px:16px = 0.75*/
}
#news .bottom {
	background: url(images/newsbox-bottom.png) no-repeat;
	height: 18px;
}
#content {
	float: right;
	margin: 27px 0;
	padding: 0;
	width: 504px;
	font-size: 0.75em;/*12px:16px = 0.75*/
}
#content .top {
	background: url(images/topbg.png) no-repeat;
}
#content .center {
	background: url(images/centerbg.png) repeat-y;
	margin: 0;
	padding: 10px 35px;
}
#content .center .tekst{
	margin: 0;
	padding: 0;
	width: 400px;
	min-height: 335px;
}
#content .bottom {
	background: url(images/bottombg.png) no-repeat;
	height: 41px;
}
#footer {
	float: right;
	margin: 0;
	padding: 0;
	width: 480px; 
	color: #666;
	font-size: 0.625em;/*10px:16px = 0.625*/
}
/* headers */
h1, h2, h3 {
	font-size: 1.16em;/*14px:12px = 1.16*/
	margin: 0 0 15px 0;
	color: #12277A;
}
h4 {
	font-weight: bold;
}
/*typo*/
a {
	color: #12277A;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
#footer a {
	color: #666;
	text-decoration: underline;
}
#footer a:hover {
	color: #999;
}
#credit a {
	color: #ccc;
	text-decoration: none;
}
#credit a:hover {
	color: #999;
}
/* navigatie */
.doc {
}
.docs {
}
.sdoc {
	color: #000;
	font-weight: bold; 
}
.sdocs {
	color: #000;
	font-weight: bold; 
}
ul.menulevel1 {
	padding: 0;
	margin: 0;
	list-style: none;
}
.menulevel1 li {
    float:left;
    margin:0;   
	padding:0 10px;
	display:block;
    }
.menulevel1 a,.menulevel1 a:link, .menulevel1 a:visited {    
	text-decoration: none; 
	color: #12277A;
	font-weight: bold;
}
.menulevel1 a:active, .menulevel1 a:hover {
	color: #000;
}
.clearfloat {
	clear: both;
}