BODY, P, TBODY, UI {
	FONT-WEIGHT: normal;
	font-size : 11px;
	COLOR: #000;
	LINE-HEIGHT: 16px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	}

BODY {
	
background:#EEEEEE url(bg_b.gif) repeat fixed center center;


}

:root{
 overflow-y:scroll;
}

.opsommingvierkant { 

	padding-left: 10px;
	 margin-left: 10px;
	 margin-bottom: 10px;
	 margin-top: 10px;
	 FONT-SIZE: 11px;
	 FONT-WEIGHT: normal;
	 list-style-image: url('bullet_blue2.png');
	padding-top: 10px;
	 vertical-align: baseline;}

#fcf2 em {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#F00;
}



h1 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	padding-left:0px;
	font-size: 11px;
	FONT-WEIGHT: bold;
	background-color: #EEEEEE;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}
h2 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background: #FEF4EB url(zon.gif) no-repeat bottom;
	border:1px solid #EEE;
	padding: 3px 3px 3px 3px;
}
h3 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-color: #FFFFF;
	FONT-WEIGHT: normal;
	background-color: #66CC00;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}
h4 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background-color: #FF0000;
	font-color: #FFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}
h5 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background-color: #0676B9;
	font-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px 3px 3px 3px;
	border:1px solid #0676B9;
}
.imgborder {
	border:solid 1 #0676B9; 
}
.textfield {
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	width:141px;
	height:17px;
	border:solid 1px #bfbfbf;
	padding:0 2px;
	margin:0 0px 0 0;
	color:#5A5A5C;
	background:url(bg_searchbox.gif) no-repeat 0 0;
	text-align:left;}

}
.submit {
	FONT-SIZE: 11px;
	COLOR: #333;
	background: transparent url("http://ecogriek.nl/backgr.gif") no-repeat;
	height:20px;
	border:solid 0 #fff;
	width:100px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
.boven {
	FONT-SIZE: 11px;
	COLOR: #333;
	background: transparent url("http://ecogriek.nl/backgr.gif") no-repeat;
	height:20px;
	border:solid 0 #fff;
	width:160px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
}
.ItemStyle {
	list-style-image: url(file.gif);
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;

}

.PopItemStyle {
	list-style-image: url(folder.gif);
	FONT-SIZE: 11px;
	COLOR: #000;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	vertical-align: middle;

}

.inputcontact {
	.FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; font-size:11px; border:1px solid #0676B9; background:#FFFFFF; color:#000;  
	
}

.btncontact {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size:11px; 
	border:0px solid #000; 
	background:#D7E6F2; 
	color:#fff;} 
}
h6 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background: #F5F9D0 url(zon2.gif) no-repeat bottom;
	border:1px solid #F1F7BF;
	padding: 3px 3px 3px 3px;
}
.real {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background: #EDF3FA url(zon3.gif) no-repeat bottom;
	border:1px solid #D9E6F4;
	padding: 3px 3px 3px 3px;
}
.eersteletter {
	font-family:Georgia;
	color:#0676B9;
	font-size:56px;
	font-weight:normal;
	line-height:80%;
	letter-spacing:-6px;
}
.tekstachtergrond {
	background-color: #FEF4EB;
	
}
.plaatsnaam {
	background-color: #F5F9D0;
	}
.hahaha {
	padding-left: 30px;
	margin-left: 30px; 
	margin-bottom: 10px; 
	margin-top: 30px;
	background-color: #EFF8B6;
}
div.hr {
  height: 14px;
  background: #fff url(ha.gif) no-repeat scroll center;
  margin-bottom: 10px; 
  margin-top: 10px;
}
div.up {
  height: 16px;
  background: #fff url(ruler1.jpg) no-repeat scroll center;
  margin-bottom: 0px; 
  margin-top: 0px;
}
a.info{
    position:relative; /*this is the key*/
    z-index:10; background-color:#CFE7B8;
    color:#999999;
    text-decoration:none}

a.info:zhover{z-index:10; background-color:#0676B9}



a.info span{display: none};
border-bottom: 1px dashed #0676B9;

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:-1.5em; width:0em;
    border:0px solid #;
    background-color:#; color:#FFF;
    text-align: center}

div.ecohr {
  height: 13px;
  background: #fff url(ecohr.jpg) no-repeat scroll center;
  margin-bottom: 10px; 
  margin-top: 10px;
}
div.ecoup {
  height: 1px;
  background: #fff url(ecoup.jpg) no-repeat scroll center;
  margin-bottom: 0px; 
  margin-top: 0px;
}
div.ecoactivipic {
  height: 16px;
  background: #fff url(ecoactivipic.jpg) no-repeat scroll center;
  margin-bottom: 0px; 
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 50px;
}
.eerstelettereco {
	font-family:Georgia;
	color:#919E12;
	font-size:56px;
	font-weight:normal;
	line-height:80%;
	letter-spacing:-6px;
}
.hahahaha {
	padding-left: 0px;
	margin-left: 0px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	background-color: #EFF8B6;
}
div.update { 
height: 16px;
FONT-SIZE: 11px;
COLOR: #FFF;
background: #0676B9 url(update.png) no-repeat scroll left;
margin-bottom: 0px; 
margin-top: 0px;
text-decoration:none}
}
div.update2 { 
height: 16px;
FONT-SIZE: 11px;
COLOR: #000;
background: #EDF3FA url(bullet_blue.png) no-repeat scroll right;
margin-bottom: 0px; 
margin-top: 0px;
margin-left: 0px;
vertical-align: left;
}
.div.update3 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background: #EDF3FA;
	border:1px solid #EDF3FA;
	padding: 3px 3px 3px 3px;
}
.div.update4 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	COLOR: #FFF;
	FONT-WEIGHT: normal;
	background-color: #0676B9;
	margin-left: 0px;
}
.div.uv {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px 3px 3px 3px;
	border:1px solid #E8E8E7;
	background:#F3F3F2 
	
}
.div.uv1 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	padding: 3px 3px 3px 3px;
	background:#D7E6F2;
	
}
.div.uv2 {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	padding: 3px 3px 3px 3px;
	background:#DDDDDC;
	
}
.lijntje {
	line-height:19px;
	background: transparent url(lijntje.gif)
	position:relative;
	
}
.custom-tip {
	color: #000;
	width: 155px;
	z-index: 5000;
}
 
.custom-title {
	font-size: 9px;
	margin: 0;
	color: #FFFFFF;
	padding: 8px 8px 4px;
	background: #0676B8;
	border-top: 1px solid #0676B8;
	border-right: 1px solid #0676B8;
	border-left: 1px solid #0676B8;

	
}
 
.custom-text {
	font-size: 9px;
	margin: 0;
	color: #000000;
	border:1px solid #0676B8;
	padding: 8px 8px 4px;
	background: #FFFFFF;
}
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 5000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
.opdate {
	FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	FONT-WEIGHT: normal;
	background: #EEEEEE;
	border:1px solid #FFFFA8;
	padding: 3px 3px 3px 3px;
}
.btn {
	font-family:verdana, arial; 
	font-size:11px; 
	FONT-WEIGHT: normal;
	border-bottom: 0px solid #FFF; 
	border-top: 0px solid #FFF;
	border-right: 0px solid #FFF;
	border-left: 0px solid #FFF;
	background:#0676B9; 
	color:#fff;} 
	
}


.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D7E6F2}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #D7E6F2;
  border-right:1px solid #D7E6F2;
  background:#D7E6F2}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #D7E6F2;
  border-right:1px solid #D7E6F2;
  background:#D7E6F2}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #D7E6F2;
  border-right:1px solid #D7E6F2;}
.spiffy4{
  border-left:1px solid #D7E6F2;
  border-right:1px solid #D7E6F2}
.spiffy5{
  border-left:1px solid #D7E6F2;
  border-right:1px solid #D7E6F2}
.spiffyfg{
  background:#D7E6F2}

.zoekButton
{
		margin-top:				1px;
		background-color:       #020051;
		font-family:            Verdana, Arial, Helvetica, sans-serif;
		font-size:              10px;
		font-weight:            normal;
		height:                 16px;
		color:                  #ffffff;
		border:                 solid 0px #020051;
}

.quote{background:#DCE7F1 url(qbg.gif) no-repeat scroll 0

}


.animationContainer{
	height: 0px;
}

.demoDiv{
	background-color: #D7E6F2; 
	height: 100px; 
	overflow: hidden;
}

.hideInitially{
	visibility: hidden;
}