/* C1D82F groen */
/* A9BD27 donkergroen */
/* 8D0C3A paars */


* {
	margin: 0px;
}
.donkergroen {
	color: #A9BD27;
}
body {
	font-family:Arial, sans-serif;
	background-color: #8D0C3A;	
}
a {
	color: #8D0C3A;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 1.5em;
	margin: 0px 0px 1em 0px;
}
h3 {
	font-size: 1.5em;
	margin: 0px 0px 1em 0px;
}
h4 {
	font-size: 1.2em;	
	margin: 0px 0px 1em 0px;
}

.listitem {
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 1em 0px;
	border-bottom: 1px SOLID #CCC;
}
.listitem a:hover{
	text-decoration: underline;
}
.listitem img {
	align: left;
	float: left;
	margin: 0px 10px 0px 0px;
}


#topbar {
	background-color: #FFF;	
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0px 20px 0px;	
}
#innertopbar {
	width: 950px;
	margin: 0px auto 0px auto;	
	font-size: 0.7em;
}
#topbar img.logo{
	float: left;
	margin: 0px 200px 0px 0px;
}
#topbarlinks {
	width: 475px;
	float: left;
	clear: left;
}
#topbarlinks img{
	border-width: 0px;
}
#topbarrechts {
	width: 475px;
	float: left;
	clear: none;
	text-align: right;
}

#menucontainer {
	float: left;
	clear: both;
	width: 100%;
	background-color: #C1D82F;	
}
#menu {
	width: 950px;
	margin: 0px auto 0px auto;
}
#innermenu {
	font-size: 0.8em;
	padding: 5px 0px 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}
#innermenu a {
	text-decoration: none;
	color: #FFF;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 5px 8px 5px 8px;
	background-color: #A9BD27;	
}
#innermenu a.actief {
	background-color: #8D0C3A;
}
#innermenu a:hover {
	background-color: #A9BD27;
}


/* container
===================================================================== */
#container {
	float: left;
	clear: both;
	width: 100%;
	background-color: #FFF;
	padding: 0px 0px 50px 0px;	
}
#content {
	background-color: #FFF;		
	min-height: 300px;
	width: 950px;	
	margin: 0px auto 0px auto;	
	padding: 0px 0px 0px 0px;
}
#innercontent {
	font-size: 0.7em;
	padding: 3em 0px 0px 0px;
	float: left;
	clear: both;
	width: 100%;
}
#innercontent p {
	margin: 0px 0px 1em 0px;
}
#innercontent h3 {
	margin: 0px 0px 1em 0px;
}
#innercontent h4 {	
	margin: 0px 0px 1em 0px;
}
#innercontent .intro {
	margin: 0px 0px 1em 0px;
	color: #666;
}
#innercontent .body {
	margin: 0px 0px 1em 0px;
	color: #000;
}

.relatedDates {
	margin: 0px 0px 1em 0px;
}
.relatedKunstorganisaties {
	margin: 0px 0px 1em 0px;
}
.relatedLinks {
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
}
.innercentercol .relatedLinks ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.innercentercol .relatedLinks li {
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 0px;	
	list-style-type: none;
}

.relatedDates {
	margin: 0px 0px 1em 0px;
}
.innerrightcol .relatedDates li {
	margin: 0px 0px 5px 0px;
}
.relatedDates span.tijd {
	color:#999;
}
.relatedDates span.locatie {
	color:#999;
}
#innercontent span.tijd {
	color:#999;
}




.tekst {
	
}
.tekst p {
	margin: 0px 0px 1em 0px;
}
/* footer
===================================================================== */
#footer {
	float: left;
	clear: both;
	width: 100%;
	background-color: #8D0C3A;
	padding: 40px 0px 40px 0px;
}
#innerfooter {
	color: #FFF;
	font-size: 0.7em;
	width: 950px;
	margin: 0px auto 0px auto;	

}
#innerfooterleft {
	width: 475px;
	float: left;
}
#innerfooterright {
	text-align: right;
	width: 475px;
	float: left;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.divItem {
	float: left;
	clear: both;
	width: 100%;
}

/* nieuws en disciplines
===================================================================== */
.leftcol {
	min-height: 300px;
	width: 225px;
	float: left;
	clear:left;
	background-color: #FFF;	
}
.innerleftcol {
	width: 200px;
}
.innerleftcol h4 {
	font-size: 1em;
	color: #A9BD27;
}
#innercontent .innerleftcol .ulTitle {
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	color: #A9BD27;
}

.innerleftcol ul {
	margin: 0px 0px 2em 0px;
	padding: 0px;		
}
.innerleftcol ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;	
	list-style-type: none;
}
.innerleftcol ul li a {
	text-decoration: none;
}
.innerleftcol ul li a:hover {
	text-decoration: underline;
}
.innerleftcol ul li a.actief {
	text-decoration: underline;
}

.innerleftcol ol {
	margin: 0px 0px 0px 2em;
	padding: 0px 0px 0px 0px;
	color: #A9BD27;		
}
.innerleftcol ol li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;		
}
.innerleftcol ol li a.actief {
	text-decoration: underline;		
}



.centercol {
	line-height: 1.5em;
	min-height: 300px;
	width: 525px;
	float: left;
	clear: none;
	background-color: #FFF;	
}
.innercentercol {
	margin: 0px 0px 0px 0px;
	width: 450px;	
}
.centercol h3 {
	line-height: 1.5em;	
}
.innercentercol ul {
	margin: 0px 0px 1em 0px;
}
.innercentercol li {
	margin: 0px 0px 0.5em 0px;
}
.innercentercol a {
	text-decoration: none;
}

.rightcol {
	line-height: 1.5em;	
	min-height: 300px;
	width: 200px;
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;		
}
.innerrightcol {
	background-color: #FFF;		
	width: 200px;
}
.innerrightcol ul {
	margin: 0px 0px 1em 0px;
	padding: 0px;		
}
.innerrightcol li {
	margin: 0px;
	padding: 0px;	
	list-style-type: none;
}

/* organisaties 
===================================================================== */
.adres {
	float: left;
	clear: both;
	width: 200px;
	background-color: #FFF;
}


/* over 
===================================================================== */
table.medewerkers {
	margin: 2em 0px 0px 0px;
}
table.medewerkers td {
	vertical-align: top;
	padding: 0px 0px 1em 0px;
}
table.medewerkers td a {
	text-decoration: none;
}
table.medewerkers td a:hover {
	text-decoration: underline;
}
.mederwerkerFotoTD {
	width: 110px;
	padding: 0px 0px 1em 0px;
}


/* subsidies 
===================================================================== */
.subsidieItem {
	width: 100%;
	float: left;
	clear: both;
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0.5em 0px;
	border-bottom: 1px SOLID #C1D82F;
}
.wie {
	margin: 0px 0px 1em 0px;
}
.wanneer {
	margin: 0px 0px 1em 0px;
}
#innercontent h4.relationtitle {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #CCC;
	margin: 0px 0px 0px 0px;
}
#innercontent ul.relationUL {
	color: #999;
}


/* nieuwsitem 
===================================================================== */
.nieuwsItem {
	background-color: #FFF;
	border-bottom: 1px SOLID #DDD;
	float: left;
	clear: both;
	width: 100%;
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0.5em 0px;
}
.nieuwsItem h4 {
	
}
.nieuwsItem h4 a {
	text-decoration: none;
}
.nieuwsItem h4 a:hover {
	text-decoration: underline;
}



/* startpagina 
===================================================================== */
.colA {
	width: 650px;
	float: left;
	clear: left;
	background-color: #FFF;	
}
.colB {
	width: 300px;
	float: left;
	clear: none;
	background-color: #FFF;	
}

.homeNieuwsDiv {
	float: left;
	clear: none;
	width: 275px;
}
.homeAgendapuntenDiv {
	float: left;
	clear: none;
	padding: 0px 0px 0px 50px;
}	
.homeAgendapuntenDiv {
	float: left;
	clear: none;
	width: 275px;
}	

.outergrid {
	margin: 0px 0px 0px 0px;
	float: left;
	clear: none;
}
.grid {
	background-color: #000;
	width: 300px;
	height: 300px;
	float: left;
	clear: none;
}
.gridblok {
	float: left;
	width: 100px;
	height: 100px;
	background-color: #FFF;	
	margin: 0px;
	paddding: 0px;
	
}
#gridblok1 { background: #000 url(/img/grid/_logo_cvb.jpg) no-repeat left top; }
#gridblok2 { background: #000 url(/img/grid/_logo_danspunt.jpg) no-repeat left top; }
#gridblok3 { background: #000 url(/img/grid/_logo_muzmoz.jpg) no-repeat left top; }
#gridblok4 { background: #000 url(/img/grid/_logo_koorenstem.jpg) no-repeat left top; }
#gridblok5 { background: #000 url(/img/grid/_logo_kunstwerkt.jpg) no-repeat left top; }
#gridblok6 { background: #000 url(/img/grid/_logo_cs.jpg) no-repeat left top; }
#gridblok7 { background: #000 url(/img/grid/_logo_poppunt.jpg) no-repeat left top; }
#gridblok8 { background: #000 url(/img/grid/_logo_vlamo.jpg) no-repeat left top; }
#gridblok9 { background: #000 url(/img/grid/_logo_opendoek.jpg) no-repeat left top; }

.homeNieuwsDiv {
	margin: 0px 0px 1em 0px;
}

.homeAgendapuntenDiv {
	margin: 0px 0px 1em 0px;
}


.fileTypeIcon {
	vertical-align: middle;
}


/* tinyMCEfields 
===================================================================== */
.body p {
	margin: 0px 0px 1em 0px;
}




/** loginblok_gemeenten 
===================================================================== */
.loginblok_gemeenten {
	width: 200px;
	float: left;
	clear: both;
}
.loginblok_gemeenten .logintable {
	width: 200px;
}
	
.loginblok_gemeenten .logintable td {
	text-align: right;
	padding: 10px 10px 0px 0px;
}
.loginblok_gemeenten .auth_message {
	margin: 10px 0px 10px 0px;
	color: #FF0000;
}
.loginblok_gemeenten p.username {
	text-align: right;
	font-size: 14px;
}
.loginblok_gemeenten p.logout {
	text-align: right;
}

	.logintable td {
		padding: 0px 10px 10px 0px;
	}
	#invulform {
		width: 100%;
		font-size: 12px;
	}
	#invulform h3 {
		font-size: 14px;
	}	
	#invulform h4 {
		font-size: 12px;
	}	
	#invulform .vraagIntro {
		float: left;
		clear: both;
		margin: 0px 0px 1em 0px;
		font-style: italic;
		color: #A9BD27;
	}	
	#invulform .checkboxContainer {
		float: left;	
		clear: both;	
		margin: 0px 0px 10px 0px;
	}		
	#invulform .checkboxContainer div {
		float: left;	
		clear: both;	
		margin: 0px 0px 10px 0px;
	}		
	
#invulform .checkboxContainer label {
    display: block;
    padding-left: 18px;
    text-indent: -18px;
}
#invulform .checkboxContainer input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0px 5px 0px 0px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
#invulform textarea {
	font-size: 12px;
	font-family:Arial, sans-serif;
}

.listTable {
	width: 100%;
	margin: 0px 0px 2em 0px;	
}
.listTable td {
	padding: 2px 2px 2px 2px;
}
.listTable td { 
	border-bottom: 1px SOLID #C1D82F;
}

.listTable th {
	padding: 2px 2px 2px 2px;
	text-align: left;
	border-bottom: 1px SOLID #8D0C3A;
}



.formrow {
	float: left;
	clear: both;
	margin: 0px 0px 3px 0px;	
}
.formrow .formlabel {
	float: left;
	width: 120px;
	text-align: right;
	padding: 3px 0px 0px 0px;	
}
.formrow .formlabel label{	
	padding: 0px 10px 0px 0px;
}
.formrow .formfield {
	float: left;
}




.listTable tr {
	padding: 0px 0px 0px 0px;
}
.listTable td.iconTD { 
	vertical-align: top;
	text-align: right; 
}
.listTable td.iconTD img { 
	border-width: 0px;
}
.listTable tbody tr:HOVER { 
	background-color:#EEE; 
}



.editTable td {
	padding: 0px 10px 5px 0px;
}
.error {
	color:#FF0000;
}