@import url('reset.css');
@import url('clear.css');
@import url('form.css');

html, body { height: 100%; }

body {
	font: 12px/17px Arial, Tahoma, sans-serif;
	color: #212121;
    background: #CCC;
}
body#home {
    background: #585a5c;
}

h1,
h1 a { font-size: 44px; padding-bottom: 20px; font-weight: normal; color: #0072B9;}
h2,
h2 a { font-size: 19px; padding-bottom: 10px; font-weight: normal; color: #0072B9;}
h3,
h3 a { font-size: 12px; color: #0072B9; font-weight: bold;}
h3 a { cursor: pointer;}

a,
#content #kruimelpad a { color: #252525; text-decoration: underline; font-weight:normal;}
a:hover,
a:focus
#content #kruimelpad a:focus,
#content #kruimelpad a:hover { text-decoration: none; }
a:visited { }
a:active { }

#footernav a{ color: #585a5c; }
#footernav a:hover,
#footernav a:focus{ color: #000; }

#topnav a,
#footercontent a,
#content #subnav a { text-decoration: none; color:#585a5c; }
#topnav a:hover,#topnav a:focus,
#footercontent a:hover,#footercontent a:focus,
#content #subnav a:hover, #content #subnav a:focus { text-decoration: underline; color: #000; }

#content a { color: #0072b9; text-decoration: underline; }
#content a:hover, #content a:focus { color: #0072b9; text-decoration: none; }

#footercontent a { text-decoration: none;}
#footercontent a:hover, #footercontent a:focus { text-decoration: underline;}


.placeholder {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px;
}
.placeholder.no-padding{
	width:990px;
	padding:0;
}

.placeholder.showcase{
	overflow:hidden;
}

#container {
	min-width:990px;
	width:990px;
	width: 100%;
    min-height: 100%;
    height: auto !important; 
    height: 100%; 
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; 
}
#header {  
	width:990px;
	width: 100%;
	min-width:990px; 
	height: 145px;
    position: absolute;
    top: 0; left: 0;
    background: url('../images/layout/bg-header.png') repeat-x;
    z-index: 100;
    border-bottom: 2px solid #FFF;
}
#header .placeholder{
	overflow: visible;
}
#header #logo {
    position: absolute;
    margin-top: 12px;
    width: 152px;
    height: 122px;
    z-index: 5;    
}
#header #taalbalk{
	float:right;
	margin-left: 15px;
	position:relative;
	z-index:3;
}
#header #taalbalk .balk{
	background: #585a5c;
	height: 26px; 
}
#header #taalbalk .balk.links{
	background: url('../images/layout/taalbalk-sprite.gif') left top;
	width:6px;
	float:left;
}
#header #taalbalk .balk.main{
	float:left;
}
#header #taalbalk .balk.rechts{
	background: url('../images/layout/taalbalk-sprite.gif') 6px top;
	width:6px;
	float:left;
}
#taalbalk a.vlag{ display:block; height: 17px; float:left; margin:4px 3px 0 3px;}

#taalbalk a.vlag.nl{ background: transparent url('../images/layout/vlag-sprite.png') no-repeat left top; width: 22px}
#taalbalk a.vlag.nl.selected, #taalbalk a.vlag.nl:hover, #taalbalk a.vlag.nl:focus{background-position: left -72px;}

#taalbalk a.vlag.en{ background: transparent url('../images/layout/vlag-sprite.png') no-repeat left -18px; width: 22px}
#taalbalk a.vlag.en.selected, #taalbalk a.vlag.en:hover, #taalbalk a.vlag.en:focus{background-position: left -90px;}

#taalbalk a.vlag.de{ background: transparent url('../images/layout/vlag-sprite.png') no-repeat left -36px; width: 23px}
#taalbalk a.vlag.de.selected, #taalbalk a.vlag.de:hover, #taalbalk a.vlag.de:focus{background-position: left -108px;}

#taalbalk a.vlag.fr{ background: transparent url('../images/layout/vlag-sprite.png') no-repeat left -54px; width: 22px}
#taalbalk a.vlag.fr.selected, #taalbalk a.vlag.fr:hover, #taalbalk a.vlag.fr:focus{background-position: left -126px;}


#header #topnav {
    height: 22px;
    padding-top: 8px;
    position: relative;
    text-align: right;
    z-index: 2; 
}
#header #topnav ul li {
    display: inline;
}
#header #search {
    height: 80px;
    position: relative;
    text-align: right;
    z-index: 3;       
}
#header #nav {
    height: 35px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    z-index: 4;    
}
#nav ul{
	overflow:visible;
}
#header #nav ul ul{
/*	display: none;*/
}
#header #nav ul li {
    display: inline;
}
#header #nav > ul > li{
	background: transparent url('../images/layout/menu-spacer.png') no-repeat right center;
}
#header #nav ul li a:link, #header #nav ul li a:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
    cursor:pointer;
    padding: 12px 11px 12px 10px;
}
#header #nav ul li > ul > li a:hover, #header #nav ul li > ul > li a:focus {
	text-decoration: underline;
}
#showcase {
    width: 100%; height: 145px;
    position: absolute;
    top: 110px;
    background: #cccccc no-repeat top center;
    z-index: 3;
    text-align: center;
    margin: 0 auto;
    left:0; 
}
#home #showcase { 
	height: 290px; 
	cursor:default; 
	width: 1660px;
	/*width:100%; */
	margin-left: -830px; 
	left: 50%; 
	background: #585A5C; 
	position:absolute; 
	z-index: 3;
}
#main {
    height: auto;
    position: relative;
    margin: 0 auto;
    padding: 230px 0 50px 0;
    z-index: 2; 
}
#home #main { background: #585a5c; padding: 400px 0 50px 0; }

#breadcrumbs {
    color: #252525;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 0;
    text-align: right;
    width: 630px;
    height: 45px;
    float:left;
/*    background: url('../images/layout/bg-breadcrumbs.gif') top left repeat-y;*/
}
#breadcrumbs span{
	font-weight:normal;
}
#breadcrumbs #kruimelpad{
	float:right;
}
#breadcrumbs.contact{
	width: 100%;
}


#main #content {
    padding: 25px 0;   
}
#home #main #content { background: #f5b426; }
#main #content p { padding-bottom: 15px; }
#main #content ul { list-style-type: disc; margin: 0 12px 15px 0; list-style-position: inside; padding-left:15px; }
#main #content ol { padding-left: 15px; list-style-type: decimal;}

#main #content #content-right ul,
#home #main #content #content-left ul{
	list-style-type: disc;
	margin: 0 12px 15px 0;
	list-style-position: inside;
	padding-left: 30px;
	text-indent:-12px;
}
#main #content div #content-right #tabs ul{text-indent:0px;}
#main #content #content-right ol,
#home #main #content #content-left ol{
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 30px;
	text-indent:-12px;
}

#main #content h1 { color: #0072b9; }
#main #content h2 { color: #0072B9; }
#home #main #content h1 { color: #fff; }
#home #main #content h2 { color: #000; }


#main #content #content-left {
    width: 320px;
    min-height:100px;
    float: left; 
}
.moduleKop {
	font-size: 25px; 
	padding-bottom: 10px; 
	font-weight: normal; 
	color: #0072B9;
	margin-bottom: 5px;
	display: block;
	background: transparent url(../images/layout/submenu-spacer.gif) repeat-x left bottom;
}
#content-left img.sidebarafbeelding{
	width:265px;
	height:176px;
	margin:0 6px;
}
#content-left div.sidebarcontent{
	width:277px;
	margin:10px 0;
}

#content-left div.sidebarcontent#nieuwsbriefuitgaven{
	padding:0 12px;
}
#content-left div.sidebarcontent#nieuwsbriefuitgaven span.moduleKop{margin-bottom:0; padding-bottom:0;}
#content-left div.sidebarcontent#nieuwsbriefuitgaven a{display:inline-block; padding: 0 20px 20px 0; text-align:center; width:100px; height:110px;}

#content-left #subnav {
    background: #FFF;
    width: 277px;
    padding-bottom: 15px;
}
#content-left #subnav ul{
	list-style-type: none;
	text-transform: uppercase;
}
#content-left #subnav ul ul{
	text-transform: none;
}
#content-left #subnav .submenu > ul{
	background: transparent url(../images/layout/submenu-spacer.gif) repeat-x left top;
	margin-bottom: 10px;
	margin-left:12px;
	margin-right: 12px;
	padding-left: 0;
}
#content-left #subnav .submenu > ul > li{
	background: transparent url(../images/layout/submenu-spacer.gif) repeat-x left bottom;
}
#subnav a { padding: 7px 0; display: block; }
#content #subnav li.active > a{
	color: #000;
/*	text-decoration: underline;*/
}

#content-left #subnav .submenu{
	padding-top:58px
}
#main #content #content-right {
    width: 630px;
    float: left; 
}
#main #content #content-right table{
	width: 630px;
}
#main #content #content-right table td{
	padding:10px;
	border: 1px solid white;
}

/*#main #content .extramargin{
	margin-left: 320px;
} */
#home #main #content #content-left { width: 650px; padding-right: 50px; }
#home #main #content #content-right { width: 246px; }

#main #content #content-right img.nieuwsafbeelding {
    margin: 0 0 10px 0;
    border: 2px solid white; 
}
#main .home-afbeelding{margin-bottom:10px;}
#home #main #content #content-right img{ border:none; }

#main #content #contact-left {
    width: 550px;
    float: left;
    margin-right: 50px;
}
#main #content #contact-right {
    width: 350px;
    float: left;
    margin-top:18px; 
}

#footer { 
	width:990px;
	width: 100%;
    min-width:990px;
    height: 45px;
    position: absolute;
    bottom: 0px !important;
    bottom: -1px;
    left: 0;
    background: #FFF;
    z-index: 5;
    color: #585a5c;
    padding-top: 5px;
}
#footer #footercontent{
	float: left;
}
#footer #footernav{
	float: right;
}

/*Zoekresultaat*/
.search-results { }
.search-result { margin-bottom: 20px; }
#main #content .search-result p { padding-bottom: 0px; }

.result-score-bar {
	width: 100px;
	height: 10px;
	background-color: #e1e7f3;
	margin-bottom:5px;
}

.result-score {
	height: 10px;
	background-color: #0072B9;
}

/*Sitemap*/
#main #content ul#sitemap,
#main #content ul#sitemap ul{
	list-style-type:none;
	width: 665px;
	overflow: hidden;
}
#main #content ul#sitemap li ul{
	margin-bottom:0px;
}
#main #content ul#sitemap > ul{ margin-bottom: 10px; margin-top: 5px;}
#main #content ul#sitemap li.node-level-1 {
	float: left;
	width: 190px;
	min-height: 190px;
	margin-right: 20px;
	margin-bottom: 15px;
}
#main #content ul#sitemap li.node-level-1 > a{
	font-size: 19px;
	font-weight: normal;
	color: #0072B9;
	display:block;
	height: 39px;
}
#main #content ul#sitemap a{ text-decoration: none;}
#main #content ul#sitemap a:hover, #main #content ul#sitemap a:focus{ text-decoration: underline;}




/*
#content {
	overflow: auto;
	padding: 5px 5px 30px 5px;
}

#mainmenu {
	background-color: #f0f0f0;
	padding: 5px;
}

#navcontrols {
	overflow: auto;
	background-color: #f5f5f5;
}

#breadcrumbs {
	color: #999;
	font-size: 11px;
	padding: 5px;
	float: left;
}

#breadcrumbs a { }

#search { 
	float: right; 
	background-color: #f0f0f0; 
}

#socialmedia {
	overflow: auto;
	padding: 5px;
}

#socialmedia .addthis_toolbox {
	float: left;
	margin-right: 10px;
}


.blok-uitgave {
	display: block;
	margin-bottom: 3px;
	overflow: auto;
	cursor: pointer;
}

.blok-uitgave input,
.blok-uitgave div {
	float: left;
}

.blok-uitgave div { margin-left: 5px; }
.blok-uitgave span { display: block; }


.blok-uitgave { background-color: #aaaaaa; }
.blok-uitgave-active { background-color: #999999; }




p.intro { font-weight: bold; }

#footer { 
	font-size: 11px;
	border-top: 1px solid #ccc; 
	background-color: #fafafa;
	padding: 5px; 
	text-align: center; 
	height: 20px;
	position: relative;
	margin-top: -31px;
}
*/