/* ----------------------------------------------------------- */
/* Copyright 2000-2009 (Non-)verbaal, http://www.nonverbaal.nl */
/* ------------------------------------------------------------*/
@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");
body { background-color: #D7EFFF; font: 62.5% Verdana, Arial, Helvetica, sans-serif; color: #8C8C8C; position:relative; height:100%; width:100%; }
a { font-weight: 400; color:#FC761C; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
sup { font-size:0.6em; }
h1, h2 { font-weight: 700; }
h1 { font-size: 1.6em; margin-bottom: 1em; font-weight:400; color:#FC761C; padding:20px 0; border-bottom:1px solid #D7EFFF; }
h2 { font-size: 1.4em; text-transform: uppercase; }
h3 { color:#0082D6; line-height: 1.7em; margin-bottom: 1em; }
h4 { color:#0082D6; line-height: 1.7em; margin-bottom: 0.7em; padding-top: 1em; border-bottom:1px solid #D7EFFF; display:block; clear:both }
div.item { position:relative; padding-right:155px; }
div.item h3 a { color: #0082D6; font-weight:700; }
div.selected h3 a { color: #FC761C; }
div.item .datum { position:absolute; right:30px; text-align:right; top:0; width:125px; }
div.item .datum span { color: #0082D6; font-weight:700; float:left; }
div.selected .datum span { color: #FC761C; }
h4 { font-weight: 700; }
p { line-height: 1.7em; margin-bottom: 1em; }
ul { list-style: disc; margin: 1em 2em; line-height: 1.7em; }
ol { list-style: decimal; margin: 1em 2em; line-height: 1.7em; }
table th { font-weight: 700; }
table th, table td { padding: .5em; }
strong { font-weight: 700; }
em { font-style: italic; }
hr { border: none; border-bottom: 1px dotted #999999; width: 100%; height: 1px; margin: 1em 0; clear: both; }
/*** - BASIC STRUCTURE  - ***/
div#header { position:absolute; top: 0; width:100%; height: 99px; font-size: 1.1em; z-index: 1; }
#nav { position: relative; margin: 20px auto 0; width: 924px; background-color:transparent; background-position:right top; background-repeat:no-repeat; background-image: url(/www/images/shared/we-build-smiles.jpg); }
div#page-detail, div#page { position: relative; width: 100%; background: #FFF url(/www/images/shared/bg-page.jpg) repeat-x center 99px; overflow: hidden; }
div#container { position: relative; margin: 0 auto; width: 924px; }
div#main { float:left; width:100%; margin-top:100px; background-color:transparent; background-position:center top; background-repeat:repeat-x; background-image: url(/www/images/shared/bg-main.jpg); }
div#wrap { float: left; position: relative; width: 100%; overflow: hidden; background-color:#fff; background-position:left top; background-repeat:no-repeat; }
/*** - VISUALS - ***/
body#home div#wrap { background-image: url(/www/images/visuals/home.jpg); }
body#landelijk-aanbod div#wrap { background-image: url(/www/images/visuals/overzicht-aanbod.jpg); }
body#advies div#wrap { background-image: url(/www/images/visuals/advies.jpg); }
body#briq-actueel div#wrap { background-image: url(/www/images/visuals/briq-actueel.jpg); }
body#contact div#wrap { background-image: url(/www/images/visuals/contact.jpg); }
/*** - CONTENT - ***/
div#content { float: right; width: 732px; border-left:1px solid #DEE6F7; border-right:1px solid #E0E6F4; padding: 0 20px 20px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #FC761C; font-size:1.1em; }
div#wrap.image-present div#content { width: 419px; float:right; padding: 0 20px 20px; padding-bottom: 0px; }
div.extra-zoek-opties { display:none; }
body#overzicht-aanbod .extra-zoek-opties { display:block; }
div#content ul { margin-left:0; }
div#content li { background-color:transparent; background-position:left center; background-repeat: no-repeat; background-image: url(/www/images/shared/bg-li.gif); padding-left: 2em; line-height: 2em; list-style: none; }
div#content div.paginator ul { margin: 0 auto; padding:2px 0; }
div#content-header { }
div#content-header a.opnieuw-zoeken { position:absolute; right:20px; top: 30px; margin: 15px 0; }
div.paginator { text-align:center; }
div#content .paginator li { display:inline; background-color:transparent; background-image:none; background-position:left center; background-repeat:no-repeat; padding-left: 0; margin: 0 10px; line-height:2em; list-style-image:none; list-style-position:outside; list-style-type:none; }
div#content .paginator li.selected { border:1px solid #FC761C; color:#0082D6; text-decoration:underline; font-weight:bold; padding:4px 5px; }
div#content .paginator li a { text-decoration:underline; color:#666; }
div#content .paginator li.fill { text-decoration:none; }
div#content .paginator li.volgende, div#content .paginator li.vorige, div#content .paginator li.vorige a, div#content .paginator li.volgende a { text-decoration:none; color:#0082D6; }
div#content .paginator li.vorige, div#content .paginator li.volgende { text-decoration:none; color:#666; }
div.status_overlay { background:#0082D6; height: 50px; position:absolute; right:1px; top:76px; width:354px; font-size:3.5em; padding-top: 10px; color:#FFF; text-align:center; }
#page-detail div.status_overlay { top:75px; right:20px; }
/*** - DETAIL - ***/
div.object { position:relative; overflow:hidden; border-bottom:1px solid #FC761C; margin: 2em auto; padding-bottom: 2em; }
div.object.first { border-top:1px solid #D7EFFF; }
div.object.last { border-bottom:1px solid #FC761C; }
div.image { position:relative; margin-top:75px; border:1px solid #0082D6; float:right; padding: 2px; }
div#page-detail div.image { float:left; margin: 1em 10px auto; }
div#page-detail div.image.first { margin-left:0; clear:left; }
dl.table-display { width: 50%; position:relative; float:left; margin: 0 auto; }
#page-detail dl.table-display { width:100%; }
.table-display dt.no_dd, .table-display dd, .table-display dt { float: left; width: 40%; padding:0.8em 0; border-bottom:1px solid #D7EFFF; line-height: 2.0em; height:22px; }
.table-display dd { width: 60%; }
.table-display dd.multiline, .table-display dt.multiline { height:auto; }
.table-display dt { color:#0082D6; }
.table-display dt.no_dd { width: 98%; }
.table-display dt.first { font-weight: bold; width:200%; }
.table-display dd.last, .table-display dt.last { border-bottom:none; }
div#logo { width: 140px; height: 69px; display: block; background-color:transparent; background-position:left top; background-repeat:no-repeat; background: url(/www/images/shared/logo.jpg); text-indent: -9999em; outline: none; }
div#logo a { width: 140px; height: 69px; display: block; text-indent: -9999em; outline: none; }
/*** - MENU & NAVIGATION - ***/
#nav ul { margin:0; position:absolute; left:160px; top: 60px; }
#nav ul li { position: relative; float: left; overflow:hidden; height: 12px; list-style: none; margin: 0; margin-right: 95px; padding: 0; text-indent: -9999px; z-index:250; }
#nav ul li.last { margin-right: 0px; }
#nav li a { display: block; text-decoration: none; background-repeat: no-repeat; background-image: url(/www/images/shared/menu.jpg); outline: none !important; }
#nav-home a { background-position:    0px 0px; width:  35px; }
#nav-over-briq a { background-position: -50px 0px; width:  90px; }
#nav-landelijk-aanbod a { background-position:  -145px 0px; width: 130px; }
#nav-actueel a { background-position: -280px 0px; width:  60px; }
#nav-contact a { background-position: -345px 0px; width:  60px; }
#nav-home a:hover, body#home #nav-home a { background-position: 0px -12px; }
#nav-over-briq a:hover, body#over-briq #nav-activiteiten a { background-position:-50px -12px; }
#nav-landelijk-aanbod a:hover, body#landelijk-aanbod #nav-landelijk-aanbod a { background-position:-145px -12px; }
#nav-actueel a:hover, body#actueel #nav-actueel a { background-position:-280px -12px; }
#nav-contact a:hover, body#contact #nav-contact a { background-position:-345px -12px; }
/* Footer ---------------------------------------------------- */
/* ------------------------------------------------------------*/
div#footer { clear:both; background-color:transparent; background-position:left top; background-repeat: repeat-x; background-image: url(/www/images/shared/bg-footer.jpg); }
div#footer { color: #666; }
div#footer a { color: #FC761D; }
div#footer-inner { margin:0 auto; width:800px; padding: 1em 0; font-size: 1.0em; }
div#footer-inner span { color:#FC761D; }
div#footer ul { list-style: none; margin: 0; text-align: center; }
div#footer ul li { display: inline; background: url(/www/images/shared/footer-li.gif) no-repeat left center; padding-left: 1em; margin-right: .5em; }
div#footer ul li.first { padding: 0; background: none; }
div#footer, div#footer a { font-weight: 400; }
/* Activities page ------------------------------------------- */
/* ------------------------------------------------------------*/

body#activities div#content { padding-top:105px; }
body#activities div#content h1 { position:absolute; top:5px; left:170px; padding-bottom:50px; border-bottom:none; padding-left:8px; }
body#activities ul#activities-subnav { position:absolute; top:55px; left:170px; width:730px; border-bottom:1px solid #D7EFFF; padding-left:7px; }
body#activities ul#activities-subnav li { float:left; display:inline; padding:0px; background-image: url(../images/shared/subnav-li.gif); background-repeat: no-repeat; height:31px; margin-right:8px; }
body#activities ul#activities-subnav li span { height:31px; display:block; background-image: url(../images/shared/subnav-span.gif); background-repeat: no-repeat; background-position: right; padding:0px 16px; line-height:3em; }
body#activities h2 { color:#8C8C8C; margin-top:15px; padding-bottom:15px; text-transform:none; }
body#activities ul#activities-subnav li a { color:#8C8C8C; }
body#activities ul#activities-subnav li a.selected { color:#0286d8; }
div#content-home { width:440px; float:left; font-size:1.1em; padding-top:310px; }