
@import url("menu.css");
@import url("common.css");
@import url("forum.css");


/* NEWS */
.news {
	padding-left:7px;
	padding-right:7px;
	margin-bottom:20px;
}
.newsTitle{
	font-weight:bold;
	color:#03265F;
	font-size:105%;
	padding-bottom:5px;
	border-bottom:solid 1px #00A0B3;
	margin-bottom:5px;
}
.newsRecordSet{
	padding-bottom:5px;
	border-bottom:solid 1px #00A0B3;
	margin-bottom:5px;
	font-size:95%;
	color:#03265F;
}
.newsRecordSet .date{
	color:#666666;
	font-size:85%;
	text-align:left;
}
.newsRecordSet .title{
	font-weight:bold;
}
.newsRecordSet .title a{
	color:#03265F;
	text-decoration:none;
}
.newsRecordSet .title a:hover{
	color:#03265F;
	text-decoration:underline;
}
.newsRecordSet .text{
}
.newsRecordSet .more{
	
}

/* JOBS */
.jobsRecordSet{
}
.jobsRecordSet .date{
	
}
.jobsRecordSet .title{
	margin-bottom:10px;
}
.jobsRecordSet .text{
}
.jobsRecordSet .label{
	width:150px;
	float:left;
	margin-bottom:5px;
}
.jobsRecordSet .element{
	margin-left:165px;
	margin-bottom:5px;
	clear:right;
}
.jobsRecordSet .separator{
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #000000;
}

/* SEARCH */
.searchContent INPUT{
	vertical-align:middle;
	color:#003366;
}
.searchContent IMG{
	vertical-align:middle;
	margin-left:3px;
}
.searchContent .title{
	clear:both;
	margin-bottom:5px;
	margin-top:10px;
	font-weight:bold;
}
.searchContent .condition{
	width:150px;
	float:left;
	padding-right:10px;
	margin-bottom:5px;
}
.searchContent .check{
	float:left;
}
.searchContent .label{
	padding-top:2px;
	padding-left:21px;
}
.searchContent SELECT{
	font-family:Arial, Helvetica, sans-serif;
}

.searchRecordSet{
	margin-bottom:15px;
}
.searchRecordSet .date{
}
.searchRecordSet .title{
	font-weight:bold;
}
.searchRecordSet .text{
}
.searchRecordSet .info{
}
.searchRecordSet .info IMG{
	margin-right:5px;
}
.searchRecordSet .more{
	text-align:right;
}
.searchRecordSet .more IMG{
	margin-left:5px;;
}
.searchRecordSet .more a{
	padding-left:10px;
	display:inline-block;
}

/* FORM */
.form INPUT{
	vertical-align:middle;
}
.form .formError{
	color:#FF0000;
	padding:2px 5px 2px 5px;
	margin-left:120px;
}
.form .inputError{
	color:#FF0000;
	font-size:10px;
	font-weight:bold;
}
.formSubject{
	margin-left:0px;
}
.form .title{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
}
.form .text{
	margin-bottom:10px;
}
.form .inputPart{
}
.form .label{
	width:110px;
	float:left;
	clear:left;
	padding-right:10px;
	margin-bottom:5px;
	
}
.form .element{
	margin-bottom:5px;
}
.form .labelNoFloat{
	clear:left;
	margin-bottom:5px;
}
.form .checkBoxes, .form .dropDowns{
	margin-bottom:20px;
	clear:left;
}
.form .elementCheck{
	width:100px;
	float:left;
	padding-right:10px;
	margin-bottom:5px;
}
.form .check{
	float:left;
}
.form .labelCheck{
	padding-top:2px;
	padding-left:21px;
}
.stopFloat{
	clear:left;
	margin-bottom:5px;
}
.formBtn{
	margin-top:20px;
	margin-left: 122px;
}
.formBtn INPUT{
	margin-right:10px;
}
.form .keuzeItemsBox{
	float:left;
}
.form .verplichtVeld{
	display:inline;
	padding:4px 10px 5px 10px;
	font-size:80%;
	color:#00626C;
	text-align:center;
	width:120px;
	background-color:#ADE0E7;
}
*html .form .verplichtVeld{
	display:inline;
	padding:5px 10px 4px 10px;
	font-size:80%;
	color:#00626C;
	text-align:center;
	width:120px;
	background-color:#ADE0E7;
}

/* POLL */
.poll{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	padding-top:10px;
	padding-bottom:10px;
	height:165px;
}
.pollBoxLeft{
	float:left;
}
.pollBoxRight{
	font-size:95%;
	margin-top:55px;
	margin-left: 16px;
	text-align:left;
	float:left;
}
.poll .title{
	background-color:#ABBCCD;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 13px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}
.poll .statement{
	margin:10px;
	font-weight:bold;
	font-size: 13px;
}
.poll .text {
	text-align:left;
	color:#03265F;
	font-size:95%;
	line-height:120%;
	width:168px;
}
.poll .voteIncentive{
	text-align:left;
	margin-top:8px;
	padding-top:8px;
	color:#00A0B3;
	font-size:85%;
	line-height:100%;
	border-top:solid 1px #A1DCE3;
	width:168px;
}
.poll .options{
	margin:10px;
	font-size: 12px;
}
.poll .results{
	text-align:right;
	margin:10px;
}
.poll .results a{
	color:#174285;
	font-size:11px;
	text-decoration:none;
}
.poll .results a:hover{
	color:#174285;
	text-decoration:underline;
}
.poll .submit{
	padding:13px 10px 0px 22px;
	text-align:right;
}
.poll .score{
	margin-bottom:3px;
	margin-left:10px;
	margin-right:10px;
}
.poll .graphic{
	background-image:url(../images/img_poll.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.poll .leftborder {
	border-left:solid 1px #62C4D0;
}
.poll .rightborder {
	border-right:solid 1px #62C4D0;
}
.poll .topborder {
	border-top:solid 1px #62C4D0;
}
.poll .bottomborder {
	border-bottom:solid 1px #62C4D0;
}


/* FAQ */
.faq a {
	color:#00A0B3;
	padding-bottom:10px;
	display:block;
	background-image:url(../images/img_listtype_vierkant.gif);
	background-position:left 7px;
	background-repeat:no-repeat;
	padding-left:10px;
}
.faq .faqQuestion{
	background-color:#F2F2F2;
	margin-bottom:15px;
	border-bottom:solid 1px #666666;
	padding:10px;
}
.faq .question{
	padding-bottom:10px;
	font-weight:bold;
}
.faq .question a{
	text-decoration:underline;
	color:#000000;
	display:block;
	font-weight:normal;
}
.faq .faqAnswer{
	margin-bottom:15px;
	border-bottom:solid 1px #666666;
	padding-bottom:10px;
}
.faq .answer{
}



.foto{
	float:left;
	border:solid 1px #000000;
	width:100px;
	height:100px;
	margin-bottom:10px;
	margin-right:10px;
}
.foto IMG{
	width:100px;
	height:100px;
}


/*********************************/

.inBoxBlueBox{
	margin-top:10px;
}
.inBoxBlueBox_bg{
	background-color:#F5FBFC;
	width: 512px;
}
.inBoxBlueBox_top{
	background-image:url(../images/bg_top_pollresults.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
}
.inBoxBlueBox_bottom{
	background-image:url(../images/bg_bottom_pollresults.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ######################## POLL ################################# */
.voteResults{
	margin-left:10px;
	margin-bottom: 0px;
}
.voteResults TD {
	padding-top: 1px;
	padding-bottom: 1px;
}
.voteResults .Resultaat{
	font-size:11px;
	font-weight:bold;
	color:#00626C;
	text-align:right;
	width:100px;
	border-bottom: solid 1px #ABCCD0;
	padding-top: 5px;
	padding-bottom:5px;
	background-color:#FFFFFF;
	padding-right: 5px;
}
.voteResults .eensoneens{
	fontweight:normal;
	font-size:12px;
	text-align:left;
	border-bottom: solid 1px #ABCCD0;
}
.totaalGestemd{
	font-weight:bold;
	color:#00626C;
	padding-bottom:6px;
	background-color:#FFFFFF;
	height: 20px;
	padding-right: 5px;
}

.voteResults .figures{
	text-align:right;
	border-bottom: solid 1px #ABCCD0;
	padding-right: 5px;
	background-color:#FFFFFF;
}
.diagramDivEens{
	height: 20px;
	width:50px;
	background-color:#76CCD6;
}
.diagramDivOnEens{
	height: 20px;
	width:50px;
	background-color:#76CCD6;
}
.voteAndMailReactionBox{
	width:547px;
	background-color:#AFE1E7;
}
.voteAndMailReactionBox TD{
	padding:5px;
}
.voteAndMailReactionBox .textMail{
	margin-left:20px;
	text-indent: 10px;
}
.voteAndMailReactionBox INPUT{
}


/* ######################## FOTO EVENEMENTEN ################################# */
.photoArchive {

}
.photoArchive .marge {
	border-bottom:none;
}
.photoArchive td {
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #E0F3F6;
}
.photoArchive .teaser {
	
}
.photoArchive .photo img {
	width:88px;
	height:67px;
	margin-left:auto;
	margin-top:auto;
}
.photoArchive .photo {
	float:left;
	margin-right:10px;
}
.photoArchive .photoOverlay img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.photoArchive .photoOverlay {
	width:88px;
	height:67px;
}
*html .photoArchive .photoOverlay {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(images/overlay_photo.png);
}

.photoBigArchive td {
	padding-top:5px;
	padding-bottom:5px;
}
.photoBigArchive .photoBig img {
	width:530px;
	height:398px;
	margin-left:auto;
	margin-top:auto;
}
.photoBigArchive .photoBigOverlay img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); 
}
.photoBigArchive .photoBigOverlay {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(images/overlay_photo_groot.png);
	width:530px;
	height:400px;
}
.sitemap {
	
}
.sitemap h3 {
	color:#00A0B3;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	font-size:110%;
	border-bottom:solid 1px #A6DEE4;
	background-color:#F2FAFB;
}
.sitemap h3 a {
	color:#00A0B3;
	text-decoration:none;
	background-image: url(../images/img_pijl_groen.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left:10px;
}
.sitemap h3 a:hover {
	color:#FF0000;
	text-decoration:underline;
}
.sitemap h4 {
	color:#00A0B3;
	margin-top:5px;
	margin-bottom:5px;
	font-size:110%;
	padding-left:10px;
}
.sitemap h4 a {
	color:#00A0B3;
	text-decoration:none;
}
.sitemap h4 a:hover {
	color:#FF0000;
	text-decoration:underline;
}
.sitemap h5 {
	color:#00A0B3;
	margin-top:0px;
	margin-bottom:5px;
	padding-left:20px;
}
.sitemap h5 a {
	color:#00A0B3;
	text-decoration:none;
	background-image:url(../images/img_listtype_vierkant.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	padding-left:10px;
}
.sitemap h5 a:hover {
	color:#FF0000;
	text-decoration:underline;
}



.siteMapLevel_1{
	font-weight:bold;
	margin-top: 10px;
	padding-left:12px;
	background-image:url(../images/img_pijl_omlaag.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.siteMapLevel_1 a{
	text-decoration:none;
}
.siteMapLevel_1 a:hover{
	text-decoration:none;
}
.siteMapLevel_2{
	font-size:90%;
	padding-left:12px;
}
.siteMapLevel_2 a{
	text-decoration:none;
}
.siteMapLevel_2 a:hover{
	text-decoration:none;
}
.siteMapLevel_3{
	font-size:90%;
	padding-left:24px;
	background-image:url(../images/img_listtype_vierkant.gif);
	background-repeat: no-repeat;
	background-position: 12px 8px;
}
.siteMapLevel_3 a{
	text-decoration:none;
}
.siteMapLevel_3 a:hover{
	text-decoration:none;
}
/*  ##################  Blue box Formulier van Email ######################################## */

.blueBoxContent img {
	margin-top:0em;
	margin-bottom:0em;
}
.blueBoxContent {
	width: 515px;
	background-image: url(../images/bg_blueboxcontent.jpg);
	background-repeat: repeat-y;
	border-top: 1px solid #77CCD7;
	border-bottom: 1px solid #AEE1E7;
	border-left: 1px solid #AEE1E7;
	border-right:1px solid #AEE1E7;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:10px;
}
.blueBoxDate{
	font-size:90%;
	color:#00626C;
	padding-bottom:6px;
	padding-top:7px;
	float:left:
}
.kopjeBlueBox{
	font-weight:bold;
	color:#00626C;
	padding-bottom:6px;
}
.subkopjeBlueBox{
	font-weight:bold;
	color:#2CB0C0;
	padding-bottom:6px;
}
.opsommingBlueBox{
	list-style-position: outside;
	list-style-image: url(../images/img_listtype_vierkant.gif);
}
.selecteerVerder{
	font-size:90%;
	text-align:right;
	margin-top: 10px;
	padding-right:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-image:url(../images/img_pijl_verder.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	border-bottom: solid 1px #ABCCD0;
}
.selecteerVerder a{
	color:#00626C;
	text-decoration:none;
}
.selecteerVerder a:hover{
	text-decoration:underline;
	color:#00626C;
}
.selecteerVerderNoBorder{
	font-size:90%;
	text-align:right;
	margin-top: 10px;
	padding-right:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-image:url(../images/img_pijl_verder.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
}
.selecteerVerderNoBorder a{
	color:#00626C;
	text-decoration:none;
}
.selecteerVerderNoBorder a:hover{
	text-decoration:underline;
	color:#00626C;
}
.terugNaar{
	font-size:90%;
	text-align:left;
	margin-top: 10px;
	padding-left:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-image:url(../images/img_pijl_terug.gif);
	background-repeat: no-repeat;
	background-position: left 3px;

}
.terugNaar a{
	color:#00626C;
	text-decoration:none;
}
.terugNaar a:hover{
	text-decoration:underline;
	color:#00626C;
}
.terugNaarWithBorder{
	font-size:90%;
	text-align:left;
	margin-top: 10px;
	padding-left:15px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-image:url(../images/img_pijl_terug.gif);
	background-repeat: no-repeat;
	background-position: left 3px;border-bottom: solid 1px #ABCCD0;
}
.terugNaarWithBorder a{
	color:#00626C;
	text-decoration:none;
}
.terugNaarWithBorder a:hover{
	text-decoration:underline;
	color:#00626C;
}
.omhoog{
	font-size:90%;
	margin-top: 10px;
	padding-left:12px;
	padding-bottom:5px;
	margin-bottom:5px;
	background-image:url(../images/img_pijl_omhoog.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	border-bottom: solid 1px #ABCCD0;
}
.omhoog a{
	color:#00626C;
	text-decoration:none;
}
.omhoog a:hover{
	text-decoration:underline;
	color:#00626C;
}

.itemTitleBlue {
	background-image: url(../images/bg_functietitel.jpg);
	background-repeat: no-repeat;
	width:532px;
	padding:5px 15px 5px 15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:135%;
	color:#00A0B3;
	font-weight: bold;
	line-height: 105%;
}
/* EMAILFORM ...............................
                                             */
.emailform{
	color:#00626C;
}
.emailform .titelSelection{
}
.emailform td{
	vertical-align:top;
	padding:5px 0px 5px 0px;
}
.emailform .row{
}
.emailform .title{
	padding:6px 2px 5px 0px;
}
.emailform .required{
	float:left;
	background-color:#ADE0E7;
	font-size:11px;
	padding:1px 0px 2px 7px;
	width:115px;
}
*html .emailform .required{
	margin-top:1px;
}
.emailform .required1{
	float:left;
	background-color:#ADE0E7;
	font-size:11px;
	padding:2px 0px 2px 7px;
	width:115px;
	height:53px;
	margin:2px 0px 0px 0px;
}
*html .emailform .required1{
	float:left;
	background-color:#ADE0E7;
	font-size:11px;
	padding:2px 0px 2px 7px;
	width:115px;
	height:56px;
}
.emailform .selection{
	width:120px;
	float:left;
}
.emailform label{
}
.moveButtons{
	float:left;
	width:28px;
	padding:0px 0px 0px 0px;
}
*html .moveButtons{
	float:left;
	width:20px;
	padding:4px 3px 0px 5px;
}
.moveButtons img{
	padding:5px;

}
.emailform .textField{
	width:279px;
	height:18px;
	border:solid 1px #ADE0E7;
	color:#333333;
	font-size:12px;
	/*margin:5px 0px 5px 0px;*/
	padding:0px 0px 0px 3px;
}
.emailform .textField input{
	padding:0px 0px 0px 3px;
}
.emailform .textArea{
	float:left;
	width:122px;
	height:56px;
	border:solid 1px #ADE0E7;
	margin-top:1px;
}
*html .emailform .textArea{
	width:120px;
	height:57px;
}
.emailform .textAreaLarge{
	float:left;
	width:282px;
	height:56px;
	border:solid 1px #ADE0E7;
}
*html .emailform .textAreaLarge{
	width:279px;
}
.emailform select{
	border:solid 1px #ADE0E7 !IMPORTANT;
	margin-right:5px;
}
.textField input{
	border:solid 1px #ADE0E7;
	padding-left:3px; 
}
.emailform .button{
	width:88px;
	background-color:#00A0B3;
	float:left;
	border:none;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-right:15px;
}
.emailform .radio{
	margin-right:5px;
}

.wamerror, .wamstatus
{
	display: block;
	padding: 1em 20px 1em 20px;
	border: solid 2px green;
	text-align: center;
	vertical-align: center;
	margin-top: 1em;
}
.wamerror
{
	border: solid 2px red;
}