@charset "UTF-8";

body, html {
	background:#613348;
	margin:0;
	height:100%;
	font:13px Arial, Helvetica, sans-serif;
	color:#37404c;
	line-height:16px;
}

ul, p, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}

img {
	padding:0;
	list-style:none;
	border:0;
}

a {
	font-weight:bold;
	color:#37404c;
	text-decoration:underline;
}

h1 {
	text-transform:uppercase;
	font:23px Arial, Helvetica, sans-serif;
	padding:5px 0 0;
	line-height:80px;
}

h2 {
	text-transform:uppercase;
	font:16px Arial, Helvetica, sans-serif;
	line-height:46px;
	margin:0 0 10px;
}

h3 {
	text-transform:uppercase;
	font:24px Arial, Helvetica, sans-serif;
	padding:5px 0 0;
	line-height:80px;
}

h4 {
	padding:0 0 6px;	
}

#container {
	width:980px;
	margin:0 auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:url('/img/bg.jpg') repeat-y left top;
	position:relative;
}

#header {
	height:399px;
	background:url('/img/bg_top.jpg') no-repeat left top;
	padding:26px 54px 0 53px;
	margin:0 0 18px;
}

#header .logo {
	float:left;
}

#header p {
	color:#58434c;
	float:right;
	height:46px;
	font:20px Arial, Helvetica, sans-serif;
	line-height:46px;
	text-transform:uppercase;
}

#menu {
	background:url('/img/menu_bg.gif') no-repeat 124px 50px;
	overflow:inherit !important;
	overflow:hidden;
	padding:35px 0 14px 1px;
	width:872px;
	float:left;
	z-index:99;
}

  #menu li {
    float: left;
    display: block;
    	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:45px;
	text-align:center;
	position:relative;
	z-index:400;
	width: 124px;
  }

  #menu li a {
    position: relative;
    padding: 0;
    display: block;
    width: 124px;
    color: #333;
    text-decoration:none;
  }

  #menu li a:hover, #menu li a.active {
    background: url('/img/menu.png') no-repeat left top;
    color: #fff;
    margin:0 0 0 -1px;
    width:125px;
    display:block;
  }  
  #menu li.active a {
    background: url('/img/menu.png') no-repeat left top;
    color: #fff;
    margin:0 0 0 -1px;
    width:125px;
    display:block;
  }  

  #menu li ul {
    left : -999em;
    position : absolute;
    margin:0 0 0 -1px;
    z-index:500;
    
  }

  #menu li ul li { width: 200px;height:33px; z-index:100;}

  #menu li ul a, #menu li.active ul a {
    width : 200px;
    padding : 0px;
    background:#592f43;
	border-top:solid 1px #a08890;
    line-height:33px;
     color: #fff;
     margin:0;
    font-weight : normal;
    text-transform:none;
  } 

  #menu li ul a:hover {
   background:#592f43;
    width:200px;
    margin:0;
    color: #fff;
  }

  #menu li:hover ul, #menu li.sfhover ul {
    left: 0;
    top:36px;
  }

#photo {
	height:259px;
	clear:both;
	background:url('/img/header.jpg') no-repeat left top;
}

#photo img {
	position:absolute;
	top:315px;
	left:90px;
	z-index:10;
}

#blocks {
	padding:0 47px 0 53px;	
}

#blocks div {
	width:179px;
	float:left;
	margin:0 7px 0 0;
	height:225px;
	padding:0 17px;
	text-align:center;
	color:#fff;
	position:relative;
}

#blocks p {
	text-align:left;	
}

div.blauw {
	background:url('/img/block_blauw.png') no-repeat left top;
}
div.groen {
	background:url('/img/block_groen.png') no-repeat left top;	
}
div.oranje {
	background:url('/img/block_oranje.png') no-repeat left top;	
}
div.rood {
	background:url('/img/block_rood.png') no-repeat left top;	
}

#blocks div a {
	position:absolute;
	bottom:10px;
	left:42px;
}

#left_big {
	float:left;
	padding:0 0 0 76px;
	width:830px;
}
#left {
	float:left;
	padding:0 0 0 76px;
	width:540px;
}

#left p, #left_big p {
	margin:0 0 15px;	
}

/* Contact */
div#contact { float: left; width: 600px; line-height: 30px; }
div#contact h2 { margin-bottom: 1.5em; }

form#contactform label { display: block; }
form#contactform label.error { color:red; }
form#contactform input.text { width: 345px; border: 1px solid #abadb3; height:20px; }
form#contactform input.error { border: 1px solid red; }
form#contactform textarea.textarea { width: 345px; height: 125px; border: 1px solid #abadb3; }
form#contactform input.submit { float: right; }

#right {
	float:right;
	padding:0 74px 0 0;
	width:250px;
}

#right .block {
	padding:0 0 18px;
	overflow:hidden;
	display:block;
	clear:both;
	min-height:76px;
	height:auto !important;
	height:76px;
}

#right .block img {
	float:left;	
	margin:0 10px 0 0;
	width:78px;
	height:76px;
}

#right h4 a {
	text-decoration:none;	
}


#left p.inleiding {
	font-weight:bold;
	margin:0 0 13px;
}


#footer_wrap {
	clear:both;	
	height:204px;
}

#footer {
	height:89px;
	background:url('/img/bg_bottom.jpg') no-repeat left top;
	font:12px Arial, Helvetica, sans-serif;
	color:#af9fb1;
	padding:15px 54px 0 53px;
	bottom:0;
	left:0;
	position:absolute;
	width:872px;
}

#footer p {
	line-height:64px;
	float:left;
}

#footer img {
	float:right;
	margin:8px 0 0;
}

#footer a {
	color:#af9fb1;
	text-decoration: none;
	font-weight: normal;
}