/* body */

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;

	font-family: Arial, sans-serif;
}

body {
	background: white;
}

p + p {
	margin-top: .8em;
}

h1, p, ul, a, {
	font-family: Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}


h2{

	color: #8A633B;
	font-family: "comic sans MS";
	margin-top: 0;
	margin-bottom: 0;
	font-size: 120%;
}

h3{

	color: #8A633B;
	font-family: "comic sans MS";
	margin-top: 0;
	margin-bottom: 0;
	font-size: 80%;
}

TD{
	font-family: Arial, sans-serif;
	color: #4D3110;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 80%;
}



/* kolommen */

div#top_logo {
	top:	0px;
	left:	389px;
	width:	391px;
	height:	115px;
	position: absolute;
}

div#menu {
	background: url(../images/menu/menu_background.jpg) no-repeat 0 195px;
	top:	127px;
	left:	0px;
	width:	173px;
	height:	463px;
	position: absolute;
}

div#main {
	background-color: #EFECE7;
	color: #4D3110;
	font-size: 80%;
	line-height: 120%;
	top:	127px;
	left:	175px;
	width:	605px;
	height:	462px;
	min-height:	452px;
	padding-top: 10px;
	padding-left: 17px;
	padding-right:30px;
	position: absolute;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:	558px;
	height:	452px;
}

html>body div#main {
	height:	auto;
}

div#main ul {
	margin-top: 0px;
	padding-left: 0;
}

div#main li {
	margin-left: 0px;
	padding-top: 10px;
}


div#main_tekst {
	background-color: #D8D8C8;
	color: #4D3110;
	font-size: 80%;
	line-height: 120%;
	top:	430px;
	left:	175px;
	width:	425px;
	height:	115px;
	padding-top: 12px;
	position: absolute;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:	115px;
}

div#main_adres {
	background-color: #F8F8E8;
	color:		#28283A;
	font-size:	70%;
	top:		545px;
	left:		175px;
	width:		425px;
	height:		43px;
	padding-top:5px;
	text-align: center;
	position:	absolute;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:	38px;
}

div#main_adres ul {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:	2px;
}

div#main_adres li {
	margin-left: 20px;
	padding-left: 0;
	display: inline;
}


div#logo {
	font-size: 60%;
	padding-left: 10px;
	text-align: right;
	top:	525px;
	left:	600px;
	width:	170px;
	height:	62px;
	position: absolute;
}

div#outdare {
	background-color: transparent;
	color: #9A9787;
	font-size: 60%;
	padding-left: 5px;
	text-align: left;
	top:	560px;
	left:	0px;
	width:	130px;
	height:	62px;
	z-index: 1;
	position: absolute;
}
/* classes*/

.vhg {
 float: right;
}
/* menu */

div#outdare a {
	border: 0px solid red;
	width: 173px;
	text-decoration: none;
	color: #9A9787;
}

div#outdare a:hover {
	border: 0px solid red;
	width: 173px;
	text-decoration: underline;
	color: #454233;
}

div#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#menu li {
	margin: 0;
	padding: 0;
}

div#menu a {
	border: 0px solid red;
	display: block;
	width: 173px;
	text-decoration: none;
}

div#menu a span {
		visibility: hidden;

}

div#menu a:hover {
	border: 0px solid green;
	width: 173px;
}

div#menu li#impressie, li#impressie a {
	background-image: url(../images/menu/menu_01.jpg);
	height: 52px;
}

div#menu li#impressie a:hover {
	background-image: url(../images/menu/menu_over_01.jpg);
}

div#menu li#diensten, li#diensten a {
	background-image: url(../images/menu/menu_02.jpg);
	height: 47px;
}

div#menu li#diensten a:hover {
	background-image: url(../images/menu/menu_over_02.jpg);
}

div#menu li#werkwijze, li#werkwijze a {
	background-image: url(../images/menu/menu_03.jpg);
	height: 49px;
}

div#menu li#werkwijze a:hover {
	background-image: url(../images/menu/menu_over_03.jpg);
}

div#menu li#contact, li#contact a {
	background-image: url(../images/menu/menu_05.jpg);
	height: 47px;
}

div#menu li#contact a:hover {
	background-image: url(../images/menu/menu_over_05.jpg);
}

div#menu li#materialen, li#materialen a {
	background-image: url(../images/menu/menu_04.jpg);
	height: 47px;
}

div#menu li#materialen a:hover {
	background-image: url(../images/menu/menu_over_04.jpg);
}


div#contact_main {
	background-color: #EFECE7;
	color: #4D3110;
	font-size: 80%;
	line-height: 120%;
	top:	0px;
	left:	0px;
	padding-top: 10px;
	padding-left: 17px;
	padding-right:30px;
	position: absolute;
}


ul.impressies {
   list-style: none;
   margin: 0 0 10px 0;
}

ul.impressies li {
   display: inline;
   padding: 0px 18px 0px 0px;
}

ul.impressies li a img{
   !margin: 10px 16px 10px 0;
}

div#main p.meer-fotos {
   font-size: 8px;
   font-family: verdana;
   text-align: right;
   padding-right: 30px;
}

a#verder {
	clear: both; 
	float: right; 
	font-size: 10px; 
	!margin-right: 50px;
}

#poweredby	{
display: none;
}

.gally a {
color: #8A633B;
}

.gally ul.impressies li a img{
   margin: 0px;
}