/* ---------------------------------------
		template 4
------------------------------------------ */
html {
	background-image: none;
	background-position: top left;
	background-repeat:repeat;
	height:100%;
}
body { 
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center; /*fix IE bug: center*/
	min-height:100%;
	height:100%;
	background-color:#F5F6F3; 
	background-image: none;
	background-position: top left;
	background-repeat:repeat;
}
/* CONTAINER ------ */
#containertop, #containerfooter {
	display:none;
}
#container {
	position: relative;
	z-index: 0;
	width: 1000px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top:0px !important;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #F5F6F3;
}
#header, .buttons, #mainfoto { 
	background-color: #F5F6F3; 
}
/* HEADER ------ */
#header {
	position: relative;
	z-index:0;
	width:972px;
	min-height:56px;
	height:auto !important;
	/*height:56px;*/
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align: right;
	vertical-align: middle;
	background-color:#F5F6F3;
} 

#kleurbalk {
  	position: relative;
	z-index:0;
	height:1px;
	width:972px;
	margin-left:auto;
	margin-right:auto;
}
/* SIDEBAR ----- */
#sidebar {
	position:relative;
	z-index:0;
	width: 218px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 9px !important;
	text-align:left;
	font-style: normal;
	overflow-x: hidden;
}
#sidebarnews {
	margin: 5px;
	padding: 0px 5px 10px 5px;
	min-height:100%;
	overflow-x: hidden;
}
/* BUTTONS ----- */
#hoofdnavigatie {
  	position:relative;
	z-index:99;
	margin-left:auto;
	margin-right:auto;
  	width: 972px;
}
#hoofdnavigatie:after { /*fix height floating menu */
   content: ".";
   clear: both;
   visibility: hidden;
   height: 0 ;
}
.buttons ul, #mainfoto ul, #sidebar ul {
	list-style-position: inside;
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
}
#mainfoto ul {
	padding-bottom:10px;
}
.buttons ul li, #mainfoto ul li, #sidebar ul li {
	width: auto;
	margin: 0px 10px 5px 0px;
	text-align:left;
}
.buttons ul li {
	float:left;
	display:inline;
}
.buttons a, .buttons a:hover, #sidebar ul li a  { 
	text-decoration: none;
}

/* DROPDOWNMENU ------------ */
ul.dropdown { 
 	position: relative;
 	z-index: 0;
	padding:5px;
	white-space:nowrap;
	text-align:left;
}
.dropdown li { 
	display:inline; 
	float:left;
	list-style: none;
	margin: 0px 10px 5px 0px;
	padding:0px;
}
ul.dropdown .fly {
	display:none; /* hide this */
}
 /* level 2 */
.dropdown ul { /* all underneaf first level) */
	background-color:#323232;
	padding:2px;
	margin:0px;
	display:inline-block; 
	display:block;
} 
ul.dropdown li li {
	float:none;
	display:block;
	padding:1px 5px 1px 5px;
	font-size:11px;
	line-height:normal;
}
ul.dropdown li li a {
	color: #AFAF9B;
}
ul.dropdown li li a:hover {
	color: #FFFFFF;
}
ul.dropdown li:hover {
 	position: relative;
 	z-index: 999;
}
ul.dropdown ul { /* fly out */
	position: absolute;
	z-index: 999;
 	visibility: hidden;
 	top: 20px;
 	left: 0px;
}
ul.dropdown li:hover > ul { /* toon level 2 */
 	visibility: visible;
}

/* MAIN ------ */
.floatimg {
	position: relative;
	float:left; 
	margin: 5px 10px 5px 0px;
}
.cropimg, .cropimg img {
	width:970px !important;
	margin: 5px 0px 5px 0px;
}
.cropimgwidth {
	width:970px !important;
}
.cropimgheight {
	height: 318px !important;
	margin:auto;
}
.imgbg {
	position:relative;
	z-index:0;
	width:972px;
	margin: 0px 0px 15px 0px;
	overflow:hidden !important;
	text-align:center;
}
.imgbg img, .cropimgwidth img, .cropimgheight img, .cropimgwidth2 img, .cropimgheight2 img, .foto2 img,
.imgbg a img, a .cropimgwidth a img, .cropimgheight a img, .cropimgwidth2 a img, .cropimgheight2 a img, .foto2 a img {
	overflow:hidden;
	border: 1px solid #F5F6F3 !important;
}
#main {
	position:relative;
	z-index:0;
	width: 763px;
	height:auto;
	margin: 0px 0px 0px -5px;
	text-align:left;
	float: left;
	display: inline;
}
#mainspacer {
	position:relative;
	z-index:0;
	margin:10px 0px 0px 15px;
	
}
#content-org { /* original width for js */
	width:365px;
	margin-top:0px;
}
.floatmainarticle {
	position:relative;
	z-index:0;
	width: 972px;
	height:auto;
	float:left;
	display:inline;	
	margin:0px 0px 0px 16px;
	overflow-x: hidden;
	
}
.contentmargin {
	margin: 0px 0px 0px 0px;
}
#item-org { /* original width for js */
	width:972px;
	margin-top:0px;
}
	.floatitem {
		position:relative;
		z-index:0;
		width: 972px;
		height:auto;
		float:left;
		display:inline;
		margin:0px 0px 0px 16px;
		overflow-x: hidden;
		
	}
#mainfoto {
	position: relative;
	z-index:0;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width: 972px;
	min-height: 140px;
	height:auto;
}
#mainfoto img {
	width: 972px;
}
.cleararticle {
	clear:left;
}
#navigatiebalk {
	z-index:0;
	margin: 20px 0px 0px 16px;
	clear:both !important;
	padding-bottom:3em; /* bottom padding for footer */
}
#socialmedia {
	margin: 20px 0px 0px 16px;
	padding-bottom:3em; /* bottom padding for footer */
}
/* TEASER ----- */
.navi {
	margin-top: -35px;
}
#teaser, #nieuwsslider-container, #tabs-container  { 
	position:relative;
	z-index:0;
	height: 220px; 
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	text-align:left;
	background-color: ;
}
#tabs-container {
	padding-top:20px;
	background-color:#F5F6F3;	
}
/* FOOTER ------ */
#footer { /* zorg dat container vlak goed uitvult */
	position: absolute;
	z-index:1;
	width:100%;
	bottom:0;
	margin: 7px 0px 0px 0px;
	left:0px;
	padding: 10px 0px 10px 0px;
	clear: both;
	text-align:center;
	font-size: 9px;
}
#footer a, #footer a:hover { 
	color:#A4A4AC;
	text-decoration: none;
}
#footer a {
	text-decoration: underline;
}
/* FORMULIER ----- */
.floatinputfield {
	position:relative;
	float:left;
	display:inline;
	width:536px;
	line-height:normal;
	margin: 2px 10px 0px 0px;
}
/* ------------
	algemeen 
--------------- */
a, a:hover {
	text-decoration:none;
}
a img, img {
	border: none;	
}
.sidebarnews h1 {
	font-size:18px;
	line-height:24px;
}
#keepheight {
	float:right;
	display:inline;
	width:1px;
	height:156px;
	overflow:hidden;
}
#bgimg {
	position:fixed;
	z-index:0;
	left:0px;
	top:0px;
}
/* HEADER ----- */
#header {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 34px;
}
#header, #header a, #header a:hover {
	color: #323232;
}
#kleurbalk { 
	background-color: #F5F6F3; 
}
#hoofdnavigatie {
	background-color: ;
}
.buttons, #sidebarnews li {
	color: #9966FF; 
}
.buttons a, #mainfoto a, #subcategorie a {  
	color: #F5F6F3; 
}
.buttons a:hover, #buttonselected a, #mainfoto a:hover, #subcategorie a:hover { 
	color: #FFFFFF; 
}
.buttons ul li, #mainfoto ul li, #sidebar ul li, #subcategorie ul li {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px; 
}
.buttons {
	line-height: 14px; 
}
/* SIDEBAR ----- */
#sidebarnews {
	color: #222222;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px; 
}
#sidebarnews span, #sidebarnews a, #sidebarnews h1 { 
	color: #6F6F6F; 
	text-decoration: none;	
}
#sidebarnews a:hover, #sidebarselected a {	
	color: #222222;	
	text-decoration: none;	
}
/* MAIN TITLE ---- */
#main {
	color:#171F00;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px; 
}
#main h1, #main a, .error, ul#tabs a {	
	color: #222222;	
}
#main a:hover, ul#tabs a:hover {	
	color: #003366; 
}
#main h1 {
  	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: 14px; 
	margin:0px 0px 10px 0px;
}
#main h2 {
	color: #969696;	
  	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	line-height: normal; 
	margin:0px 0px 5px 0px;
}
.blog {
	clear:both;
}
.blog, .blog h2 {
	font-size: 9px !important;
	line-height:normal;
	color:#171F00;
}
.blog h2 {
	margin:10px 0px 0px 0px;
}
.blog label {
	float:left;
	display:inline;
	width:80px;
	margin: 2px 10px 0px 0px;
}
#footer, #footer a, #footer a:hover { 
	color:#171F00;	
}
.thumbnail {
	height:40px;
	width:auto;
	border: 1px solid #FFFFFF;
	margin: 0px 5px 5px 0px;
}
a .thumbnail{
	opacity:0.90; 
	filter:alpha(opacity=90);
}
a:hover .thumbnail{
	opacity:1 !important; 
	filter:alpha(opacity=1) !important;
}
a:visited .thumbnail{
	opacity:0.70; 
	filter:alpha(opacity=70);
}	
/* CONTENT BLOK ---- */
.imgpos_left, .imgpos_right {
	display: table-cell;
	vertical-align: top;
	min-height:100%;
	height:auto !important;
	backgrund-color:#ccc;
}
.imgpos_left .cropimg, .imgpos_right .cropimg {
	margin:5px 5px 5px 0px;
	float:none;	
	width:95%;	/*resize img*/
}
.imgpos_right .cropimg, .imgpos_right .floatimg , .imgpos_floatright .cropimg, .imgpos_floatright .floatimg { 
	margin:5px 0px 5px 5px !important;
}
.imgpos_floatright {
	float:right;
	display:inline;	
}
.imgpos_top, .imgpos_bottom {
	width:100%;	
}
.imgpos_top img, .imgpos_bottom img {
	float:none;	
}
.textpos {
	display: table-cell;
	vertical-align: top;
	height:auto;	
}
/* EXTRA OPMAAK ELEMENTEN --- */
.floatleft {
	float: left;
	display: inline;
	margin: 0px 5px 5px 0px; 
}
.floatright {
	float: right;
	display: inline;
	margin: 0px 0px 5px 5px; 
}
.floatnone {
	clear:both;
	margin: 0px 0px 5px 0px; 
}
.clearcontentblok {
	clear:both;
	height:30px;
}
/* FORMULIER ---------- */
label {
	position:relative;
	float:left;
	display:inline;
	width:140px;
	margin: 2px 10px 0px 0px;
	line-height:normal;
	overflow-x:hidden;
}
.error {
	z-index:99999;
	height:15px;
	background-color:#FF6600;
	border:1px solid #FF6600;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;
	-mor-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-mor-box-shadow: 0 0 6px #ddd;
	-webkit-box-shadow: 0 0 6px #ddd;
	box-shadow: 0 0 6px #ddd;
}
.error p {
	margin:0;
	padding:0;
	font-weight:bold;	
}
.error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF6600 transparent transparent;
	position:absolute;
	bottom: -7px;
	left:5px;
	border-bottom: 0 none;	
}
#formulier textarea,
#formulier input:not([type="submit"]),
#zoekfunctie input:not([type="submit"]){
	background-color:#E5E5E1;	
}
#formulier textarea:focus,
#formulier input:not([type="submit"]):focus,
#zoekfunctie input:not([type="submit"]):focus{
	background-color:#fff;	
}
.nietingevuld {
	background-color:#d0d0ca !important;	
}
/* ZOEK ----------------- */
form {
	margin:0px;
	padding:0px;
}
#zoekfunctie {
	z-index:2;
	position:absolute;
	left:5px;
	top:0px;
	text-align:right;
	width:120px;
	font-size:12px;	
	color:#000;
}
#zoekfunctie input:not([type="submit"]) {
	width:80px;
	max-width:80px;
	font-size:12px;	
}
#zoekfunctie input {
	float:left;	table-layout:fixed;
}
/* TEASER --------------- */
.navi {
	z-index:99 !important;
	position:absolute;
	width:100px;
	height:15px;
}
.navi a {
	width:8px;
	height:8px;
	float:left;
	display:block;
	margin:3px;
	background:url("navigator.png") 0 0 no-repeat;
	font-size:1px;	
}
.navi a:hover {
	background-position:0 -8px;	
}
.navi a:active {
	background-position:0 -16px;	
}
#teaser .items, #nieuwsslider .items {
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	float:left;	
}
#teaser .tekst, #nieuwsslider .tekst, #tabs-panel .tekst {
	position:absolute;
	z-index:1;
	display:block;
	margin:30px 15px;
	background-color:transparent;
}
#nieuwsslider .tekst, #tabs-panel .tekst {
	left:0px;
}
#teaser .item { 
	display: block; 
	margin:0;
	height: 220px;
	overflow:hidden;
}
#teaser .tekst {
	width:942px;
}
#teaser, #nieuwsslider-container, #tabs-container, #teaser .item, #teaser .item img {
	width:972px;
}
/* NIEUWSSLIDER -------------- */
#nieuwsslider {
	display:inline;
	float:left; 	
}
#nieuwsslider .item { 
	display: block; 
	margin:0;
}
#nieuwsslider, #nieuwsslider .item {
	position:relative;
	z-index:0;
	width:712px;
	height: 220px;
	overflow:hidden;
}
#nieuwsslider .item img {
	width:712px;
}
#nieuwsslider-navi {
	position:relative;
	width: 260px;
	height:100%;
	margin:0;
	padding:0;
	float:left;
	background-color: ;
	list-style-position: inside;
	list-style-type: none;
	list-style: none;
}
#nieuwsslider-navi li {
	cursor:pointer;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#nieuwsslider-navi li.active {
	background-color:;
}
.nieuwsslider-introtekst {
	width: 130px;
	float:right;
	clear:both;
}
#nieuwsslider-navi img {
	width:100px;
	margin:5px;
	vertical-align:middle;
}
/* TABS ---------- */
#tabs-container {
	height: 250px;
}
ul#tabs {
    list-style:none;
    margin:0;
    padding:0;
    height:30px;
}
ul#tabs li {
    list-style-image:none;
	float:left;
    padding:0;
    margin:0;
    text-indent:0;
}
ul#tabs a {
    position:relative;
    top:0px;
	margin:0px;
	padding:0px 7px 0px 7px;
	display:block;
    height: 30px;
    line-height:30px;
    text-align:center;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	background-color:;
}
ul#tabs a:hover {
   background-color:;
}
ul#tabs a.current, ul#tabs a.current:hover, ul#tabs li.current a {
    background-color:;
    cursor:default !important;
}
#tabs-panel div {
    display:none;
    height:220px;
    background-color:;	
}


.twitter-share-button {
	float:left;
	display:inline;
	margin-right:15px;	
}
/* ACCORDION ------------ */
.icon-plus, .icon-min, .icon2-plus, .icon2-min, .icon3-plus, .icon3-min, .icon4-plus, .icon4-min {
	width:11px;
	height:15px;
	float:left;
	display:block;
	margin-right:5px;
	background-image: url("../../img/vast/t1_plus.gif") !important;
	background-repeat: no-repeat;
	background-position: left 2px;
	display: block;
	float:left;
	margin-right:5px;	
}
.icon-min {
	background-image: url("../../img/vast/t1_min.gif") !important;
}
.icon2-plus {
	background-image: url("../../img/vast/t2_plus.gif") !important;
}
.icon2-min {
	background-image: url("../../img/vast/t2_min.gif") !important;
}
.icon3-plus {
	background-image: url("../../img/vast/t3_plus.gif") !important;
}
.icon3-min {
	background-image: url("../../img/vast/t3_min.gif") !important;
}
.icon4-plus {
	background-image: url("../../img/vast/t4_plus.gif") !important;
}
.icon4-min {
	background-image: url("../../img/vast/t4_min.gif") !important;
}
.ui-accordion-content {
	margin: 0px 0px 10px 0px;
	padding-bottom: 5px;	
}
/* DRAG ----------------- */
.draglayer a {
	color:#FF0000;
}
.draglayer h1 {
	font-size:18px;
	color:#333;
	text-align:center;
	margin:0px 0px 10px 0px;
}
.draglayer {
	position:absolute;
	z-index:99;
	width:260px;
	top:60px;
	left:150px;	
	padding:10px;
	cursor:move;
	text-align:left;
	border: 4px ridge #999;
	background-color:#E3E3E6;
}
.draglayer img {
	vertical-align:middle;
}
/* SITE CSS --------------- */ #container {
  background: #F5F6F3 none repeat-y 50% 0;
}
#header {
  text-align:left;
  min-height: 30px;
  margin:10px 0px 0px 20px;
}
/* highlight background-color niveau 1 */
ul.dropdown li, ul.dropdown li:hover {
   background-color:#323232;
}
ul.dropdown li:hover a {
   color:#F5F6F3;
}
ul.dropdown li:hover a:hover {
  color:#ccc;
}
ul.dropdown li, ul.dropdown li li {
 padding:1px 3px 1px 3px; 
}
ul.dropdown ul {
  top:16px;
}
#mainfoto {
  min-height:70px;
}
.imgbg {
  text-align:left;
}
#fancybox-content {
  border: 0px solid #F5F6F3 !important;
}
#fancybox-outer, .fancybox-title-inside {
  background: #F5F6F3 !important;
}
.fancybox-title-outside {
  color: #F5F6F3 !important;
}
#fancybox-bg-n, #fancybox-bg-ne, #fancybox-bg-e, #fancybox-bg-se, #fancybox-bg-s, #fancybox-bg-sw, #fancybox-bg-w, #fancybox-bg-nw {
  background-image:none !important;
}

/* PAGE CSS --------------- */