@import url(/include/css/editor.php);

body {
	background: url('/image/background.gif') repeat-y center top;
	}

#container {
	width: 950px;
	padding: 0px 10px;
	margin: 0 auto;
	}

input.submit {
	cursor: pointer !important;
}

/** HEADER **/

#header {
	}

#top {
	height: 103px;
	}
	#logo {
		margin-top: 15px;
		width: 200px;
		float: left;
		}
	#top .otherNav {
		margin-top: 40px;
		}

#visual {
	height: 163px;
	position: relative;
	/* background: url('/image/visuals/wandelaars.jpg') no-repeat left top; */
	}
	#donation {
		width: 307px;
		width: 277px;
		height: 163px;
		height: 113px;
		overflow: hidden;
		padding: 25px 15px;
		position: absolute;
		top: 0;
		right: 0;
		background: #58a618 url('/image/donation.gif') no-repeat;
		/* background: url('/image/samenzeelandbanner.gif') no-repeat; */
		/*
		background: url('/image/samenzeeland_inpiratie.jpg') no-repeat;
		background: url('/image/samenzeeland_winnen.jpg') no-repeat;
		*/
		}
	#donation h1 {
		height: 23px;
		width: 248px;
		text-indent: -999em;
		background: url('/image/txt-donation-title.gif') no-repeat;
		}
	#donation a.link {
		margin-top: 5px;
		margin-bottom: 30px;
		}
	#donation .link {
		display: block;
		height: 14px;
		width: 154px;
		text-indent: -999em;
		background: url('/image/txt-donation-button.gif') no-repeat;
		}
	#donation p {
		width: 200px;
		color: #ffffff;
		}


/** NAVIGATION **/

#navigation {
	margin-top: 10px;
	width: 950px;
	height: 33px;
	background: url('/image/nav-btmline.gif') repeat-x;
}
	#navigation.hassubmenu { height:70px; }


/** CONTENT **/

#wrapper {
	clear: both;
	width: 630px;
	float: left;
	}
	#content {
		margin-top: 25px;
		margin-left: 10px;
		}
	.textMargin {
		margin-right: 25px;
		}




/** SIDEBAR **/

.withSubs #sidebar {
	padding-top: 32px;
	}
#sidebar,
.noSubTitle #sidebar {
	padding-top: 32px;
	padding-bottom: 15px;
	width: 307px;
	float: right;
	}

	#mediaplayer {
		width: 307px;
		height: 209px;
		background: url('/image/mediaplayer.jpg');
		}

	.sideblock {
		height: 112px;
		width: 237px;
		/*margin-bottom: 20px;*/
		padding: 10px 50px 0 20px;
		color: white;
		}
	#faq-item {
		margin: 0 0 15px 0;
		background: #0090D1 url('/image/banner_bg.gif') no-repeat right top;
		}
	#news-item {
		background: #264A5A url('/image/banner_bg.gif') no-repeat right bottom;
		}

	#news-item .sideblock span,
	#faq-item .sideblock span {
		font-weight: bold;
		font-size: 16px;
}

#faq-item .sideblock a,
#news-item .sideblock a {
	color: white;
}

	#news-item .sideblock a,
	#faq-item .sideblock a {
		text-decoration: none;
	}
	
	.sideblock h3 { color: white; font-size: 16px;}
	.sideblock ul { list-style: none; margin: 0; }
	.sideblock li.last { margin-top: 10px; }

.readon { padding-right: 15px; background: url("/image/arrow-radon.gif") no-repeat center right transparent}
	.dark .readon { background-image: url("/image/arrow-recent.gif");}

/** EXTRA **/

#extra {
	clear: both;
	padding-top: 20px;
	}
#extra h2 {
	color: #ffffff;
	height: 41px;
	line-height: 41px;
	/* text-indent: -999em; */
	}
#extra h3 {
	color: #ffffff;
	}

#areas, .areas {
	padding: 10px 0px;
	width: 630px;
	height: 196px;
	height: 176px;
	float: left;
	background: #0090d1;
	}
#areas h2,
.areas h2 {
	margin-left: 10px;
	/* ackground: url('/image/txt-areas-title.gif') no-repeat; */
	font-size: 16px;
	color: white;
	}
#areas h3 a,
.areas h3 a {
	/* text-indent: -999em; */
	color: white;
	text-decoration: none;
	}
	/*
#txt-area-title-1 a { background: url('/image/txt-area-sport.gif') no-repeat; display: block; }
#txt-area-title-2 a { background: url('/image/txt-area-natuur.gif') no-repeat; display: block; }
#txt-area-title-3 a { background: url('/image/txt-area-zorg.gif') no-repeat; display: block; }
#txt-area-title-4 a { background: url('/image/txt-area-kunst.gif') no-repeat; display: block; }*/
#areas .item,
.areas .item {
	width: 145px;
	width: 125px;
	height: 105px;
	height: 85px;
	padding: 10px;
	overflow: hidden;
	margin-left: 10px;
	float: left;
	background: #4db2df;
	}
#areas .item p,
.areas .item p {
	color: #ffffff;
	}

#recent {
	padding: 10px;
	width: 287px;
	height: 196px;
	height: 176px;
	float: right;
	background: #163c55;
	}
#recent h2 {
	/* background: url('/image/txt-recent-title.gif') no-repeat; */
	font-size: 16px;
	}
#recent a:link, #recent a:visited {
	color: white;
}
#recent ul {
	height: 85px;
	padding: 10px;
	list-style: none;
	margin: 0;
	overflow: hidden;
	background: #456377;
	}
#recent ul li a {
	padding-left: 15px;
	text-decoration: none;
	color: #ffffff;
	background: url('/image/arrow-recent.gif') no-repeat 0px 2px;
	}


/** FOOTER **/

#footer {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #d9d9d9;
	}
#footer .otherNav {
	margin-top: 10px;
	margin-bottom: 10px;
	}


/** CLASSES **/

#formButton {
	color: #333333;
	border: 0px;
	font-size: 100%;
	text-align: left;
	padding-right: 15px;
	padding-left: 0px;
	margin-left: -3px;
	font-weight: bold;
	background: #ffffff url('/image/arrow-blue.gif') no-repeat right center;
	}


/** CONTENT **/

#page117 #content table td.generator_content_blok ul,
#page117 #content table td.generator_content_blok p {
	padding-left: 210px;
}


/** QUICKSCAN **/

#quickscan div.first {
	border-top: 1px solid #D9D9D9;
}

#quickscan div.vraag {
	border-bottom: 1px solid #D9D9D9;

	width: 600px;

	padding-bottom: 5px;

	overflow: auto;
}

#quickscan div.active {
	background-color: #E5E9F2;
}

#quickscan div div.nr {
	width: 25px;
	float: left;
	font-size: 30px;
	color: #D9D9D9;
	margin-left: 5px;
	margin-right: 17px;
}

#quickscan div.active div.nr {
	color: #66BBE4;
}

#quickscan div div.content {
	width: 545px;
	float: left;
}

#quickscan input {
	width: 20px;
}

#quickscan label {
	width: 40px;
	padding-top: 2px;
}

#quickscan label.error {
	width: 300px;
	color: red;
}

#quickscan input.submit {
	width: 225px;
	height: 33px;
	background: url('/image/btns.gif') no-repeat left -99px; /* -33px */
	border: none;
	color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: left;
	padding-left: 10px;
	float: right;
	text-indent: -999em;
}

#quickscan div.error div.nr {
	color: red ;
}

a#button, a#button_crit {
	width: 225px;
	height: 33px;
	border: none;
	float: right;
	text-indent: -999em;
}



a#button {
	background:  url('/image/btns.gif') no-repeat left -33px;
	}

a#button_crit {
	background:  url('/image/btns.gif') no-repeat left top;
}


/* AANVRAAG FROM */
/* Style for container with form, steps incluis */
#aanvraagFormStep {
	background-color: #E5E9F2;
	overflow: hidden;
}

#page22 #content,
#page116 #content {
	margin-top: 32px;
}

#aanvraag_samenzeelandHeader,
#aanvraagHeader {
	margin-left: -20px !important;
}

#aanvraag_samenzeeland #aanvraag_samenzeelandHeader input,
#aanvraag #aanvraagHeader input {
	width: 56px;
	height: 54px;
	border: none;
	background: none;
	margin: 0;
	color: #D9D9D9;
	text-indent: 0px;
	font-size: 40px;
	padding-left: 13px;
}

	#aanvraagFormStep ul {
		margin: 0;
		padding: 0;
		height: 54px;
		border-top: 1px solid #D9D9D9;
	}

		#aanvraagFormStep ul li {
			display: block;
			height: 53px;
			line-height: 53px;
			width: 54px;
			background-color: #F5F5F5;
			float: left;
			font-size: 19px;
			border-bottom: 1px solid #D9D9D9;
			border-left: 1px solid #F5F5F5;
			border-right: 1px solid #F5F5F5;
			text-align: center;
			color: #D9D9D9;
		}

		#aanvraagFormStep ul li.last {
			border-right: 1px solid #F5F5F5;
		}
			#aanvraagFormStep ul li.active {
				background-color: #E5E9F2;
				color: #0090D1;
				width: 307px;
				padding-left: 11px;
				border-bottom: none;
				text-align: left;
				border-bottom: 1px solid #E5E9F2;
				border-right: 1px solid #D9D9D9;
				border-left: 1px solid #D9D9D9;
			}
		#aanvraagFormStep ul li.first {
			border-left: 1px solid #E5E9F2;
		}

			#aanvraagFormStep ul span.number {
				font-size: 40px;
			}

			#aanvraagFormStep ul span.title {
				margin-left: 10px;
			}


/* Aanvraag form */
form.aanvraag {
	margin-left: 20px !important;
}

form#inspiration {
	margin-left: 0px !important;
}

.aanvraag .validationContainer {
	margin-top: 26px;
	margin-right: 26px;
	margin-bottom: 7px;
}


/* All containers with inputs */
.aanvraag div.fbElement,
.aanvraag #typeOrg {
	clear: both;
	margin-top: 12px;
	overflow: auto;
}

.aanvraag #planning div.fbElement {
	margin-top: 0px;
}

.aanvraag #type_anders,
.aanvraag .fbRadioButtons div.fbRadio,
.aanvraag div.fbElement div.fbElement{
	clear: both;
	margin-top: 0px;
	overflow: auto;
	zoom: 1;
}


.aanvraag .radioGroup,
.aanvraag .fbContainer.radio
{
	width: 385px;
	float: left;
	margin-top: 3px;
}

.aanvraag .fbContainer .radio {
	margin-top: 3px;
}




.aanvraag div.fbElement div.radioGroup label {
width: 330px;
}

.aanvraag div.fbElement div.radioGroup div#type_anders label{
	width: 90px;
}

.aanvraag div#typeOrg label.error {
	margin-left: 116px !important;
	clear: both;
	width: 200px;
}
.fbForm div label,
.fbForm p.fbContainerTitle {
	width: 180px;
	float: left;
}

.fbForm div input,
.fbForm div textarea {
	width: 370px;
	float: left;
	border: 1px solid silver;
}

#vote div input,
#vote div textarea {
	width: 418px;
}

#vote #sendButton {
	width: 196px;
}

#vote div input.error,
#vote div textarea.error {
	width: 416px;
}

#vote div#voteValidation {
	margin-right: 0px;
}

	.aanvraag div input.radio {
		width: 20px;
		border: 0;
		margin: 0 5px 0 0;
	}

	.aanvraag div.radio_inline input {
		width: 25px;
		/* margin-top: 3px; */
	}

	.aanvraag div.radio_inline label {
		width: 25px;
	}

	.aanvraag div.radio_inline #labelaanhef_Mevr {
		margin-right: 10px;
}

	.aanvraag div input.input_inline {
		width: 87px;
		margin-right: 8px;
	}

	.aanvraag div input.disabled, .aanvraag div textarea.disabled {
		background: #E5E9F2 !important;
	}

	.aanvraag div input.invisible, .aanvraag div textarea.invisible {
		/* background: #E5E9F2 !important; */
		display: none;
	}

.aanvraag input.submit,
.aanvraag input.cancel,
#sendmail input.submit {
	width: 225px;
	height: 33px;
	border: none;
	color: #E5E9F2;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	text-align: left;
	padding-left: 10px;
	text-indent: -999em;
	cursor: pointer;
	overflow: hidden;
	display: block;
	zoom: 1;
}

#sendmail input.zetklaar {
	background-position:0px -396px !important;
	float:right;
	margin:20px 0px !important;
	padding:0px !important;
}


.aanvraag input.submit {
	background: url('/image/btns.gif') no-repeat right -66px;
	float: right;
}

.aanvraag input.cancel {
	background: url('/image/btns.gif') no-repeat left -132px;
	float: left;
	margin-left: -20px;
	text-align: right;
}

.aanvraag input#send {
	background: url('/image/btns.gif') no-repeat left -198px;
}

#inspiration input#send {
	/* background: url('/image/verzenden.gif') no-repeat left; -231px*/
	background: url('/image/btns.gif') no-repeat left -231px;
	/* width:191px; */
}

#vote input#sendButton {
	background: url('/image/stem.jpg') no-repeat left top;
	height: 37px;
}

form#vote {
	margin-left: 0px !important;
}

#sendmail input.submit {
	background: url('/image/btns.gif') no-repeat left -198px;
	margin-left: 132px;
	padding-left: 225px;
}

#sendmail {
	background-color: #E5E9F1;
	padding: 10px 0 10px 10px;
	overflow: auto;
}

div#planning div.fbTextfield label{
	width: 115px !important;
	margin-top: 12px;
}

div#planning div.fbTextfield label.error{
	width: 125px !important;
	margin-top: 3px;
	margin-left: 117px;
}

div#planning div.fbTextfield input{
	width: 253px;
	margin-top: 12px;
}

/* Specific styles: */
/* Type organisatie 3e optie */
div#type_anders label {
	width: 90px;
}

/* Type organisatie 3e optie */
div#type_anders input.extraText {
	width: 255px !important;
}

.aanvraag div input#voornaam {
	width: 110px ;
}

.aanvraag div input#achternaam {
	width: 130px ;
	margin-right: 0px;
}

#inspiration div input#achternaam {
	width: 176px ;
	margin-right: 0px;
}

.aanvraag div input#straat {
	width: 260px ;
}

.aanvraag div input#huisnummer {
	width: 100px ;
}

.aanvraag div input#postcode {
	width: 100px ;
}

.aanvraag div input#plaats {
	width: 260px ;
}

.aanvraag div#errorforaanhef, .aanvraag div#errorforvonaam, .aanvraag div#errorforacnaam {
	width: 110px;
	float: left;
	border: 1px solid #E5E9F2;
}

.aanvraag div#errorforaanhef {
	margin-left: 180px;
}

.aanvraag div#errorforvonaam {
	margin-left: 10px;
}

.aanvraag div#errorforacnaam {
	margin-left: 12px;
}

	.aanvraag div#errorforaanhef label, .aanvraag div#errorforvonaam label, .aanvraag div#errorforacnaam label {
		width: 110px !important;
		margin-left: 0px  !important;
	}

.aanvraag div#errorforstraat label, .aanvraag div#errorforhuisnummer label,
.aanvraag div#errorforpostcode label, .aanvraag div#errorforplaats label {
	width: 110px !important;
	margin-left: 0px  !important;
}

.aanvraag div#errorforstraat {
	margin-left: 180px;
	width: 265px;
	float: left;
	border: 1px solid #E5E9F2;
}

.aanvraag div#errorforhuisnummer {
	float: left;
	border: 1px solid #E5E9F2;
}

.aanvraag div#errorforpostcode {
 	float: left;
 	width: 100px;
 	margin-left: 180px;
 	border: 1px solid #E5E9F2;
}

.aanvraag div#errorforplaats {
 	float: left;
 	width: 200px;
 	margin-left: 15px;
 	border: 1px solid #E5E9F2;
}

/* Step 2 */
.aanvraag #eerder_namelijk {
	width: 253px;

}

.aanvraag #eerder_ja_container label {
	width: 90px;
}

.aanvraag #doorlopend div.fbRadio,
.aanvraag #regelmatig div.fbRadio {
	margin-top: 12px;

}

.aanvraag #eerder_ja_container label.error {
		margin-left: 120px;
		width: 253px;
}

/* .aanvraag label.error {
	width: 300px;
	margin-left: 180px;
	color: red;
} */


.aanvraag #agree {
	width: 15px;
	margin-left: 180px;
}

.agreecontainer label {
	width: 210px !important;
}

#aanvraagValidation {
		margin-top: 10px;
		margin-right: 10px;
}




/* Step 3 */
#geldContainer,
#vrijwilligersContainer,
#denkwerk,
#denkwerk div {
	clear: none !important;
	float: left;
}

	.aanvraag #geldContainer p {
		font-style: italic;
	}

	.aanvraag #geldContainer div {
		margin-top: 12px;
	}

		#geldContainer div label {
			width: 50px;
		}

		#geldContainer div input {
			width: 100px;
		}
#vrijwilligersContainer {
	width: 380px;
}
/*
#vrijwilligersContainer div textarea {
	width: 371px;
}*/

#vrijwilligersContainer div {
	clear: both;
}

#vrijwilligersContainer p {
	float: left;
	margin: 12px 0 12px 0 !important;
	margin-top: 0;
	font-style: italic;
	width: 380px;
}

#vrijwilligersContainer input {
	float: left;
	width: 25px !important;
	border: none !important;
}

.aanvraag #dienstenContent {
	width: 380px;
	clear: none !important;
	float: left;
}

.aanvraag #dienstenTekst {
	display: block;
	width: 378px;
	float: left;
	font-style: italic;
	margin: 0;
}

.aanvraag #diensten {
	margin-top: 12px;
}
/* Step 4 / 5 */

.aanvraag #motivatie, .aanvraag #toelichting {
	height: 200px;
}

/* Planning question */
#planningDiv {
	overflow: auto;
}

#aanvraag_samenzeeland #planning {
	float: left;
	width: 374px;
}

#aanvraag_samenzeeland #planning div {
	width: 370px;
}

#aanvraag_samenzeeland #planning div.first label,
#aanvraag_samenzeeland #planning div.first input {
	margin-top: 3px;
}

/* vervolg */
#aanvraag_samenzeeland #vervolg p.fbRadioContainerTitle {

}

#aanvraag_samenzeeland #eerder .fbRadio label {
	width: 90px;
}

#aanvraag_samenzeeland #eerder,
#aanvraag_samenzeeland #eerder .radioGroup,
#aanvraag_samenzeeland #eerder .fbRadio,
#aanvraag_samenzeeland #eerder .fbRadioButtons
{
	width: 130px;
}
#aanvraag_samenzeeland #eerder {
	float: left;
}

#aanvraag_samenzeeland #eerderExtraText {
	float: left;
	width: 250px;
	background: url('/image/info-ico.gif') no-repeat top left;
	text-indent: 20px;
}

#aanvraag_samenzeeland .fbFileUpload p {
	background: url('/image/fileupload.gif') no-repeat top left;
	height: 20px;
	width: 332px;
	float: left;
	display: block;
	padding-left: 20px;
	clear: none;
	margin-top: 0px;
	line-height: 20px;
}

#aanvraag_samenzeeland .fbFileUpload button {
	float: left;
	width: 20px;
	height: 20px;
	background: url('/image/delete.gif') no-repeat top left;
	text-indent:-999em;
	overflow: hidden;
	cursor: pointer;
}





.lightbox {
	margin-right: 5px;
	height: 120px;
	width: 185px;
	overflow: hidden;
	display: block;
	float: left;
	margin-bottom: 5px;
}


/* news */
.newsitem { margin-bottom: 10px; overflow: hidden;}
.newsitem a { color: #0090D1; text-decoration: none;}
.newsitem .date { font-style: italic;}
.newsitem img { float: right; margin: 0 0 10px 10px;}

/* projectoverview*/
#projectoverview {margin: 0 -10px; height: auto; }
#projectoverview a { color: white; text-decoration: none;}
#projectoverview .item { width: 280px; margin-bottom: 10px; height: auto;}
#projectoverview .item ul { height: 75px; overflow: hidden; margin: 0; padding-left: 1.3em;}
#projectoverview .item ul li { color: white; }
#projectoverview a.readon {margin-left: 1.3em;}
#projectindex a { color: #0090D1; }



/* sidebar blocks */
.sidebarblock {margin: 0 0 15px 0;	background: #0090D1 url('/image/banner_bg.gif') no-repeat right top;}
.sidebarblock.dark { background: #264A5A url('/image/banner_bg.gif') no-repeat right bottom;}	
.sidebarblock.dark a { color: white; text-decoration: none;}


#twitter-item { background: url('/image/sz_banner_blue.jpg') no-repeat top left; margin-bottom: 20px; height: 147px;}
#twitter-item a { color: white; }
#twitter-item h3 {margin-left: 25px;}
#twitter-item p {margin-top: 5px;}
#twitter-item .twitterlink a {text-decoration: none;}