body {
	text-align:center;
	background-color: #CFBFBF;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}


a:link		{ color: #999999; text-decoration: none; }
a:visited	{ color: #999999; text-decoration: none; }
a:hover		{ color: #D30C44; text-decoration: none; }

/* -- BASIS --------------------------------------------------------------------- */

#container {
	width: 830px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: left;
	background-image: url(../img/bg_container.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

#footer {
	width: 830px;
	height: 20px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_footerblock2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

/* -- #CONTAINER ---------------------------------------------------------------- */

#menublock {
	width: 800px;
	height: 83px;
	background-image: url(../img/bg_menublock.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: 15px;
	line-height: 11px;
}

#logoblock {
	width: 800px;
	height: 104px;
	background-image: url(../img/bg_logoblock.jpg);
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: 15px;
}

#contentblock {
	width: 800px;
	background-image: url(../img/bg_contentblock.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: 15px;
}

#footerblock {
	width: 800px;
	height: 30px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #87898C;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 30px;
}

/* -- #MENUBLOCK ---------------------------------------------------------------- */

#menublock a:link    { color: #999999; text-decoration: none; }
#menublock a:visited { color: #999999; text-decoration: none; }
#menublock a:hover   { color: #000000; text-decoration: none; }

#menublock a.active:link  { color: #000000; font-weight: bold; text-decoration: none; }
#menublock a.active:visited { color: #000000; font-weight: bold; text-decoration: none; }
#menublock a.active:hover   { color: #000000; font-weight: bold; text-decoration: none; }

#home { float: left; width: 70px; height: 83px; cursor: pointer;}
#home1 { width: 70px; height: 60px; visibility: hidden; }
#home2 { width: 70px; height: 23px; }

#aanbod { float: left; width: 96px; height: 83px; margin-left: 2px; cursor: pointer;}
#aanbod1 { width: 88px; height: 60px; padding-left: 8px; visibility: hidden; }
#aanbod2 { width: 96px; height: 23px; }

#projecten	{ float: left; width: 125px; height: 83px; margin-left: 2px; cursor: pointer;}
#projecten1 { width: 117px; height: 60px; padding-left: 8px; visibility: hidden; }
#projecten2 { width: 125px; height: 23px; }

#docutheek { float: left; width: 130px; height: 83px; margin-left: 2px; cursor: pointer;}
#docutheek1 { width: 122px; height: 60px; padding-left: 8px; visibility: hidden; }
#docutheek2 { width: 130px; height: 23px; }

#vrijwilligers	{ float: left; width: 166px; height: 83px; margin-left: 2px; cursor: pointer;}
#vrijwilligers1	{ width: 158px; height: 60px; padding-left: 8px; visibility: hidden; }
#vrijwilligers2	{ width: 166px; height: 23px; }

#overons { float: left; width: 113px; height: 83px; margin-left: 2px; cursor: pointer;}
#overons1 { width: 105px; height: 60px; padding-left: 8px; visibility: hidden; }
#overons2 { width: 113px; height: 23px; }

.imgclass img		{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.imgclass:hover img	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }
.imgclass:hover		{ color: #000000; /* irrelevant definition to overcome IE bug */ }
.imgclass_active	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }

/* -- #CONTENTBLOCK ------------------------------------------------------------- */

#left		{ float: left; width: 180px; }
#middle		{ width: 440px; padding: 0px; float: left; }
#right		{ float: right; width: 180px; margin-top: 103px;}

#contentheader	{ padding: 0; margin: 0; }
#contentfull	{ padding-top: 0; }
#content		{ padding-top: 0; margin-left: 20px; margin-right: 20px; }

.newsitem					{ margin: 0; padding: 0; width: 440px; height: 120px; border-bottom: 1px solid #CAC0C1; }
.newsitem_img				{ width: 120px; height: 120px; float: left; margin: 0; padding: 0; }
.newsitem_txt 				{ width: 290px; height: 79px; float: left; margin: 13px 15px 0px 15px; padding: 0; overflow: hidden; display: inline;}
.newsitem_txt .title		{ text-transform: uppercase; color: #D30C44; font-weight: bold; font-size: 12px; margin-bottom: 5px; }
.newsitem_txt .timestamp	{ color: #CAC0C1; font-size: 10px; line-height: 16px; }
.newsitem_read				{ width: 290px; height: 15px; float: left; color: #D30C44; margin: 0 15px 13px 15px; padding: 0; display: inline;}
.newsitem_read .more		{ float: left; }
.newsitem_read .comments	{ float: right; }

#left_img		{ width: 180px; margin-top: 70px; }

#gallery img			{ margin: 0 0 6px 6px; }


#content .title	{ color: #D30C44; font-size: 18px; font-weight: bold; line-height: 24px; padding: 0; }
#content .tsc	{ color: #CAC0C1; font-size: 10px; line-height: 16px; margin-bottom: 5px; padding: 0; }

#content .comment_title		{ color: #D30C44; font-size: 12px; font-weight: bold; border-bottom: 2px dotted #D30C44; line-height: 16px; margin: 10px 0 5px 0; padding: 25px 0 5px 0; text-transform: uppercase; }
#content .comment_by		{ color: #D30C44; font-size: 11px; font-weight: bold; line-height: 16px; }
#content .comment_date		{ color: #CAC0C1; line-height: 16px; }

#content .comment1 { background-image:url(../img/bg_comment.jpg); background-repeat: no-repeat; background-color: #F5F5F5; border-bottom: #CAC0C1 solid 1px; padding: 10px; }
#content .comment2 { background-color: #FFFFFF; border-bottom: #CAC0C1 solid 1px; padding: 10px; }

.team,
.project				{ margin: 0; padding: 0; width: 440px; height: 95px; border-bottom: 1px solid #CAC0C1; }
.team_foto,
.project_foto			{ width: 95px; height: 95px; float: left; margin: 0; padding: 0; }
.team_txt,
.project_txt			{ width: 310px; height: 70px; float: left; margin: 15px 15px 0px 15px; padding: 0; overflow: hidden; display: inline;}
.team_txt .naam,
.project_txt .titel		{ text-transform: uppercase; color: #D30C44; font-weight: bold; font-size: 11px; line-height: 16px;}
.team_txt .functie,
.project_txt .intro		{ color: #000000; font-size: 10px; line-height: 16px; }
.team_txt .email,
.project_txt .link		{ color: #CAC0C1; font-size: 10px; line-height: 16px; }

.jeugddienst				{ margin: 0; padding: 0; width: 440px; overflow: visible; margin-bottom: 20px;}
.jeugddienst_foto			{ width: 95px; float: left; margin: 0; padding: 0; }
.jeugddienst_txt 			{ width: 310px; float: left; margin: 15px 15px 0px 15px; padding: 0; overflow: visible; display: inline;}

/* -- #FOOTER ------------------------------------------------------------------- */

#webdevelopment { float: right; margin-right: 35px; font-size: 9px; text-align: right; color: #87898C; line-height: 30px; }
#webdevelopment a:link    { color: #87898C; text-decoration: none; }
#webdevelopment a:visited { color: #87898C; text-decoration: none; }
#webdevelopment a:hover   { color: #000000; text-decoration: none; }


/* ------------------------------------------------------------------------------ */

.foutmelding { border: 1px dotted #FF0000; color: #FF0000; background-color: #FFEEEE; padding: 10px; }


/* Formulieren */
#form				{ background-image:url(../img/bg_comment.jpg); background-repeat: no-repeat; background-color: #F5F5F5; border-bottom: 1px solid #CAC0C1; }
.form				{ margin: 0 45px 0 45px; padding: 25px 0 5px 0; line-height: 20px;}
.form input,
.form textarea,
.form select		{ width: 300px; margin-bottom: 5px;}
.form .radio input	{ width: 25px; vertical-align: bottom; }
.form .submit input	{ width: 85px;  margin-top: 15px;}


.form .datetime select.dag,
.form .datetime select.maand,
.form .datetime select.uur,
.form .datetime select.min		{ width: 50px; margin-bottom: 5px; }
.form .datetime select.jaar,
.form select.medium				{ width: 60px; margin-bottom: 5px; }

.form_title		{ color: #D30C44; font-size: 12px; font-weight: bold; border-bottom: 2px dotted #D30C44; line-height: 16px; margin: 10px 0 5px 0; padding: 25px 0 5px 0; text-transform: uppercase; }
.title2			{ color: #D30C44; font-size: 12px; font-weight: bold; border-bottom: 2px dotted #D30C44; line-height: 16px; margin: 10px 0 10px 0; text-transform: uppercase; clear: both;}
.title3			{ color: #D30C44; font-size: 12px; font-weight: bold; border-bottom: 2px dotted #D30C44; line-height: 16px; text-transform: uppercase; clear: both; margin-left: 110px;}

	
/* kaders rechts */
.box 			{ background-image:url(../img/bg_comment.jpg); background-repeat: no-repeat; background-color: #F5F5F5; border: 1px solid #CAC0C1; margin: 10px; padding:5px; }
.box .title		{ color: #D30C44; font-weight: bold; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dashed #F4C3D1; text-transform: uppercase; }
/*.box ul			{ margin:0px; padding:0px; list-style-position: inside; }*/
.box ul 		{ padding-left: 10px; margin-left: 10px; margin-top: 5px; }
.box ul li		{ color: #999999; list-style-type: square; list-style-position: outside; padding-left: 0; margin-left: 0; }
/*.box ul li a { font-weight: normal; }*/
.box ul li.selected	{ color: #000000; font-weight: bold; }
.box .form		{ line-height: 20px; margin: 0 10px 0 10px; padding: 0 }
.box input,
.box textarea,
.box select		{ width: 125px; margin-bottom: 5px; }
.box .submit input	{ width: 65px; }



	




.galerijteaser { color: #FFFFFF; background-color: #D30C44; border: 1px solid #000000; height: 20px; margin: 10px; padding:2px 5px 2px 5px; line-height: 20px; }

#kenmerkbox		{ border: 1px solid #D30C44; width: 398px}
.kenmerk			{ clear: both; overflow: auto; }
.kenmerk .label1	{ color: #FFFFFF; background-color: #D30C44; width: 90px; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .label2	{ color: #FFFFFF; background-color: #D30C44; border-top: 1px solid #FFFFFF; width: 90px; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .label3	{ color: #D30C44; background-color: #FFFFFF; border-top: 1px solid #D30C44; width: 90px; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .label4	{ color: #FFFFFF; background-color: #D30C44; border-top: 1px solid #D30C44; width: 90px; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .detail1	{ color: #D30C44; background-color: #FFFFFF; border-left: 1px solid #D30C44; width: 295px; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .detail2	{ color: #D30C44; background-color: #FFFFFF; border-left: 1px solid #D30C44; width: 295px; border-top: 1px solid #D30C44; float: left; display: inline; overflow: auto; padding: 3px; }
.kenmerk .detail3	{ color: #D30C44; background-color: #FFFFFF; border-left: 1px solid #D30C44; width: 295px; border-top: 1px solid #D30C44; border-bottom: 1px solid #D30C44; float: left; display: inline; overflow: auto; padding: 3px; }

#publicatiebox			{ border: 1px solid #D30C44; width: 398px}
.publicatie				{ clear: both; overflow: auto; }
.publicatie .label		{ color: #FFFFFF; background-color: #D30C44; width: 90px; float: left; display: inline; overflow: auto; padding: 3px; }
.publicatie .detail		{ color: #D30C44; background-color: #FFFFFF; width: 295px; float: left; display: inline; overflow: auto; padding: 3px; }

.whitecell		{ background-color: #FAFAFA; margin-top: 0; margin-bottom: 0; padding: 3px 0 3px 10px;  overflow: auto;}
.colorcell		{ background-color: #F1F1F1; margin-top: 0; margin-bottom: 0; padding: 3px 0 3px 10px;  overflow: auto;}
.titelcell2		{ color: #D30C44; font-weight: bold; background-color: #E9E9E9; margin-top: 0; margin-bottom: 0; padding: 3px 0 3px 0; padding-left: 5px; font-weight: bold; border-color: #999999; }

td.whitecell		{ background-color: #FAFAFA; margin-top: 0; margin-bottom: 0; padding: 5px; vertical-align: top; }
td.colorcell		{ background-color: #F1F1F1; margin-top: 0; margin-bottom: 0; padding: 5px; vertical-align: top; }


#a_idk			{ float: left; width: 160px }
#a_idk .form	{ line-height: 20px; margin: 0 0 0 5px; padding: 0 }
#a_idk input,
#a_idk textarea,
#a_idk select	{ width: 150px; margin-bottom: 5px;}

#a_thema		{ float: right; }

#a_thema .imgclass img			{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
#a_thema .imgclass:hover img	{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); -moz-opacity: 0.4; }
#a_thema .imgclass:hover		{ color: #000000; /* irrelevant definition to overcome IE bug */ }

#a_thema .trio		{ width: 225px; margin: 0; padding: 0; padding: 0; }
#a_thema .blokje	{ margin: 0; padding: 0; margin-left: 1px; margin-bottom: 1px; float: left; }
#a_thema .beeld		{ margin: 0; padding: 0; width: 73px; height: 73px; }
#a_thema .titel		{ margin: 0; padding: 0; color: #FFFFFF; font-weight: bold; background-color: #D30C44; padding: 2px; padding-left: 4px; }

#a_leeftijd		{ float: left; width: 225px; margin-right: 10px; }

#a_zoek			{ float: left; width: 160px }
#a_zoek .form	{ line-height: 20px; margin: 0 0 0 5px; padding: 0 }
#a_zoek input,
#a_zoek textarea,
#a_zoek select	{ width: 150px; margin-bottom: 5px; }
#a_zoek .submit input	{ width: 65px; }


#d_transparant		{ float: left; width: 215px; margin-right: 10px; }

#d_zoek			{ float: left; width: 170px }
#d_zoek .form	{ line-height: 20px; margin: 0 0 0 5px; padding: 0 }
#d_zoek input,
#d_zoek textarea,
#d_zoek select	{ width: 160px; margin-bottom: 5px; }
#d_zoek .submit input	{ width: 65px; }

#content p.eerste { margin-top: 0px; }

.masterpiecesteasers { padding: 10px 10px 0 10px; }

.CSSPopUP {
    filter:alpha(opacity=90);
	-moz-opacity: 0.90;
    background-color: #FFFFFF;
    display:none;
    width:170px;
    position:absolute;
    color: #D30C44;
    border: 1px #D30C44 solid;
	padding: 5px;
}