/* --- T R B L --- */
/* 
	lichtblauwe scherm achtergrond : #d2d8e0 
	vensters/kaders achtergrond: #eff2f4 
	donkergrijs voor tekst en randen: #666666
	donkerblauwe tekst: #003366
	oranje : #ff6600
	
	afwijkende vensterkleur: #eff2f4 ??
*/
/* standard classes */
body, td, p, input, div, span, th, a, a:link, a:hover, a:active, a:visited, textarea  {font-size:11px; font-family:Tahoma, Arial; color:#666666;text-decoration:none }
a:hover { color: #003366 }
body.pagebody { background:url(images/bgbody.gif) #d2d8e0 no-repeat top center fixed; overflow-y:scroll;background-attachment: fixed;  }
body.deeplinkbody { background-color:#eff2f4;background-image:none; margin:0px }
body.printbody   { background-color:#ffffff; background-image:none; margin:0px }
body.deeplinkbody div.kader { background-color: #eff2f4; padding:8px 6px 8px 8px; width:100%; height:100% } 
body.deeplinkbody div.kader, body.deeplinkbody div.kader TD, body.deeplinkbody div.kader TH { line-height:17px }
body.deeplinkbody h1 { border-bottom:12px solid white; margin-bottom:0px } 
a img {border:0px}
h1, div.pageheading,h1, div.pageheading { margin:0px 0px 12px 0px; padding:8px 8px 8px 8px; color:#ff6600; font-size:12px; font-weight:bold; font-family:Tahoma,Arial; width:100%; background-color:#eff2f4; border-bottom:1px solid #dfe0e2}
font.pageheading { color:#ff6600; font-size:12px; font-weight:bold; font-family:Tahoma,Arial; width:100%; background-color:#eff2f4}
h2 { font-size:12px; font-weight:bold }
form { margin:0px }
table {width:auto}
table.radiotable td { whitespace:nowrap;min-width:50px }

/*--lists------------------------------------------------------------------*/
UL 		{ margin-bottom: 0px; padding:0px }
UL LI	{ margin-left: 16px; text-indent: 0px; list-style-type: disc}
OL LI	{ margin-left: 16px; text-indent: 0px }
UL		{ margin-left: 0px; margin-top:0px; margin-bottom:0px; margin-right:0px; text-indent: 0px } 
UL UL	{ margin-left: 16px; text-indent: 0px }
UL UL LI 	{ margin-left: 0px; text-indent: 0px }

/* general interface */
#main { background:transparent url(images/schaduw-rechts.png) repeat-y top right; width:936px; min-height:400px; 
	   margin-left:-468px; left:50%; margin:auto; position:absolute; 
	   margin-left:auto !important; left:auto !important; position: relative !important}
div.popupmenu { width:auto !important; width:240px; overflow:visible; height:auto; left:50%; margin-left:-320px; position:absolute; z-index:999 }
#tabs { background:#d2d8e0 url(images/bgtabs.gif) repeat-y top right; width:915px; height:20px;margin-left:20px; padding-right:12px}
#tabs ul { border-bottom:solid 1px #DEDEDE; height:20px; padding-left:20px; float:right; display:inline}
#tabs ul, #tabs li{border:0; margin:0; padding:0; list-style:none; display:inline}
#tabs ul li { float:left; margin-right:2px; width:auto !important; width:90px; overflow:visible; white-space:nowrap}
#tabs ul li a:link, #tabs ul li a:visited, #tabs ul li a:active{background:url(images/tab-round.png) right 60px;color:#ffffff !important; display:block; font-weight:bold; height:20px; line-height:18px}
#tabs ul li a span {background:url(images/tab-round.png) left 60px;display:block;height:20px;margin-right:6px;padding-left:6px;color:#ffffff;padding-top:1px}
#tabs ul li a:hover {background:url(images/tab-round.png) right 30px;display:block}
#tabs ul li a:hover span {background:url(images/tab-round.png) left 30px;display:block}
#tabs ul li.active a:link, #tabs ul li.active a:visited, #tabs ul li.active a:active, #tabs ul li.active a:hover{ background:url(images/tab-round.png) right 0 no-repeat}
#tabs ul li.active a span.tab, #tabs ul li.active a:hover span.tab{ background:url(images/tab-round.png) left 0 no-repeat; color:#ff6600}
#tabs ul li a:hover span.tooltip {display:block; background-image:none}
#tabs ul li a:hover span.arr {display:block}
#tabs ul li span.tooltip {display:none; position:absolute; top:29px; left:inherit; padding:0px; width:auto; background-image:none;height:auto;filter: alpha(opacity:90); KHTMLOpacity: 0.9;opacity: 0.9}
#tabs ul li span.tooltip span.arr   {padding:0px;display:block;height:9px;background:transparent url(images/tooltip_arr.gif) repeat-y top left}
#tabs ul li span.tooltip span.text {display:block;background-image:none;background-color:#ff6600;padding:7px;font-size:9px;font-weight:normal;line-height:12px;color:#ffffff;height:auto}
#container { margin-left:21px; top:30px; width:900px; background-color:#ffffff}
#header { height:103px }
#logo { height:83px; width:570px; margin-left:10px; float:left }
#logo img { height:83px; width:569px }
#search { float:right; clear:right; height:83px; margin-right:10px; padding-top:27px }
#search.small {width:auto}
#search.large {width:284px}
#search div#invoer { width:167px; float:left; height:22px; border:1px solid #CCCCCC;background-image:url(images/input_bg.gif)}
#search div#invoer img#zoekknop { height:18px; width:18px; float:right; margin-right:1px; margin-top:1px}
#search input#zoek { float:left; width:140px; padding-left:4px; padding-top:3px; height:19px; border:0px; font-size:11px; color:#666666; font-weight:bold; background-image:url(images/input_bg.gif)}
#search a.button { color:#666666 !important;width:113px; height:22px; padding:4px; border:0px; background-color:#eff2f4; font-weight:bold; border-right:1px solid #d7d9db; border-bottom:1px solid #d7d9db; float:right}
#search a:hover.button {color:#ffffff !important; padding-left:5px; padding-right:3px; background-color:#999999 }
#menu { position:relative; clear:both; width:880px; margin-left:10px; font-weight:bold; background:#e7e7e6 url(images/bgmenu.gif) repeat-x top left; height:20px}
#menu a span.logo { float:left }
#menu a.active { color:#ff6600 }
#menu img#payoff { height:20px; width:161px; float:left; margin-right:27px}
#menu div#menu_icons { height:20px; width:55px; float:right; padding-top:0px}
#menu div#menu_icons IMG { height:18px }
#menu ul, #menu li { padding:0px; margin-left:0px; margin-top:0px; text-indent:0px; list-style: none}
#menu ul { display:block; float:left; padding-top:2px}
#menu ul li { display:inline; padding-right:12px}
#menu ul li a:hover { color:#003366 }
#content { padding:10px; height:auto }
#links { width:170px; float:left; text-decoration:none  }
#links div.kader { width:100%; background-color: #eff2f4; padding:8px 4px 12px 4px; line-height:15px; margin-bottom:8px}
#links div.kader a.active span { color: #ff6600 }
#links div.kader a.submenu span { margin-left:8px }
#links div.kader a.subsubmenu span { margin-left:16px }
#links div.kader span {padding-left:8px;display:block;padding-right:8px }
#links div.kader span.main { font-weight:bold; color:#003366 }
#links div.kader a span,#links div.kader a {text-decoration:none }
#links div.kader a:hover span { background-color:#999999; color:#ffffff; text-decoration:none;display:block }
#links div.kader div.spacer{ height:6px; overflow:hidden }
#links div.banner { width:170px; margin-bottom:8px }
#links div.banner IMG { width:170px }
#rechts { width:700px; float:right; margin-left:10px; min-height:260px }
#rechts div.kader, #rechts div.contentfull_kader { width:682px; background-color: #eff2f4 }
#rechts div.kader { padding:8px 6px 8px 8px; width:100% } 
#rechts div.kader, #rechts div.kader TD, #rechts div.kader TH { line-height:17px }
#rechts div.spacer  { height:12px; background-color:#ffffff; overflow:hidden }
#main_schaduw { margin:auto; width:936px; height:16px; padding-left:22px }
#main_schaduw div.bottom_links { background:transparent url(images/schaduw.png) repeat-x top left; height:20px; width:50%; float:left; display:inline }
#main_schaduw div.bottom_rechts { background:transparent url(images/schaduw.png) repeat-x top right; height:20px; width:50%; float:right; display:inline }
#content #rechts a {color:#003366}

/* custom elements */
font.kopje, div.kopje, span.kopje, div.kopje a, TD.kopje, a.kopje, font.pageheading, font.heading  {font-weight:bold; color:#003366;line-height:16px; text-decoration:none}
.rechts { float:right !important}
.buttonbar { margin-top:8px; margin-left:-1px; height:28px;margin-bottom:6px; display:block }
a.button { color:#ffffff !important; text-decoration:none !important; height:auto; padding:4px 12px 5px 12px; background-color:#ff6600; border-top:1px solid #f5ac81; border-left:1px solid #f5ac81; border-bottom:1px solid #cf5b12; border-right:1px solid #cf5b12; font-weight:bold; float:left}
a:hover.button { padding:5px 11px 4px 13px; color:#ffffff; background-color:#999999; border-top:1px solid #333333;border-left:1px solid #333333;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee}
a.spacer  { margin-right:6px }
div.centreer, span.centreer, td.centreer { text-align:center }

/* opleidingen lijst */
div#zoek_compleet {padding:8px 8px 8px 8px !important; margin-bottom:12px; overflow:hidden}
div.categorie_intro {width:100%;height:auto;min-height:101px;margin-bottom:12px; padding:6px 8px 6px 8px;background-color:#eff2f4;background-repeat:no-repeat;color:#003366;line-height:16px;border-right:6px solid #eff2f4;background-position: right 4px }
div.categorie_intro  a, .categorie_intro  a:hover,.categorie_intro  a:link,.categorie_intro  a:active { color:#003366 }
div.list_kader { width:100%; background-color: #eff2f4; padding:0px; overflow:hidden; font-weight:normal}
div.list_main { padding:6px 8px 6px 8px; color:#ff6600; font-weight:bold }
div.list_sub  { padding:4px 8px 4px 8px; border-bottom:1px solid #dddddd; color:#003366; font-weight:bold }
div.list_sub  span { margin-right:184px; float:right; color:#003366 }
div.list_sub  span.wide { margin-right:88px }
span.list_item { padding:0px 8px 0px 8px; border-bottom:1px solid #dddddd; text-decoration:none !important }
span.list_item span.titel { width:470px; padding-top:4px; padding-bottom:4px; float:left }
span.list_item span.start { float:right; padding-top:4px; width:85px; height:auto }
span.list_item span.icoon { float:right; width:24px; min-width:24px; height:24px; margin-left:4px; margin-right:4px; text-align:center }
span.list_item span.mbo     { background:url(images/icon_mbo_off.gif) no-repeat center center}
span.list_item span.hbo     { background:url(images/icon_hbo_off.gif) no-repeat center center}
span.list_item span.acad   { background:url(images/icon_acad_off.gif) no-repeat center center}
span.list_item span.nieuw { background:url(images/icon_nieuw_off.gif) no-repeat center center}
a:hover span.list_item span, a:hover span.list_item span {color:#ffffff;text-decoration:none !important}
a:hover span.list_item  {background-color:#666666;color:#ffffff}
a:hover span.list_item span.mbo     { background:url(images/icon_mbo_on.gif) no-repeat center center}
a:hover span.list_item span.hbo     { background:url(images/icon_hbo_on.gif) no-repeat center center}
a:hover span.list_item span.acad   { background:url(images/icon_acad_on.gif) no-repeat center center}
a:hover span.list_item span.nieuw { background:url(images/icon_nieuw_on.gif) no-repeat center center}
div.zie_ook span.list_item span.titel { width:255px } 

IMG.folder {border:1px solid #002350;margin-bottom:4px;text-align:center}

/* opleidingen detail */
div.intro {margin-bottom:12px;color:#003366;background-color:#eff2f4}
div.intro a {text-decoration:none}
div.item { margin-bottom:12px }
div.oplkader_links_container {}
div.oplkader_links   {width:485px; background-color: #eff2f4; padding:11px 8px 11px 8px; line-height:17px;float:left;padding-right:12px; overflow:hidden }
div.oplkader_links div.list_kader {margin-left:-8px;width:485px}
div.oplkader_links div.list_kader div.titel {width:252px}
div.oplkader_rechts {width:204px; background-color: #eff2f4; padding:11px 8px 12px 8px; line-height:17px;float:right; overflow:hidden }
div.oplkader_rechts div#opl_icons { float:right;display:inline;padding-top:3px;margin-right:-4px }
div.oplkader_rechts div#opl_icons img.icoon{ margin-left:6px }
/* margin and width is a bit of a hack.... */
div.zieook_kader  { width:485px;padding:4px 8px 4px 8px; margin-top:12px; margin-left:-8px; border-top:8px solid #ffffff; color:#003366; background-color: #eff2f4; font-weight:bold}
div.zieook_kader  span { margin-right:183px; float:right; color:#003366 }
div#oplheader {margin-bottom:6px; padding:0px; color:#ff6600; font-size:12px; font-weight:bold; font-family:Tahoma,Arial; width:100%}
div#oplheader H1 {float:left; display:table-cell; font-size:11px;background-color:#eff2f4;padding:8px 6px 8px 6px; margin:0px 0px 6px 0px;border:0px;width:85%;height:auto; border-bottom:1px solid #dfe0e2}
div#oplheader #inschrijf {background-color:#ffffff; height:100%; width:15%; display:table-cell; float:right; float:none !important;}
div#oplheader #inschrijf a.button {height:30px; margin-left:12px; padding-top:8px; display:block}

.list_item a, a.list_item, a.list_item span, a.list_item .kopje {text-decoration:none !important }
.interview_foto {float:right;margin-bottom:16px;padding-left:12px;text-align:center;font-style:italic}
#rechts .kader a {text-decoration: underline}
.oplkader_links a,.oplkader_rechts a {text-decoration: underline}

tr.rowlight td { background-color:#f5f8f9 }

.persoonlijke_site {margin:0px;width:100%;height:100px;font-weight:bold;padding:10px;background-image:url(../images/interface/persoonlijke_agenda_header.jpg);background-repeat:no-repeat;color:#ffffff;line-height:15.5px;margin-bottom:12px}
.persoonlijke_site a, .persoonlijke_site a:hover,.persoonlijke_site a:link,.persoonlijke_site a:active {color:#ffffff !important}

.buttonTD
{	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-top:1px solid #D2D7DD;
	border-left:1px solid #D2D7DD;
	border-right:1px solid #6C7D94;
	border-bottom:1px solid #6C7D94;
	background-image: url('images/interface/bg_button.gif');
	background-repeat: repeat-x;}

.stepTD
{	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-top:1px solid #6C7D94;
	border-left:1px solid #6C7D94;
	border-right:1px solid #6C7D94;
	border-bottom:1px solid #6C7D94;
	background-image: url('images/interface/bg_button.gif');
	background-repeat: repeat-x;
	color:#002350;
	background-color:#ffffff}
		
.stepTD_active 
{	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-top:1px solid #6C7D94;
	border-left:1px solid #6C7D94;
	border-right:1px solid #6C7D94;
	border-bottom:1px solid #6C7D94;
	background-color:#E84F18;
	color:white}

/* -- RINO support specific classes for vacatures */
table.gentable {width:100%; border:1px solid #003366; font-family: Arial; font-size:13px; margin-bottom:12px}
table.gentable td.genTDFoot	{padding:2px 5px 2px 5px; background-color:#ffffff}
table.gentable td.genTD		{padding:2px 5px 2px 5px}
table.gentable td.GenTD0		{padding:2px 5px 2px 5px; background-color:#DDE4EA}
table.gentable td.GenTD1		{padding:2px 5px 2px 5px; background-color:#ffffff}
table.gentable td.genth		{padding:2px 0px 2px 5px; text-align:left; background-color:#003366; color:white; font-weight:bold}
.GenButton	{white-space: nowrap;padding:0px 8px 0px 8px; background-color: #E84F18; color:white; text-align:center; width:70px; border-top:2px solid #FF6D4D; border-left:2px solid #FF6D4D; border-bottom:2px solid #C91700; border-right:2px solid #C91700}
.GenButton a:hover, .GenButton a:active, .GenButton a:link, .GenButton a:visited { color: white; text-decoration:none}

.docent_anim_table        {width:195px;margin-right:-10px;margin-bottom:8px}
.docent_anim_detail       {width:95px; padding-top:3px}
.docent_anim_detail_elt   {display:none ; width:95px; height:85px}
.docent_anim_detail_elt_a {display:block; width:95px; height:85px}
.docent_anim_title        {width:100px; padding-top:3px} 
.docent_anim_title_elt    {width:100px; height:auto; min-height:18px; border-left:0px; padding:3px 3px 3px 3px}
.docent_anim_title_elt a  {color:#CCCCCC}
.docent_anim_title_elt_a  {width:100px; height:auto; min-height:18px; border-left:0px; padding:3px 3px 3px 3px; background-color:#e6e9ec }
.docent_anim_title_elt_a a {color:#003366}
.docent_foto	          	   {width:95px;height:85px}

/* menu specifiers */
#popupmenu_accr_inst { top:160px; min-width:260px }
#popupmenu_categorie { top:160px; min-width:180px }
div.popupmenu { visibility:hidden; width:auto !important; width:240px; overflow:visible; height:auto; left:50%; margin-left:-320px; position:absolute; z-index:999 }
div.popupmenu div.popup_container { background:transparent url(images/schaduw-rechts.png) repeat-y top right; padding-right:16px;width:100% }
div.popupmenu div.bottom_links { background:transparent url(images/schaduw.png) repeat-x top left; height:20px; width:50%; float:left; display:inline }
div.popupmenu div.bottom_rechts { background:transparent url(images/schaduw.png) repeat-x top right; height:20px; width:50%; float:right; display:inline }
div.popupmenu div.inhoud { background-color: #eff2f4; border-top:1px solid #dddddd; border-left:1px solid #dddddd }
div.popupmenu div div a span { padding:1px 6px 1px 6px; height:18px; white-space:nowrap; border-bottom:1px solid #dddddd;display:block }
div.popupmenu div div a span.main { font-weight:bold; color:#003366; border:0px }
div.popupmenu div div a.active span.main { color:#ff6600 !important }
div.popupmenu div div a.active span { color:#ff6600 }
div.popupmenu div div a:hover span { background-color:#ff6600; color:#ffffff }

div.homekop { width:682px; background-color: #eff2f4; margin-top:12px; height:20px; border-bottom:1px solid #dddfe1; padding:2px 6px 8px 6px}
div.homekop div.titel  { float:left; color:#ff6600; font-variant:small-caps; font-weight:bold; margin-top:1px}
div.homekop div.link    { float:right; margin-right:2px }
div.homekop div.link a { font-variant:normal; font-weight:bold; text-decoration:none !important}
div.homekop div.link a:hover { color:#003366 }
div.homekader { background-color:#eff2f4; width:682px; padding:6px 6px 8px 6px}
div.homekader a, div.homekader div.kopje a {text-decoration:none !important}

/* formulieren */
input.edit, textarea.edit, select.edit  {width:320px;margin-top:3px;color:black;font-size:12px;height:21px;padding-top:3px;padding-left:3px;
		border-bottom:0px;border-right:0px;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;background-image:url(images/input_bg.gif)}
select.edit {width:auto ;padding-top:0px}
.required {color:#ff6600; font-weight:bold}

#etalage {width:702px; height:269px}
#etalage A {text-decoration:none}
#etalage .etalage_inhoud { float:left; width:682px; height:269px;display:none }
#etalage .etalage_inhoud_active { float:left; width:682px; height:269px;display:block }
#etalage .etalage_inhoud IMG  { width:682px; height:269px }
#etalage .nummer { display:block; background-color:#eff2f4; height:20px; width:18px; float:left; margin-bottom:3px; text-align:center; font-weight:bold; padding-top:2px; padding-left:2px; border-left:0px; border-right:1px solid #ddddee;border-bottom:1px solid #ddddee;border-top:1px solid #eff2f4}
#etalage .nummer_active { display:block; background-color:#ff6600; height:20px; width:18px; float:left; margin-bottom:3px; text-align:center; color:#ffffff; font-weight:bold; padding-top:2px; padding-left:2px; border-left:0px; border-right:1px solid #b94e06;border-bottom:1px solid #b94e06;border-top:1px solid #f6ab83}
#etalage  a:hover .nummer_active, #etalage  a:hover .nummer {color:#ffffff}
#etalage  a:hover .nummer {padding-top:3px;background-color:#999999; border-left:0px; border-top:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999}
#etalage_percentage {width:682px; height:3px;background-color:#ffffff; overflow:hidden}
#etalage_percentage #etalage_perc_div {height:3px; background-color:#eff2f4 }

/* scroller interveiws op homepage */
#scroll_container {height:112px;width:682px;overflow:hidden;background-color:#eff2f4}
#scroll_container a {text-decoration:none}
#scroll_items { height:112px;width:100%;padding-right:30px;overflow:hidden;float:left;width:650px;margin-top:6px}
#scroll_items span.scroll_item {padding-left:6px;height:112px;width:100%;overflow:hidden;cursor:pointer}
#scroll_items span.scroll_item  IMG{margin-right:8px }
#scroll_arrows {float:right;width:24px;height:100px;margin-top:3px;display:inline}
#scroll_arrows img {height:12px;width:11px;border:0px}
#scroll_arrows div.top {position:relative;top:4px}
#scroll_arrows div.bottom {position:relative;top:100%;margin-top:-36px}
#scroll_arrows a  span#down {display:block;width:20px;height:20px;background:url(images/arr_down_off.gif) no-repeat}
#scroll_arrows a:hover span#down {display:block;width:20px;height:20px;background:url(images/arr_down_on.gif) no-repeat}
#scroll_arrows a  span#up {display:block;width:20px;height:20px;background:url(images/arr_up_off.gif) no-repeat}
#scroll_arrows a:hover span#up {display:block;width:20px;height:20px;background:url(images/arr_up_on.gif) no-repeat}

.i {display:none; visibility:hidden}

/* overwrite dialog css */
div.dialog_fader {background-color:#D2D8E0; opacity:.6; filter:alpha(opacity=60); background-image:none}
div.lib_window_caption {background-image:none; background-color:#87949d; opacity:1; filter:alpha(opacity=100); padding-top:4px}
div.lib_window_container{border:1px solid #D2D8E0}
div.lib_window_caption_title {padding-left:2px}
div#alertBox {background-color:#FFFFFF}
div#alertBox a div.button {background-image:none; color:#ffffff !important; text-decoration:none !important; height:auto; padding:4px 12px 5px 12px; background-color:#ff6600; border-top:1px solid #f5ac81; border-left:1px solid #f5ac81; border-bottom:1px solid #cf5b12; border-right:1px solid #cf5b12; font-weight:bold;}
div#alertBox a:hover div.button {background-image:none; color:#ffffff !important; text-decoration:none !important; height:auto; padding:5px 11px 4px 13px; background-color:#999999; border-top:1px solid #333333;border-left:1px solid #333333;border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee; font-weight:bold;}
div#alertBox p {color:#003366}

/* ie6 quircks */
.homekop {overflow:hidden}

/* Generic clearfix */
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%}