﻿html {
	height: 100%;
}


/* STANDAARD HTML-ELEMENTEN */
body {
	margin: 0px;
	background: #fff;
}
body,
input,
select,
textarea {
	color: #333333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
.invoer {
    height: 18px;
    width: 296px;
    background-color: #e4c9e3;
    border: 1px solid #93278f;
}
.invoerSmall {
    height: 18px;
    width: 146px;
    background: #e4c9e3;
    border: 1px solid #93278f;
    color: #333333;
}

.invoerSmall.wit {
    color: #ffffff;
}

.invoerXSmall {
    height: 18px;
    width: 194px;
    background-color: #e4c9e3;
    border: 1px solid #93278f;
    color: #333333;
}
.invoerXSmall.wit {
    color: #ffffff;
}
.invoerarea {
    height: 90px;
    width: 296px;
    background-color: #e4c9e3;
    border: 1px solid #93278f;
}
.invoerareaBig {
    height: 90px;
    width: 466px;
    background-color: #e4c9e3;
    border: 1px solid #93278f;
}
.knop {
    height: 24px;
    width: 297px;
    border: none;
    background: url(/images/bg-knop.gif) top left no-repeat;
    color: #ffffff;
    cursor: hand;
}
.knopSmall {
    height: 24px;
    width: 200px;
    border: none;
    background: url(/images/bg-knop-small.gif) top left no-repeat;
    color: #ffffff;
    cursor: hand;
}
.bladerKnop {
	width: 300px;
	height: 20px;
    border: 1px solid #93278f;
	color: #FFFFFF;
	background-color: #e4c9e3;
}

a:link,
a:visited,
a:active {
	text-decoration: underline;
	color: #333333;
} 
a:hover {
	text-decoration: none;
}
img,
table {
	border: 0px;
}
p {
	margin: 0px 0px 0px 0px;
}
ul,
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
li {
	padding: 0px 0px 0px 10px;
	background: url(/images/list.gif) 0px 9px no-repeat;
}
h1 {
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #00cc33;
	margin: 0px;
	padding: 0px;
}
h2 {
	font: bold 24px/28px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
h3 {
    font: normal 21px/21px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}
h4 {
    font: bold 22px/26px Arial, Helvetica, sans-serif;
    color: #ff3300;
	margin: 0px 0px 11px 0px;
	padding: 0px;
}
h5 {
    font: bold 18px/18px Arial, Helvetica, sans-serif;
    color: #992590;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}
hr {
    height: 1px;
    border: 1px solid #eaeaea;
    line-height: 1px;
    font-size: 1px;
    vertical-align: top;
}
.tussenLijn {
    width: 720px;
    height: 4px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1px;
}
.contentLinks .tussenLijn {
    width: 480px;
}
.contentRechtsBoven .tussenLijn {
    width: 220px;
    border-bottom-color: #c5e8ff
}
.kop1 {
    font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #00cc33;
	margin: 0px;
	padding: 0px;
}
.datum {
    font: normal 10px/10px Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 3px 0px 2px 0px;
}
.overzichtItem .datum {
    margin: 7px 0px 7px 0px;
}
.datumColumn {
    float: left;
    font: normal 10px/10px Arial, Helvetica, sans-serif;
    color: #333333;
    margin-bottom: 5px;
    width: 150px;
}
.doorColumn {
    float: left;
    font: normal 14px/14px Arial, Helvetica, sans-serif;
    color: #00cc33;
    text-align: right;
    width: 330px;
}
.floatclear {
    clear: both;
}
.kop2 {
    font: normal 21px/21px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.Blauw a:link,
.Blauw a:visited,
.Blauw a:active {
	text-decoration: none;
	color: #0099ff;
} 
.Blauw a:hover {
	text-decoration: none;
}
.Groen a:link,
.Groen a:visited,
.Groen a:active {
	text-decoration: none;
	color: #00cc33;
} 
.Groen a:hover {
	text-decoration: none;
}
.GroenLink a:link,
.GroenLink a:visited,
.GroenLink a:active {
	text-decoration: none;
	color: #00cc33;
} 
.GroenLink a:hover {
	text-decoration: none;
}
.Paars a:link,
.Paars a:visited,
.Paars a:active {
	text-decoration: none;
	color: #ff0099;
} 
.Paars a:hover {
	text-decoration: none;
}

a:link .overzichtItem,
a:visited .overzichtItem,
a:active .overzichtItem,
a:hover .overzichtItem,
a:link .paginaItem,
a:visited .paginaItem,
a:active .paginaItem,
a:hover .paginaItem {
    text-decoration: none;
    cursor: hand;
}

/* Paginamanagerstyles */
img[align="left"] {
	margin: 0px 10px 0px 0px;
	float: left;
}

img[align="right"] {
	margin: 0px 0px 0px 10px;
	float: right;
}

.kop5 {
    font: bold 28px/30px Arial, Helvetica, sans-serif;
    color: #992590;
}
.kop6 {
    font: bold 18px/20px Arial, Helvetica, sans-serif;
    color: #992590;
}
.kop7 {
    font: bold 28px/30px Arial, Helvetica, sans-serif;
    color: #ff3300;
}
.kop8 {
    font: bold 22px/26px Arial, Helvetica, sans-serif;
    color: #ff3300;
}

/* FORMULIEREN */
form {
	margin: 0px;
}

input,
select,
textarea {
	background: #fff;
}

label {
	cursor: pointer;
}

.formSubmit {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

#formSubmitJs {
	display: none;
}



/* POLL */
.stelling {
    clear: both;
    float: left;
    width: 310px;
    /*height: 20px;*/
    margin: 11px 0px 0px 0px;
}
.stelling .tekst {
	width: 290px;
	float: left;
}
.stelling .radio {
	width: 20px;
	height: 18px;
	overflow: hidden;
	float: left;
}
.stelling .radio input {
	background: none;
}
* html .stelling .radio input {
	margin: 0px 0px 0px -4px;
}
*+html .stelling .radio input {
	margin: 0px 0px 0px -4px;
}
.percentage {
	width: 308px;
	height: 16px;
	position: relative;
	line-height: 16px;
	clear: both;
	border: 1px solid #ff0099;
}
*+html .percentage {
	line-height: 16px;
}
.getal {
	width: 200px; /* 328px */
	height: 14px;
	padding: 0px 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
	color: #fff;
}
.vulling {
	height: 16px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	background: #ff0099;
}
.stemPoll {
    clear: both;
    width: 150px;
    height: 24px;
    background: url(/images/bg-button.gif) top left no-repeat;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    font-size: 14px;
    color: #333333;
    cursor: hand;
    margin: 10px 0px 0px 85px;
}


/* CONTAINERS */
.hoekjeLinks {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 309px;
    background: url(/images/bg-hoekje-links.gif) top left no-repeat;
    overflow: hidden;
}
.hoekjeRechts {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 309px;
    background: url(/images/bg-hoekje-rechts.gif) top left no-repeat;
    overflow: hidden;
}
.containerMain {
    position: relative;
	width: 940px;
	min-height: 301px;
	margin: 0px auto 0px auto;
}
.containerInleiding {
    position: relative;
    height: 130px;
    width: 420px;
    background: #ff0099 url(/images/bg-inleiding.gif) top left no-repeat;
    left: 490px;
    top: 77px;
    z-index: 10;
    padding: 10px 15px 10px 15px;
    font: normal 16px/22px Arial, Helvetica, sans-serif;
    color: #ffffff;
}
.containerIndexRij {
    width: 720px;
    float: left;
    clear: both;
    margin: 16px 0px 0px 0px;
}
.overzichtItem {
    clear: both;
    width: 716px;
    padding: 2px 2px 2px 2px;
    min-height: 10px;
}
.overzichtItem:hover {
    background-color: #fffae8;
}
.overzichtItemLinks {
    float: left;
    width: 120px;
    min-height: 20px;
    line-height: 1px;
}
.overzichtItemRechts {
    float: left;
    width: 590px;
    min-height: 20px;
}
.containerIndexTekst350 {
    width: 350px;
    float: left;
    padding: 0px 20px 0px 0px;
}
.containerItemAgenda {
    clear: both;
    width: 470px;
    padding: 5px;
    min-height: 10px;
}
.containerItemPublicaties {
    clear: both;
    width: 710px;
    padding: 5px;
    min-height: 10px;
}
.containerIndexTekst {
    width: 700px;
    float: left;
    padding: 0px 20px 20px 0px;
}
.containerIndexStelling {
    width: 350px;
    float: left;
}
.containerStellingBoven {
    float: left;
    width: 318px;
    background: #7fccff url(/images/bg-stelling.gif) top left no-repeat;
    min-height: 100px;
    padding: 16px 16px 8px 16px;
    margin: 6px 0px 0px 0px;
}
.containerStellingOnder {
    float: left;
    width: 350px;
    height: 4px;
    font-size: 2px;
    line-height: 2px;
    background: #7fccff url(/images/bg-stelling-onder.gif) top left no-repeat;
}
.containerIndexKolom {
    float: left;
    width: 230px;
}
.containerIndexTussenKolom {
    float: left;
    width: 15px;
    height: 10px;
}
.containerKolomBoven {
    float: left;
    width: 210px;
    height: 32px;
    padding: 0px 10px 0px 10px;
    font: normal 21px/32px Arial, Helvetica, sans-serif;
    color: #ffffff;
}
.containerKolomMidden {
    float: left;
    width: 210px;
    min-height: 10px;
    background: url(/images/bg-kolom-midden.gif) top left repeat-y;
    padding: 3px 10px 3px 10px;
}
.containerKolomScheiding {
    float: left;
    width: 230px;
    height: 7px;
    background: url(/images/bg-kolom-rij.gif) top left no-repeat;
    padding: 0px;
    font-size: 2px;
    line-height: 2px;
}
.containerKolomOnder {
    float: left;
    width: 230px;
    height: 10px;
    background: url(/images/bg-kolom-onder.gif) top left no-repeat;
    padding: 0px;
    font-size: 2px;
    line-height: 2px;
}
.Blauw .containerKolomBoven {
    background: #0099ff url(/images/bg-kolom-boven-blauw.gif) top left no-repeat;
}
.Groen .containerKolomBoven {
    background: #00cc33 url(/images/bg-kolom-boven-groen.gif) top left no-repeat;
}
.Paars .containerKolomBoven {
    background: #ff0099 url(/images/bg-kolom-boven-paars.gif) top left no-repeat;
}
.thumbnail {
    width: 99px;
    height: 99px;
    background: url(/images/bg-thumbnail.gif) top left no-repeat;
    padding: 4px 0px 0px 4px;
    margin: 0px 10px 0px 0px;
    float: left;
}
.paginaItem {
    float: left;
    width: 18px;
    height: 18px;
    background: url(/images/bg-pagina.gif) top left no-repeat;
    margin-right: 5px;
    text-align: center;
    color: #ffffff;
}
.paging {
    clear: both;
    width: 600px;
    height: 30px;
    float: left;
}
.agendaIndexLinks {
    float: left;
    width: 55px;
    margin: 4px 0px 0px 0px;
}
.agendaIndexRechts {
    float: left;
    width: 155px;
    margin: 4px 0px 0px 0px;
}
.datumItem {
    height: 43px;
    width: 48px;
    text-align: center;
    font: bold 18px/20px Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 5px 0px 0px 0px;
}
.datumItem.Paars {
    background: #ff0099 url(/images/bg-datum.gif) top left no-repeat;
}
.datumItem.Blauw {
    background: #0099ff url(/images/bg-datum.gif) top left no-repeat;
}
.datumItem.Groen {
    background: #00cc33 url(/images/bg-datum.gif) top left no-repeat;
}
.pagingarchief {
    float: left;
    width: 120px;
    height: 30px;
    text-align: right;
    font: normal 10px/10px Arial, Helvetica, sans-serif;
    color: #333333;
}
#pagina .containerHeader {
	width: 940px;
	height: 201px;
}
#paginaIndex .containerHeader {
	width: 940px;
	height: 201px;
	position: relative;
}
.containerFooter {
    clear: both;
    margin: 20px 0px 0px 0px;
	height: 34px;
	position: relative;
	background-color: #ff9900;
	/*text-align: center;*/
	background: #ff9900 url(/images/bg-footer-links.gif) top left no-repeat;
}
.containerOnderFooter {
    clear: both;
	height: 10px;
	position: relative;
	background-color: #ffffff;
}

.footerhoekjeRechts {
    height: 34px;
    background: url(/images/bg-footer-rechts.gif) top right no-repeat;
}
.footerInhoudRechts {
	width: 300px;
	height: 26px;
	margin: 0px auto;
	padding: 8px 145px 0px 0px;
	overflow: hidden;
	text-align: right;
	color: #ffffff;
	float: right;
}
.footerInhoudRechts a:link,
.footerInhoudRechts a:visited,
.footerInhoudRechts a:active {
	text-decoration: none;
	color: #ffffff;
} 
.footerInhoudRechts a:hover {
	text-decoration: none;
}

.footerInhoudLinks {
	width: 90px;
	height: 26px;
	height: 26px;
	margin: 0px auto;
	padding: 8px 0px 0px 145px;
	overflow: hidden;
	float: left;
}


#pagina .vervolgpath {
    position: absolute;
    left: 200px;
    top: 178px;
    font: normal 12px/12px Arial, Helvetica, sans-serif;
}
#paginaIndex .vervolgpath {
    position: absolute;
    left: 200px;
    top: 278px;
    font: normal 12px/12px Arial, Helvetica, sans-serif;
}
.containerMenu {
    clear: both;
    float: left;
    width: 200px;
    background-color: #ffcc00;
}
.containerActie {
    clear: both;
    float: left;
    width: 200px;
}
.containerMenuBovenkant {
    width: 200px;
    height: 28px;
    background: url(/images/menu-bovenkant.gif) top left no-repeat;
}
.containerMenuOnderkant {
    width: 200px;
    height: 8px;
    background: url(/images/menu-onderkant.gif) top left no-repeat;
    font-size: 2px;
    line-height: 2px;
}
.containerContent {
    float: left;
    width: 720px;
    padding: 28px 0px 0px 20px;
}
.containerIndexContent {
    float: left;
    width: 720px;
    padding: 10px 0px 0px 20px;
}
.contentLinks {
    float: left;
    width: 480px;
    padding: 0px 20px 0px 0px;
}
.contentRechts {
    float: left;
    width: 220px;
}
.contentRechtsBoven {
    background: #9fd9ff url(/images/bg-content-rechts.gif) top left no-repeat;
    min-height: 80px;
    padding: 7px 0px 0px 0px;
    width: 220px;
    margin: 4px 0px 0px 0px;
}
.paddingRechts {
    padding: 1px 10px 1px 10px;
    width: 200px;
    min-height: 10px;
}
.contentRechtsOnder {
    float: left;
    width: 220px;
    height: 17px;
    font-size: 2px;
    line-height: 2px;
    background: #9fd9ff url(/images/bg-content-rechts-onder.gif) top left no-repeat;
}
a.rechtsLink:link,
a.rechtsLink:visited,
a.rechtsLink:active {
    text-decoration: none;
    background: url(/images/rechts-link.gif) top left no-repeat;
    padding: 0px 0px 0px 15px;
}
a.rechtsLink:hover {
    text-decoration: none;
    background: url(/images/rechts-link-hover.gif) top left no-repeat;
    padding: 0px 0px 0px 15px;
    color: #ffffff;
}

.reageercolom {
    width: 150px;
    float: left;
    min-height: 10px;
    margin: 0px 0px 10px 0px;
}
.reageerrij {
    width: 470px;
    float: left;
    min-height: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.reageertussencolom {
    width: 10px;
    float: left;
    min-height: 10px;
}
.loginrij {
    width: 200px;
    float: left;
    min-height: 10px;
    text-align: center;
    margin-bottom: 10px;
}

/* MENUHEADER */
.containerHeader span {
    display: none;
}

.headerZoeken input 
{
    position: absolute;
    left: 667px;
    top: 23px;
    width: 127px;
    height: 20px;
    background: #ffffff;
    border: none;
    font: normal 12px/20px Arial, Helvetica, sans-serif;
    color: #000000;
}

a#headerMenuHome:link,
a#headerMenuHome:visited,
a#headerMenuHome:active {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 32px;
    height: 49px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: block;
    background: url(/images/btn-home.gif) top left no-repeat;
    text-decoration: none;
}
a#headerMenuHome.actief:link,
a#headerMenuHome.actief:visited,
a#headerMenuHome.actief:active,
a#headerMenuHome.actief:hover,
a#headerMenuHome:hover {
    background-color: #ff3300;
    text-decoration: none;
}

a#headerMenuZoeken:link,
a#headerMenuZoeken:visited,
a#headerMenuZoeken:active {
    position: absolute;
    left: 802px;
    top: 0px;
    width: 32px;
    height: 49px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff;
    display: block;
    background: url(/images/btn-zoeken.gif) top left no-repeat;
    text-decoration: none;
}
a#headerMenuZoeken.actief:link,
a#headerMenuZoeken.actief:visited,
a#headerMenuZoeken.actief:active,
a#headerMenuZoeken.actief:hover,
a#headerMenuZoeken:hover {
    background-color: #93278f;
    text-decoration: none;
}

a#headerMenuRSS:link,
a#headerMenuRSS:visited,
a#headerMenuRSS:active {
    position: absolute;
    left: 836px;
    top: 0px;
    width: 32px;
    height: 49px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff;
    display: block;
    background: url(/images/btn-rss.gif) top left no-repeat;
    text-decoration: none;
}
a#headerMenuRSS.actief:link,
a#headerMenuRSS.actief:visited,
a#headerMenuRSS.actief:active,
a#headerMenuRSS.actief:hover,
a#headerMenuRSS:hover {
    background-color: #ff9900;
    text-decoration: none;
}

a#headerMenuContact:link,
a#headerMenuContact:visited,
a#headerMenuContact:active {
    position: absolute;
    left: 870px;
    top: 0px;
    width: 32px;
    height: 49px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff;
    display: block;
    background: url(/images/btn-contact.gif) top left no-repeat;
    text-decoration: none;
}
a#headerMenuContact.actief:link,
a#headerMenuContact.actief:visited,
a#headerMenuContact.actief:active,
a#headerMenuContact.actief:hover,
a#headerMenuContact:hover {
    background-color: #0099ff;
    text-decoration: none;
}

a#headerMenuPrint:link,
a#headerMenuPrint:visited,
a#headerMenuPrint:active {
    position: absolute;
    left: 904px;
    top: 0px;
    width: 32px;
    height: 49px;
    border-bottom: 2px solid #ffffff; 
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: block;
    background: url(/images/btn-print.gif) top left no-repeat;
    text-decoration: none;
}
a#headerMenuPrint.actief:link,
a#headerMenuPrint.actief:visited,
a#headerMenuPrint.actief:active,
a#headerMenuPrint.actief:hover,
a#headerMenuPrint:hover {
    background-color: #00cc33;
    text-decoration: none;
}


/* ACHTERGRONDEN HOME */
#pagina {
    margin: 0px 17px 0px 17px;
    background: #ffffff url(/images/background.gif) repeat-x left top;
}
#paginaIndex {
    margin: 0px 17px 0px 17px;
    background: #ffffff url(/images/background.gif) repeat-x left top;
}
.jongen .containerHeader {
    background: url(/images/bg-jongen.jpg) right top no-repeat;
}
.meisje .containerHeader {
    background: url(/images/bg-meisje.jpg) right top no-repeat;
}
.headerIndex .containerHeader {
    background: url(/images/bg-meisje.jpg) right top no-repeat;
}
/* ALGEMEEN */
.vervolgpath a:link,
.vervolgpath a:visited,
.vervolgpath a:active,
.vervolgpath a:hover {
    color: #7f4c00;
    text-decoration: none;
}

.nieuwsIntroBlok ,
.agendaIntroBlok ,
.publicatiesIntroBlok ,
.linksIntroBlok {
	min-height: 20px;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

.nieuwsZoekContainer {
	width: 200px;
	height: 22px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

form#nieuwsItemZoeken {
	margin: 5px 0px 0px 0px;
}

.nieuwsZoekVeld {
	width: 127px;
	height: 22px;
	float: left;
	position: absolute;
	top: 0px;
	left: 10px;
}

.nieuwsZoekVeld input {
	width: 125px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	border: none;
}

.nieuwsZoekKnop {
	width: 61px;
	height: 22px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0px;
	left: 137px;
}
* html .nieuwsZoekKnop {
	top: 1px;
}
*+html .nieuwsZoekKnop {
	top: 1px;
}

/* MENU LINKS */
#menuGroep,
#menuGroepSub  {
    background: #ff9900 url(/images/menu/bg-hm-groep-boven.gif) no-repeat left top;
    width: 180px;
    margin: 4px 0px 0px 8px;
    padding: 3px 2px 0px 2px;
}
.menuGroepOnder {
    background: #ff9900 url(/images/menu/bg-hm-groep-onder.gif) no-repeat left top;
    width: 184px;
    height: 3px;
    margin: 0px 0px 0px 8px;
    font-size: 2px;
    line-height: 2px;
}
.menuItem {
    width: 180px;
    min-height: 16px;
    cursor: pointer;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
}
.menuItem .menuItemMidden {
    padding: 0px 22px 0px 5px;
}
.menuItem .menuItemOnderkant {
    width: 180px;
    height: 2px;
    overflow: hidden;
}
.submenuItem {
    cursor: pointer;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    padding: 0px 5px 0px 20px;
}
.submenuItem a:link,
.submenuItem a:active,
.submenuItem a:visited {
    color: #7f4c00;
    text-decoration: none;
}
.submenuItem a:hover,
.submenuItem:hover a:link,
.submenuItem:hover a:active,
.submenuItem:hover a:visited,
.submenuItem:hover a:hover,
.submenuItem.actief a:link,
.submenuItem.actief a:active,
.submenuItem.actief a:visited,
.submenuItem.actief a:hover {
    color: #fff;
    text-decoration: none;
}
#menuGroep .menuItem .menuItemBovenkant .menuItemMidden a:link,
#menuGroep .menuItem .menuItemBovenkant .menuItemMidden a:visited,
#menuGroep .menuItem .menuItemBovenkant .menuItemMidden a:active {
	color: #7f4c00;
    text-decoration: none;
}

#menuGroep.actief .menuItem .menuItemBovenkant .menuItemMidden a:link,
#menuGroep.actief .menuItem .menuItemBovenkant .menuItemMidden a:visited,
#menuGroep.actief .menuItem .menuItemBovenkant .menuItemMidden a:active {
	color: #fff;
    text-decoration: none;
}

/*
#menuGroep .menuItem a:link,
#menuGroep.actief .menuItem a:active,
#menuGroep.actief .menuItem a:visited {
    color: #fff;
    text-decoration: none;
}
*/

.menuItem a:link,
.menuItem a:active,
.menuItem a:visited,
#menuGroepSub.actief .menuItem a:link,
#menuGroepSub.actief .menuItem a:active,
#menuGroepSub.actief .menuItem a:visited {
    color: #7f4c00;
    text-decoration: none;
}
#menuGroepSub.actief .menuItem .menuItemBovenkant .menuItemMidden a:link,
#menuGroepSub.actief .menuItem .menuItemBovenkant .menuItemMidden a:visited,
#menuGroepSub.actief .menuItem .menuItemBovenkant .menuItemMidden a:active
#menuGroepSub.actief .menuItem .menuItemBovenkant .menuItemMidden a:hover {
	color: #fff;
    text-decoration: none;
}

.menuItem a:hover,
.menuItem:hover a:link,
.menuItem:hover a:active,
.menuItem:hover a:visited,
.menuItem:hover a:hover {
    color: #7f4c00;
    text-decoration: none;
}
.menuItem:hover .menuItemMidden {
    background: url(/images/menu/bg-hm-boven.gif) no-repeat left top;
}
.menuItem:hover .menuItemBovenkant {
    background: url(/images/menu/bg-hm-midden.gif) repeat-y left top;
}
.menuItem:hover .menuItemOnderkant {
    background: url(/images/menu/bg-hm-onder.gif) no-repeat left top;
}
#menuGroep.actief .menuItem .menuItemMidden {
     background: url(/images/menu/bg-hm-boven.gif) no-repeat right top;
}
#menuGroepSub.actief .menuItem .menuItemMidden {
     background: url(/images/menu/bg-hm-boven-actief.gif) no-repeat right top;
}
#menuGroep.actief .menuItem .menuItemBovenkant {
     background: url(/images/menu/bg-hm-midden.gif) repeat-y right top;
}
#menuGroepSub.actief .menuItem .menuItemBovenkant {
     background: url(/images/menu/bg-hm-midden.gif) repeat-y left top;
}
#menuGroep.actief .menuItem .menuItemOnderkant {
    background: url(/images/menu/bg-hm-onder.gif) no-repeat right top;
}
#menuGroepSub.actief .menuItem .menuItemOnderkant {
    background: url(/images/menu/bg-hm-onder.gif) no-repeat left top;
}
.submenuItem.actief,
.submenuItem:hover {
    background: url(/images/menu/bg-sm-item.gif) no-repeat left top;
}

/* HACK -> 'Display-Table'-vervanger */
.containerMain:after,
.overzichtItem:after,
.containerItemAgenda:after,
.contentRechtsBoven:after,
.reageertussencolom:after,
.reageercolom:after,
.reageerrij:after,
.nieuwsIntroBlok:after,
.agendaIntroBlok:after,
.publicatiesIntroBlok:after ,
.linksIntroBlok:after {
    content: "";
	display: block;
	height: 0;
	clear: both;
}



/* Styles voor de print variant */
@media print
{
    .NoPrint { 
    	display: none;
    }
}