html {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

body{
 	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	min-height: 100%;
  width: 100%;
	background:#fff;
  background-image: url("../img/back.png");
 	font: 12px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
 	color: #000;
}

a {     
	outline: 0;  
}

img {
  border: 0px;
  margin: 0px 0px 0px 0px;
}

 
#outer{
  width: 883px; 
  margin: auto; 
	padding-bottom:30px;
	padding-left: 98px; 
	height: 100%;
}

#container{
  min-height:100%;
  position:relative;
  background-image: url("../img/backouter.png");
	background-repeat: repeat-y; 
	background-position:top;  
}

#header{
  width: 784px; 
  height: 172px; 
}

#header_menu{
	width: 196px;
	height: 172px;
	background-image: url("../img/backheader_menu.png");
	background-repeat: no-repeat; 
	background-position:top;  
	float: left;
}

#header_logo{
	width: 588px;
	height: 172px;
	background: #fff;
	float: left;
}

#logo{
	width: 248px;
	height: 93px;
	margin-left: 142px;
	margin-top: 28px;
}

#menu{
	width: 134px;
	height: 138px;
	margin-top: 34px;
	margin-left: 62px;
	background-image: url("../img/backmenu.png");
	background-repeat: no-repeat; 
	background-position:top;  
}

#menu ul {
	width: 134px; 
	height: 138px;
	padding: 10px 0px 0px 0px;
	list-style: none outside;
	margin-left: 10px;
}

#menu li a {
	height: 32px;
	color: #58595b;
	display: block;
	border: 0px;
}

#menu li a:link {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
 	color: #fff;
 	text-decoration: none; 		
}

#menu li a:visited {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	height: 32px;
	color: #fff;
	text-decoration: none; 		
}

#menu li a:hover {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	height: 32px;
	color: #000;
	display: block;
	text-decoration: none; 		
}

#menu li.menu-active a {
	height: 32px;
	color: #000;
	display: block;
}

#menu li.menu-active a:link {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
 	color: #000;
 	text-decoration: none; 		
}

#menu li.menu-active a:visited {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	height: 32px;
	color: #0000;
	text-decoration: none; 		
}

#menu li.menu-active a:hover {
	font: 16px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	height: 32px;
	color: #000;
	display: block;
	text-decoration: none; 		
}

#main{
	width: 784px; 
	overflow: auto;
	background-image: url("../img/backmain	.png");
	background-repeat: repeat-y; 
	background-position:top;  
}

#main_left{
	width: 196px;
	float: left;
	
}

#page_image{
	width: 171px;
	height: 469px;
}

#main_right{
	width: 588px;
	float: left;
}

#content{
	width: 488px;
	margin-left: 40px;
}

#page_titel{
	width: 488px;
	text-align: center;
}

#content h1{
	font: 24px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	color: #ed1d24;
	font-weight: bold;
}

#content h3{
	font: 18px Arial, Verdana, Trebuchet MS, Helvetica, sans-serif; 
	color: #ed1d24;
}

#content h5{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000;
	font: 13px Verdana, Arial, Trebuchet MS, Helvetica, sans-serif; 
	text-decoration: none; 		
	font-weight: bold;
	line-height: 18px;
}

#content p{
	margin: 0px 0px 0px 0px;
	padding: 0px 45px 20px 0px;
	color: #000;
	font: 12px Arial, Trebuchet MS, Helvetica, sans-serif; 
	text-decoration: none; 		
	line-height: 18px;
}

#content p a:link{
	color: #000;
	font: 12px Arial, Trebuchet MS, Helvetica, sans-serif; 
	text-decoration: underline; 		
	line-height: 18px;
}

#content p a:visited{
	color: #000;
	font: 12px Arial, Trebuchet MS, Helvetica, sans-serif; 
	text-decoration: underline; 		
	line-height: 18px;
}

#content p a:hover{
	color: #ed1d24;
	font: 12px Arial, Trebuchet MS, Helvetica, sans-serif; 
	text-decoration: underline; 		
	line-height: 18px;
}

#footer{
  position:absolute;
  bottom:0;
  width:100%;
  height:30px;   /* Height of the footer */
}

#footer-container{
	width: 784px; 
	margin: auto; 
}

#footer_left{
	width: 196px; 
	float: left; 
}

#footer_right{
	width: 588px; 
	float: left; 
}

#footer_left p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #595a5c;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none; 		
}

#footer_left p a:link{
	color: #595a5c;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
}

#footer_left p a:visited{
	color: #595a5c;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
}

#footer_left p a:hover{
	color: #ed1d24;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
}

#footer_right p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #ed1d24;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none; 		
}

#footer_right p a:link{
	color: #ed1d24;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none; 		
}

#footer_right p a:visited{
	color: #ed1d24;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none; 		
}

#footer_right p a:hover{
	color: #000;
	font: 11px Arial, Trebuchet MS, Verdana, Helvetica, sans-serif; 
	text-decoration: none; 		
}

.imgref{
	margin-top: 0px;
}

.referentie_fotos{
	width: 488px;
	margin-bottom: 20px;
	overflow: auto;
}

.ref_foto{
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}