@import url("default.css");
@import url("navigation.css");
@import url("tabs.css");
@import url("clc.css");
@import url("sitemap.css");
@import url("notes.css");


/*

COLORS:

red (default/get): #e2001a;
purple (find): #b5007c;
green (grow): #58ab27;
orange (keep): #ea6503;
light grey: #d7d7d8;

FONT-SIZES:
11pt = 68.5% (11pt/16pt * 100%)
12pt = 109% (12/11 * 100%)
13pt = 118%
14pt = 127%

*/

body {
   background:#e3f1f2 url("../siteimg/background.gif") 0 0 no-repeat;
}
/*
.wrapperdcicontent {
    
    position:relative;
	margin: 100px 10px 10px 10px;
    width:980px;
    height:600px;
    clear:right;
    
    background:#FFF url("../siteimg/bg_dbihome.jpg") right 0 no-repeat;
}
*/
div#wrapperdcicontent{
	position:absolute;
    top:0;
    left:0;
    width:995px;
    border-right:1px solid #d7d7d8;
    background:#FFF url("../siteimg/bg_dbihome.jpg") right 100px no-repeat;
    border-bottom:1px solid #d7d7d8;
}

div#wrapper {
    position:absolute;
    top:0;
    left:0;
    width:995px;
    border-right:1px solid #d7d7d8;

    background:#FFF url("../siteimg/header-bg.gif") 0 0 no-repeat;
    border-bottom:1px solid #d7d7d8;
 }

div#wrapperhome {
    width:995px;
    border-right:1px solid #d7d7d8;
 }


/*

De wrapper moet op pagina's met een Flash-object dezelfde hoogte hebben als het Flash-object

*/

body#flash div#wrapper {
    background-color:transparent;
    background-image:none;
    border-bottom:none;
    margin-left:20px;
    width:975px;
    border-right: 0px;
 }

body#flash div#wrapperhome {
    position:absolute;
    top:0;
    left:0;
    width:995px;
    z-index:1;
}

body#flash div#wrapperhomebottom {
    position:absolute;
    top:418px;
    left:0;
    width:975px;
    z-index:1;
    border-bottom:1px solid #d7d7d8;
    margin-left:20px;
    height:132px;
}

body#flash div#wrapperbody {
    position:absolute;
    top: 140px;
    left:20px;
    z-index:1;
}

body#flash div#wrappertabs {
	position:absolute;
    top: 370px;
    left:1em;
    z-index:1;
    width:995px;
}

div.tab-content {
    padding-left:1em;
    overflow:hidden;
    display:inline;
    padding-bottom:1em;
}

body#flash div.tab-content {
    height:140px;
    padding-bottom:0;
}

body#flash div#flash-replacement {
	margin-left: 1px;
}

body#flash div#flash-replacement img {
	margin-left: -1px;
}

/*

_SEARCH FORM

*/

form#search {
    float:right;
    width:151px;
    padding-top:3px;
    background-color:#000;
    height:21px;
}

form#search input {
    width:110px;
    border:1px solid #CCC;
}

form#search input.submit {
    width:20px;
    height:14px;
    background:url("../siteimg/submit.gif") 0 0 no-repeat;
    border:none;
    font-size:0;
}

a#contact-submit {
    padding-right:12px;
    text-decoration:none;
    font-weight:bold;
    background:url("../siteimg/submit-bg.gif") right 5px no-repeat;
    margin-left:150px;
}

div.tabs a#contact-submit {
    margin-left:140px;
}

/*

_LANGUAGE SELECTOR

*/

div#language-selector {
    float:left;
    display:block;
    width:700px;
    margin:0 0 0 2px;
    padding-top:7px;
    font-weight:bold;
}

div#language-selector a {
    text-decoration:none;
}

div#language-selector a.current {
    color:#e2001a;
}

/*

_CONTENT BLOCK

*/

div.dcicontent {
    float:left;
    width:300px;
    color:#333333;
    margin-left:35px;
    margin-right:10px;
    padding-bottom:1em;

}

div.dciafbeelding {
    margin:100px 10px 10px 10px;
    width:980px; 
}

div.dcicontent2 {
	float:left;
    color:#333333;
    width:300px;
    padding-bottom:1em;
}

div.dcicontent h1, div.dcicontent2 h2 {
    margin:22px 0 0 0;
    color:#777777;
    font-size:118%;
    padding-left:12px;
    background:url("../siteimg/block-red-medium.gif") 0 5px no-repeat;
}

div.content {
    clear:right;
    margin-left:308px;
    padding-top:80px;
    padding-bottom:1em;
}

div.content img.visual {
    float:right;
    display:block;
    margin:0;
    padding:0;
}

/*

Op templates met tabs kan/moet de visual omhoog:

*/

div.tabs img.visual {
    margin:-55px 0 -4px 0;
}

/*

_HEADINGS (zie voor CLC-specifieke kleuren ook clc.css)

*/

div.content h1 {
    margin:22px 0 0 0;
    color:#040000;
    font-size:118%;
    padding-left:12px;
    background:url("../siteimg/block-red-medium.gif") 0 5px no-repeat;
}

div.content h2 {
    font-size:100%;
    color:#e2001a;
    margin-bottom:0;
    padding-left:12px;
    background:url("../siteimg/arrow-black-right.gif") 1px 3px no-repeat;
}

div.content h2 a {
    color:#e2001a;
    text-decoration:none;
}

div.content h2 a:hover {
    color:#000;
    text-decoration:underline;
}

div.content h3,
div.home-content h2,
div.home-alsosee h2,
div.alsosee h3,
div.tab-content h3 {
    font-size:100%;
    padding-left:12px;
    color:#7F7F7F;
    text-transform:uppercase;
}

div.clc-content p,
div.content p,
div.home-alsosee p,
div.home-content p {
    line-height:1.2;
    /* text-align:justify; */
    color:#444;
}

div.content h2 {
	margin-bottom: 0em;
}


/*

_CONTENT

*/
div.content p {
    width:400px;
}

div.content p.intro {
    font-weight:bold;
    margin-bottom:1.5em;
}

div.content p.note,
form p.note {
    color:#d7d7d8;
    font-size:91%;
}

form p.note {
    margin-top:0;
}

div.content p.no-margin-top {
	margin-top:0;
    /*margin-top:1em;*/
}

div.content h2.header-with-date {
    background-image:none;
    padding-left:0;
    margin:0.5em 0 0.2em;
}

div.content span.date {
    display:block;
    margin-top:1em;
    color:#666;
}

div.content ul {
    width:400px;
}

div.content ul, div.tab-content ul {
    list-style-type:none;
}

div.tab-content ul {
	margin-left: 10px;
}

div.content ul.half-width {
    float:left;
    width:170px;
    margin-bottom:1em;
    overflow: hidden;
}

div.content ul li, div.tab-content ul li {
    padding-left:12px;
    line-height:1.5;
    margin:0;
    background:url("../siteimg/block-red-small.gif") 0 8px no-repeat;
}

div.content ul li a,, div.tab-content ul li a {
    font-weight:bold;
    color:#7F7F7F;
    text-decoration:none;
}


div.content ul li a:hover {
    text-decoration:underline;
}

/*

Enkele losse content-blokken

*/

div.tab-content {
    float:left;
    width:350px;
    margin-right:40px;
}

div.alsosee,
div.home-alsosee {
    float:left;
    width:270px;
    height:130px;
    overflow:hidden;
}

div.home-alsosee {
	margin-left: 50px;
}


div.home-alsosee {
    width: 270px;
}

div.tab-content p,
div.alsosee p {
    width:auto;
}

div.home-content {
    clear:left;
    float:left;
    width:300px;
    margin-right:20px;
}

div.home-content h2 {
    font-size:109%;
    text-transform:uppercase;
}

/*

_FORM CONTACT

*/

div.contact {
    width:780px;
    margin-right:0;
}

form#contact fieldset.verdeel-me {
    float:left;
    width:390px;
}

form#contact div {
    margin:3px 0;
}

form#contact label {
    float:left;
    padding:3px 0;
    width:150px;
    font-weight:bold;
    font-size:100%;
}

form#contact input,
form#contact textarea {
    border:1px solid #8fc3c6;
    width:180px;
}

div.content div.contact {
    width:670px;
}
div.content div.tab-content form#contact label {
    width:140px;
}
div.content div.tab-content form#contact input {
    width:160px;
}
div.content div.tab-content form#contact fieldset.verdeel-me {
    width:330px;
}

form#contact textarea {
    height:100px;
}

form#contact input.radio {
    border:none;
    width:20px;
}

form#contact input.submit,
form#search-page input.submit,
form#search-wie input.submit {
    border:none;
    font-size: 8pt;
    color: #444444;
    font-weight: bold;
    width:100px;
    cursor:pointer;
    padding:0;
    height:20px;
}


/*

_ZOEKRESULTATEN

*/

form#search-page {
    margin-top:6px;
}

form#search-page input {
    width: 280px;
}

form#search-wie {
    margin-top:6px; width:400px;
    background:#c5e4e6;
}

form#search-wie .position {
    margin:4px 0px 4px 10px;
}

form#search-wie .label {
    float:left; width:60px; margin:3px 0px;
}

form#search-wie .field {
    float:left; width:240px; margin:3px 0px;
}

form#search-wie input {
    width: 240px;
}

form#search-wie select {
    width: 140px;
}

form#search-wie input.submit {
    background:url("../siteimg/submit-bg-alpha.gif") right 8px no-repeat;
    margin: 0 0 0 10px;
    padding-right: 12px;
    width: auto;
}

form#search-page input.submit {
    background:#FFF url("../siteimg/submit-bg.gif") right 8px no-repeat;
    margin: 0 0 0 10px;
    padding-right: 12px;
    width: auto;
}

ol {
    margin-left:1.5em;
}

ol#search-results li a {
    color:#e2001a;
    font-weight:bold;
    text-decoration:none;
}

ol#search-results li span {
    display:block;
    margin:3px 0 10px;
}

ol#search-results li span.highlight {
    display:inline;
    margin:0;
    font-weight:bold;
    color:#e2001a;
}

div.content div#search-results-wie{
		
}

div.content div#search-results-wie .result_item{
	border-bottom:2px dotted #d7d7d8;
	margin:10px 0;
	width:400px;
	padding-bottom:5px;
}

div.content div#search-results-wie .name{
	color:#e2001a;font-weight:bold;	
}

div.content div#search-results-wie .column{
	font-weight:bold;	
}

div.content p.pager {
    text-align:right;
    border-top:2px dotted #d7d7d8;
    border-bottom:2px dotted #d7d7d8;
    padding:6px 0;
}

div.content p.pager_wie {
    text-align:left;
    background:#dfeff1;
    padding:6px 0;
    margin-top:2px;
}

div.content p.pager_wie span {
	margin-left:10px;
}

div.content p.pager_pages_wie {
    text-align:right;
    border-bottom:2px dotted #d7d7d8;
    padding:6px 0;
}

div.content p.pager_pages_wie_bottom {
    text-align:right;
    padding:6px 0 10px 0;
}

p.pager span {
    float:left;
    font-weight:bold;
}

p.pager a.no-underline,
p.pager a.current,
p.pager_pages_wie a.no-underline,
p.pager_pages_wie a.current,
p.pager_pages_wie_bottom a.no-underline,
p.pager_pages_wie_bottom a.current {
    text-decoration:none;
}

/*

_FOOTER

*/
div#footer {
    clear:both;
    width:959px;
    margin:0 0 0 20px;
    padding:0 16px 0 0;
    border-top:1px solid #d7d7d8;
    background-color:#FFF;
    height:64px;

}

body#flash div#footer,
body#splash div#footer {
    clear:none;
    position:absolute;
    margin-left:0;
    padding-left:20px;
    border-right:1px solid #d7d7d8;
    border-bottom:1px solid #d7d7d8;
    border-top: 1px solid #d7d7d8;
    top:550px;
    left:0;
}

div#footer p {
    margin-top:16px;
    color:#6c6363;
}


div#footer p a {
    text-decoration:none;
    color:#6c6363;
}

div#footer p a:hover {
    text-decoration:underline;
}

div#footer div#flashfooter {
	width: 205px;
	margin:14px 0;
	float: right;
}

div#debug {
    clear:both;
    position:absolute;
    top:700px;
}

div#content-splash {
    position:absolute;
    left:250px;
    top:100px;
    padding-left:330px;
    padding-right:75px;
    width:340px;
    height:475px;
    background: #FFF url("../siteimg/dummy-visual-2.jpg") 0 0 no-repeat;
}

div#content-splash h2 {
    color:#040000;
    font-size:118%;
    padding-left:12px;
    background:url("../siteimg/block-red-medium.gif") 0 5px no-repeat;
}

body#splash div#wrapper {
    height:550px;
}

body#splash h1 {
    position:absolute;
    background-color:#000;
    color:#000;
    font-size:0;
    width:690px;
    left:283px;
    top:0;
    height:22px;
    border-left:22px solid #e2001a;
    margin:0;
    padding:0;
}
/*
DOWNLOADS
*/
form#downloads {
    margin:16px 0 10px -5px; width:405px;padding:5px;
    background:#dfeff1; /*#c5e4e6;*/
}
a.downloadmand {
	background:url(../siteimg/save.gif) right bottom no-repeat;
	padding-right:17px;
}
form#downloads input.submit {
    background:url("../siteimg/submit-bg-alpha.gif") right 8px no-repeat;
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding-right:6px;
    margin-right:10px;
    width:auto;
    float:left;text-align:left;
    border: 0;
}
form#downloads #data div.inputfield {
	height:25px;width:350px;
}
form#downloads #data input.field {
	float:left;width:180px;
}
form#downloads #data .error {
	border:1px solid #e2001a;
}
form#downloads #data .label {
	float:left;width:140px;height:25px;
}