html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: url(../images/body_bg.jpg) left top repeat;
	height: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}

p{
	margin:0px;
	padding:0px;
}

a {
	text-decoration: none;
	color: #333764;
}
h1{
	font:18pxArial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px 0px 15px 0px;
	padding:0px;
}

h2 {
	font-size:16px;
	margin:0;
	color:#FFFFFF;
}

h5 {
	font-size:14px;
	margin:20px 0 20px 0;
}

a:hover {
	color: #969899;
}

img {
	border: none;
}

input{
	 border: none;
	 border-bottom:1px dotted #666666;
	 width:190px;
	 margin-left:10px;
}
textarea{
	 border: none;
	 border:1px dotted #666666;
	 width:240px;
	 margin-left:10px;
	 height:80px;
}

ul{
	margin:0px 0px 12px 0px;
	padding:0px;
}

li{
	margin:0px 0px 0px 14px;
	padding:0px;
}

table, td, tr{
	width:500px;
	margin:0px;
	padding:0px;
	border:none;
}

td.type{
	font-weight:bold;
	width:100px;
}

td.type{
	width:100px;
}
td{
	padding-left:8px;
}


#geheel {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0px;
}

#site {
	margin: 0px auto;
	position: relative;
	width: 963px;
	height: 487px;
}

#menu_boven {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 264px;
	height: 86px;
	border-right: 1px solid #8a8c8d;
	background: #FFF;
}

#menu_boven img {
	margin: 22px 0px 0px 11px;
}

#menu_midden {
	position: absolute;
	left: 0px;
	top: 87px;
	width: 264px;
	height: 192px;
	border-right: 1px solid #8a8c8d;
	background: #FFF;
	z-index: 1;
}

.menuknop {
	width: 228px;
	height: 23px;
	background: url(../images/menubutton_bg.jpg) left top repeat-x;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	border-right: 1px solid #8a8c8d;
}

#menu_midden a.current{
	color:black;
}

#menu_onder {
	position: absolute;
	left: 0px;
	top: 279px;
	height: 37px;
	border-right: 1px solid #8a8c8d;
}

#info {
	position: absolute;
	left: 135px;
	top: 332px;
	width: 120px;
	height: 20px;
	color: #333764;
	font-size:12px;
}

#info div {
	float: left;
	padding: 3px 10px 0px 0px;
}

#inhoud_container {
	position: absolute;
	left: 265px;
	top: 0px;
	width: 627px;
	height: 479px;
	background: #FFF;
	border-right: 1px solid #8a8c8d;
	z-index: 0;
}

#scrollbar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 627px;
	height: 444px;
	overflow: auto;
	z-index: 1;
}

#inhoud {
	width: 517px;
	height: 414px;
	padding: 21px 25px 0px 45px;
}

#adres {
	position: absolute;
	left: 265px;
	bottom: 0px;
	width: 627px;
	height: 35px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

#actie_rechtsboven {
	position: absolute;
	left:326px;
	top: 0px;
	width: 70px;
	height: 379px;
	z-index: 0;
}

.foto{
	float:right;
	margin: 3px 0px 5px 5px;
}
.vestigingen{
	width:539px;
	padding-top:150px;
}
.hor_1{
	position:absolute;
	left:55px;
	top:245px;
}
.hor_2{
	position:absolute;
	left:260px;
	top:40px;
}
.horren{
	margin-left:135px;
	margin-top:164px;
}
.tekst_horren{
	position:absolute;
	left:260px;
	top:375px;
}
.black_overlay{
          display: none;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color:#9ea2bb;
          z-index:1001;
          -moz-opacity: 0.8;
          opacity:.80;
          filter: alpha(opacity=80);
}

.white_content {
          display: none;
          position: absolute;
          top: 47%;
          left: 50%;
          width: 650px;
          height: 495px;
		  margin-left:-275px;
		  margin-top:-240px;
          background-color: white;
          z-index:1002;
          overflow: auto;
}
#light{
	text-align:center;
}
.form_footer{
	margin-left:128px;
	margin-top:3px;
}
.verzenden{
	width:91px;
	height:14px;
}

.referentiebox {
	position:relative;
	float:left;
	width:166px;
	height:120px;
	margin-right:4px;
	margin-bottom:4px;
}
.referentie {
	position:relative;
	float:left;
	width:100%;
	height:195px;
	margin-bottom:7px;
	border-bottom: solid 1px #9094B9;
}

.referentie_img {
	position:relative;
	float:left;
	width:166px;
	height:100px;
}

.referentie_tekst {
	position:relative;
	float:left;
	width:166px;
	height:17px;
	padding-top:3px;
	background:#9094b9;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

a.ref {
	color:#FFFFFF;
}


.referentiebox_vervolg {
	position:relative;
	float:left;
	width:250px;
	height:188px;
	margin-right:10px;
	margin-bottom:10px;
}

.referentiebox_vervolg2 {
	position:relative;
	float:left;
	width:250px;
	height:188px;
	margin-right:0px;
	margin-bottom:10px;
}

.ref_tekst {
	position:absolute;
	width:200px;
	height:130px;
	margin-left:35px;
	margin-top:26px;
	color:#FFFFFF;
}

.ref_pijl {
	position:absolute;
	width:21px;
	height:20px;
	top:26px;
	left:6px;
	background:url(../images/refpijl.jpg);
}

.actiebalk {
	position:absolute;
	width:62px;
	height:480px;
	right:8px;
	background:url(../images/actiebalk.gif);
	cursor:pointer;
}

/**************** Menu ****************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	text-align: 	left;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index: 1;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		.70em 0em .05em 3em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#9094b8;
}
.sf-menu li {
	background:		#FFF;
}
.sf-menu li li {
	background:		#FFF;
	text-align: 	left;
}

.sf-menu li li a {
	padding: 4px 10px 4px 10px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	color: 			#969899;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	border: 		1px solid #969899;
	width: 			150px;
}
.sf-shadow ul.sf-shadow-off {
	background: 	transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:			264px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:			264px; /* match ul width */
	top:			0;
	width:			150px;
	border: 		1px solid #969899;
}
.sf-sub-indicator{
	text-align: right;
}