@charset "UTF-8";
/* CSS Document */

/*margin zero for no unexplainable margins*/

html,body {
	margin: 0;
	background-color: rgb(230,230,230);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.5em;
	height: 100%;
	}
	
a:link {color:black; text-decoration: underline;}

a:hover {color:black; text-decoration: underline;}
 
a:visited  {color:grey; text-decoration: underline;}

address {font-style:normal; color: rgb(94, 95, 98); font-size: 10px; line-height:normal;}

address a:link {color: rgb(94, 95, 98); text-decoration: none;}

address a:hover {color: rgb(94, 95, 98); text-decoration: underline;}

h1 {color: rgb(32, 153, 62); font-weight:bold; font-size: 1.5em;}

h1 a:link {color: rgb(32, 153, 62); font-weight:bold; font-size: 1.5em; text-decoration: underline;}
h1 a:hover {color: rgb(32, 153, 62); font-weight:bold; font-size: 1.5em; text-decoration: underline;}
h1 a:visited {color: rgb(32, 153, 62); font-weight:bold; font-size: 1.5em; text-decoration: underline;}

.sectiontitle {font-weight:bold; font-size: 2em; color: black; clear: both; margin: .67em 0; }

.listtitle {color: rgb(32, 153, 62); font-weight:bold; font-size: 14px; line-height: 1.8em;}

.listtitle a:link {color: rgb(32, 153, 62); font-weight:bold; text-decoration: underline;}
.listtitle a:hover {color: rgb(32, 153, 62); font-weight:bold; text-decoration: underline;}
.listtitle a:visited {color: rgb(32, 153, 62); font-weight:bold;  text-decoration: underline;}

.listtitle-black {color: black; font-weight:bold; font-size: 14px; line-height: 1.8em;}

.listtitle-black a:link {color: black; font-weight:bold; text-decoration: underline;}
.listtitle-black a:hover {color: black; font-weight:bold; text-decoration: underline;}
.listtitle-black a:visited {color: black; font-weight:bold;  text-decoration: underline;}

.published {font-size:11px;}

.highlight {color: rgb(32, 153, 62); font-weight:bold;}

#fullcontianer {
	width: 100%; 
	background-color:rgb(237,237,237);
	}

#container {
	height:auto !important; /* real browsers */
	width: 700px;
	margin: 0 auto;
	background: rgb(255,255,255) url(http://www.degroenevaren.be/images/kriebels-licht.gif) bottom right no-repeat;
	}

/*HEADER SPECIFIC CODE*/

#greenheader {
	background-color: rgb(225,224,33);
	height: 15px;
	width: 100%;
	margin-top: 0px;
	border-bottom: rgb(32, 153, 62) 3px solid;
	}

#header { 
	margin-top: 40px;
	padding-left: 2px;
	height: 105px;
	border-bottom: rgb(225,224,33) 3px solid;
	}
	
#h-top {
	float: left;
	clear: both;
	}

#h-logo {
	float: left;
	}

#h-links {
	margin: 50px 0 0 25px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: rgb(94,95,98);
	}

#h-links a:link {text-decoration: none;}
#h-links a:hover {text-decoration: none;}
#h-links a:visited {text-decoration: none;}

.linktopleft {text-align: left; width: 114px; float: left;}
.linktopmiddle {text-align: left; width: 100px; float: left;}
.linktopright {text-align: left; width: 100px; float: left;}

/*SUCKERFISH*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 100px;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
        
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
text-transform: none;
        font-size: 11px;
line-height: 1.5em;
padding:2px;
list-style: none;
}

#nav li ul a:hover {background-color: white; width: 14em;}
#nav li ul a:link {width: 14em;}
#nav li ul a:visited {width: 14em;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
background-color: rgb(225,224,33);
}

/*CLOSE SUCKERFISH*/

#h-bottom {
	float: left;
	clear: both;
	}
	
/*CONTENT SPECIFIC CODE*/

#content{ 
	xheight: 1%;
	xoverflow: auto;
	padding-bottom: 4em; /* bottom padding for footer */
	margin-top: 15px;
position: static;
	}
	
#navigation { 
	float: left;
	width: 149px;
	height: 450px;
	}

.navblock {
	width: 75px;
	margin: 0 0 5px 45px;
	height: 85px;
	clear: both;
	line-height: 10px;
	text-align:center;
	}
	
.navblock img {
	clear: both;
	}

#main {
	float: right;
	width: 549px;
	margin: 0;
	min-height: 400px;
	}

#breaker{clear:both;}	

#breadcrumb { 
        font-size: 0.8em; clear: both;
	}
	
#title {
	}
	
#article { float: left; padding-right:15px;
	}	


/*FOOTER SPECIFIC CODE*/

#footer { 
	width: 100%;
	min-height: 100px;
	height: 100%;
	background-color:rgb(230,230,230);
	}
	
#footerinline {
	width: 700px;
	margin: auto;
	height: 100%;
padding-top:25px;
font-size: 10px;
line-height: 1.3em;
margin-bottom: 4em; /* bottom padding for footer */
	}

#footercontent {
	padding:0px 0px 15px 25px;
	}

#footerclear {clear:both; height: 25px; padding-left: 25px; color: rgb(94, 95, 98)}

#footeraddress {float: left; width: 149px; padding: 0px 0px 15px 25px;}

.footerlist {width:100px; float: left; font-weight: normal;}

.footerlist a:link {font-weight: normal; text-decoration: none;}
.footerlist a:hover {font-weight: bold; text-decoration: none;}
.footerlist a:visited {font-weight: normal; text-decoration: none;}

.footerlist ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3em;
}

.bullet {font-weight: bold; color: white;}

.zoek {clear: both; margin-bottom: 5px;}

.footer-section {font-weight: normal; color:black;}
.footer-section a:link {font-weight: bold; text-decoration: none; color:black;}
.footer-section a:hover {font-weight: bold; text-decoration: none; color:black;}
.footer-section a:visited {font-weight: bold; text-decoration: none; color:black;}



/*gallery*/

#containergallery {
	height:auto !important; /* real browsers */
	width: 850px;
	margin: 0 auto;
	background: rgb(255,255,255) url(http://www.degroenevaren.be/images/kriebels-licht.gif) bottom right no-repeat;
	}

#maingallery {width: 845px; height: auto; clear:both; min-height: 450px;}

XX#gallery {width: 845px; height: auto;float: left; clear:both;}

#footerinlinegallery {
	width: 850px;
	margin: auto;
	height: 100%;
padding-top:25px;
font-size: 10px;
	}