body{
	font: 12px verdana ;
	margin: 0;
	overflow: auto;
	background: #2E3320 url(../img/background.gif) repeat-x
}

a{ text-decoration: none; }
h2{font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px;}

#framework{
	width: 900px;
	left: 50%;
	margin-left: -450px;
	margin-top: 13px;
	position: relative
}

#text h2 {
	_margin-top: 10px;
	^margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	height: 30px;
	display: inline;
	width: 350px;
	_width: 370px;
	^width: 370px;
	float: left;
	font-size: 30px;
	visibility: hidden;
	margin-bottom: 4px;
	_margin-bottom: -10px;
	^margin-bottom: -10px;
}


#header{
	width: 100%;
	height: 154px;
	display: block;
	background: #007875 url(../img/header.gif) right no-repeat
}

#nav{
	width: 100%;
	height: 38px;
	background: #9BCC65
}

/* NAVIGATIE */
#nav ul {
	list-style-type: none; 
	margin: 0;
	padding: 0
}

#wrapper{
	width: 100%;
	height: 422px;
	overflow: hidden
}

#picture{	
	position: absolute;
	z-index: 0
}

#picture img{
	width: 900px;
	height: 422px
}

#content, #text{
	width: 402px;
	height: 380px;
	position: absolute;
	z-index: 999;
	margin: 18px;
	text-align: justify

}

#content{
	background: #000
}

#text a {
text-decoration: none!important;
}

.transparant{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

table{
	color: #FFF;
	line-height: 20px;
	font-size: 11px;
}

#text{
	width: 330px;
	^width: 335px;
	color: #FFF;
	line-height: 19px;
	padding: 30px;
	font-size: 11px;
	padding-top: 10px;
	filter:alpha(opacity=120);
	-moz-opacity:1.2;
	-khtml-opacity: 1.2;
	opacity: 1.2;
}


img.zoom{
	width: 200px;
	height: 200px;
}

#footer{
	width: 100%;
	height: 60px;
	background: #007875 url(../img/footer.gif) right no-repeat;
	line-height: 60px;
	color: #FFF;
	text-indent: 55px
}

#footer a{
	color: #FFF
}

#footer a:hover{
	text-decoration: underline
}

#nav ul li {
	float: left
}

#nav ul li a {
	display: block; 
	text-align: center;
	width: 110px;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	color: #007875; 
	text-transform: uppercase
}

/* Current page Customisations*/
#nav li.menu-current a{color: #fff}

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 160px; height: 38px; display: none; z-index: 999999}
#nav .menu li ul li {z-index: 10; }
#nav .menu li ul a {width: 160px;  font-size: 11px; text-align: left; background: #9BCC65; text-indent: 23px}

/* 2nd Child link hover */
#nav .menu li ul a:hover {text-decoration: underline}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block}
#nav .menu li ul ul { display: none}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block}

p.nixhier{
	display: none
}

.field_title{
	width: 150px;
}

input, textarea{
	width: 200px;
	border: solid 1px #000
}

.submit{
	width: 100px
}

.terug, #text a{
	color: #FFF;
	text-decoration: underline
}

a.projecten {
width: 320px;
display: block;
height: 22px;
padding-left: 35px;
line-height: 22px;
text-decoration: none!important;
text-transform: uppercase;
background: url(../img/projecten.png) left no-repeat;
background-position: 0px -6px;
margin-bottom: 0px;
cursor: poiter;
overflow: hidden;
}

#img{
	width: 120px;
	padding: 20px;
	height: 342px;
	^height: 380px;
	position: absolute;
	z-index: 999;
	margin-top: -2px;
	margin-left: 400px;
	text-align: justify;
	overflow: hidden;
} 

#img a {
padding: 0;
cursor: pointer;
}

.realisation {
text-align: center;
color: #758350;
line-height: 35px;
}

.realisation a {
text-decoration: none;
color: #758350!important;
}

.projecten a {text-decoration: none;}
