/* ********************************************************************** general stuf */
html, body     { margin:0px; padding:0px; width:100%; height:100%;}
img.pngfix     { behavior: url(js/iepngfix.htc) }
div            { position: relative;  }
img            { border: 0px; }

div#c_v { /* centreer verticaal */
	float:left;
	width:100%;
	height:50%;
	min-height: 350px;
	margin-bottom:-335px; /* de helft van de hoogte */
/*  background-color: magenta;   /* */
}

div#c_h { /* centreer horizontaal */
	clear:both; /* c_v */
	float:left;
	height:50%;
	width:50%;
	margin-right:-500px; /* de helft van de breedte */
/*  background-color: purple;   /* */
}

div#bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-height: 700px;
	min-width: 1000px;
	background-image: url('img/bg.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
/*  background-color: purple;   /* */
}

h5                  {color: #000000; font-size: 42px; font-weight: bold; margin:0px;}
h6                  {color: #000000; font-size: 12px; font-weight: bold; margin:0px;}

/* ************************************************************************* container */
div#container {
	position: relative; /* c_v */
	float: left; /* c_v */
	width: 1000px;
	height: 670px;
/*  border: 1px solid green;   /* */
}
/* **************************************************************************** header */
div#container_header,
div#container_content,
div#container_footer  {
	z-index: 1; /*ivm wegvallen achtergrond IE 9*/
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: 140px;
	background-color: #FFFFFF;
/*  border: 1px solid green;   /* */
}

div#container_header{
	background-image: url('img/header.gif');
	background-repeat: repeat-x;
}

div#language {
	top: 5px;
	left: 5px;
}

div#content_header {
	width: 850px;
	position: absolute;
	top: 12px;
	left: 115px;
	text-align: left;
	letter-spacing: 0.07em;
/*  border: 1px solid green;   /* */
}

div#content_titel {
	position: absolute;
	top: 55px;
	left: 0px;
	width:790px;
	text-align: center;
	letter-spacing: 0.15em;
/*  border: 1px solid green;   /* */
}

img#logofrl{
	position: absolute;
/*	right: -10px; */
	top: -140px;
	border-left:1px solid grey;
	border-bottom:1px solid grey;
}
img#logopuntfrl{
	position: absolute;
	height:200px;
	right: -30px;
	top: -185px;
}

/* *************************************************************************** content */

div#container_content, /* basis-instelling bij container_header */
div#container_rechts {
	height: 510px;
}

div.anker {
	left: 0px;
	clear:both;
}

div.lees_verder {
	background-image: url('img/bg-lees_verder.png');
	background-repeat: repeat-x;
	position: absolute;
	height: 50px;
	width: 100%;
	top: 460px;
	left: 0px;
	font-weight: bold;
}

div.terug {
	background-image: url('img/bg-lees_verder.png');
	background-repeat: repeat-x;
	position: absolute;
	top: 460px;
	left: 0px;
	width: 110%;
	height: 100px;
}

div#container_rechts {
	position: absolute;
	width: 202px;
	left:790px;
	top: 0px;
	background-position: -620px 0px;
}

ul.nieuws {
	margin:0px;
	font-size: 11px;
	height: 485px;
	overflow: hidden;
}
ul.nieuws li {
	float: left;
	list-style:none;	
/*	height: 102px !important;
	height: 100px;
*/	
	height: 102px;
	padding:4px;
	width:192px !important;
	width:200px;
	background:#f5f5f5; /*ededed is kleur bg content*/
	border:1px solid #cccccc;
	margin:0px 0px 10px 0px;
	overflow: hidden;
	font-size: 11px;
}
ul.nieuws  li.nieuws:hover {
	border:1px solid #555555;
	background:#ededed;
}

div#content_mobiel {
	position: absolute;
	bottom: -2px;
	left: -8px;
	color: #000000;
	text-align: left;
	height: 50px;
	width: 50px;
	z-index: 5000;
}

div#container_footer { /* basis-instelling bij container_header */
	background-color: transparent;
	text-align: right;
	height: 20px;
	line-height:20px;
/*	border: 1px solid green;   /* */
}

div#container_footer a{
	color: #888888;
	text-decoration: none;
}

div.internal_link div.terug {
	display: none;
}

div.nieuws {
	padding: 0px 2px 0px 2px;
	height: 50px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 4px;
}
div.nieuws:hover {
	background-color: #FFFFFF;
}
div.nieuws_datum {
	float: right;
}
div.lees_meer_nieuws {
	background-image: url('img/bg-lees_verder.png');
	background-repeat: repeat-x;
	position: absolute;
	height: 50px;
	width: 100%;
	top: 20px;
	left: 0px;
	line-height: 30px;
}

/* ****************************************************************************** list */
div.date {
	margin: 0px;
	float: right;
	white-space: nowrap;
}
div.multipage {
	width:100%;
	float: left;
	text-align:center;
	font-weight: bold;
	margin-bottom:5px;
}
a.multipage:link,
a.multipage:active,
a.multipage:visited,
a.multipage:hover {
}
a.multipagearrow:link,
a.multipagearrow:active,
a.multipagearrow:visited,
a.multipagearrow:hover {
	display: inline-block;
	text-align: center;
	font-size: larger;
	font-family: Arial;
	height: 15px;
	line-height: 110%;
	background-color: #EEEEEE;
 	text-decoration: none;
	border:1px solid;
	border-radius:20px;
	-moz-border-radius:20px;	
	padding-left:10px;
	padding-right:10px;
}
a.multipageon:link,
a.multipageon:active,
a.multipageon:visited,
a.multipageon:hover {
  font-weight: bold;
  text-decoration: none;
}

/* ***************************************************************************** forms */
div#contactform,
div#reactieform {
	width:400px;
}

#contactform label,
#reactieform label {
  width: 120px;
  float: left;
  text-align: left;
  margin: 3px 1px 3px 0px;
/*  background: #888888; /* */
}
#contactform select,
#contactform input,
#contactform textarea,
#reactieform select,
#reactieform input,
#reactieform textarea,
input,
textarea {
  background: #eee;
  border: 1px solid #6e7694;
  margin: 3px auto;
  width: 260px;
}
#contactform select {
		height: 17px;
		width : 200px;
    font-size: 11px;
		background: #EEEEEE;
		border: 1px solid #777777;
		margin: 1px;
		padding-right:2px;
		padding-left: 2px;
}
#contactform button,
#contactform select,
#contactform .autowidth {
		width : auto;
}

#contactform select {
		padding-right:0px;
}
#contactform textarea {
		margin-left: 0px;
		height:100px;
		width: 260px;
}
#contactform .checkbox {
		height: auto;
		width : auto;
		background: none;
		border: none;
		margin: 2px 2px 0px 2px;
}

/* let op linkjes, inputs etc. in deze laag: position:relative; ! */
a {position: relative; }

/* ***************************************************************** guestbook/respond */
div.guestbook_item {
	font-size: 12px;
	float: left;
	width: 100%;
	border-top: 2px solid #D1D1D1;
}
div.respond_header,
div.respond_body,
div.respond_footer {
	padding:2px;
	float: left;
/*  border:1px solid blue;/* */
}
div.respond_header {
	width: 170px;
}
div.respond_body {
	width: 390px;
/*  border:1px solid red;/* */
}
div.respond_footer {
	width: 100%;
	border-top: 2px solid #D1D1D1;
/*  border:1px solid yellow;/* */
}

/* ********************************************************************** slider stuff */
.easy-accordion{
	display:block;
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0
}
.easy-accordion dt,
.easy-accordion dd{margin:0;padding:0}
.easy-accordion dt,
.easy-accordion dd{position:absolute}
.easy-accordion dt{
	top: 0px;
/*	margin-bottom:0;
	margin-left:0; */
	z-index:5;
/* 	-webkit-transform: rotate(360deg); /* Safari */
/* 	-moz-transform: rotate(360deg);/* Firefox */
/* 	-moz-transform-origin: 20px 0px;  /* Firefox */
/* 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);/* Internet Explorer */
	cursor:pointer;
}
.easy-accordion dd{
	z-index:1;
	opacity: 0;
  overflow: hidden;
}
.easy-accordion dd.active{opacity:1;}
.easy-accordion dd.no-more-active{z-index:2;opacity:1}
.easy-accordion dd.active{z-index:3}
.easy-accordion dd.plus{z-index:4}
.easy-accordion .slide-number{
	position:absolute;
	bottom:0;
	left:10px;
	font-weight:normal;
	font-size:1.1em;
/* 	-webkit-transform: rotate(360deg);/* Safari */
/* 	-moz-transform: rotate(360deg);/* Firefox */ 
/* 	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* Internet Explorer */
}
 
/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
#accordion,
#accordion dl,
#accordion dt {
	top: 0px;
	margin: 0px;
	padding: 0px;
	width:780px;
	height:510px;
}
#accordion dl {
	left: 10px;
}

#accordion dt {
	display: none; /* set to block in utility.js*/
	background-image: url('nav/nav-bg.jpg');
	width: 40px;
}

#accordion dt.active{
	background-image: url('nav/nav-bg_on.jpg');
	cursor:pointer;
	overflow: hidden;
}
#accordion dt.active.hover{ }

#accordion dt.click-off{ }
#accordion dt.no-more-active{ }
#accordion dt.hover{ }

#accordion dd{
	display: none; /* set to block in utility.js*/
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url('img/bg-content.jpg');
}
#accordion dd.no-more-active{}
#accordion dd.active{}
#accordion dd.plus{}

#accordion .slide-number{
	left:10px;
	font-weight:bold
}
#accordion .active .slide-number{
	color:#FFFFFF;
}

img.nav {
	position: absolute;
	top: 15px;
}

div.mr {
	margin: 0px 10px 0px 0px;
}

/*#accordion dd img{
	float:right;
	margin:0 0 0 30px;
}
*/

#accordion .more{
	padding-top:10px;
	display:block
}