
/* ------------------------------------------------
	template 6
--------------------------------------------------- */
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:#F4F5F6; 
	background-image: transparent;
	background-position: top center;
	background-repeat:no-repeat;
}
/* CONTAINER ----- */
#container {
	position: relative;
	z-index: 0;
	width: 960px;
	margin-top:0px !important;
	margin-left:auto;
	margin-right:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	clear:both;
	background-color: null; 
}
/* HEADER ------- */
#header {
	position: relative;
	z-index:0;
	width:932px;
	min-height:56px;
	height:auto !important;
	/*height:56px;*/
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
} 
#kleurbalk {
  	position: relative;
	z-index:0;
	height:1px;
	width:932px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}
/* SIDEBAR ------- */
#sidebar {
	position:relative;
	z-index:0;
	width: 293px;
	height:auto;
	float: left;
	display: inline;
	margin: 8px 10px 0px 14px; /* 25 45 */
	text-align:left;
	font-style: normal;
	background-color: null; 
	overflow-x: hidden;
}
#sidebarnews {
	margin: 5px;
	padding: 10px 5px 10px 5px;
	min-height:150px;
	height:auto !important;
	height:150px;
	overflow-x: hidden;
}	
/* BUTTONS ------- */
#hoofdnavigatie, #subcategorie {
  	position:relative;
	z-index:99;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
  	width: 932px;
	text-align:center;
}
#subcategorie {
	z-index:0;
	height:50px;/* 60 */
}
#hoofdnavigatie ul, #subcategorie ul {
	list-style-position: inside;
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
}
/*
#hoofdnavigatie ul li, #subcategorie ul li {
	width: auto;
	margin: 0px 10px 0px 0px;
	text-align:left;
	float:center;
	display:inline;
}
.buttons a, .buttons a:hover, #subcategorie ul li a { 
	text-decoration: none;
}
*/
/* DROPDOWNMENU ------------ */
ul.dropdown { 
 	position: relative;
 	z-index: 0;
	padding:5px;
	white-space:nowrap;
	text-align:center;
}
.dropdown li, #subcategorie ul li { 
	display:inline; 
	float:center;
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding:5px 0px 5px 0px;
}
ul.dropdown .fly {
	display:none; /* hide this */
}
 /* level 2 */
.dropdown ul { /* all underneaf first level) */
	background-color:#FFFFFF;
	padding:2px;
	margin:0px;
	display:inline-block; 
	display:block;
	text-align:left;
} 
ul.dropdown li li {
	float:none;
	display:block;
	padding:1px 5px 1px 5px;
	font-size:12px;
	line-height:normal;
}
ul.dropdown li li a {
	color: #9CA6B4;
}
ul.dropdown li li a:hover {
	color: #7B889B;
}
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;
}
#main {
	position:relative;
	z-index:0;
	width: 960px; /*932px;*/
	height:auto;
	margin: 0px auto; /*30px */
	text-align:center;
	
}
#mainspacer {
	position:relative;
	z-index:0;
	text-align:left;
	margin:14px 15px 0px 15px;
	overflow-x: hidden;
	overflow:auto;
	text-align:left;
	
}
#itemgroot {
	position:relative;
	z-index:0;
	width: 540px;
	height:auto;
	margin:0px auto;
	text-align:left;
}
#itemgroot h1 {
	text-align:center;
}
.cropimg, .cropimg img {
	width:293px;
	margin: 5px 0px 5px 0px;
}
.cropimgwidth {
	width:291px !important;
}
.cropimgheight {
	height: 218px !important;
	margin:auto;
}
.imgbg {
	position:relative;
	z-index:0;
	width:293px;
	margin: 0px 0px 15px 0px;
	overflow:hidden !important;
	text-align:center;
}
.imgbg img, .imgbg a img {
	overflow:hidden;
	border: 1px solid #FFFFFF !important;
}
#fotogroot {
	width: 540px;
	text-align:center;
	margin:0px 0px 15px 0px;
}
#fotogroot img {
	height:auto;
	border:0px;
}
#content-org { /* original width for js */
	width:293px;
	margin-top:0px;
}
.floatmainarticle {
	position:relative;
	z-index:0;
	width:293px;
	height:auto;
	float:left;
	display:inline;	
	margin:4px 15px 20px 12px;*/
	text-align:left;
	overflow-x: hidden;
	
}
.contentmargin {
	margin: 0px 0px 0px 0px;
	text-align:left;
}
#item-org { /* original width for js */
	width:293px;
	margin-top:15px;
}
	.floatitem {
		position:relative;
		z-index:0;
		width: 293px;
		height:auto;
		float:left;
		display:inline;	
		margin:0px 15px 20px 12px;
		text-align:left;
		overflow-x: hidden;
		
	}
#mainfoto {
	position: relative;
	z-index:0;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
#mainfoto, #mainfoto img {
	width:932px;
}
.cleararticle {
	clear:both;
}
#navigatiebalk {
	z-index:0;
	position:relative;
	margin: 20px 0px 0px 15px;
	width:100%;
	clear:both !important;
	padding-bottom:3em; /* bottom padding for footer */
}
#socialmedia {
	text-align:left;
	margin: 20px 0px 0px 15px;
	padding-bottom:3em; /* bottom padding for footer */
}
/* TEASER ----- */
.navi {
	margin-top: -22px;
}
#teaser, #nieuwsslider-container, #tabs-container { 
	position:relative;
	z-index:0;
	overflow: hidden; 
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	height: 460px;
	text-align:left;
	background-color: ;
}
#tabs-container {
	background-color:transparent;	
}
/* FOOTER ------ */
#footer { /* zorg dat container vlak goed uitvult */
	position:absolute;
	left:0;
	z-index:0;
	width:100%;
	bottom:0; /* stick to bottom */
	margin: 7px 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 {
	/*z-index:0;*/
	position:relative;
	float:left;
	display:inline;
	width:336px;
	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;font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
}
#header, #header a, #header a:hover {
	color: #9CA6B4;
}
#kleurbalk { 
	background-color: null; 
}
#hoofdnavigatie {
	background-color: null;
}
.buttons, #sidebarnews li {
	color: #9966FF; 
}
.buttons a, #mainfoto a, #subcategorie a {  
	color: #9CA6B4; 
}
.buttons a:hover, #buttonselected a, #mainfoto a:hover, #subcategorie a:hover { 
	color: #7B889B; 
}
.buttons ul li, #mainfoto ul li, #sidebar ul li, #subcategorie ul li {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;font-family: Arial, Helvetica, sans-serif;
	line-height: 40px; 
}
.buttons {
	line-height: 40px; 
}
/* SIDEBAR ----- */
#sidebarnews {
	color: #0E0E0E;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;font-family: Arial, Helvetica, sans-serif;
	line-height: normal; 
}
#sidebarnews span, #sidebarnews a, #sidebarnews h1 { 
	color: 646464; 
	text-decoration: none;	
}
#sidebarnews a:hover, #sidebarselected a {	
	color: #660000;	
	text-decoration: none;	
}
/* MAIN TITLE ---- */
#main {
	color:#929292;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px; 
}
#main h1, #main a, .error, ul#tabs a {	
	color: #787A81;	
}
#main a:hover, ul#tabs a:hover {	
	color: #660000; 
}
#main h1 {
  	font-size: 12px;
	font-style: normal;
	font-weight: bold;font-family: Arial, Helvetica, sans-serif;
	line-height: 18px; 
	margin:0px 0px 10px 0px;
}
#main h2 {
	color: #222222;	
  	font-size: 18px;
	font-style: normal;
	font-weight: bold;font-family: Arial, Helvetica, sans-serif;
	line-height: normal; 
	margin:0px 0px 5px 0px;
}
.blog {
	clear:both;
}
.blog, .blog h2 {
	font-size: 9px !important;
	line-height:normal;
	color:#929292;
}
.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:#929292;	
}
.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: 460px;
	overflow:hidden;
}
#teaser .tekst {
	width:902px;
}
#teaser, #nieuwsslider-container, #tabs-container, #teaser .item, #teaser .item img {
	width:932px;
}
/* NIEUWSSLIDER -------------- */
#nieuwsslider {
	display:inline;
	float:left; 	
}
#nieuwsslider .item { 
	display: block; 
	margin:0;
}
#nieuwsslider, #nieuwsslider .item {
	position:relative;
	z-index:0;
	width:672px;
	height: 460px;
	overflow:hidden;
}
#nieuwsslider .item img {
	width:672px;
}
#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: 490px;
}
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:460px;
    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 --------------- */ 

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