/* Widths / Heights */
#pagewidth, #footer-container{width:984px;}
#header{height:154px;}
#leftcol{width:291px;} /*212 */
#maincol{width:589px;} /* leftcol+20+maincol+20 (padding) = pagewidth */
#footer{margin-top: -83px;}				/* NEGATIVE FOOTER HEIGHT */
#footer, #footer-container{ height:83px;}	/* FOOTER HEIGHT */
#container{padding-bottom: 83px;} 			/* FOOTER HEIGHT */

/* Backgrounds */
body{background:#093266 url(../img/bg-img.jpg) no-repeat top center;}
#header{background:url(../img/header.jpg);}
#footer-container{background:url(../img/footer.jpg);}
#leftcol{background:transparent;}
#maincol{background:transparent;}
#pagewidth{background:url(../img/main-bg-repeat.jpg) repeat-y;}
#wrapper{background:url(../img/main-bg.jpg) no-repeat;}



/** Mininieuws **/
.mininews{
	margin-top:10px;
}
.mininews h2{
	font-size:13px;
	margin:0;
	padding:0;
	margin-bottom:0px;
}
.mininews h2 span{
	color:#1f6cb4;
	font-size:10px;
	float:right;
}
.mininews p{
	margin:0;
	padding:0;
}
.mininews_body{
	color:#777;
	line-height:15px;
	font-size:11px;
}
.mininews-read-more{
	font-size:11px;
}



/* SIDEBAR */
#left_menu {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #d8d8d8;
}
#left_menu li{
	background:#fff url(../img/left-menu.jpg) no-repeat top 5px;
	border-bottom:1px solid #d8d8d8;
	height:31px;
	line-height:31px;
	padding-left:17px;
}
#left_menu li a{
	color:#505050;
	font-size:12px;
	text-decoration:none;
	display:block;
}
#left_menu li a:hover{
	color:#242424;
}
#left_menu li.active{
	background:#eee url(../img/left-menu-active.jpg) no-repeat top 5px;
}
#left_menu li.active a{
color:#3d80be;
text-shadow:0px 1px 1px #fff;	
}


a{color:#1f6cb4}
a:link{color:#1f6cb4}
a:visited{color:#1f6cb4}
a:hover{color:#1f6cb4;text-decoration:none;}

h1, .section_title{
	color:#c23333;
	font-size:14px;
	border-bottom:1px solid #cbcbcb;
	padding:0;
	padding-bottom:6px;
	margin:0;
}

.site_languages{
	position:absolute;
	right:92px;
	top:20px;
}
.site_languages a{
	height:24px;
	line-height:24px;
	width:24px;
	display:block;
	float:left;
	background:url(../img/lang.jpg);
	color:#0d2c4c;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	margin-left:5px;
	text-shadow:0px 1px 1px #5587b8;
}
.site_languages a.active{
	color:#fff;
	background:url(../img/lang-active.jpg);
}
#btn-login{
	position:absolute;
	top:20px;
	right:12px;
	
}

.module{
	margin-bottom:15px;
}
.module_header{
	color:#c23333;
	font-size:18px;
	background:url(../img/h1-bg.jpg) repeat-x bottom left;
	padding-bottom:6px;
}

.troeven ul{
	margin:0;
	padding:0;
	list-style:none;
}
.troeven li{
	height:31px;
	background:url(../img/li-small.jpg) no-repeat;
	margin:4px 0;
	line-height:31px;
	padding-left:40px;
	color:#4c4c4c;
	text-shadow:0 1px 1px #fff;
}

.troeven .bigli{
	padding-top:7px;
	height:34px;
	line-height:15px;
	background:url(../img/li-big.jpg) no-repeat;	
}

.redbg{
	background:url(../img/bg-red.jpg) no-repeat;
	height:40px;
	padding:11px 10px 0 10px;
	color:#fff;
	text-shadow:0 1px 1px #993838;
	font-weight:bold;
	text-align:center;
}

/* GENERAL CSS */
html, body {height: 100%;}
html, body{ 
margin:0; 
padding:0; 
font-family:arial;
color:#505050;
font-size:12px;
} 
#wrapper{
	padding-top:20px;
}
#pagewidth{ 
min-height: 100%;
text-align:left; 
margin:0 auto;
}
#container {
overflow:visible;
}

#header{
position:relative; 
width:100%;
display:block;
overflow:visible;
} 

#leftcol{
float:left; 
position:relative; 
padding:0 20px 10px 20px;
margin-left:12px;
}

#maincol{
position: relative; 
float:right; 
padding:0 20px 10px 20px;
margin-right:12px;
}

#footer{
clear:both;
display:block;
overflow:visible;
position: relative;
} 
#footer-container{margin:auto auto;}

#footer-text{
	color:#7d97b4;
	font-size:12px;
	text-align:center;
	padding-top:40px;
}
#footer-text span{ color:#bad1e9;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

@media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}

/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}