/* @group Boxes */
/* @group Header */

/* ---->> Omvattende container "ALLE DIVS" <<---- */
#container {
  text-align: left;
  margin: 0 auto;
  width: 960px;
}

/* ---->> Omvattende container "TOP DIVS" <<---- */
#top {
	width: 960px;
	height: 130px;
	display: block;
	background: #C2FFC2 url(DesignerImages/header_bg.jpg) no-repeat;  

}



/* ---->> BEGIN TOP DIVS <<---- */

	/* ---- Container Blok links ---- */
	/*#blockleft {
		float: left;
		width: 600px;
		height: 30px;
		background: #F6464B url(DesignerImages/blockleft.jpg) no-repeat;
		margin: 0px;
		padding: 0px;
	}*/
	
		/*#title {
			padding-left: 160px;
			line-height: 30px;
			font-weight: bold;
			color: white;
			text-transform: uppercase;
			font-size: 12px;
			border: 1px solid greenyellow;
		}*/
	
	/* ---- Container Zoek ---- */
	
	#zoeken {
		width: 158px;
		height: 100px;
		clear: both;
		float: right;
		margin-right: 20px;
/*	        margin-top: 60px; livesearch
		background: black; */
	}

	/* ---- Container Blok ANIMATIE FOTO's ---- */
	/*#blockright {
		float: right;
		width: 150px;
		height: 150px;
		margin: 0;
		padding: 0;
		background: transparent;
	}*/
	
	/* ---- Container GEKOPPELD IMAGE ---- */
	#image {
		float: left;
		width: 600px;
		height: 150px;
		overflow:hidden;
		background: #000000 url(DesignerImages/image.jpg) no-repeat;
	}
/*
#fotodia {
	position: absolute;
	margin-top: 70px;
	margin-left: 480px;
	z-index: 100;  */
}

/* ---->> EINDE TOP DIVS <<---- */

/* @end */
/* @group Content */

#crumbcf {
	color: #cee2f0;
	font-size: 11px;
	height: 20px;
	margin-bottom: 15px;
}

#crumbcf a,
#crumbcf a:link,
#crumbcf a:visited,
#crumbcf a:active {
	color: #F6464B;
	font-size: 10px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans serif;
}

#crumbcf a:hover {
	color: #F7E5E5;
	cursor: pointer;
	text-decoration: none;
}



/* ---->>Omvattende container "Content frame"<<---- */

#content {
	display: table;
	_display: block;
	margin-bottom: 10px;
	height: auto;
	_height: 100%;
	width: 960px;
/*	background: white url(../DesignerImages/content_patroon);  */
	background:  url(DesignerImages/achtergrond.gif) repeat;  
	zoom: 1;
}

	/* ---- Container "Linkermenu"---- */
	#left {
		float: left;
		width: 240px;
		display: block;
		min-height: 150px;
		height: auto; 
		margin-top: 10px;
		padding: 0;
		background: #F7F8B4;
	}
	
	#spatie {
		clear: both;
		height: 10px;
	}

	/* ---- Container "Middenpagina" CONTENT ---- */
	#main {
 		float: left;
  		width: 540px;
  		min-height: 270px;
  		height: 100%;
  		display: block;
	}

		#maincontent {
			padding: 10px 20px 10px 20px;
			text-align: left !important;
		}

	/* ---- Container "Rechtermenu"---- */
	#right {
 	 	float: left;
  		width: 180px;
		height: auto; 
  		padding: 0px;
  		margin-top: 10px;
  		background: #F7F8B4;
	}
	

/* ---- Container "Footer"---- */
#footer {
	/*clear: both;*/
	height: 40px;
	width: 960px;
	text-align: right;
	color: #F6464B;
	font-size: 10px;
	display: table;
	_display: block;
	padding-right: 10px;
	border-top: 1px solid #F6464B;
	background: none;
	font-family: Arial, Verdana, Helvetica;
}

* html body #footer {
	bottom: -1px;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #F6464B;
	text-decoration: none;
	cursor: pointer;
}

#footer a:hover {
	color: #10E52F;
	text-decoration: none;
	cursor: pointer;
}

/* @end */
/* @end */

/* @group Livesearch */

#livesearch {
	padding-top: 4px;
	_padding-top: 3px;
	*padding-top: 2px;
	z-index: 100;
}

#livesearch input {
	padding-left: 3px;
	_padding-left: 14px;
	margin-top: 5px;
	font-family: Arial, Verdana, Helvetica;
	height:  15px;
	width: 150px;
	color: #000000;
	border: none;
	background: #F7F8B4;
}

#spotlightresults {
	display: none;
	position: absolute;
	width: 458px;
	margin-left: 480px;
	margin-top: 70px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #F6464B;
	background: #F7F8B4;
	opacity: 0.9;
	z-index: 110;
	font-family: Arial, Verdana, Helvetica;
}

/* ---- ALGEMENE OPSOMMING resultaten --- */

#spotlightresults ul, 
#spotlightresults ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* ---- U VINDT NIET WAT U ZOEKT OMVATTENDE DIV--- */

#zoekhulpdiv {
	border-bottom: 1px solid #F6464B;
	width: auto;
	height: auto;
	background: #F7F8B4;
}

/* ---- U VINDT NIET WAT U ZOEKT TEKST --- */

#spotlightresults .zoekhulp {
	color: #F6464B;
	font-size: 12px;
	font-weight: normal;
}

/* ---- MEER HULP BIJ ZOEKEN LINK --- */

#spotlightresults .zoekhulp a,
#spotlightresults .zoekhulp a:link,
#spotlightresults .zoekhulp a:visited,
#spotlightresults .zoekhulp a:active {
	color: #F6464B;
	text-decoration: none;
	letter-spacing: normal;
	border-bottom: none;
	font-weight: bold;
	text-transform: none;
	font-size: 11px;
}

#spotlightresults .zoekhulp a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: none;
	display: block;
	text-transform: none;
}

/* ---- CATEGORIE van resultaten --- */

#spotlightresults ul li {
	border-top: 1px solid #fff;
	background: #F6464B;
	color: #fff;
	padding: 0;
	display: block;
	margin: 0;
}

/* ---- MARGE ONDER de resultaten van een categorie --- */

#spotlightresults ul ul {
	margin-bottom: 3px;
}

/* ---- ACHTERGROND RESULTATEN --- */

#spotlightresults ul li ul li {
	background: #F7F8B4;
	padding: 0;
	margin: 0;
	display: block;
}

/* ---- RESULTAAT --- */

#spotlightresults ul li ul li a,
#spotlightresults ul li ul li a:link,
#spotlightresults ul li ul li a:visited,
#spotlightresults ul li ul li a:active {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #F6464B;
	padding-left: 0;
	display: block;
	background: #F7F8B4;
	padding-right: 10px;
}

/* ---- IE HOOGTE RESULTAAT Correctie --- */

* html #spotlightresults ul li ul li a {
	height: 15px;
}

#spotlightresults ul li ul li a:hover {
	color: #000000;
}

/* @end */


/* @group Hilites Linkerkant */

/* @group Peiling */

.barprompt {
  font-weight:bold;
}
.bar {
  background: #006ab3;
  height: 12px;
  width: 1px;
  margin: 1px 0 0 1px;
}
.perc {
  color: #006ab3;
  text-align:right;
  width: 55px;
  padding: 0 2px 0 2px;
}

#poll {
	clear: both;
	float: left;
	width: 240px;
}

#pollheader h1 {
	background: transparent url(DesignerImages/h1_hilite_links.jpg) no-repeat 0 0;
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
	margin: 0;
	line-height: 30px;
	font-family: Arial, Verdana, Helvetica;
	padding-left: 10px;
}

#polltext {
	color: #e5f0f7;
	font-family: Arial, Verdana, Helvetica;
}

.pollvraag {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 10px 10px 0 10px;
	line-height: 20px;
}

#my_poll {
	padding: 10px;
}

.pollanswers {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	margin-top: 3px;
	padding-bottom: 5px;
	height: 15px;
}

.pollradio {
	float: left;
	vertical-align: middle;
}

.pollradio input[type=radio] {
	width: 13px !important;
	margin: 0 7px 0 0;
}

.pollradio input.formradio {
	_width: 13px !important;
	_margin: 0 7px 0 0;
	_border: none; 
}

#polllink {
	
}

.stembutton {
	float: right;
	margin-top: 13px;
	margin-bottom: 4px;
}


/* @end */

/* @group Calendar */

#calendar {
	margin-bottom: 10px;
	display: block;
}

#kalender h1 {
	background: transparent url(DesignerImages/h1_hilite_links.jpg) no-repeat 0 0;
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
	margin: 0;
	line-height: 30px;
	font-family: Arial, Verdana, Helvetica;
	padding-left: 10px;
}

#calendarwidget table {
	font-size:10px	;
	width: 240px;
	display: table;
	_display: block;
	border-collapse: collapse;
}

#calendarwidget tr {
	_height: 23px;
	_text-align: center;	
}

#calendarwidget td {
	margin:1px;
	/*text-align:right;	*/
	vertical-align: middle;
	_height: 23px;
	height:2em;
	width: 2em;
	border-bottom: 1px solid #000000 !important;
}

#calnext {
	width: auto;
	height:20px;
	cursor:  pointer;
	margin-right: 5px;
	display: block;
	background: transparent url(DesignerImages/calnext_f1.jpg) no-repeat right center;
	vertical-align: middle;
}

#calnext:hover {
	background: transparent url(DesignerImages/calnext_f2.jpg) no-repeat right center;
	vertical-align: middle;
}

#calprev {
	width: auto;
	height:20px;
	margin-left: 5px;
	cursor:  pointer;
	display: block;
	background: transparent url(DesignerImages/calprev_f1.jpg) no-repeat left center;
	vertical-align: middle;
}

#calprev:hover {
	background: transparent url(DesignerImages/calprev_f2.jpg) no-repeat left center;
	vertical-align: middle;
}

#calendarwidget td.current {
	text-align:center;
	background: #C4E29A;
}

#calendarwidget .event {
	font-weight:  bold;
	background: transparent url(DesignerImages/kalender_event.jpg) no-repeat center center !important;
	cursor: pointer;
}

#calendarwidget td.current.event {
	background: transparent url(DesignerImages/kalender_currentevent.jpg) no-repeat center center;
	cursor: pointer;
}

#calendarwidget td.selected {
	text-align:center;
	color:white;
	font-weight: bold;
}

#calendarwidget td.calhead {
	text-align:center;

}
#calendarwidget td.calweekhead {
	text-align:center;
}
#calendarwidget td.caldayhead {
	text-align:center;
}
#calendarwidget td.calwedayhead {
	text-align:center;
}
#calendarwidget td.calweek {
	text-align:center;
}
#calendarwidget td.calday {
	text-align:center;
}
#calendarwidget td.calweday {
	text-align:center;
}

#calendarwidget #titlehead {
	font-weight: bold !important;
	width: auto;
	text-align: center;
}


#kalender_specials {
	width: 240px;
}

#kal-nav {
	height: 25px;
	width: 230px;
	margin: 10px 5px 10px 5px;
	display: block;
	color: #F6464B;
	font-size: 10px;
}

#kal-nav a.terug-n-vandaag,
#kal-nav a.terug-n-vandaag:link,
#kal-nav a.terug-n-vandaag:visited,
#kal-nav a.terug-n-vandaag:active {
	cursor: pointer;
	width: 105px;
	height: 25px;
	text-align: left;
	float: left;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-maand-f1.jpg) no-repeat 0 0;
}

#kal-nav a.terug-n-vandaag:hover {
	color: #C4E29A;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-maand-f2.jpg) no-repeat 0 0;
}

#kal-nav a.meld-event,
#kal-nav a.meld-event:link,
#kal-nav a.meld-event:visited,
#kal-nav a.meld-event:active {
	cursor: pointer;
	width: 105px;
	height: 25px;
	text-align: right;
	float: right;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-activiteit-f1.jpg) no-repeat 0 0;
}

#kal-nav a.meld-event:hover {
	color: #C4E29A;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(DesignerImages/butt-activiteit-f2.jpg) no-repeat 0 0;
}

.datumkalender {
	color: #000000;
	font-size: 12px;
}

/* @end */


/* @end */




/* @group Hilites Rechterkant */

#hilite {
	clear: both;
	float: left;
	width: 180px;	
}

.hilite_right {
	font-family: Arial, Verdana, Helvetica;
	overflow-x: hidden;
}

.hilite_right h1 {
	background: transparent url(DesignerImages/h1_hilite_rechts.jpg) no-repeat 0 0 ;
	color: #FFFFFF;
	font-size: 12px;
	height: 30px;
	margin: 0;
	line-height: 30px;
	padding-left: 10px;
}

.hilite_right h2 {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 10px 0 10px;
	line-height: 20px;
}

.hilite_right h3 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 15px;
}

.evenementtekst {
	color: #F6464B;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
	margin-top: 3px;
	padding-bottom: 5px;
	display: block;
	padding-left: 10px;
}

.hilite_right a,
.hilite_right a:link,
.hilite_right a:visited,
.hilite_right a:active {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 0 10px 0 10px;
	margin-bottom: 10px;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
	display: block;
}

.hilite_right a:hover {
	color:  #F6464B;
}

.hilite_right a:selected {
	color:  #F6464B;
}


#partner {
	width: 180px;
	height: 77px;
	margin-top: 5px;
	background: transparent url(DesignerImages/partners.jpg) no-repeat 0 0; 
/*	background: url(DesignerImages/partners.jpg) no-repeat; */
}





#logo {
	width: 180px;
	height: 232px;
	margin-top: 0px;
	background: transparent url(DesignerImages/logo.jpg) no-repeat 0 0;
}


/* @end */

/* @group Fotoalbum */

.phototitle {
	margin-bottom: 13px;
}

.thumbnails {
	float: left;
	padding: 0 !important;
	margin: 0;
	/*width: 550px;*/
	margin-bottom: 10px;
}

.tnimage {
	float:left;
	width: 75px;
	height: 65px;
	/*margin: 0 10px 10px 0;*/
	margin: 0 5px 5px 0;
	cursor: hand;
	cursor: pointer;
	border: 1px solid #cad5e0 !important;	
}

/* @end */

/* @group Category */

/* ---- Category links weergave van categorylink in content --- */

#categorylinks,
#categoryleader,
.categorythumb {
	
}

/* OPSOMMING CONTRUCTIE in de categorie */

#categorylinks ul,
#categoryleader ul,
.categorythumb ul {
	margin: 10px 0 0 0;
	padding: 0;
}

/* OPSOMMING CONTRUCTIE in de categorie */

#categorylinks li,
#categoryleader li,
.categorythumb li {
	margin: 0;
	padding: 0;
	clear: both;
	list-style: none outside !important;
	height: auto;
}

/* SUBTITEL in de categorie */

#categorylinks h3,
#categoryleader h3,
.categorythumb h3 {
	font-size: 14px;
	margin: 0px;
	color: #000000;
	line-height: 20px;
	font-weight: bold;
}

/* LINKS in de categorie */

#categorylinks a,
#categoryleader a {
	color: #000000;
	text-decoration: none !important;
	letter-spacing: normal;
	border-bottom: none;
	font-weight: bold;
	text-transform: none !important;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px solid #414343;
	padding-bottom: 10px;
	text-align: left;
}

#categorylinks a:hover {
	color: #000000;
}

/* Overkoepelende DIV Leader en Thumbnais */

.categorythumb {
	margin-bottom: 10px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 10px;
}

.catthumbleader {
	float: left;
	width: 380px;
	padding-left: 20px;
	background: #C2FFC2;
	display: block;
}

/* LEADER MET THUMB in de categorie */

.catthumb {
	float: left;
	margin-top: 5px;
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #C2FFC2;
}

.categorythumb .catthumbleader a {
	color: #006ab3;
	text-align: right;
	text-decoration: none !important;
	letter-spacing: normal;
	border-bottom: none;
	font-weight: bold;
	text-transform: none !important;
	font-size: 12px;
	display: block;
}

/* @end */

#honing {
  display:  none;
}