/* content specific style */

/* content */
.content h2.heading { font-size:1em; height:50px; width:625px; color:#F46E1A; background:#f1f0f1 url(../img/content-h2-bg.gif) no-repeat top left; line-height:50px; margin:0 0 45px 0; padding:0 0 0 20px; }
.content h2 { padding:20px 20px 8px; font-size: 70%; font-weight: bold; color: #000; }
.content h3.faq { padding:20px 20px 8px; }
.content h3 { padding:20px 20px 8px; }
	.content ul.folder li.head { height:49px; width:645px; background:transparent url(../img/content-h3-bg.gif) no-repeat top left; line-height:49px; padding:0 0 0 20px; font-size:100%; position:relative; }
	.content ul.folder li.head h3 span { display:inline; }
	.content ul.folder li.head a.return-link {  font-size:70%; position:absolute; top:15px; right:20px; line-height:110%; }
	.content ul.folder li h3 { margin:0 0 0 20px; padding: 0; }
	.content ul.folder li h3 span { font-weight:normal; }
	.content ul.folder li span { display:block; }
	.content ul.folder li span.date { color:#807f7f; margin:0 0 0 10px; }
	.content ul.folder li h4 { font-weight:normal; padding:15px 0 0 0;}
.content p { padding:0 20px; }

	fieldset.respons ul li p { padding:0 20px !important; text-align:left; }
	fieldset.respons ul.overzicht { padding:20px 0; }
	fieldset.respons ul.overzicht li p em { color:#f46e1a; }

	.respons-wrapper fieldset table { width: 100%; }
	.respons-wrapper fieldset table td.question { width: 60px; }

	/* response overzicht */
	ul.resultaten-zichtbaar { background-color:#f46e1a; padding:20px; margin:0; width:auto; border-top:1px solid #e2e2e2; }
	ul.resultaten-zichtbaar li { }
	ul.resultaten-zichtbaar li ul { clear:both; }
	ul.resultaten-zichtbaar li ul li { float:left; padding:0 20px 0 0; font-size:100%; width:100px; color:#fff; }
	ul.resultaten-zichtbaar li ul li.right { width: 200px; }

	ul.niet-zichtbaar { background-color:#fff; padding:20px; margin:0; width:auto; border-top:1px solid #e2e2e2; }
	ul.niet-zichtbaar li { }
	ul.niet-zichtbaar li ul { clear:both; }
	ul.niet-zichtbaar li ul li { float:left; padding:0 20px 0 0; font-size:100%; width:100px; }
	ul.niet-zichtbaar li ul li.right { width: 200px; }

	ul.niet-ingevuld { background-color:#fff; padding:20px; margin:0; width:auto; border-top:1px solid #e2e2e2; }
	ul.niet-ingevuld li { }
	ul.niet-ingevuld li ul { clear:both; }
	ul.niet-ingevuld li ul li { float:left; padding:0 20px 0 0; font-size:100%; width:100px; color:#a8a8a8; }
	ul.niet-ingevuld li ul li.right { width: 200px; }

	ul.geannuleerd { background-color:#f1f0f1; padding:20px; margin:0; width:auto; border-top:1px solid #e2e2e2; }
	ul.geannuleerd li { }
	ul.geannuleerd li ul { clear:both; }
	ul.geannuleerd li ul li { float:left; padding:0 20px 0 0; font-size:100%; width:100px; color:#a8a8a8; }
	ul.geannuleerd li ul li b { text-decoration:line-through; }
	ul.geannuleerd li ul li.right { width: 200px; }

	/* tevredenheidsmeter */

	.postal-check-wrapper { padding-top: 15px; }

	/* actueel */
	.actueel span.date { color:#807f7f; font-size:65%;  display:block; line-height: 11px; }
	.actueel h3 { font-size:70%; color:#f46e1a; margin:0 0 34px 0; font-weight:bold; padding: 1px 0 0 0; }
	.actueel img { float:left; margin:0 25px 20px 0; border:1px solid #e2e2e2; }
	.actueel img.no-border { border:none; }
	.actueel p { padding:0 !important; margin-bottom: 9px; }
	.actueel strong { color:#f46e1a; font-weight:bold; padding:0 0 0 0; display:block; }
	.actueel p a strong {display:block; text-decoration:none !important; }

	/* archive */
	.archive h3 { width:200px; height:40px; line-height:40px; padding:1px 0 0 20px; background:url(../img/archive-h3-bg.gif) no-repeat top left; margin:0 !important; }
	.archive ul { width:220px; background:url(../img/content-ul-nieuws-bg.gif) no-repeat bottom left;  padding:9px 0 13px 0; margin:0 0 20px 0; }
	.archive ul li { width:178px; margin:0; padding:11px 20px 3px 21px; line-height:120%; }
	.archive ul li.head { width:220px; height:41px; background:url(../img/actueel-archive-header-bg.gif) no-repeat top left; padding:0 !important; margin:0; vertical-align:top; line-height:1px; }
	.archive ul li.archief { padding-top:40px; border:none; }
	.archive ul li.archief a { width:25px; background:url(../img/li-icon-archief.gif) no-repeat top left; padding:0 0 0 15px; margin:0 0 0 125px; }
	.archive ul li h3 { line-height:41px; }
	.archive ul li span { display:block; margin:0 0 0 10px; color:#807f7f; font-size:0.9em; line-height: 1.2em; }
	.archive ul li a { display:block; width:150px; }
	.archive ul li a:hover, .archive ul li a.active { text-decoration:none; color:#f46e1a; }

		/* legenda */
		.archive ul li.resultaten-zichtbaar { width:158px; background:url(../img/icon-legenda-1.gif) no-repeat top left !important; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none; }
		.archive ul li.niet-zichtbaar { width:158px; background:url(../img/icon-legenda-2.gif) no-repeat top left !important; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none; }
		.archive ul li.niet-ingevuld {width:158px; background:url(../img/icon-legenda-2.gif) no-repeat top left !important; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none; color:#a8a8a8; }
		.archive ul li.geannuleerd {width:158px; background:url(../img/icon-legenda-3.gif) no-repeat top left !important; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none; color:#a8a8a8; text-decoration:line-through; }
		.archive ul li.eigen { background:url(../img/icon-eigen-score.gif) no-repeat top left; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none;  }
		.archive ul li.gemiddelde { background:url(../img/icon-gem-score.gif) no-repeat top left; padding:0 0 0 20px; margin:8px 0 8px 20px; border:none;  }


/* information */
.info-block ul.login { vertical-align:top; }
.info-block ul.login li.title { background:url(../img/login-li-bg.gif) repeat-x top left; padding:0; margin:0; height:47px; border-bottom:1px solid #e2e2e2;  }
	li.title ul { height:48px; }
	li.title ul li { float:left;  }
	li.title ul li img { float:left; border-right:1px solid #e2e2e2; position:absolute; top:-1px; left:0; }
	li.title ul li p { margin:0 0 0 20px; padding:10px 0 0 0; font-size:120%; }
	li.title ul li a { color:#807f7f; margin:0 0 0 20px; font-size:120%; line-height:120%; }

	li.name { background-color:#fff; height:40px; }
	li.name p { font-size:100%; color:#f46e1a; font-weight:bold; padding:10px 0 0 0; }

	li.edit { height:48px; padding:0 20px 0 20px !important; }
	li.edit a { line-height:48px; }

span.divider { display:block; width:220px; height:1px; padding:0 0 12px 0; border-top:1px solid #e2e2e2; font-size:1px; line-height:1px; }

/* footer */
.page-footer strong { color:#f46e1a; font-size:70%; }

/* contact form */
#contact { }
#contact h3 { height:49px; background:url(../img/contact-form-header-bg.gif) no-repeat top left; padding:0 0 0 20px; line-height:49px; }
#contact p { font-size:100%; padding:0 0 6px 20px; }
#contact p.error { margin:20px 20px 0 20px; padding-top: 4px; color:#fff; background-color:#f46e1a; min-height:14px; height: auto !important; height: 14px; line-height:18px; }
#contact fieldset { position:relative; border-top:1px solid #e2e2e2; width:645px; background:url(../img/fieldset-contact-bg.gif) repeat-y bottom left; font-size:70%; line-height:120%; }
#contact legend { }
#contact ol { padding:20px 0; margin:0 0 0 20px; }
#contact ol li { clear:both; min-height:45px; height:auto !important; height:45px; vertical-align:top; }
#contact ol li input { height:18px; }
#contact ol li ol { margin:0; padding:0; }
#contact ol li ol li { float:left; clear:none; padding:0 10px 0 0; margin:0; }
#contact ol li ol li.radio { margin:18px 0 0 0; }
#contact ol li ol li.radio input { border:none; background-color:transparent; }
	span.required { color:#f46e1a; }

#contact ol li label, #contact ol li ol li label { display:block; line-height:150%; }

#contact fieldset span.divider { width:100%; background-repeat:repeat-x; height:1px; margin:0; padding:0; }

	/* input sizes */
	#contact ol li input.small { width:123px; }
	#contact ol li input.medium { width:258px; }
	#contact ol li input.large { width:378px; }

#contact a.submit { position:absolute; bottom:20px; right:20px; background:url(../img/content-li-link-bg.gif) no-repeat top right; padding:0 10px 0 0; }

form.aanmelden-opdrachtgever { }
form.aanmelden-opdrachtgever fieldset { position:relative; }
form.aanmelden-opdrachtgever ul { }
form.aanmelden-opdrachtgever ul li { padding:0 0 10px 0; }
form.aanmelden-opdrachtgever ul li span { display:inline; }
form.aanmelden-opdrachtgever ul li input { display:block; height:18px; margin:2px 0 0 0; width:123px; }
form.aanmelden-opdrachtgever ul li input.large { width:366px; }
form.aanmelden-opdrachtgever ul li input.medium { width:258px; }
form.aanmelden-opdrachtgever ul li input.small { width:85px; }
form.aanmelden-opdrachtgever ul li input.radio { width:15px; height:15px; display:inline; background:none !important; border:none !important;}

form.aanmelden-opdrachtgever ul li ul { vertical-align:top; }
form.aanmelden-opdrachtgever ul li ul li { float:left; padding:0 5px 10px 0; font-size:100%;  }
form.aanmelden-opdrachtgever ul li ul li span.text { display:block; padding:18px 0 0 0; color:#000; }
form.aanmelden-opdrachtgever ul li ul li.radio-input { padding:15px 0 0 0;  }

form.aanmelden-opdrachtgever button.submit { padding: 0 10px 15px 0; font-size:70%; line-height:100%; vertical-align:top; background:url(../img/content-li-link-bg.gif) no-repeat 54px 1px; position:relative; left:26px; top:-8px; }
form.aanmelden-opdrachtgever button.submit-add-project-data { padding: 0 10px 15px 0; font-size:70%; line-height:100%; vertical-align:top; background:url(../img/content-li-link-bg.gif) no-repeat 231px 1px; position:relative; left:26px; top:-8px; width: 270px; }
form.aanmelden-opdrachtgever button.submit-add-project { padding: 0 10px 15px 0; font-size:70%; line-height:100%; vertical-align:top; background:url(../img/content-li-link-bg.gif) no-repeat 93px 1px; position:relative; left:26px; top:-8px; width: 200px; }

.existing-project-template {border: 1px solid #e2e2e2; margin: 0 20px 10px 0; padding: 10px; display: none;}
.existing-project-description {float: left; clear: both; width: 120px;}
.existing-project-description p {font-weight: bold;}
.existing-project-data {float: left;}

#new-project-remaining-fields { display: block; }
#ajax-loader img {padding: 0 0 0 30px;}

div.form-intro {padding: 0 0 20px 0;}

ul.error, p.error { color: #FF0000; }
ul.error li { color: #FF0000 !important; line-height: 15px; }