@charset "utf-8";
/* =============== RESET  0*/ 
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, label, legend, li, p, select, span, table, td, textarea, th, tr, ul, ol,dl, dt, dd {
	margin: 0px; padding: 0px; border:0px; font-family : Arial, Tahoma, Helvetica,Arial, sans-serif; text-decoration:none;color:#828282; 
}

/* list item for partner in projects*/
li.year {
	margin: 10px 0 0 15px;
	font-weight: bold;
}
li.partner {
	margin: 0 0 0 25px;
	font-weight: normal;
	font-size: 10px;
}

/* Outline the movies */
div.movies, div.movie{float: left;}

div.up 				{list-style-image: url("../img/arrow_right.jpg");}
div.down 			{list-style-image: url("../img/arrow_down.jpg");}

table, td, th 		{ border-collapse:collapse; }
ul 					{ width:auto; list-style:none; }
ol 					{ list-style-position: inside; list-style-type: decimal; }

@media all 			{ * html li a { height:1%; }/* ie6 list item bug */  }
a 					{ cursor:pointer !important; font-weight: bold; margin: 0px; }

/* pagina horizontaal centreren */
body 				{ text-align: center; background-color: #e7e5df; font-size:100%; }
#container 			{ margin: 0px auto; width:925px; height: 580px; }
#container-popup	{ margin: 0px auto; width:440px; height: 450px; }
#frame 				{ height: 580px; width: 925px; }
#frame-popup		{ width: 440px; }
#header-popup		{ width: 440px; text-align: right;}

#header {
	float: left;
	margin: 30px 0 0 0;
	height: 63px;
	width: 926px;
	background-image: url(../img/header_bg.png);
	background-repeat: no-repeat;
}



#header #menu { float:left; text-align: left; margin: 17px 0 13px 210px; }

#header #menu_buttons 					{ float:right; clear: right; margin: 15px 20px 0 0; }
#header #menu_buttons #lang_buttons 	{ float: left; margin: 2px 10px 0 0; }
#header #menu_buttons #lang_buttons img	{ margin: 0 5px 0 0; }

#mainContent-popup {width: 440px; text-align: center; }
#mainContent {
	float: left;
	width: 925px;
	margin: 25px 0 0 5px;
}

/* homepage stuff */

#mainContent h1 {
	text-transform: uppercase; 
	font-size: 10pt;
	color: #828282;
	margin: 0 0 -5px 0;
	letter-spacing: 0.1em;
}

#mainContent .spotlight {
	font-family : Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #c7c4be;
	text-transform: uppercase;
	margin: 2px 0 10px 0;
	display: block;
}

#mainContent #column_cw .spotlight 		{ color: #d2b8a9; }
#mainContent #column_news .spotlight 	{ color: #d1d2af; }

#mainContent #column_cw h1, 
	#column_cw,
	#column_cw em, 
	#column_cw .column_footer, 
	#column_cw .column_content p,
	#column_cw .column_footer a {
	color: #943310; 
}

#mainContent #column_news h1, 
	#column_news, 
	#column_news .column_footer,
	#column_news .column_footer a {
	color: #8a9c26; 
}

#column_about, #column_cw, #column_partners, #column_news, #column_extra {
	height: 460px;
	text-align: left;
	padding: 0 10px 0 10px;
	float: left;
	width: 188px;
	border-left: 2px solid #b4b2ad;
}

#column_cw 			{ border-left: 2px solid #c49f8c; width: 260px; }
#column_partners 	{ width: 170px; }
#column_news 		{ border-left: 2px solid #c2c995; }
#column_extra 		{ width:10px; padding: 0 0 0 10px; }

.column_content {
	height: 250px;
	width: 100%;
	margin: 15px 25px 0 0;
	color: #828282;
	font-size: 9pt;
}

.img_cw_home {
	padding: 0 7px 7px 0;
		
}

.column_content p 					{ color: #828282; font-size: 9pt; }
#column_news .column_content 		{ height: 410px; margin-top: 0;}

.column_footer {
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
	color: #828282;
	height: 20px;
	width: 100%; 
}

#bl {background: url(../img/bl.png) 0 100% no-repeat #fff; width: 190px;}
#br {background: url(../img/br.png) 100% 100% no-repeat}
#tl {background: url(../img/tl.png) 0 0 no-repeat}
#tr {
	background: url(../img/tr.png) 100% 0 no-repeat; 
	padding:8px 8px 20px 8px;
	color: #8a9c26;
	font-weight: bold;
}

.action_button { 
	background-image: url(../img/button_action_gr.png); 
	height: 33px;
	width: 170px;
	padding: 8px 10px 10px 10px;
	margin: 0 0 10px 0;
}
.action_button a, .action_button  { color:white; font-size:10pt; } 

.action_button.red, .action_button.grey { 
	background-repeat: no-repeat; 
	height: 19px;
	padding: 10px 10px 7px 10px;
}
.action_button.red { background-image: url(../img/button_action_red.png); }
.action_button.redbig { background-image: url(../img/button_action_red_2lines.png); height:29px; padding-top: 5px;}
.action_button.grey { background-image: url(../img/button_action_grey.png); }
.action_button.grey, .action_button.grey a, .action_button.red, .action_button.red a {font-weight: normal; }

#tr .news_footer {
	color: #000;
	text-transform: uppercase;
	font-size: 7pt;
	clear: left;
	float: left;
	margin: 4px 0 0 0;
	width: 100%;
	display: block;
}

#tr .news_footer a { color:#000; }
.clear {font-size: 1px; height: 10px}

/* other pages */

#column {
	height: 460px;
	text-align: left;
	padding: 0 10px 0 6px;
	float: left;
	width: 10px;
	border-left: 2px solid #b2b3ae;
}

#column.news { border-left: 2px solid #c2c995; }

#column.active {
	width: 780px;
	text-align:left;
	padding: 0 10px 0 10px;
	border-left: 2px solid #b2b3ae;
}

#column.active.classworks										{ border-left: 2px solid #c49f8c; }
#column.active.classworks #associations .action_button a 		{ color: #fff; }
#column.active.classworks h1									{ color: #923412; }
#column.active.news 											{ border-left: 2px solid #c2c995;}

#column.active #content 					{ color: #828282; }

#column.active #associations 				{ width: 190px; height:430px; float:left; font-size: 11pt;}
#column.active #content 					{ width: 330px; height:430px; float:left; margin: 0px 30px 0 30px; font-size: 0.8em; }
#column.active #content.full				{ width: 530px; }
#column.active #content.full #employee		{ font-size: 8pt; margin: 0 0 10px 0; height: 100px;}
#column.active #content.full #title			{ margin: 10px 0 10px 0; display: block; font-weight: bold;}
#column.active #content.full #employee img	{ margin: 0 10px 0 0; }

#column.active #content.complete,
#column.active.classworks #content_complete.complete			{ width: 780px; margin: 50px 0 0 0;}
#column.active.classworks #content_complete.complete a img		{ margin: 0 5px 5px 0; }
#column.active.classworks #content_complete.complete img		{ margin: 0 9px 5px 0; }
#column.active #pictures 					{ width: 190px; height:430px; float:right; margin: 0 10px 0 0; }
#column.active #pictures img				{ margin: 0 0 6px 0; }
#column.active h1							{ margin: 0 0 20px 0; width: 100%; float: left;}
#column.active h2							{ margin: 0 0 20px 0; display: block;}
#column.active h3							{ margin: 20px 0 0px 0; display: block; }
#column.active h3.top						{ margin: 0px 0 10px 0; }
#column.active #content ul					{ list-style-type: disc; list-style-position: inside; }
#column.active #content label				{ display: block; width: 100px; font-weight: bold; }

#column.active #associations #bl { background: url(../img/bl.png) 0 100% no-repeat #fff; width: 190px;}
#column.active #associations #br { background: url(../img/br.png) 100% 100% no-repeat}
#column.active #associations #tl { background: url(../img/tl.png) 0 0 no-repeat}
#column.active #associations #tr { 
	background: url(../img/tr.png) 100% 0 no-repeat; 
	padding:8px 8px 8px 8px;
	font-size: 0.8em;
	color: #666666;
}

/* action button red */
#column.active #associations #bl.emphasis { background: url(../img/bl_rb.png) 0 100% no-repeat #903311; width: 190px;}
#column.active #associations #br.emphasis { background: url(../img/br_rb.png) 100% 100% no-repeat}
#column.active #associations #tl.emphasis { background: url(../img/tl_rb.png) 0 0 no-repeat}
#column.active #associations #tr.emphasis {
	background: url(../img/tr_rb.png) 100% 0 no-repeat; 
	padding:8px 8px 8px 8px;
	font-size: 0.8em;
	color: #fff;
}
#column.active #associations #tr.emphasis a { color: white; font-weight: normal; }


/* action button grey */
#column.active #associations #bl.grey { background: url(../img/bl_grey.png) 0 100% no-repeat #5d5d5d; width: 190px;}
#column.active #associations #br.grey { background: url(../img/br_grey.png) 100% 100% no-repeat}
#column.active #associations #tl.grey { background: url(../img/tl_grey.png) 0 0 no-repeat}
#column.active #associations #tr.grey {
	background: url(../img/tr_grey.png) 100% 0 no-repeat; 
	padding:8px 8px 8px 8px;
	font-size: 0.8em;
	color: #fff;
}
#column.active #associations #tr.grey a { color: white; font-weight: normal; }


#column.active #content.grey { color: #666666; }

/* arrows */
#column.active .centered { margin: 0 5px 0 5px; }
#column.active .left { margin: 0 5px 0 0; }

/* partners */
#column.active #content.partners 					{ width: 400px; margin: 0 10px 0 0px; float:left; clear:left;}
#column.active #content.partners #pagination		{ width: 400px; margin: 20px 0 0 0; top: 545px;}
#column.active #partner_detail						{ width: 345px; height:460px; padding: 0 10px 0 10px; border-left: 2px solid #b4b2ad; float:right; }
#column.active #partner_detail #partner_header		{ font-size: 8pt;}
#column.active #partner_detail #partner_header .e1	{ font-weight: bold;  font-size: 10pt;}
#column.active #partner_detail #partner_header img	{ margin: 0 0 20px 0; }
#column.active #partner_detail #partner_content,
	#column.active #partner_detail p		{ float: top; margin: 0 0 0 0; font-size: 9pt; clear: left;}

#content.partners #tr 						{ padding:8px 8px 8px 8px; color: #B2B3AE; }
#content.partners #bl 						{ width: 195px; }
#content.partners #bl.partners_right 		{ float: right; margin: 0 0 10px 0; }
#content.partners #bl.partners_left 		{ float: left; margin: 0 0 10px 0; }
#content.partners #bl a						{ font-weight: normal; }

#column.active #partner_detail #partner_content #partner_content_left, #partner_content_right {width: 170px;}
#column.active #partner_detail #partner_content #partner_content_left {float: left;}
#column.active #partner_detail #partner_content #partner_content_right {float: right; text-align: right; padding: 20px 0 0 0;}

.image_left { float:left; clear: left; }


/* projects */
#column.active #content.projects 					{ width: 200px; margin: 0 10px 0 20px; float:left;}
#column.active #associations.projects img			{ display: block; margin: 0 0 20px 0; }
#column.active #associations.projects				{ font-size: 9pt; }

/* classworks */
#column.active h1.schools, 
	h1.schools a,
	#column.active.classworks #associations,
	#column.active.classworks #associations a,
	#column.active.classworks #content,
	#column.active.classworks #content p,
	#column.active.classworks #content p em,
	#column.active.classworks #content p a,
	#column.active.classworks #content li,
	#column.active.classworks #content li a,
	#column.active.classworks #associations #tr,
	#column.active.classworks #content h3			{ color: #923412;}
#column.active h1.schools.partial					{ width: 50%; }
#column.active #content_complete.complete img.prev 	{ margin-right: 5px; }
#column.active #content_complete.complete img.next 	{ margin-left: -5px; }
#column.active #content_complete img.empty_block	{ margin-right: 5px; }

#column.active #associations #school_facts			{ height: 200px; margin-top: 25px; font-size: 9pt; color: #923412; }
#column.active #associations #school_facts .e1		{ font-weight: bold;  color: #923412;}

#schoolselect { 
	height: 20px; 
	text-align: right; 
	float:right; 
	clear: right; 
}
#schoolselect form select { font-size: 8pt; }
form .find { 
	font-size: 8pt; 
	font-weight: bold;
	color: #923311; 
	background-color: #e7e5df;
	border: 0;
}

/* staff */
#column.active #content_staff					{ width: 450px; margin: 0 10px 0 0px; float:left; clear:left;}
#column.active #content_staff img				{ margin: 0 10px 5px 0; display: inline;}
#column.active #content_staff img.prev 			{ margin-right: 5px; }
#column.active #content_staff img.next 			{ margin-left: -4px; }
#column.active #content_staff img.empty_block	{ margin-right: 10px; }

#column.active #staff.member					{ width: 295px; height:430px; padding: 0 10px 0 10px; border-left: 2px solid #b4b2ad; float:right; }
#column.active #staff.member #staff_header		{ height: 100px; font-size: 10pt;}
#column.active #staff.member #staff_header .e1	{ font-weight: bold; font-size: 11pt; }
#column.active #staff.member #staff_header img	{ margin: 0 10px 0 0; }
#column.active #staff.member #staff_content		{ float: left; margin: 10px 0 0 0; height:200px; font-size: 9pt;}
#column.active #staff.member #staff_content .e1	{ font-weight: bold; }

#content_staff #officeselect { margin: 20px 0 0 0; }

/* news */
#newsitems {
	width: 385px;
	border-left: 2px solid #c2c995;
	float: right;
	padding: 0 10px 0 10px;
	height: 460px;
	font-size: 10pt;
}
#newsitems #pagination { width: 385px; }

#newsitem {
	width: 360px;
	float: left;
	padding: 0 10px 0 0;
}

#newsitems #bl { width: 390px;}
#newsitem #bl { width: 360px;  color: #c2c995}
#newsitem #tr p { font-size: 9pt; color: #7d8d15}
#newsitem .header, #newsitems .header { margin: 0 0 32px 0; }
#newsitem .header h1, #newsitems .header h1, #column.active.news h1 { color: #8d9d2a; }

/* training */
.small_date { font-size: 8pt; color: inherit;} 

/* pagination */

#pagination 		{ height: 20px; }
#pagination #prev 	{ float: left; }
#pagination #next 	{ float: right; }


/* images */
div.img 					{ text-align:center }  
div.msg 					{ font-size:12px; line-height:1.3; margin-top:6px }
#content img.blockleft		{ display: block; margin: 0 0 12px 0; }

/* forms */
.button {
	background-color: #8c9b25;
	border: 1px solid #8c9b25;
	width: 150px;
	color: #fff;
	font-weight: bold;
}

select {
	font-size: 9pt;
	margin-bottom: 10px;
}