/*
colors used:
olive for text-color and backgroundcolor header
#000000for the mouseover of the links and text-color h1-h6
white for the links in the footer
*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
  background: #EDEDED;
}

#site {
	position: relative;
	padding: 0px;
	clear: left;
	min-width: 947px;
	padding: 0px 15px 0px 28px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #000;
}

#site .homeblok { position: absolute; }
#site .homeblok a img {border:0px solid #fff;}
#content_centering {
	position: relative;
	width: 970px; 
}

#container {
	position: relative; 
	width: 947px; 
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	z-index: 100;
}

#bg {position: fixed; top: 20px; left: 58px; width: 947px; height: 757px; z-index: 1;}

#bgcontainer{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width:100%;
	height:100%;
	background-color: #fff;
}

#bgcontainer, #bgcontainer table, #bgcontainer td {width:100%;height:100%;overflow:hidden;}
#bgcontainer div{position:fixed;width:200%;height:200%;top: -2%;left:-1%;}
#bgcontainer td{vertical-align:top;text-align:left;}
#bgcontainer img{ min-height:50%;min-width:60%; margin:0px 0px 0px 1px;}



/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	position: fixed;
	width: 990px;
	padding: 20px 0px 0px 0px;
	height: 48px;
	z-index: 100;
}
#header .logo {width: 765px; float: left;}

#header .logo a img {
	margin: 0px;
	float: left;
	border: 0px solid #fff;
}

#header .slogan img {
	margin: 0px;
	float: left;
	border: 0px solid #fff;
}

#menu-a {
	width: 181px;
	height: 191px;
	/*background-color: #EDF4E2;*/
	float: left;
	margin-right: 10px;	
}

#menu-b {
	width: 181px;
	height: 191px;
	/*background-color: #FAE4EE;*/
	float: left;
	margin-right: 10px;	
}

#menu-c {
	width: 372px;
	height: 191px;
	/*background-color: #DFF1FA;*/
	float: left;
	margin-right: 10px;	
}

/* ------------------------------------------------------------------------- Navigation */ 
#fixedhead {clear: both;}

#navigation {position: fixed; top: 68px; z-index: 100;}

#navigation li a:link, #navigation li a:visited {
	text-decoration: none;
}

#menu-a ul, 
#menu-b ul, 
#menu-c ul {list-style-type: none; margin: 0px; padding: 0px;}

#menu-a li, 
#menu-b li, 
#menu-c li {line-height: 22px;}

#menu-a li a, 
#menu-b li a, 
#menu-c li a {font-family: 'Trebuchet MS'; font-size: 21px; text-transform: uppercase; background: url(pics/transparent.gif) repeat;}


#menu-a li a:link, #menu-a li a:visited,
#menu-b li a:link, #menu-b li a:visited,
#menu-c li a:link, #menu-c li a:visited {color: #000; display: inline-block;} /* #B0B2B3 */

#menu-a li a:hover, 
#menu-b li a:hover, 
#menu-c li a:hover {color: #3aa775;}

#menu-a li.current a:link, #menu-a li.current a:visited, #menu-a li.current a:hover,
#menu-b li.current a:link, #menu-b li.current a:visited, #menu-b li.current a:hover,
#menu-c li.current a:link, #menu-c li.current a:visited, #menu-c li.current a:hover,
#menu-c li a.current:link, #menu-c li a.current:visited {color: #3aa775;} /* #E85F5B */

/* ------------------------------------------------------------------------- Content */ 

#content {
	position: relative;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 0px 0px;
	width: 970px;
	z-index: 1;
}

#text-left {
	width: 181px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	/*background-color: #EDF4E2;*/
	float: left;
	margin: 0px 10px 0px 0px;
	font-family: Arial, Verdana, Sans-serif;;
	font-size: 11px;
	color: #1A171B;
}

#contentvak {
	width: 564px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	/*background-color: #FAE4EE;*/
	float: left;
  padding: 0px 0px 50px 0px;
	margin: 0px 10px 0px 0px;
}

#content #contentvak.lijst {width: 574px; margin: 0px; font-size: 0px; line-height: 0px;}
#content #contentvak a:link img, #content #contentvak a:visited img, #content #contentvak a:hover img {text-decoration: none; border: 0px solid; margin: 0px 8px 8px 0px; padding: 0px; font-size: 0px; line-height: 0px;}
#content #contentvak a img {text-decoration: none; border-bottom: 0px solid; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px;}
#content #contentvak img {margin: 0px 0px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; vertical-align: bottom;}

#content #contentvak a:link img.project, #content  #contentvak a:visited img.project, #content #contentvak a:hover img.project {text-decoration: none; border: 0px solid;}
#content #contentvak a img.project {text-decoration: none; border-bottom: 0px solid;}
#content #contentvak img.project {margin: 0px 0px 10px 0px;}

#blog {
	width: 181px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	/*background-color: #DFF1FA;*/
	float: left;
	margin: 0px 0px 0px 0px;
	font-family: Geneva, Verdana, 'MS Sans Serif', sans-serif;
	font-size: 11px;
	color: #E85F5B;
}

#space {position: relative; margin-top: 267px; height: 15px;}

#text-left-titel, #contentvak-titel, #blog-titel {color: #B0B2B3; font-size: 12px} 

h1, td h1 {font-family: 'Trebuchet MS'; font-size: 22px; text-transform: uppercase; line-height: 22px; margin-bottom: 10px; color: #B0B2B3;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #000000; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #000000; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #000000; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #000000; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #000000; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #ff0000; border-bottom: 0px solid #ff0000;}
#content a:hover { color: #ff0000; border-bottom: 0px solid;  }


table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: olive;
}

#content img { margin: 10px 0px; }
#content img.lijst {margin: 0px 9px 9px 0px; float: left; width: 182px; border: 0px;} 
#content img.left {	margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content #downloads ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content #downloads li { margin: 0px 0px 15px 15px;}
#content #downloads li a { margin: 0px; color: #ff0000;}
#content #downloads li span.text img {margin: 0px; padding: 0px;}

#ImagePropertiesContainer {font-size: 12px; font-family: Geneva, Verdana, 'MS Sans Serif', sans-serif; color: #1A171B;}

/* ------------------------------------------------------------------------- Columns */ 

#column1 {
	width: 181px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 0px 10px 0px 0px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #1A171B;
}

#column2 {
	width: 181px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 0px 10px 0px 0px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #1A171B;
}

#column3 {
	width: 182px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	float: left;
        color: #1A171B;
}

#column4, #column5, #column6, #column7, #column8, #column9, #column10 {display: none;}

#column-script {
	width: 564px;
	height: 150px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0px 10px 0px 0px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #1A171B;
}

#column-noscript {
	width: 366px;
	height: 150px;
	min-height: 1px;
	height: auto !important;
	height: 1px;
	margin: 0px 10px 0px 0px;
	float: left;
	font-family: Geneva, Verdana, 'MS Sans Serif', sans-serif;
	font-size: 10px;
	color: #1A171B;
}

#column3 a:link img, 
#column3 a:visited img, 
#column3 a:hover img {text-decoration: none; border: 0px solid; border-bottom: 0px solid; margin: 0px 0px 10px 0px;}
#content #column3 img {border: 0px; margin: 0px 0px 10px 0px; padding: 0px;}

/* ------------------------------------------------------------------------- Footer */ 


#footer {
	position: absolute;
	bottom: 0;
	padding: 0px 10px;
	width: 100%;
	height: 20px;
	font: 10px arial, verdana, sans-serif;
	color: white;
	text-align: right;
	background-color: olive;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: white;
}

#footer a:hover { color: #000000; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }



/* Blokken home */

#dragcontent {position: absolute; width: 670px; height: 450px; top: 40px; left: 200px; z-index: 500;}

#dragcontent .bol{
	position: relative;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	color: #1A171B;	
	background-color: #fff;
  padding: 0px 0px 0px 0px;
  margin: 20px;
}

#dragcontent .bol #top {height: 20px; background: #fff url(pics/move.png) top left no-repeat; cursor: move;}
#dragcontent .bol #contentBol {padding: 5px 5px 0px 5px;}
#dragcontent a img {border: 0px solid; margin: 0px; padding: 0px;}
#dragcontent img {margin: 0px; padding: 0px;}