/* ********************************************************************** 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; vertical-align: middle; }

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;
	cursor: pointer;
	top: 48px;
	left: 130px;
	letter-spacing: 0.15em;
/*  border: 1px solid green;   /* */
}

#stempel {
	display: block;
	position: absolute;
	left: 10px;
	top: 5px;
	height: 135px;
	width: 111px
}

img#logo{
	position: absolute;
	left: 748px;
	top: 12px;
	cursor: pointer;
}

/* *************************************************************************** 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: 470px;
	left: 0px;
	width: 110%;
	height: 100px;
}

div#container_rechts {
	position: absolute;
	width: 202px;
	left:790px;
	top: 0px;
	background-position: -550px 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#partners {
	width: 192px;
  height: 104px;
	overflow: hidden;
	position: absolute;
	left: 4px;
}
div#partners ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 6400px;
	height: 90px;
	position: relative;
	
}
div#partners ul li {
	border: 0px;
	height: 102px;
	width: 192px;
	float: left;
	overflow: hidden;
	margin: 0px;
	text-align: center;
}

div#content_login {
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #000000;
	text-align: right;
	height: 20px;
	width: 100%;
}

div#portfolio_slide {
	background-color: #FFFFFF;
	background-image: url("img/bg-content.jpg");
	position: absolute;
	height:510px;
	width: 330px;
	right: 0px;
	bottom: 20px;
	z-index: 1000;
	background-position: -520px 0px;
	display: none;
}

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;
}
div#container_img_slider,
div#img_slider {
	position: relative;
/*	height: 254px; */
	width: 340px;
	max-width:100%;
	float: right;
}

div#container_img_slider{
	border: 1px solid black;
}




/* ****************************************************************************** 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.on:link,
a.multipage.on:active,
a.multipage.on:visited,
a.multipage.on:hover,
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;
	line-height: 150%;
	background-color: #EEEEEE;
 	text-decoration: none;
	border:1px solid #999999;
	padding: 0 5px 0 5px;
}
a.multipagearrow.hide {
	color: #FFFFFF;
}
.multipage a:not(:last-child) { /*  */
	border-right: none !important;
}
a.multipagearrow:link,
a.multipagearrow:active,
a.multipagearrow:visited,
a.multipagearrow:hover {
	padding: 0 10px 0 10px;
}
a.multipagearrow.prev {
	-moz-border-radius-topright: 20px;	
	-moz-border-radius-bottomright: 20px;	
	border-bottom-left-radius: 20px;
	border-top-left-radius:    20px;
}
a.multipagearrow.next {
	-moz-border-radius-topleft: 20px;	
	-moz-border-radius-bottomleft: 20px;	
	border-bottom-right-radius: 20px;
	border-top-right-radius:    20px;
}
a.multipage.on:link,
a.multipage.on:active,
a.multipage.on:visited,
a.multipage.on:hover {
  background-color: #EEEEEE;
	color: #BEBEBE;
}
a.multipageon:link,
a.multipageon:active,
a.multipageon:visited,
a.multipageon:hover {
  font-weight: bold;
  text-decoration: none;
}

/* ***************************************************************************** forms */
#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: 258px;
}
#contactform select {
	margin: 3px auto;
}

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

/* ********************************************************************** 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
}