body {margin:0; padding:0; padding-bottom:10px;	font-family:Arial; font-size:12px; cursor:url('../magicwand.cur'), url('../magicwand.png'), url('../magicwand.gif'), default}

a {color:#444444}
h1 {font-size:36px; margin-top:0px;}
h2 {font-size:16px; margin-top:0px; margin-bottom:5px}
p {margin:0px}

.clear {clear:both; line-height:1px; font-size:1px}

/* pagemenu */
#pagemenuHolder {width:955px; margin:0px auto; padding:0}
#pagemenu {position:absolute; top:20px; z-index:99}

/* ------------ FRAMEWORK ------------ */

#pageWrapper {width:955px; margin:0px auto}
	#topBar {clear:both; height:64px}
	#navBar {clear:both; height:20px; background-color:#cccc44}
	
	#pageContent {clear:both; width:955px; background-position:top left; background-repeat:repeat-y}
		
		#left {float:left; display:inline; width:200px; margin:0; padding:0}
			
			/* poll */
			#pollWrapper {width:200px}
				#pollHeader {width:200px; height:45px}
				#pollContent {width:200px; background-color:#ef622f}
					.pollresult_wrapper {}
					.pollquestion {width:185px; margin-left:10px; font-weight:bold; font-size:11px; color:#ffdebb; text-transform:uppercase}
					.pollvotes {width:165px; margin-left:30px; font-size:11px}
			
			/* faq */
			#faqWrapper {width:200px}
				#faqContents {}
				#faqItem {padding-bottom:4px}
					#faqHeader {width:200px; height:100px; margin-bottom:2px}
					#faq_question {margin:0px 10px 0px 10px; font-weight:bold; font-size:12px; color:#223333}
					#faq_question p {margin:0}
					#faq_answer {margin:0px 10px 10px 10px; font-size:12px; color:#666699}
					#faq_answer p {margin:0}
					#faq_buttons {}
					#faq_mail {margin-left:35px; margin-top:5px; font-size:11px; color:#666699}
			
		#middle {float:left; display:inline; width:615px; margin:0; padding:0}
			
			#static {clear:both; height:100px}
				#bannerWrapper {float:left; width:200px; height:100px}
				#quizWrapper {float:left; width:415px; height:100px; background:#ff9966;}
			
			#divider {height:10px; background-color:#ffffff}
			
			#dynamic {clear:both; width:595px; margin:0px 10px; padding:0; padding-bottom:10px}
				
				#main_wide {clear:both}
					#main_wide_padding {padding:20px 10px 0px 10px}
				
				#left_col {float:left; width:287px}
					#left_col_padding {padding:20px 10px 0px 10px}
						#left_col_padding img {max-width:267px}
					
				#right_col {float:right; width:287px}
					#right_col_padding {padding-top:20px}
						#right_col_padding img {max-width:287px}
						
				#left_col_wide {float:left; width:336px}
					#left_col_wide_padding {padding:20px 10px 0px 10px}
						#left_col_wide_padding img {max-width:316px}
						
				#right_col_narrow {float:right; width:200px}
					#right_col_narrow_padding {padding-top:20px}
						#right_col_narrow_padding img {max-width:200px}
							
		#right {float:left; display:inline; width:140px; margin:0; padding:0}
			
			/* productie teasers */
			#productionWrapper {}
				#productionHeader {height:45px; margin-bottom:10px}
				.productionTeaser {clear:both; margin-bottom:10px}
					.productionTeaser_title {margin-left:10px; font-size:12px; color:#bb3344; text-transform:uppercase; font-weight:bold; margin-bottom:5px}
					.productionTeaser_text {margin-left:10px; font-size:11px; color:#444444; margin-bottom:5px}
					.productionTeaser_text a {color:#bb3344}
					.productionTeaser_testzelf {float:left; display:inline; width:50px; height:18px; margin-left:10px; margin-bottom:5px}
					.productionTeaser_pictograms {width:80px; margin-bottom:5px}
					.productionTeaser_pictograms img {width:18px; height:18px; border:none; margin-bottom:1px}
					.productionTeaser_img {width:130px; margin-left:10px; margin-bottom:5px}

/* faq detail pagina */
#faqTitle {color:#444444}
.faq {clear:both}
.faq_question {font-weight:bold; font-size:12px; color:#008582}
.faq_answer {color:#444444; font-size:12px; margin-bottom:10px}

/* quiz */
#quizIntroText {width:120px; font-size: 14px; color: #662244; font-weight: bold; margin: 10px 5px 5px 5px; display: inline}
#quizQuestion_wrapper {width:145px; height: 100px; background-image: url(../gfx/quiz/quizlogo2.gif);}
#quizQuestion {font-family:Verdana, Arial; height: 55px; font-size: 12px; font-weight: bold; color: #662244; padding-top: 10px; padding-left: 10px}
#quizQuestionNr {font-family:Verdana, Arial; font-size: 16pt; font-weight: bold; color:#BD3245}
#quizAnswer_wrapper {font-family:Arial; float: left; margin-left: 10px; margin-right: 10px; width: 250px; font-size: 12px; font-weight: bold; color: #662244; display: inline; padding-top: 5px}
#quizFinished {font-size:14px; color: #662244; font-family: Arial; float: left; width: 180px; margin-left:10px; font-weight: bold; margin: 10px 5px 5px 5px; display: inline;}
#quizWrapper a {color:#662244;}

#allquestions_title {color: #333333;}
.question {font-size: 16px; font-weight: bold}
.answer {color: #FF6666; font-size: 12px; font-weight: bold}
.answer_correct {color: #44AA55; font-size: 12px; font-weight: bold}

/* production detail pagina */
.productionTitle {font-size:36px; color:#949b6f; font-weight:bold}
.productionInfo {font-size:11px; color:#bb3344}
.productionText {font-size:12px; color:#444444; margin-top:10px}

/* content types */
.titletext {margin-bottom: 10px; color: #444444; font-size: 12px;}
.text {margin-bottom: 10px; color: #444444; font-size: 12px;}
.intro {margin-bottom: 10px; font-weight: bold; color: #0085B3; font-size: 12px;}
.visualtext {margin-bottom: 10px; color: #0085B3; font-size: 10px;}
.werkstuk {margin-bottom: 10px; color: #444444; font-size: 12px;}
.subpages {margin-bottom: 10px; color: #444444; font-size: 12px;}

/* classificatie */
.classificatie_header {height:56px; background-color: #dddd22; background-position:top right; background-repeat:no-repeat}
.classificatie {background-color:#dddd22}
.classificatie form {margin: 0px}
.classificatie_categorie {padding: 20px 5px 5px 5px; margin-left: 75px; color: #999922; font-weight: bold; font-size: medium;}
.classificatie_categorie_meer {padding-left: 15px; color:#444444; font-size:small}
.classificatie_vraag_container {width: 580px; clear: both; padding: 5px; margin: 10px 0px 10px 0px;}
.classificatie_vraag_id {width: 20px; margin-left: 50px; margin-right: 5px; float: left; display: inline; color: #999922; font-weight: bold; font-size: medium;}
.classificatie_vraag {width: 340px; float: left; display: inline;}
.classificatie_vraag_antwoord {width: 100px; margin-right: 25px; float: right; display: inline; clear: right;}
.classificatie_vraag_antwoord label {color: #444444; font-weight: bold; font-size: medium;}
.classificatie_vraag_antwoord label:hover, .classificatie_vraag_antwoord input:hover {cursor: pointer;}
.classificatie_vraag_vraagstelling {color: #444444; font-weight: bold; font-size: medium;}
.classificatie_vraag_toelichting {color: #666622; font-weight: normal; font-size: small;}
.classificatie_vraag_toelichting p {margin: 0px 0px 10px 0px}
.classificatie_buttons {margin-left: 80px; padding-bottom: 18px;}
.classificatie_formbutton {background-color: #ffffff; color: #444444; border: none; padding: 2px 6px; font-weight: bold; font-size: medium;}
.classificatie_formbutton:hover {color: #999922; cursor: pointer;}
.classificatie_result_title {padding: 5px; margin-left: 75px; color: #999922; font-weight: bold; font-size: medium;}
.classificatie_result_text {width: 340px; padding: 5px; margin-left: 75px; color: #444444; font-weight: bold; font-size: medium;}
.classificatie_result_pictogrammen {margin-left: 80px; padding-top: 30px; padding-bottom: 100px;}
.classificatie_result_pictogrammen img {width: 80px; height: 80px; border: none;}
.classificatie_result_buttons {margin-left: 80px; padding-bottom: 18px;}

/* form */
.formfield {font-size: 11px;}
.formfieldname {font-size: 12px;}
.formfielddata {font-size: 11px;}
.formbutton {font-size: 12px;}

/* recensie */
.recensieForm .formfield {font-size:12px}
.recensieForm textarea {font-size:12px; font-family:Arial}
.recensies {padding-top:20px; margin-bottom:10px}
.recensie {margin-bottom:20px; padding:10px; border:1px solid #dddddd}
.recensie_header {}
.recensie_body {padding-top: 5px}

/* promo */
#promoWrapper {clear:both; width:595px; height: 410px; margin: 10px 10px 0px 10px; overflow: auto; overflow-x: hidden}
.promoformfieldname {font-size: 12px; padding-top:8px;}

/* zoek formulier */
.searchForm {clear: both}
.searchForm_formfield {float:left; margin-right:3px}
.searchForm_formbutton {float:left}

/* zoek formulier producties */
.searchProductionForm {clear: both}
.searchProductionForm_forminput {width: 100%; padding:3px 0px}
.searchProductionForm_formfieldname {float:left; width:110px; padding-top:3px; margin-right:3px}
.searchProductionForm_formfield {float:left}

/* zoek producties resultaat */
.searchProductionResult {margin:12px 0px; padding:5px; background-color:#c5ceb6}
.searchProductionResult_titel {margin-bottom: 4px; font-size:16px; font-weight: bold}
.searchProductionResult_titel a {text-decoration:none}
.searchProductionResult_titel a:hover {text-decoration:underline}
.searchProductionResult_organisatie,
.searchProductionResult_regisseur,
.searchProductionResult_productietype,
.searchProductionResult_productiejaar {padding:2px 0px;}

/* searchProductionDetails */
.searchProductionDetails {width:595px; margin:6px 0px}
.searchProductionDetails_header {float:left; width:180px}
.searchProductionDetails_value {float:left; width:220px; font-weight:bold}