/* Style Sheet Luxion Netherlands  2005 www.luxion.nl */
/*
 * Colour scheme:
 *	dark purple			:	#25358d		LOGO DARK		
 *	light purple		:	#cbc5da		LOGO LIGHT
 *	border line			:	#9e788c		LOGO BORDER
 *	light yellow		:	#fefef9		content main bg (old: #fcfad8)
 *	light yellow		:	#fefef9		link main menu item hover
 *	deep purple			:	#25358d		text main /link main hover
 *	dark purple			:	#25167a		dark purple (left top)
 *	medium purple		:	#25358d		link main / bread_crumb
 *	light green			:	#f0f0f0		link hover
 *	light grey purple	:	#c1afbb		right spanlink bg / span_breadcrumb bg
 *	darklight yellow	:	#ede5e4		scroll background bar
 *	medium purple		:	#7167a8		scroll arrow/shadow/highlight
 *							#f4f3f9		scroll 3dlight/darkshadow/track
 *	light yellow		:	#fcfad8		dropmenu bg / span body bg / dropmenu hover
 *	dark purple			:	#25358d		dropmenu border (in dropmenu.js)
 
 dark blue	:	#25358d
 light blue	:	#cbc5da
*/
 
/* TAGS ************************************************************************** */
OL {
	margin:0px 0px 0px 35px;
	position:relative;top:-10px;
	/* list-style:decimal-leading-zero; */
	line-height:20px;
}
UL { 
	margin:0px 0px 0px 35px;
	position:relative;top:-10px;
	list-style-type:disc;
	line-height:20px;
}

/* BODY ************************************************************************** */
body {
	/* text-align: center; */
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #202020;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color:#000000;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-attachment: fixed;
	background-position: center; 
}

a:link { color:#3578dc; text-decoration:none; font-size:11px; font-weight:bold; }
a:visited { color:#3578dc; text-decoration:none; font-size:11px; font-weight:bold; }
a:active { color:#25167a; text-decoration:underline; font-size:11px; font-weight:bold; }
a:hover { color:#25167a; text-decoration:underline; font-size:11px; font-weight:bold; }

/* FORMS ************************************************************************** */
.form_input {
	border:1px solid #ccc;
	background-color:#f4f3f9;
}
.form_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f0f0f0;
	border:1px solid #ccc;
}
.link_bgfill {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.link_bgfill a:link 	{ color:#2D59A2; text-decoration: underline; }
.link_bgfill a:visited { color:#2D59A2; text-decoration: underline; }
.link_bgfill a:active 	{ color:#2D59A2; text-decoration: none; }
.link_bgfill a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #B5BAE7;
	color:#f7f3f7;
}

.link_ttip {
	border-bottom: 1px dashed #3578dc;
}
.link_ttip a:link 	{ color:#3578dc; text-decoration:none; }
.link_ttip a:visited { color:#3578dc; text-decoration: none; }
.link_ttip a:active 	{ color:#3578dc; text-decoration: none; }
.link_ttip a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #B5BAE7;
	color:#3578dc;
	text-decoration: none;
}

.link_search {
	color:#999;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.link_search a:link {color:#999; text-decoration:none; font-size:11px; font-weight:normal;}
.link_search a:visited {color:#999; text-decoration:none; font-size:11px; font-weight:normal;}
.link_search a:active {color:#999; text-decoration:underline; font-size:11px; font-weight:normal;}
.link_search a:hover {color:#999; text-decoration:underline; font-size:11px; font-weight:normal;}

.tabSelect {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #CCC;
	color:#FFFFFF;
}
.tabSelect a:link 	{ color:#F5F5F5; text-decoration: none; }
.tabSelect a:visited { color:#F5F5F5; text-decoration: none; }
.tabSelect a:active 	{ color:#F5F5F5; text-decoration: none; }
.tabSelect a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFFFF;
}

.text_logo	{
	color:#cbc5da;
	font-style:italic;
	font-weight:bold;
}

.text_infotitle {
	font-size:12px;
	font-style:italic;
}

/* SPANS ************************************************************************** */
.span_header {
	border: 0px solid #00FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	text-align: center;
	background-image: url(../../static/images/image.jpg);
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-position: top left;
	width: 940px;
	margin-bottom:2px;
}

.span_title_main {
	width:100%;
	background-color:#b3aed1;
	vertical-align:bottom;
	text-align:left;
	background-image:url('../../static/images/background/bg_title.jpg');
	background-repeat:no-repeat;
	background-position:left top;
}
.span_title_right {
	border-left:2px solid #FFFFFF;
	width:160px;
	height:122px;
	background-color:#b3aed1;
	background-image:url('../../static/images/background/bg_title_right_empty.jpg');
	background-repeat:no-repeat;
	background-position:right top;
}

.span_body {
	border: 0px solid #00FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	text-align: center;
	background-color: #ffffff;
	background-image: url(../../static/images/background/bg_caldera.jpgg);
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-position: top left;
	width: 940px;
	height: 415px;
}

.span_top {
	border: 0px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(../../static/images/background/bg_title.jpg);
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-position: top left; 
	height: 120px;
}

.span_leftbar {
	border: 0px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #202020;
	font-size: 13px;
	height:100%;
	margin: 0px 0px 0px 0px;
	text-align: center;
	vertical-align:top;
	width:170px;
	background-color:#7167a8;
}

.span_content {
	border: 0px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#dfdceb;
	font-size: 12px;
	text-align: left;
	margin: 0px 5px 0px 10px;
	padding-right: 5px;
	vertical-align:top;
/*	height:385px;
 	overflow-y: auto;
*/	/* filter: chroma(color=#F2F2F6); */
	scrollbar-face-color : #dfdceb; /* #e8e7ec */
	scrollbar-highlight-color : #7167a8;
	scrollbar-3dlight-color : #f4f3f9;
	scrollbar-shadow-color : #7167a8;
	scrollbar-darkshadow-color : #f4f3f9;
	scrollbar-track-color : #f4f3f9;
	scrollbar-arrow-color : #7167a8;
}
.span_content table td {
	margin-right:10px;
}

.span_rightbar {
	border: 0px solid #FF0000;
	border-left:2px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #202020;
	font-size: 13px;
	height:100%;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align:top;
	width: 160px;
	background-color:#c8c5de;
}
.span_rightbar a:link 		{ color:#ffffff; font-weight: bold; text-decoration: none;}
.span_rightbar a:visited 	{ color:#ffffff; font-weight: bold; text-decoration: none;}
.span_rightbar a:active 	{ color:#ffffff; font-weight: bold; text-decoration: none;}
.span_rightbar a:hover 		{
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

.menu_rightbar {
	border:0px solid #d6d4e1;
	margin-top:4px;
}
.menu_rightbar div 			{ line-height:18px;margin:1px 0px 1px 0px;padding-left:1px;background-color:#d6d4e1; }
.menu_rightbar a:link 		{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;display:block;}
.menu_rightbar a:visited 	{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;display:block;}
.menu_rightbar a:active 	{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;display:block;}
.menu_rightbar a:hover 		{
	color: #000000;
	font-weight: normal;
	text-decoration: none; 
	background-color: #ffffff;
}
a.link_rightbar_header:link 	{ color:#ffffff; font-weight: bold; text-decoration: none; width:;display:;background-color:#c8c5de;}
a.link_rightbar_header:visited 	{ color:#ffffff; font-weight: bold; text-decoration: none; width:;display:;background-color:#c8c5de;}
a.link_rightbar_header:active 	{ color:#ffffff; font-weight: bold; text-decoration: none; width:;display:;background-color:#c8c5de;}
a.link_rightbar_header:hover 	{ color:#ffffff; font-weight: bold; text-decoration: none; width:;display:;background-color:#c8c5de;}

.span_pollselect { 
	line-height:27px;
	width:122px; /* width:125px; */
	background-color:#d6d4e1;
	background-image:url('../../static/images/background/bg_polloption.gif');
	background-position:left;
	background-repeat:no-repeat;
	/*
	background-filter:alpha(opacity=50);
	-moz-opacity:0.70;
	opacity:.70;
	*/
}
.span_pollselect a:link 		{ font-size:9px;color:#ffffff;font-weight:normal;text-decoration:none;background-image:url('../../static/images/background/bg_polloption.gif'); background-repeat:no-repeat;display:block;width:100%; }
.span_pollselect a:visited 		{ font-size:9px;color:#ffffff;font-weight:normal;text-decoration:none;background-image:url('../../static/images/background/bg_polloption.gif'); background-repeat:no-repeat;display:block;width:100%; }
.span_pollselect a:active 		{ font-size:9px;color:#ffffff;font-weight:normal;text-decoration:none;background-image:url('../../static/images/background/bg_polloption.gif'); background-repeat:no-repeat;display:block;width:100%; }
.span_pollselect a:hover 		{
	border:0px solid #000000;
	display:block;
	width:122px;
	font-size:9px;color:#ffffff;font-weight:normal;text-decoration:none;
 	background-image:url('../../static/images/background/bg_polloption_ov.gif');
	background-position:left;
	background-repeat:no-repeat;
 }


.span_footer {
	border: 0px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	vertical-align:middle;
}

.span_error {
	border: 0px solid #d00000;
	color: #d00000;
	font-size: 12px;
	font-weight:bold;
	/* text-align: justify; */
	/* background-color: #F0F0F0; */
	background-image: url(../../static/images/image.jpg);
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-position: bottom center; 
}

.span_breadcrumb {
	border: 0px solid #FF0000;
	border-bottom: 0px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
	font-size: 10px;
	text-align: left;
	padding: 0px 0px 0px 10px;
}
.span_breadcrumb a:link 	{ color:#3578dc; text-decoration: underline; font-weight:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.span_breadcrumb a:visited 	{ color:#3578dc; text-decoration: underline; font-weight:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.span_breadcrumb a:active 	{ color:#25167a; text-decoration: none; font-weight:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.span_breadcrumb a:hover {
	color:#25167a;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	background-color:#B5BAE7;
}

.span_searchresult_announce {
	border:0px solid #ffffff;
	padding:1px 1px 1px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#25167a;
	vertical-align:top;
	background-color:#d6d4e1;
}
.span_searchresult {
	border:0px solid #ffffff;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
	background-color:#d6d4e1;
}
.searchitem_url {
	color:#000;
	text-underline:none;
	/* background-color:#f5f5f5; */
}
.searchresult_separator {
	border:0px solid #000;
	background-image:url('../../static/images/line_dotted.gif');
	background-repeat:repeat-x;
	background-position:center;
	height:3px;
	line-height:3px;
}
.searchresult_content {
	border:0px dotted #00f;
	padding-bottom:20px;
}

.span_mouse_toggle {
	color:#3578dc;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	/* line-height:18px; */
}
.span_mouse_toggled {
	display:none;
	padding-left:10px;
	border-left:1px solid #c8c5de;
}

.span_flvplayer {
	display:none;
	border:0px solid #ccc;
	float:right;
	text-align:right;
	width:205px;
	height:155px;
	background-image: url(../../static/images/background/bg_flvplayer.gif);
	background-repeat: no-repeat; /* no-repeat, repeat-x, repeat-y */
	background-position: bottom left; 
}

/* MENU ITEMS ************************************************************************** */
.menuitem_main {
	font-style:normal;
	/* font-weight:bold; */
	font-size:11px;
}
.menuitem_main2 {
	font-style:italic;
	font-weight:bold;
	font-size:11px;
}
.menuitem_main3 {
	font-style:italic;
	font-size:12px;
}
.menuitem_main4 {
	font-style:normal;
	font-size:11px;
}

.menu_bar {
	border:0px solid #cfc;
	width: 100%;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.menu_bar a:link 	{ text-decoration: none;}
.menu_bar a:visited { text-decoration: none;}
.menu_bar a:active 	{ text-decoration: none;}
.menu_bar a:hover {
	color: #fefee9;
	text-decoration: none; 
	background-color: #25358d;
}

#dropmenu {
	border:0px solid #cfc;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	position:absolute;
	border:1px solid white;
	z-index:100;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

.dropmenu_item {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #06040;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	padding: 1px;
	margin-left:   1px;
	margin-top:    1px;
	margin-right:  1px;
	margin-bottom: 1px;
	background-color: #fcfad8;
}
.dropmenu_item a:link 		{ color:#25358d; text-decoration: none; width: 100%;}
.dropmenu_item a:visited 	{ color:#25358d; text-decoration: none; width: 100%;}
.dropmenu_item a:active 	{ color:#25358d; text-decoration: none; width: 100%;}
.dropmenu_item a:hover {
	color: #fcfad8;
	text-decoration: none; 
	background-color: #25358d;
}

.sidemenu_item {
	border:0px solid #000;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size:11px;
	line-height:18px;
	word-wrap: break-word;
}	
.sidemenu_item a:link 		{ color:#ffffff; font-weight: normal; text-decoration: none; width: 100%; padding-left:6px;display:block;}
.sidemenu_item a:visited 	{ color:#ffffff; font-weight: normal; text-decoration: none; width: 100%; padding-left:6px;display:block;}
.sidemenu_item a:active 	{ color:#ffffff; font-weight: normal; text-decoration: none; width: 100%; padding-left:6px;display:block;}
.sidemenu_item a:hover {
	color: #ffffff;
	padding-left:6px;
	font-weight: bold;
	font-size:11px;
	text-decoration: none; 
	background-color: #b3aed1;
	display:block;
}

.sidemenu_item_ov {
	border:0px solid #000;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size:11px;
	background-color: #b3aed1;
	line-height:18px;
	word-wrap: break-word;
}
.sidemenu_item_ov a:link 		{ color:#ffffff; font-weight:bold; text-decoration: none; width: 100%;padding-left:6px;}
.sidemenu_item_ov a:visited 	{ color:#ffffff; font-weight:bold; text-decoration: none; width: 100%;padding-left:6px;}
.sidemenu_item_ov a:active 		{ color:#ffffff; font-weight:bold; text-decoration: none; width: 100%;padding-left:6px;}
.sidemenu_item_ov a:hover {
	color: #ffffff;
	padding-left:6px;
	font-size:11px;
	font-weight: bold;
	text-decoration: none;
}

.sidesubmenu_item {
	border:0px solid #f00;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;
	font-style: normal;
	font-weight: normal;
	background-color: #b3aed1;
	line-height:18px;
	word-wrap: break-word;
}
.sidesubmenu_item a:link 		{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;padding-left:15px;display:block;}
.sidesubmenu_item a:visited 	{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;padding-left:15px;display:block;}
.sidesubmenu_item a:active 		{ color:#000000; font-weight: normal; text-decoration: none; width: 100%;padding-left:15px;display:block;}
.sidesubmenu_item a:hover {
	color: #000000;
	padding-left:15px;
	font-weight: normal;
	text-decoration: none; 
	background-color: #ffffff;
}


/* VOCABULAIRE TOETS ************ */
.voctoets {
	font-size:12px;
	vertical-align:top;
}
.voctoets, .voctoets tr, .voctoets td {
	vertical-align:top;
}
 
.voctoets_answer {
	color:#777;
	font-size:9px;
	padding-left:30px;
}
.voctoets_answer_header {
	color:#F06060;
	font-style:italic;
	font-weight:bold;
}

/* RICH TEKST **************************** */
.span_title {
	border:0px solid #f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
	display:block;	
}
.title {
	border:0px solid #f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
	display:block;	
}
.span_subtitle {
	border:0px solid #f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
}
.subtitle {
	border:0px solid #f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
}
.span_subsubtitle {
	border:0px solid #f00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
}
.subsubtitle {
	border:0px solid #f00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#25167a;
	height:26px;
	vertical-align:top;
}

.tekstschema {
	border:1px solid #25167a;
	padding:20px;
	background-color:#d6d4e1;
}
.tekstschema table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:top;
/*	font-style: normal;
	font-weight: normal; */
}

.aandachtschema {
	border:1px solid red;
	padding:20px;
	background-color:#f4f3f9;
}
.aandachtschema table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align:top;
/*	font-style: normal;
	font-weight: normal; */
}

.citaat {
	color:#444;
	padding:20px;
	text-align:justify;
	font-style:italic;
}

.font_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.font_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.font_smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.font_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.font_bigger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.tekst_highlight {
	font-weight:bold;
	/* background-color:#FFFF66; */
	background-color:#c8c5de;
	
}
.tekst_center	{text-align:center;border:0px solid #000;display:block;}
.tekst_left		{text-align:left;border:0px solid #000;display:block;}
.tekst_right	{text-align:right;border:0px solid #000;display:block;}
.tekst_justify	{text-align:justify;border:0px solid #000;display:block;}


.link_opening {
	color:#25167a;
	font-size:30px;
	font-weight:bold;
}
.link_opening a:link 	{ color:#25167a; font-family:Arial, Helvetica, sans-serif;font-size:30px;}
.link_opening a:visited { color:#25167a; font-family:Arial, Helvetica, sans-serif;font-size:30px;}
.link_opening a:active 	{ color:#3578dc; font-family:Arial, Helvetica, sans-serif;font-size:30px;}
.link_opening a:hover 	{
	color:#3578dc;
	font-size:30px;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
}

.span_quiz_title {
	border: 1px solid #ccc;
	font-weight:bold;
	background-color:#d6d4e1;	
	padding:2px;
}
.span_quiz_field {
	font-weight:normal;
	/* background-color:#d6d4e1; */
	padding:0px;
	vertical-align:top;
}

.span_quiz_scorebox {
	border: 1px solid #ccc;
	font-weight:bold;
	width:100%;
	background-color:#d6d4e1;	
	text-align:left;
}
.span_quiz_scorebox td {
	font-size:11px;
}

.span_quizprogressbar {
	background-image:url(../../static/images/background/quiz_progressbar.png);
	background-position:right;
	background-repeat:no-repeat;
}

.quiz_select_word {}
.quiz_select_word a:link { color:#3578dc; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;}

.quiz_comment {
	border:1px dotted #ffffff;
	font-style:italic;
	font-size:10px;
	padding:2px;
}