﻿/* ALGEMEEN */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, div, span, img, form, input {
	margin : 0;
	padding : 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #666666;
}

div#logoforprint {
	display:none;
}
html, body, form#aspnetForm {
	height:120%;
}
div#vokamain {
	width: 980px;
	height:120%;
	
	margin : 5px;
	background-image:url("/publishingimages/bgleft.gif");
	background-position:left;
	background-repeat:repeat-y;
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
}
div#Properties {
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:right;
	margin:5px;
}
ul {
	list-style-type:none;
}
p {
	color : #333333;
	margin : 4px 0;
}
a {
	text-decoration:none;
	color:#666666;
}

#inhoud #content div.inhoud a, #inhoud #content div.inhoud a:link, #inhoud #content div.inhoud a:visited, #inhoud #content div.inhoud A:link, #inhoud #content div.inhoud A:visited, #inhoud #content div.inhoud p a, #inhoud #content div.inhoud p a:link, #inhoud #content div.inhoud p a:visited, #inhoud #content div.inhoud p A:link, #inhoud #content div.inhoud p A:visited {
	color:#ff9900;
	padding-bottom:0;
	/*border-bottom:1px solid #333333;*/
	text-decoration:none;
}
 
#inhoud #content div.inhoud a:hover, #inhoud #content div.inhoud A:hover, #inhoud #content div.inhoud p a:hover, #inhoud #content div.inhoud p A:hover,#inhoud .ms-WPBody a:hover, #inhoud .ms-WPBody A:hover {
	text-decoration:underline;
}
#inhoud .ms-WPBody a, #inhoud .ms-WPBody A, #inhoud .ms-WPBody a:visited, #inhoud .ms-WPBody A:visited {
	color:#ff9900;
	text-decoration:none;
}
div.pageContent a, div.pageContent a:hover, div.pageContent * a {
	color:#ff9900;
	text-decoration:none;
}
#content div.overflow {
	overflow:hidden;
}
#content table.edit {
	background-image:url("/publishingimages/edit.gif");
	background-position:right;
	background-repeat:no-repeat;

}
#content table.pending {
	background-image:url("/publishingimages/pending.gif");
	background-position:right;
	background-repeat:no-repeat;

}
#content table.approving {
	background-image:url("/publishingimages/approving.gif");
	background-position:right;
	background-repeat:no-repeat;

}

/* HOOFDING */
#top {
}
#top a {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
body #top a:hover, body #top a.actief {
	color:#ff9900;
}

/* HOOFDING ::> top image */
#topImage {
	width:400px;
	height:180px;
	
	overflow:hidden;
	
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
	
	background-repeat:no-repeat;
}

/* HOOFDING ::> top navigatie*/
#topLeft, #topRight, #topRight .container {
	width:290px;
	height:180px;
	
	padding: 5px 10px 5px 20px;
	
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
}
#topRight {
	padding:0;
}
#topLeft, #topRight .container { /* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	width:290px;
	height:180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:260px;
	height:170px;
}
#topRight .container {
	padding-bottom:0;
	height:134px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:124px;

}
#top #title {
	height:15px;
	background-image:url("/publishingimages/arrow_title.gif");
	background-repeat:no-repeat;
	background-position:-1px 5px;
	padding-left:20px;
	
	clear:both;
	
}
#top #title, #top #title * {
	color:#ff9900;
	font-size:15px;
	font-weight:normal;
}
	/* HOOFDING ::> top navigatie : verticals/ verticalgroups*/
.verticalGroup {
	margin-bottom:4px;
}
#topNavigatie .big {
	/*height:77px;*/
}
.verticalGroup h3 {
	display:inline;
	padding-right:15px;
	
	font-size:110%;
}
.verticalGroup h3.actief {

	background-image:url("/publishingimages/arowBigDown.gif");
	background-position:right center;
	background-repeat:no-repeat;
}

	/* HOOFDING ::> top navigatie : links*/

#topLeft {
	background-color:#eeeeee;
}
#topLeft h3 {
	color:#000000;
}
#topLeft a {
	color:#777777;
}
	/* HOOFDING ::> top navigatie : right*/
#topRight {
	background-color:#000000;
}
#topRight h3 {
	color:#ffffff;
}
#topRight a {
	color:#bbbbbb;
}
/* SEPARATOR (balk tussen hoofding en de inhoud) */
#separator {

}
#separator div, #separator span.search {
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
	height:30px;
	overflow:hidden;
	padding:8px 0 0 10px;
	
	font-weight:bold;
	
	background-color:#e5e5e5;
}
#separator div, #separator span.search {/* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	height:30px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:22px;
}
#separator #contact {
	width:165px;
	background-color:#ff9900;
}
#separator #contact {/* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	padding-left: 5px;
    width:165px;
    voice-family: "\"}\""; 
    voice-family:inherit;
    width:155px;
}
#separator #contact a {
    padding-left:9px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}
#separator #contact a:hover, #separator #contact a.active {
	text-decoration:none;
	background-image:url("/publishingimages/arrow_contact.gif");
	background-position:left center;
	background-repeat:no-repeat;
}
#separator #breadcrumbs {
	width:530px;
	overflow:hidden;
	padding-top:8px;
}
#separator #breadcrumbs {/* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	width:450px;
	height:30px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:440px;
	height:22px;
}
#separator #breadcrumbs a {
	margin:0 3px;
	padding:0 0 0 9px;
	
	font-weight:bold;
	
	text-decoration:none;
	
	background-image:url("/publishingimages/arrow_breadcrumbs.gif");
	background-repeat:no-repeat;
	background-position:left center;
}
#separator #breadcrumbs a.active {
	padding-left:11px;
	background-image:url("/publishingimages/arrow_breadcrumbs_active.gif");
}
div#separator div#breadcrumbs a.first {
	background-image:none;
	padding:0;
	margin:0;
}
#separator span.search {
	width:80px;
	padding-left:0;
	text-align:right;
}
#separator #search {
	width:290px;
	padding-left:0;
}
#separator #search a.srch {
	margin-right:2px;
	font-weight:bold;
	
	text-decoration:none;
}
#separator #search span {
	position:relative;
	top:-6px;
}
#separator #search input{
	width: 120px;
	height: 18px;
	
	position:relative;
	top:-5px;
}
#separator #search input.submit {
	width:30px;
	height:22px;
}
#separator #search input.q {
	border:0;
	margin: 0 3px;
	background-color:#ffffff;
	border:1px solid #888888;
}
#separator #search select {
	width: 120px;
	margin: 0 3px;
	position:relative;
	top:-5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#separator #search select, input.q{
height: 18px;
}

/* INHOUD */
#inhoud {
	clear:left;
	margin:0;
}

/* INHOUD  ::> subnavigatie links */
#inhoud #left {
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
	
	width:160px;
	padding:0px;
	background-color:#f2f2f2;
	
	height:100%;
}
#inhoud #left table.leftNav {
	padding-left:0px;
	margin:0px;
	margin-top:15px;
	width:140px;
	font-weight:bold;
}
#inhoud #left table.leftNav td {
	padding-left:10px;
	height:17px;
}
#inhoud #left table.leftNav table.leftNavHover td{
	text-decoration:none;
	
	background-image:url(/publishingimages/arrow_right.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
}
#inhoud #left table.leftNav1 td:hover {
	text-decoration:none;
	
	background-image:url(/publishingimages/arrow_right.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
}
#inhoud #left table.leftNav2 td:hover {
	text-decoration:none;
	
	background-image:url(/publishingimages/arrow_right.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
}
#vokamain #filter {
    clear:left;
	padding-top:1px;
	padding-bottom:10px;
    background-color:#ff9900;
    height:40px;
    overflow:hidden;
}
#vokamain #filter p {
    margin-left:20px;
	font-weight:bold;
	color:#ffffff;
	display:inline;
	width:120px;
	float:left;
	font-size:11px;
	clear:left;
}
#vokamain #filter select {
	width:140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:3px;
}
#vokamain .filter {
margin-top:8px;
    clear:left;
	padding-top:1px;
	padding-bottom:10px;
    background-color:#ff9900;
    height:63px;
    overflow:hidden;
}
#vokamain .filter p {
    margin-left:20px;
	font-weight:bold;
	color:#ffffff;
	display:inline;
	width:120px;
	float:left;
	font-size:11px;
	clear:left;
}
#vokamain .filter select {
	width:240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:3px;
}

/* INHOUD  ::> content */
#content * {
	line-height:1.2em;
}
#content {
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
	
	width:510px;
	margin:10px;
	/*overflow:hidden;*/
}
#content h1, #content h1 *, #content .webparttitle, #content .webparttitle * {
	color:#ff9900;
}
#content h1, #content .webparttitle {
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom: 2px solid #999999;
}

/* INHOUD  ::> right */
#right {
	width:285px;
	
	margin-top:10px;
	text-align: center; 
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:right;
	
	overflow:hidden;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:290px;
}
#right img.banners {
	display:block;
	margin:0px auto;
}
#right img.img {
	display:block;
	margin:5px auto;
}
#right #poll {
	margin:5px 0;
}
#right #poll a {
	text-decoration:none;
	padding-right:15px;
	
	background-image:url("/publishingimages/arowBigRight.gif");
	background-position:right 5px;
	background-repeat:no-repeat;
}
#right #poll p {
	padding:5px 5px 0 10px;
	height:40px;
}
#right #poll p { /* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	height:30px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:25px;
}
#right #poll p, #right #poll p * {
	background-color:#d9d9d9;
	color:#999999;
	margin:0;

	font-size:18px;
}
#right #poll p span {
	color:#656565;
}
#right #poll p.body {
	background-color:#b4b4b4;
	font-size:12px;
	color:#ffffff;
	padding-top: 10px;
}

#right #poll p.body { /* tantek's box model hack ::> http://tantek.com/CSS/Examples/boxmodelhack.html */
	height:30px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:20px;
}

/* INHOUD ::> content */
#content div {
	clear:both;
}
#content table {
	border-collapse: separate;
}
#content h2 {
	font-size:18px;
}
#content h5 { /* subtitels */
	font-size:12px;
	font-weight:bold;
	color : #666666;
	border-bottom:1px solid #999999;
	margin: 5px 0 5px;
}
#content h6 { /* subtitels */
	font-size:12px;
	font-weight:normal;
	color : #999999;
	border-bottom:1px solid #cccccc;
	margin: 5px 0 3px;
}
#content ul {
/*
	list-style-type:square;
	list-style-position:outside;
	margin-left:16px;
	*/
}
#content ol {
	margin-left:0px;
	list-style-position:inside;
}
#content ul li {
	/*list-style-type:none;
	list-style-image:url(/publishingimages/square.gif);
	list-style-position:left center;
	margin-left:16px;
	*/
	padding-left:10px;
	background-image:url(/publishingimages/square.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}
#content div#quote, #content div#quote * {
	font-style:italic;
}
#content div#quote {

	margin:5px;
	float:right;
	width:200px;
	padding:5px;
}
#content div#quote {
	width:210px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:200px;
}

#content p#inleiding{
	clear:both;
	padding-bottom:3px;
	padding-top:3px;
}
#content p#inleiding span {
	font-style:italic;
}
.intro, .intro * {
	font-style:italic;
}
p.intro {
    display:block;
    width:510px;
    float:left;
}
img.thumb {
	display:inline;
	float:left;
	margin:4px;
}

#content div.item, #content div.noDateItem, #content div.contactItem {
	border-top:1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	clear:both;
	overflow:hidden;
}
#content div.noDateItem * {
	color:#666666;
}
#content div.noDateItem .thumb img {
	display:inline;
	float:left;
	margin:4px;
}
#content div.item table {
	display:block;
	clear:right;
}
#content div.item table, #content div.item img, #content div.item p {
	display:inline; /*hack voor 'The IE Doubled Float-Margin Bug' : http://www.positioniseverything.net/explorer/doubled-margin.html*/
	float:left;
}

#content td {
	vertical-align:bottom;
	font-family: Arial, Helvetica, sans-serif;
}
#content table.agendaDetail td {
	vertical-align:top;
}

#content .dag, #content .maand { 
/*div.item*/
	color:#aaaaaa;
	
	padding:0;
	height:40px;
}
#content .maand ,#content td.item {
/*div.item*/
	padding-bottom: 5px;
} 
#content .maand ,#content td.item {
/*div.item*/
	height:40px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:35px;
}
#content .dag {
/*div.item*/
	width:40px;
	font-size:35px;
	vertical-align:bottom;
}
#content .maand {
/*div.item*/
	width:20px;
	line-height:15px;
	border-right:1px solid #cccccc;
	margin-right:5px;
}

#content .item {
/*div.item*/
	width:445px;
}

#content .item a, #content .item a:hover, #content .item a:link, #content .item a:visited , #content div.noDateItem h3, #content div.noDateItem h3 a, #content div.noDateItem h3 a:link, #content div.noDateItem h3 a:visited, #content div.noDateItem h3 a:hover, #content div.contactItem h3 {
/*div.item*/
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
	border:0;
}	
#content .item a , #content div.noDateItem h3, #content div.contactItem h3 {
/*div.item*/
	/*margin-left:5px;*/
	text-decoration:none;
}
/* INHOUD ::> agenda */
#content p.months {
	background-color:#f1f1f1;
	border:1px solid #878787;
	border-left:0;
	border-right:0;
	padding:5px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}
div#vokamain #inhoud #content p.months a {
	font-weight:bold;
	margin:0 6px;
	color:#666666;
	text-decoration:none;
	border:0;
}
div#vokamain #inhoud #content p.months a.active {
	color:#ff9900;
}
/* INHOUD ::> agenda => detail */
#content table.detail {
	width:500px;
}
#content table.detail td.first {
width:115px;
}
#content table.detail input {
width:115px;
}
#content table.wide td {
text-align:left;
}
#content table.wide input {
width:400px;
}
#content table tr.grey {
	background-color:#efefef;
}
#content h4 {
	margin-top:10px;
}

/* CONTENT ::> contact  */
#content div.contactItem {
	/* reeds gedefinieerd  onder CONTENT*/ 
}
#content div.contactItem img {
	float:left;
	
	margin:4px;
	margin-left:0;

}
#content div.contactItem td {
	vertical-align:top;
}
#content div.contactItem .imgtekst {
	float:left;
	clear:none;
	width: 250px;
}



/* --- varia --- */
div#deelnemers table {
width:500px;
margin-top:10px;
}
div#deelnemers td.header, table.detail td.header {
font-weight:bold;
}
div#deelnemers td.alter {
background-color:#e5e5e5;
}
table.checkbox input, span.checkbox input {
margin-right:5px;
}
p.terug {
	text-align:right;
}
/*
#vokamain #inhoud #content a.link {

	color:#666666;

}*/
#vokamain #inhoud #content a.button {
	padding:3px 7px 3px 11px;
	background-color:#ff9900;
	text-decoration:none;
	border:0;
	color:#ffffff;
	font-weight:bold;
	background-image:url(/publishingimages/arrow_contact.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#inhoud #content a.meer {
	color:#666666;
	padding-right:10px;
	
	font-weight:bold;
	text-decoration:none;
	border:0;
	
	background-image:url("/publishingimages/arrow_right.gif");
	background-position:right 4px;
	background-repeat:no-repeat;
}
#inhoud #content a.terug {
	
	color:#666666;
	padding-left:11px;
	
	font-weight:bold;
	text-decoration:none;
	border:0;
	
	background-image:url("/publishingimages/arrow_left.gif");
	background-position:left 4px;
	background-repeat:no-repeat;
}
span.orange {
	color:#ff9900;
}
html body #content p.pages a.active {
	color:#ff9900;
}
html body div#vokamain div#inhoud div#content .noborder {
	border:0;
}
html body div#content .borderBottom {
	border-bottom:1px solid #b4b4b4;
}
html body div#content .borderTop {
	border-top:1px solid #b4b4b4;
}
.clr {
	clear:both;
}
p.bijschrift {
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-align:center;
}
body.body div#vokamain div#inhoud div#beheer {
	width:810px;
	margin-left:10px;
	display:inline;
	float:left;
}
table.setTableWidth {
	width:422px;
}
/* Dit is voor de partners te tonen */

#imageSlideshowHolder{
	margin:0px;	/* "Plaats rond images" */
	width:290px;	/* Image width */
	height:100px;	/* Image height */
	position:relative;	/* Don't remove this line */
	overflow:hidden;
}


#imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}
.paging {
	text-align: center;
}

.headliner {
	background-color:#fff8ef;
}

