/**                  
 * screen.css
 *
 * Definition off the used styles and classes for
 * diplaying on screen.
 *
 * COLOR PALLET:
 * 
 * - dark grey:		#5e5e5e
 * - light green:	#87ded1
 * - darkgreen:		#014D41
 5E9B92
 *
 * @version 1.0
 * @author  A.J. de Vries	
 * @package www.vandekolk.nl
 * 
 * Copyright (c) 2006 Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF THIS SITE,  
 * WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/
/* PAGE/GENERAL */


*	{
	margin: 0;
	padding: 0;
}

body	{
	background-color: #ffffff;
	text-align: center;
}

body, table, input, textarea, th, td, div, span, p, a  {
	line-height: 18px;
	color: #014D41;
	font-family: arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;	
}


h1	{
	margin: 0px;
	display: inline;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	padding: 0 0 0 30px;
	background: url(/pics/blockgreen2.gif) left top no-repeat;
}

#page	{
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-image: url('/pics/bg_page3.jpg'); 
	background-color: #ffffff; 
	background-repeat: repeat-y; 
	
	
}

* html #page	{
	height: 100%;
}

.clearer	{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden	{
	position: absolute;
	left: -10000px;
}

.green {
	float:left;
	width:530px;
	height:93px;
	margin-left:-13px;
	padding-left:13px;
	padding-right:20px;
	padding-bottom:10px;
	background-color:#fff;
}
.black {
	color:#000;
}
.fl { float:left; }
.fr { float:right; }
.p7 { padding-right:7px; }
.h { height:11px; }
:root .h { height:6px; }

#left_pic {
	left:-13px;
	float:left;
	width:187px;
	height:376px;
	position:relative;
	background-repeat:no-repeat;
	background-image:url('/pics/bg_klanttevreden_1.jpg');
}

#right_pic {
	top:-46px;
	float:right;
	width:190px;
	height:202px;
	position:relative;
	background-repeat:no-repeat;
	background-image:url('/pics/bg_klanttevreden_2.jpg');
}
:root #right_pic { top: -20px; }


#enquete {
	top:24px;
	width:362px;
	height:324px;
	margin-left:-13px;
	padding-left:13px;
	padding-top:26px;
	float:left;
	position:relative;
	background-color:#87ded1;
}
:root #enquete { top:24px; height:326px; }

#right_row {
	top:-46px;
	height:322px;
	float:right;
	width:190px;
	position:relative;
	background-color:#014d41;
}
:root #right_row { top: -20px; }

#left_row {
	float:left;
	top:24px;
	left:-200px;
	width:187px;
	height:170px;
	padding-top:15px;
	margin-right:5px;
	background-color:#87ded1;
	position:relative;
}
:root #left_row { top:24px; height:179px; }

#form {
/*
	height:100px;
	width:100px;
	top:30px;
	left:-190px;
	position:relative;
*/

	border:1px solid red;

}
:root #form { /*left:190px; top:10px;*/ }

ul#projectenlist	{
	margin:0px;
	padding:0px;
	height: 20px;
	white-space: nowrap;
}

#projectenlist li	{
	display: inline;
	list-style-type: none;
	height: 20px;
	padding-left: 5px;
	
}

#projectenlist a { 
	padding-left: 22px; 
	padding-right: 5px;
	margin: 0px;
	height: 20px;
	border: 1px solid #00584A;
}

#projectenlist a.foto { 
	background:#00584A url('/pics/button_foto.gif')
	left top no-repeat;
}

#projectenlist a.print { 
	background:#00584A url('/pics/button_print.gif')
	left top no-repeat;
}

#projectenlist a.mail { 
	background:#00584A url('/pics/button_mail.gif')
	left top no-repeat;
}

#projectenlist a:link, #projectenlist a:visited	{
	color: #00584A;
	height: 20px;
	text-decoration: none;
}

#projectenlist a:hover	{
	color: #fff;
	height: 20px;
	text-decoration: none;
}

#projectenlist a.foto:hover	{
	background:#00584A url('/pics/button_foto_over.gif')
	left top no-repeat;
}

#projectenlist a.print:hover	{
	background:#00584A url('/pics/button_print_over.gif')
	left top no-repeat;
}

#projectenlist a.mail:hover	{
	background:#00584A url('/pics/button_mail_over.gif')
	left top no-repeat;
}


.navsub { width: 220px; }

.navsub ul	{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navsub a	{
	display: block;
	padding: 1px 3px 1px 25px;
	width: 195px;
	background-image: url('/pics/li.hover2.gif');
	background-repeat: no-repeat;
	background-position: 12px 6px;
	font-size: 11px;
	text-align: left;
	color: #fff;
}

.navsub a:link, .navlistsub a:visited	{
	color: #fff;
	text-decoration: none;
}

.navsub a:hover	{
	background-image: url('/pics/li.hover.gif');
	color: #014d41;
	background-color: #87DED1;
}

#newsblock h3	{
	 color:#ffffff;
	 margin:15px 0 0px 11px;
	 padding: 0;
	 font-size: 17px;
}

.even { background-color:#f1f7f7; }

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	z-index: 1;

}

.sIFR-replaced {
	visibility: visible !important;
	z-index: 1;
}


h2.sIFR-replaced a{
	cursor: pointer;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	z-index: 1;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


.sIFR-hasFlash h1 {
	visibility: hidden;
	z-index: 1;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

/**
 * HEADER:
 * The header div, with header options ......................
 -----------------------------------------------------------*/

#header	{
	margin:0;
	padding:0;
	height:220px;
	background-color: #ffffff;
	border-left: 1px solid #014D41;
	border-right: 1px solid #014D41;
	border-top: 1px solid #014D41;
	border-bottom:1px solid #fff;
}

#header_left	{
	clear: both;
	position: absolute;
	background:#F0F7F7 url(/pics/bg_menu_green.jpg) 0 0  repeat-x;
	top: 70px;
	height:122px;
	width: 224px;
	float: left;
}

#logo, #logoPlan	{
	position: absolute;
	z-index: 20;
	width: 225px;
	height: 50px;
	overflow: hidden;
	margin-top: 10px;
	
}

#logo a, #logoPlan a	{
	display: block;
	height: 50px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 100%;
	line-height: 30px;
}

#logo a:hover, #logoPlan a:hover	{
	cursor: hand;
	c\ursor: pointer;
}

#logo span.replacement, #logoPlan span.replacement	{
	display: none;
	position: absolute;
	top: 0px;
	width: 225px;
	height: 50px;
	background-repeat: no-repeat;
	
}

* h\tml #logo span.replacement	{
	display: block;
	z-index: 30;
	
	background-image: url(/pics/vandekolk.gif);
}

#logo a span.replacement	{
	display: block;
	z-index: 35;
	
	background-image: url(/pics/vandekolk.gif);
}

* h\tml #logoPlan span.replacement	{
	display: block;
	z-index: 30;
	
	background-image: url(/pics/vandekolkPlan.gif);
}

#logoPlan a span.replacement	{
	display: block;
	z-index: 35;
	background-image: url(/pics/vandekolkPlan.gif);
}





#logo span.linkText	{
	position: relative;
	z-index: 25;
	
}

#imagebar	{
	float: right;
	z-index: 20;
	width: 755px;
	height: 120px;
	overflow: hidden;
	margin-top: 70px;
	background: #014D41;
}

#menubar	{
	padding: 0;
	margin:0;
	clear: both;
	float: right;
	z-index: 20;
	width: 755px;
	height: 30px;
	background: #fff;
}


/**
 * CONTENT:
 * The content div with content items .......................
 -----------------------------------------------------------*/

#content	{
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
}

#maincontent	{
	padding:0;
	margin: 0;
}

#contentMain	{
	padding:0;
	margin: 0;
	clear: both;
	float: right;
	margin-right:  1px;
	width: 740px;	
}


#contentMain_wide	{
	padding:0;
	margin: 0;
	clear: both;
	float: right;
	margin-right:  1px;
	width: 750px;	
}

#contentMain_wide h1	{
	margin-left: 10px;
}

p	{
	margin-top: 1.0em;
}

#contentMain p 	{
	margin-right: 10px;
	line-height:1.4em;
	text-align: left;
}


#contentMain a 	{
	text-decoration: underline;
}





#contentMain * p	{
	margin-right: 10px;
	
}

#contentMain_wide * p	{
	padding: 0 10px 0 10px;
	margin: 0;
	
}
ul	{
	margin-top: 1.5em;
	margin-left: 1.5em;
}

#contentMain ul	{
	margin-top: 0;
	list-style-type:disc;
	margin-right: 16px;
}

#contentMain * ul	{
	margin-right: 0;
}

img	{
	border: 0 none transparent;
}


/* SUBCONTENT */

#contentSub
{	
	position: relative;
	margin-top: 0;
	margin-left: 1px;
	float: left;
	width: 223px;
	margin-right: 0px;
}
a, a:link, a:active, a:visited {
	color:#00584a;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


.kolkreport	{
	width: 220px;
	float: left;
	margin: 0 0 20px 10px;
	overflow: hidden;
}

.kolkreportimage{
	float:left;
	padding:1px;
	background: #014D41;
	/*margin:.5em .5em .2em 0;*/
	margin:0 .5em .2em 0;
}
/**
 * newsblock:
 -----------------------------------------------------------*/
table.newsblock	{
	position: relative;
	/*top: 20px;*/
	width:auto;
	margin:0 10px;
	text-align: left;
}


div#newsblock 	{
	text-align: left;
}

div#newsblock span	{
	color:#ffffff;
	font-size: 11px;
}

html>body div#newsblock	{
	padding-left: 0px;
}

td.newslinks {
	padding: 5px;
	font-size: 11px;
}

td.even div.block,
td.odd div.block {
	width:100%;
	text-align: left;
	/*margin-bottom:10px;*/
	height: 100%;
	display: block;
}

td.even div.block h2, td.odd div.block h2, td.even div.block p, td.odd div.block p{
	margin-left: 10px;
}
td.odd div.block {
	background: #ffffff;
}

h2 {
	padding:0px;
	font-size:15px;
	/* padding-left:30px; */
	margin:0px 0px 5px 0px;
	text-align: left;
	width: 500px;
	/* background: url(/pics/li.hover2.gif) left center no-repeat; */
}

h2 a,
h2 a:visited {
	font-size:15px;
	text-decoration: none;
}

h5 {
	padding:0px;
	font-size:15px;
	padding-left:30px;
	margin:0px 0px 5px 0px;
	text-align: left;
	width: 500px;
	background: url(/pics/li.hover2.gif) left center no-repeat;
}

h5 a,
h5 a:visited {
	font-size:15px;
	text-decoration: none;
}


b.block	{
	padding:0px;
	padding-left:30px;
	margin:0px 0px 0px 0px;
	font-weight: bold;
	background: url(/pics/li.hover2.gif) left center no-repeat;
}
.newstitle {
	padding:0px;
	font-size:15px;
	font-weight: bold;
	padding: 0;
	padding-left:20px;
	margin:0px 0px 0px 0px;
	color: #ffffff;
	width: 200px;
	background: url(/pics/li.hover3.gif) left center no-repeat;
}

.title {
	padding:0;
	margin-bottom:5px;
	color: #fff;
	font-size:15px;
	font-weight: bold;
}


.gm { display:block; }
.gm #lc-map { display:block; width:720px; height:350px; position:relative; background-color:#f2efe9; }
.gm #lc-directions { display:none; width:720px; height:auto; position:relative; }


/**
 * FOOTER:
 * The CSS that's required to position the footer ...........
 -----------------------------------------------------------*/
#centerfooter {
	width:980px;
	margin:0 auto;
	position:relative;
}

#footer	{
	width: 980px;
	margin-left: 25px;
	padding-bottom: 0;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	height: 30px;
}

html	{
	height: 100%;
}

body	{
	height: 100%;
}

#nonFooter	{
	position: relative;
	min-height: 100%;
}

* html #nonFooter	{
	height: 100%;
}

#footer	{
	margin-left:0px;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer	{
	margin-top: -2.4em;
}


#footer_left	{
	display: block;
	float: left;
	width: 224px;
	background: #F0F7F7;
	height: 30px;
	border-left: 1px solid #014D41;
	border-bottom: 1px solid #014D41;
}


#footer_right	{
	display: block;
	float: right;
	width: 754px;
	
	background: #014D41;
	height: 30px;
	
	border-right: 1px solid #014D41;
	border-bottom: 1px solid #014D41;
}

#footer_right p 	{
	font-size: 11px;
	color:#F0F7F7;
	padding: 0;
	margin: 5px 0 0 0;

}


#footer_right span	{
	color: #87ded1;
	margin: 0 3px 0 3px;
}

#footer a{
	color:#F0F7F7;
	font-size: 11px;
}	

#footer a:link, #footer a:visited{
	padding: 2px 2px 2px 2px;
	margin-right: 2px;
	text-decoration:none;
}
#footer a:hover, #footer a:active{
	color:#666666;
}


#footer_left p 	{
	font-size: 11px;
	color:#014D41;
	padding: 0;
	margin: 5px 0 0 0;
}


#footer_left a 	{
	font-size: 11px;
	color:#014D41;

}

/**
 * FLASH:
 -----------------------------------------------------------*/
div#flash_block {
	padding-top:95px;
	padding-left:10px;
	z-index: 199;
	visibility: visible;
}
div#flash_block h4{
	font-size: 20px;
}



/**
 * BreadCrump:
 -----------------------------------------------------------*/
div#breadcrumb_div {
	width:700px;
	text-align:left;
	margin: 5px auto 0px 0px;
	z-index: 999;

}


div#breadcrumb_div b, 
div#breadcrumb_div a, 
div#breadcrumb_div a:visited {
	color:#00584a;
	font-size:10px;
	font-weight:normal;
	text-decoration: none;
}


/**
 * NAVIGATION:
 * Navigation styles ........................................
  -----------------------------------------------------------*/
#navcontainer ul {
	padding: 0;
	margin: 0;
	background-color: #014D41;
	color: #014D41;
	float: left;
	width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a	{
	padding: 0.5em 0.9em  0.6em 0.9em;
	margin: 0 0 0 0;
	background-color: #014D41;
	color: #F0F7F7;
	text-decoration: none;
	font-weight: bold;
	float: left;
	border-left: 1px solid #F0F7F7;
}

#navcontainer ul li a:link#current, 
#navcontainer ul li a:link#visited, 
#navcontainer ul li a.current	{
	padding: 0.5em 0.9em  0.6em 0.9em;
	background-color: #F0F7F7;
	color: #014D41;
}


#navcontainer a:hover{
	background-color: #87DED1;
	color: #014D41;
}

#navcontainer  a:hover

{	color: #014d41;
	background-color: #87DED1;
	
}

/**---------------------------------------------------------*/

#navcontainer_sub {
	/*margin-top:20px;*/
	padding: 30px 0 0 0;
	background: #014D41;
	
	color: #014d41;	
}

#navcontainer_sub ul	{
	margin: 0;
	padding: 0;width: 223px;
	list-style-type: none;
	
}

#navcontainer_sub li	{
	display: block;
	border: 1px solid #014D41;
}

#navcontainer_sub a	{
	display: block;
	color: #014d41;
	color: #F0F7F7;
	padding: 5px 0 5px 20px;
	font-weight: bold;
	text-decoration: none;
	background: url(/pics/li.hover2.gif) 5px center no-repeat;
}


#navcontainer_sub a:hover{
	background-color: #87DED1;
	color: #014D41;
}

#navcontainer_sub  a:hover

{	color: #014d41;
	background: #87DED1 url(/pics/li.hover4.gif) 5px center no-repeat;	
	
}

#navcontainer_sub #navcontainer_sub a.current_left	{
	background-color: #F0F7F7;
	color: #014D41;
}

#navcontainer_sub  a:link#current, 
#navcontainer_sub  a:link#visited, 
#navcontainer_sub  a.current	
{	color: #014d41;
	background: #F0F7F7 url(/pics/li.hover4.gif) 5px center no-repeat;
}
/**
 * FV FORM 
 * Definitions for the required form fields.
 -----------------------------------------------------------*/


form {
	margin:0px;
	padding:0px;
	display:inline;
}

input, textarea {
	font-size:12px;
	font-family: Arial, "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #333333;
	background:#fff;
	border:1px solid #014D41;
}

select	{
font-size:12px;
}

html>body input, textarea, select {
	
	margin:0px 0px 1px 0px;
	border:1px solid #212121;
}

input {
	height:20px;
	background:#fff;
	border:1px solid #014D41;
}

.fv-req {
	padding:0px 1px;
	background:#87DED1;
	border:1px solid #014D41;	
}

.fv-forget {
	padding:0px 1px;
	background:#e7e7e7;
	border:1px solid #b10101;
}

.fv-syntax {
	padding:0px 1px;
	background:#e7e7e7;
	border:1px solid #b10101;
}




/**
/*Collectie table images shadow*/

.image{
	float:right;
	padding:1px;
	background: #014D41;
	/*margin:.5em .5em .2em 0;*/
	margin:0 .5em .2em 0;
}
.var1 img{border:3px solid #ffffff;}

.var2 img{border:3px solid #87ded1;}






	/* clearbox.css a ClearBox scripthez :: http://www.kreatura.hu/pyro/clearbox */

#CB_ShowTh, #CB_Thumbs2, #CB_Thumbs, .CB_RoundPixBugFix, #CB_Padding, #CB_ImgContainer, #CB_PrevNext, #CB_ContentHide, #CB_LoadingImage, #CB_Text, #CB_Window, #CB_Image, #CB_TopLeft, #CB_Top, #CB_TopRight, #CB_Left, #CB_Content, #CB_Right, #CB_BtmLeft, #CB_Btm, #CB_BtmRight, #CB_Prev, #CB_Next, #CB_Prev:hover, #CB_Next:hover, #CB_CloseWindow, #CB_SlideShowS, #CB_SlideShowP, #CB_SlideShowBar, #CB_Email {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0px;
}

#CB_ImgHide {
	position: absolute;
	visibility: hidden;
	z-index: 1098;
	left: 0px;
}

#CB_ShowTh {
	width: 100%;
	height: 15%;
	visibility: hidden;
	position: absolute;
	z-index: 1097;
	bottom: 0px;
	left: 0px;
}

#CB_Thumbs {
	display: none;
	height: 60px;
	padding-top: 10px;
	background-color: #fff;
	position: absolute;
	z-index: 1100;
	overflow: hidden;
	bottom: 10px;
	left: 0px;
}

#CB_Thumbs2 {
	margin: auto 0;
	height: 50px;
	position: absolute;
}

.CB_ThumbsImg {
	position: absolute;
}

.CB_RoundPixBugFix {
	display: block;
	visibility: hidden;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1pt;
}

#CB_ImgContainer {
	position: relative;
	width: 100%;
}

#CB_PrevNext {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1002;
}

#CB_ContentHide {
	position: absolute;
	z-index: 1000;
	top: 0px;
	left: 0px;
}

#CB_LoadingImage {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	visibility: hidden;
}

#CB_Text {
	text-align: center;
}

#CB_Window {
	left:50%;
	position:absolute;
	top:50%;
	visibility:hidden;
	z-index: 1100;
	border-collapse: separate;
}

#CB_Image {
	position: relative;
}

#CB_iFrame {
	position: absolute;
	width: 0px;
	height: 0px;
	z-index: 1003;
}

#CB_TopLeft {
	background-image:url(/pics/s_topleft.png);
	background-position:right bottom;
}

#CB_Top {
	background-image:url(/pics/s_top.png);
	background-position:left bottom;
}

#CB_TopRight {
	background-image:url(/pics/s_topright.png);
	background-position:left bottom;
}

#CB_Left {
	background-image:url(/pics/s_left.png);
	background-position:right top;
}

#CB_Content {
	background-color:#FFFFFF;
}

#CB_Right {
	background-image:url(/pics/s_right.png);
	background-position:left top;
}

#CB_BtmLeft {
	background-image:url(/pics/s_btmleft.png);
	background-position:right top;
}

#CB_Btm {
	background-image:url(/pics/s_btm.png);
	background-position:left top;
}

#CB_BtmRight {
	background-image:url(/pics/s_btmright.png);
	background-position:left top;
}

#CB_Prev, #CB_Next {
	background: transparent url(/pics/blank.gif) no-repeat scroll 0%;
	display: block;	
	width: 49%;
	cursor: pointer;
	outline-style:none;
	z-index: 1102;
}

.CB_TextNav {
	text-decoration: underline;
	color: #aaa;
}

.CB_TextNav:hover {
	text-decoration: none;
	color: #ff7700;
}

#CB_Prev {
	float: left;
	left: 0px;
}

#CB_Next {
	float: right;
	left: 0px;
}

#CB_Prev:hover {
background:transparent url(/pics/prev.gif) no-repeat scroll left 50%;
}

#CB_Next:hover {
background:transparent url(/pics/next.gif) no-repeat scroll right 50%;
}

#CB_CloseWindow {
	position: absolute;
	top: 0px;
	right: -1px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowS, #CB_SlideShowP {
	position: absolute;
	top: 0px;
	left: -1px;
	z-index: 1104;
	cursor: pointer;
}

#CB_SlideShowBar {
	width: 0px;
	position: absolute;
	top: 5px;
	left: 22px;
	height: 5px;
	display: none;
}

#CB_Email {
	position: absolute;
	right: 15px;
}





/*]]>*/