/* ---------------------
basic layout
--------------------- */

* {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

table.waterbody {
	background: #FFFFFF url(http://www.ecoville.nl/templates/citron/images/bg_body.jpg) no-repeat left top;
	
	align:center;
	color:#000000;
}



a,
a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color:#FFEC0D;
}

ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

/** clear the banner to make it sit in the bottom **/
.clear {
	clear:both;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/


#outerleft {
	position:relative;
	float:left;
	clear:left;
	width:600px;
	
}

#outerright {
	position:relative;
	width:170px;
	float:right;
	clear:right;
}

#logo {
	position:relative;
	width:100%;
	height:47px;
	float:left;
	background:transparent;
}

/** div container for top menu. position:top **/
#topmenu {
	position:relative;
	float:left;
	clear:left;
	background:transparent;
	width: 100%;
}

/** div container for image header **/
#imgheader {
	position:relative;
	float:left;
	clear:left;
	width:100%;
	height:99px;
	background-color: #000000;
}

#container_inner {
	position:relative;
	float:left;
	clear:left;
	width:600px;
}

/** div container for left column **/
#leftcol {
	position:relative;
	float:left;
	clear:left;
	width:180px;
	background:transparent;
}

#leftcolmenu {
	position:relative;
	background:transparent;
	overflow:auto;
}


/** div wrapper for user2 & user3 **/
#content_top_wrapper {
	position:relative;
	float:right;
	clear:right;
	width:412px;
	display:inline;
	margin: 4px 8px 0 0;
}

/** div container for position:user2 **/
#content_top1 {
	position:relative;
	float:left;
	clear:left;
	width:195px;
	padding: 5px 5px 5px 5px;
}

/** div container for position:user3 **/
#content_top2 {
	position:relative;
	float:right;
	clear:right;
	width:195px;
	padding: 5px 5px 5px 5px;
}

/** div container for mainbody **/
#content_main {
	position:relative;
	float:left;
	width:390px;
	margin:15px 0 20px 20px;
	background: transparent;
}

/** div container for right column **/
#rightcol_top,
#rightcol {
	float:left;
	clear:left;
	width:168px;
	margin:0 0 0 1px;
	display:inline;
	overflow:auto;
}

/** div container for right column position:header **/
#rightcol_top {
	height:70px;
	min-height:70px;
	background:transparent;
}

/** div container for banner position:banner **/
#banner {
	position:relative;
	clear:left;
	float:left;
	width:515px;
	height:65px;
	min-height:65px;
	color:#FFFFFF;
	font-size:10px;
	padding: 20px 0 0 215px;
}

#blackline {
	position:relative;
	clear:left;
	float:left;
	width:780px;;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	background: transparent;
}
/** copyright **/

#copyright {
	position:relative;
	width:780px;
	display:block;
	clear:both;
	float:left;
}

#copyright div {
	color:#666666;
	font-size:10px;
	font-weight:bold;
	display:block!important;
	width:780px;
	float:left;
	clear:left;
	margin:-10px 0 0 0;
	text-align:left;
}


/* ------------------------------------- */
*{}
body{font-size:12px;line-height:1.6;font-family:Verdana, Arial, Helvetica, sans-serif;color:#003876;}
#height{position:relative;min-height:100%;}
body,html{height:100%;}
* html #height{height:100%;}

.broodtekst_normal{font-size:12px;line-height:1.6;font-family:Verdana, Arial, Helvetica, sans-serif;color:#003876;}

#header{width:100%;position:relative;z-index:10;background:#26a9ea;}
#header h1{background:url(../images/logo.png) top left no-repeat;width:550px;height:90px;position:relative;margin:0;padding:0;}
#header h1 a{width:550px;line-height:90px;display:block;text-indent:-5000px;text-decoration:none;border:none;background:none;}
#header h1 a:hover{background:none;border:none;}
#header .search {position:absolute;top:10px;right:10px;}
#header .login {position:absolute;top:35px;right:10px;}



.clearing{clear:both;line-height:0;height:0;}

table{}
table.contentpane{width:auto;}
table.contentpaneopen td.buttonheading{padding:3px;}

#navbar{position:absolute;bottom:0;right:0;text-align:right;margin:0;}
#navbar ul{float:right;list-style:none;margin:0;padding:0;}
#navbar li{float:left;font-family:"Lucida Grande", sans-serif;margin:0;padding:0;}

.moduletableseperator h1,.moduletableseperator h3{color:#eee;padding:0 50px 5px 15px;margin:0;line-height:1;}
.moduletableseperator p {padding:0 0 5px 25px;margin:0;width:75%;}
.moduletableseperator p strong{font-weight:normal;}

table.teasertable{margin:1em;width:auto;}
.moduletable,td.teasertd{font-size:90%;margin 10px 10px 10px 0; padding:10px;}
.moduletablehomepage {padding:0;}
.moduletable h3,.moduletablehomepage h3{font-weight:bold;font-family:Georgia, serif;font-size:140%;color:#fff;margin:0.25em 0;padding:0; }
.moduletable p,.moduletable ul,.moduletablehomepage p,.moduletablehomepage ul{margin:0;}
.moduletable ul li,.moduletablehomepage ul li{list-style:none;background:url(../images/li-bullet.gif) no-repeat 0 3px;margin:0 0 0 12px;padding:0 0 0 18px;}

.pathway{display:block;color:#369;padding:10px;}
a.pathway{display:inline;padding:0;}
h1,h2,h3,h4,h5,h6,.contentheading,.componentheading{font-weight:400;font-family:Georgia, serif;margin:0.5em 0;padding:0;}
h1,.componentheading{font-size:160%;color:#663;}
h2,.contentheading{font-size:145%;color:#663;}
h3{font-size:130%;color:#009933;}
h4{font-size:120%;color:#009933;}
h5{font-size:110%;color:#009933;}
h6{font-size:110%;color:#009933;}
p,ul,ol {margin:1em 0;}
a.contentpagetitle:link,a.contentpagetitle:visited{color:#663;}
table.teasertable .contentpagetitle {font-size:90%;}
ul,ol{margin-left:25px;}
.createdate,.modifydate,.small{color:#BFBFBF;font-size:.8em;}



input.button{background:#009933;color:#fff;cursor:pointer;}
table.contenttoc{color:#330;border:1px solid #ccc;}
table.contenttoc td{font-size:0.9em;font-weight:400;text-align:left;}
div.mosimage_caption{font-size:0.9em;color:#666;}
.pagenav{color:#73819C;padding:3px 5px 3px 3px;}
.button {margin:5px;}
blockquote {border:1px dotted #ccc;margin:0;padding:0 10px;background:#eee;}

tr.sectiontableentry1 td {
padding: 4px;
color: #333333;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
}
tr.sectiontableentry2 td {
padding: 4px;
color: #333333;
background-color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
}
td.sectiontableentry1 {
padding: 3px;
color: #333333;
background-color: #FFFFff;
font-family: Arial, Helvetica, sans-serif;
}
td.sectiontableentry2{
padding: 3px;
color: #333333;
background-color: #eeeeee;
font-family: Arial, Helvetica, sans-serif;
}
.sectiontableentry2 a  {
text-decoration: none;
font-weight: bold;
}
.sectiontableentry1 a  {
text-decoration: none;
font-weight: bold;
}
.sectiontableentry2 a:hover {
text-decoration: none;
font-weight: bold;
}
.sectiontableentry1 a:hover {
text-decoration: none;
font-weight: bold;
}
.smallfont {font-size:90%;}
#navbar a span {display:none;}
#navbar a:hover span.menupop {display: block;
   position: absolute; top:0; right: 0;
   padding: 5px; margin-top: -20px; z-index: 100;
   font: 10px Verdana, sans-serif; text-align: right;}
.imageclear {clear:both;margin-top:40px;}

.sitemap h1 {font-size:180%;}
.sitemap h3 {font-size:155%;}

a img {border:0;}
.moduletableseperator a,
.sectiontableentry1 a,
.sectiontableentry2 a
{border:0;}
.moduletableseperator a:hover,
.sectiontableentry1 a:hover,
.sectiontableentry2 a:hover 
{background:none;border-bottom:1px dotted;}

table table.contentpaneopen {margin:0 10px;padding:3px;} 
table.data td {padding:0 5px;border:1px dotted #333;}
table.contenttable td {padding:2px 7px;border:1px dotted #333;}

.tags {padding:15px;text-align:right;}
.title_tags {text-align:right;font-weight:400;font-family:Georgia, serif;margin:0;padding:0;font-size:130%;color:#009933;}

/* virtue mart */
a.titel {
display: block;
	width: 100px;
}
/* Main Menu Styles
*********************/
a.mainlevel:link, a.mainlevel:visited {
	color: #006699;
	text-align: left;
	font-weight: bold;
	text-decoration: none; 
	
	padding-left: 5px;
	font-family:  sans-serif;
	font-size: 13px;
	line-height: 20px;
}
a.mainlevel:hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #006699;
	
	width: 98%;
	display: block;
}
a.mainmenu:link, a.mainmenu:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.mainmenu:hover, {
	color: #666666;
	text-align: left;
font-weight: bold;


}
a.sublevel:link, a.sublevel:visited {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
a.sublevel:hover {
	color: #666666;
	text-align: left;
}

/* Main Menu Styles END
*********************/