@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: url("../siteimg/bg_main.gif") 0 0 repeat-x #e1f1fb;
}

#flash div#wrapper_center {
	background: none;
}

div#wrapper_center {
	position: relative;
	background: #ffffff;
	width: 995px;
 	margin: 0 auto;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
}

div#wrapper {
    position:absolute;
    top:0;
    left:0;
    width:995px;
    border-right:1px solid #d7d7d8;
    z-index:1;
    background:#FFF url("../siteimg/header-bg.gif") 0 0 no-repeat;
    border-bottom:1px solid #d7d7d8;
 }

div#wrapperhome {
    width:995px;
    z-index:1;
    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:434px;
    left:0;
    width:975px;
    z-index:1;
    margin-left:37px;
    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 {
	background: #ffffff;
	width: 995px;
	height: 551px;
	margin-left: 1px;
	padding-bottom: 2em;
}

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;
	float: left;
}

form#search input.submit {
    width:20px;
    height:14px;
    background:url("../siteimg/submit.gif") 0 0 no-repeat;
	margin: 2px 0 0 3px;
    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.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;
}

div.home-content h1 {
	overflow: hidden;
	background: url("../siteimg/block-red-xlarge.gif") no-repeat left 0.5em;
	height: 1.5em;
	margin: 0.75em 0 0.25em 0;
	padding: 0 0 0 1em;
	line-height: 1.5em;
	letter-spacing: -1px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 2.15em;
	color: #000000;
}

div.home-content p {
	margin: 0;
	line-height: 1.7em;
	font-size: 1.1em;
}


/*

_CONTENT

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

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

div.content p.smallmargin {
    margin:0.5em 0;
}

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: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:340px;
}

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;
    margin-bottom:10px;
}

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:350px;
    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,
form#downloads 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-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 p.pager {
    text-align:right;
    border-top:2px dotted #d7d7d8;
    border-bottom:2px dotted #d7d7d8;
    padding:6px 0;
}

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

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

/*
WIE IS WIE
*/
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: 200px;
}

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;
}

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_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_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: none;
    top:550px;
    left:0;
}
*/

body#flash div#footer,
body#splash div#footer {
	float: left;
}

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#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;*/
	float:left;
	margin-bottom:20px;
}
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;
    margin: 0;
    padding-right:6px;
    margin-right:10px;
    width:auto;
    float:left;text-align:left;
}
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;
}


/*
HOMEPAGE UITBREIDING
*/
body#flash div.home-content {
    width:750px;
}

body#flash div#wrapperhomealsosee {
	float: left;
	background: #ffffff;
	width: 958px;
	padding: 1em 0 0 37px;
	border: 1px solid #ecedee;
	border-top: none;
}

body#flash div#wrapperhomealsosee div#flashfooter {
	float: right;
	margin: 0 20px 20px 0;
}

body#flash div#wrapperhomealsosee div.home-alsosee-column {
	float: left;
	width: 292px;
	margin: 0 29px 2em 0;
}

body#flash div#wrapperhomealsosee div.home-alsosee-column-last {
	margin-right: 0;
}

body#flash div#wrapperhomealsosee div.home-alsosee-column h2 {
	overflow: hidden;
	background: url(../siteimg/block-red-medium.gif) no-repeat 0 0.25em;
	height: 1.5em;
	margin: 0 0 0.5em;
	padding: 0 0 0 1em;
	font-size: 1.5em;
}

body#flash div#wrapperhomealsosee div.home-alsosee-column img {
	margin: 0 0 1em;
}

body#flash div#wrapperhomealsosee div.home-alsosee-column p {
	margin: 0 0 1em;
	line-height: 1.642em;
	color: #444444;
}



body#flash div#footer {
	background: url(../siteimg/bg_footer.gif) repeat-x #e7e7e7 top left;
	width: 975px;
	height: auto;
	margin: 1em 0 0;
	padding: 2em 0 0 20px;
	border: 1px solid #ecedee;
    border-bottom: none;
	color: #444444;
}

body#flash div#footer div.footer-column {
	float: left;
	overflow: hidden;
	width: 215px;
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	border-right: 1px solid #ffffff;
}

body#flash div#footer div.footer-column-last {
	margin-right: 0;
	border-right: none;
}

body#flash div#footer div.footer-column h3 {
	overflow: hidden;
	width: 170px;
	height: 2em;
	margin: 0;
	line-height: 2em;
}

body#flash div#footer div.footer-column p {
	margin: 0 0 1em;
}

body#flash div#footer div.footer-column-last p {
	margin: 0 0 0.5em;
}

body#flash div#footer div.footer-column-last p a {
	text-decoration: underline;
}

body#flash div#footer div.footer-column a.link_read_more {
	color: #e2001a;
}

body#flash div#footer img.footer-head-icon {
	float: left;
	margin: 0 1em 0.25em -0.5em;
}

body#flash div#footer h3 {
	float: left;
	margin: 0.75em 0 0;
	font-size: 1.5em;
}

body#flash div#footer ul {
	margin: 0 0 2em 0;
}

body#flash div#footer ul li {
	background: url(../siteimg/block-red-small.gif) no-repeat 0 0.5em;
	list-style: none;
	margin: 0 0 1em;
	padding: 0 0 0 1em;
}

body#flash div#footer ul li a {
	text-decoration: none;
}

body#flash div#footer a {
	color: #444444;
}

body#flash div#footer div.footer-bottom {
	background: #ffffff;
    margin: 0 0 0 -20px;
	padding: 1em 2em;
}

body#flash div#footer p.footer-menu {
	float: left;
	margin: 1em 0 1em 15px;
}

div#footer div#flashfooter {
	width: 205px;
	margin: 0.5em 0 1em;
	float: right;
}