﻿/*GENERAL*/

*
{
	margin:0;
	padding:0;
}

html
{
	height:100%;
}

body
{
	height:100%;
	background-color: #CCCCCC;
	background-image: url(img/body_bg.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	color: #4C4C4C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#page
{
	width: 760px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background:White;
}

* html #page
{
	height: 100%;
}

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}

/*HEADER*/

#header
{
	height:150px;
	margin:0;
}

#header #logo
{
	position:absolute;
	z-index:20;
	height:77px;
	overflow:hidden;
	margin:15px;
}

#header #image
{
	display:block;
	position:absolute;
	right:0;
	height:254px;
	width:188px;
}

/*MENU*/

#page #menu
{
	position:absolute;
	z-index:30;
	top:110px;
	width:760px;
	border-top:solid 1px #b2b2b2;
	border-bottom:solid 1px #b2b2b2;
	text-align:center;
	background:White;
}

#page #menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#page #menu li a:hover
{
    background:#85a00b;
	color:White;
}

#page #menu li
{
	margin:0;
	float:left;
}

#page #menu li a
{
	padding-top:13px;
	float:left;
	height:28px;
	width:190px;
	display: block;
	text-decoration: none;
	text-align: center;
	color:#b2b2b2;
	font-size:x-small;
	font-weight:bold;
}

#page #menu .selected
{
	font-weight:bold;	
	background:#85a00b;
	color:White;
}

/* Hide from IE5-Mac \*/
#page #menu li a
{
float: none
}
/* End hide */


/*SIDEBAR*/

#sideBar
{
	display:block;
	position:absolute;
	right:0;
	top:180px;	
	width:24px;
	height:240px;	
}

/*CONTENT*/

#content
{
	padding-bottom:150px;
	/*Trick for ie7*/
	margin-bottom:109px;		
}

* html #content
{
	padding-bottom:150px;
	margin-bottom:109px;
}

#contentMain
{
	display:inline;
	clear:both;
	position:relative;
	float:left;
	margin-top:30px;
	margin-left:20px;
	width:530px;
	/*font-size:xx-small;
	letter-spacing:1px;
	line-height:25px;*/
	text-align:justify;
}

#contentMain p
{
	margin-bottom:15px;
}

#contentMain .title
{
	font-size:small;
	font-weight:bold;
	color:#85a00b;
}

#contentMain address
{
	display:block;
	font-style:normal;
}

/*FOOTER*/

#footer
{
	clear:both;
	position:relative;
	height:109px;
	margin: -109px auto 0 auto;
	width: 760px;
	font-size:medium;
	text-align:center;
	border:0;
	line-height:1.5em;
	background-image:url('img/footer.gif');
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	font-size:9px;
	letter-spacing:2px;
	color:White;
	font-weight:bold;
} 

/*A css hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top:-109px;	
}

#footer #address
{
	padding-top:80px;
}

#footer #valid
{
	display:block;
	position:absolute;
	right:0;
	width:755px;
	height:7px;
	color:#b2b2b2;
	text-align:right;
	padding-right:5px;
	margin-bottom:1px;
	font-size:7px;
}

#footer #valid a, #footer #valid a:visited
{
	font-size:7px;
	color:#b2b2b2;
	text-decoration:none;
}

#footer #address a, #footer #address a:visited
{
	color:White;
	text-decoration:none;
}

/*CLEAR CLASS*/

.clearer
{
	position:relative;
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/*CURRENT PROJECTS*/

.projectItem img
{
	margin-top:10px;
	float:left;
	width:100px;
}

.projectItem .text
{
	margin-left:10px;
	float:left;
}

.projectItem .description
{
	width:420px;
}

.projectItem .title
{
	font-size:small;
	font-weight:bold;
	color:#85a00b;
	width:420px;
}

.projectItem hr
{
	color:#b2b2b2;
}

/*EDVANHIERDEN*/

#ed img
{
	width:250px;
	float:left;
	margin:10px 10px 10px 0;
}

#right
{
	width:270px;
	float:right;
}

/*GOOGLE MAPS*/

#map
{
	width: 500px; 
	height: 300px;
}