/* oranje 	#E84F18 */
/* blauw 	#002350 */
/* lichtblauw  	#E9F2FC */
/* grijsblauw 	#6C7D94 */
* {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0px}
html           {margin:0px}
body           {margin:0px;font-size:12px;font-family:Arial;color:#002350}
td, textarea,a {font-size:12px;font-family:Arial;color:#002350}
th	       {font-size:12px;font-family:Arial;font-weight:bold;color:#002350}
ul {margin-bottom:0px;padding-bottom:0px}

/* t.b.v. formulieren */
textarea,select,input.edit ,input.edit2       {background-image:url(shared/bg_input.gif);padding-left:3px;padding-top:2px}	
textarea       {background-color:#ffffff;border:1px solid #F8CAB9}
INPUT.edit	   {width:322px;border:1px solid #F8CAB9; height:20px; background-color:#ffffff}
INPUT.edit2 {width:322px;border:1px solid #F8CAB9; height:20px; background-color:#ffffff}
TABLE.radiotable {width:100px}

.kader_spacer  {margin-top:4px;background-color:#ffffff;width:100%}
font.uitgebreid {font-size:11px;color:#002350}
TD.uitgebreid  {padding-left:6px;padding-top:2px}
.contentcol1    {width:561px}  
.contentcol1_kader {width:561px;background-color:#ffffff;padding:5px;border-left:1px solid #6C7D94;border-top:1px solid #6C7D94;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff}
.contentcol2    {width:219px;padding-left:12px}
.contentcol2_kader {width:207px;margin-bottom:8px;background-color:#ffffff;padding:5px;border-left:1px solid #6C7D94;border-top:1px solid #6C7D94;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff}
.contentfull_kader {width:100% ;background-color:#ffffff;padding:5px;border-left:1px solid #6C7D94;border-top:1px solid #6C7D94;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff}

.content_kader { background-color:#ffffff ; border:1px solid #DC4B17; color:#002350 ; padding:4px}
.content_kader h2 { font-size:12px; color:#DC4B17; margin:0px; padding:0px}
.content_kader a  { color:#002350}

.pageBody      {overflow-y:hidden;overflow-x:auto;background-image: url(images/interface/bg.gif);background-color:#E8F2FC;background-repeat:no-repeat}
.printbody     {background-color:#FFFFFF;margin:15px;color:#000000}
.deeplinkbody  {background-color:#E8F2FC;margin:15px;overflow:auto}		

.categorie_intro {border-top:1px solid #6C7D94;border-left:1px solid #6C7D94;width:100%;height:101px;padding-top:4px;padding-right:10px;padding-left:10px;padding-bottom:4px;background-color:#ffffff;background-repeat:no-repeat;color:#002350;line-height:15px;}
.categorie_intro  a, .categorie_intro  a:hover,.categorie_intro  a:link,.categorie_intro  a:active { color:#002350 }

.persoonlijke_site {border-top:1px solid #002350;border-left:1px solid #002350;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;}
.persoonlijke_site a, .persoonlijke_site a:hover,.persoonlijke_site a:link,.persoonlijke_site a:active {color:#ffffff}

/* Opleidingen lijst classes */
.list_main  { background-color:#FFFFFF; color:#002350; font-weight:bold; border-top:1px solid #AFBFD6; text-transform:uppercase;letter-spacing:1px;padding-left:8px;height:26px; min-height:26px}
.list_sub   { background-color:#FFFFFF; color:#E84F18; font-weight:bold; border-top:1px solid #AFBFD6; padding-left:6px;padding-top:4px;height:26px; min-height:26px}
.opl_list_detail {height:28px;min-height:28px;padding-left:6px;padding-top:5px;padding-right:8px;text-align:left}
.opl_list_detail_light{height:28px;min-height:28px;padding-left:6px;padding-top:5px;padding-right:8px;text-align:left;background-color:#E9F1FC}
th.light {font-weight:normal; color: #333333; font-size:11px; padding-top:5px;padding-bottom:2px}
td.oplspacer { width:6px; border-right:1px solid #AFBFD6; padding:0px} 

img.arr {border:0px;width:7px;height:9px}
hr {height:1px; color:#002350}

.oranje_kader {background-color:#fff1eb;padding:8px;border-left:1px solid #6C7D94;border-top:1px solid #6C7D94;margin-bottom:6px}

.banner_right {border-top:1px solid #6C7D94;border-left:1px solid #6C7D94;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF}

.docent_anim_table        {width:185px; background-color:white; margin-bottom:8px; padding:5px; border-top:1px solid #6B7D93; border-left:1px solid #6B7D93}
.docent_anim_detail       {width:85px}
.docent_anim_detail_elt   {display:none ; width:85px; height:85px}
.docent_anim_detail_elt_a {display:block; width:85px; height:85px}
.docent_anim_title        {width:100px}    
.docent_anim_title_elt    {width:100px; height:18px; border-left:0px solid #6B7D93; padding-top:2px; padding-top:3px; padding-bottom:3px; padding-left:1px}
.docent_anim_title_elt a  {color:#999999}
.docent_anim_title_elt_a  {width:100px; height:18px; border-left:0px; padding-left:1px; padding-top:3px; padding-bottom:3px}
.docent_anim_title_elt_a a { color:#002350}
.docent_foto	          {border:1px solid #6B7D93; width:85px;height:85px}

/* menu specifiers */
.popupmenu {border-top:1px solid #002350;border-bottom:1px solid #002350;border-right:1px solid #002350;border-left:1px solid #002350;left:160px;background-color:#ffffff;position:absolute;z-index:999;visibility:hidden}
.popupmenu table { width:100% }
.popupmenu td { height:20px; padding-left:4px; padding-right:4px; white-space:nowrap }
#submenu_accreditatie { top:124px;width:260px;height:auto}
#submenu_categorie       { top:124px;width:180px;height:auto}

/*-- menu */
.navTableFirst{border-top: 1px solid #002350;border-right: 1px solid #002350;border-left: 1px solid #002350;z-index:99}
.navTable     {border-top: 1px solid #002350;border-right: 1px solid #002350;z-index:99}
.navRow       {background-image:url(shared/bg_nav.jpg);background-repeat:repeat-x;width:600px;text-align:right}
.navRowFirst  {background-image:url(shared/bg_nav.jpg);background-repeat:repeat-x;width:195px;padding:0px;text-align:right}

.navTD-on
{	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #002350;
	font-size: 11px;
	background-image: url('images/interface/bg_button.gif');
	background-repeat: repeat-x;
	width:160px}
		
.navTD-off
{	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #002350;
	font-size: 11px;
	background-color: #ffffff;
	filter: alpha(opacity=80);
	opacity: .8;
	width:160px}
	
.menuTD
{   padding-left:6px;
	padding-right:6px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #093057;
	border-right:1px solid #093057;
	height:20px}

.m_inactive,m_inactive:link,m_inactive:visited,m_inactive:active	{font-size:11px;font-weight:bold; color: #002350; TEXT-DECORATION: none}
.m_inactive:hover	{font-size:11px;font-weight:bold; color: #E84F18; TEXT-DECORATION: none}
.m_active,m_active:link,m_active:visited,m_active:active		  	{font-size:11px;font-weight:bold; color: #002350; TEXT-DECORATION: none}
.m_active:hover	    {font-size:11px;font-weight:bold; color: #E84F18; TEXT-DECORATION: none}

.small     		  	{color:#093057; font-family: Arial;font-size:10px;}			
.introductionFont	{line-height:16px}
.news_head_home		{color: #DD4B18; font-weight:bold}	
	
/*-- buttons */
.button {margin-top:5px}	
.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}
		
.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}
	
.buttonspacer	{width:12px}
.buttonlink, .buttonlink:link, .buttonlink:visited, .buttonlink:active {font-size: 11px; color: #002350;text-decoration: none}
.buttonlink:hover {color: #E84F18;text-decoration: none}

/*--lists------------------------------------------------------------------*/
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}

/* -- RINO support specific classes for vacatures */
.GenTable	{width:500px; border:1px solid #002350; font-family: Arial; font-size:13px; margin-bottom:12px}
.GenTDFoot	{padding:2 5 2 5; background-color:#ffffff}
.GenTD		{padding:2 5 2 5}
.GenTD0		{padding:2 5 2 5; background-color:#DDE4EA}
.GenTD1		{padding:2 5 2 5; background-color:#ffffff}
.GenTH		{padding:2 0 2 5; text-align:left; background-color:#002350; color:white; font-weight:bold}
.GenButton	{white-space: nowrap;padding:0 8 0 8; 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}

/*--custom classes-----------------------------------------------------------*/
.homekop { font-family: Arial; font-size:11px; font-weight:bold; letter-spacing:1px; margin-bottom:6px}
h1,.pageheading{font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; margin:0px; padding:0px; color:#E84F18}
.required	{font-weight: bold; font-size:13px; color:#E84f18}
.remark		{background-color:Yellow; color:blue; font-weight:bold}
.oplcode        {font-family:Arial;font-size:11px;border:1px solid #6C7D94;width:135px;height:19px;color:#666666}
.dimmed 	{color: #cccccc}
.i          	{display:none; height:0px; width:0px}
.heading, .kopje{font-weight: bold; font-size: 12px; color: #E84F18}
.point				{height:10px;width:6px;margin-right:3px}
.opl_link			{font-size:12px;TEXT-DECORATION: none; color: #002350}
.opl_link:hover		{TEXT-DECORATION: underline; color: #002350}
.s {color:#002350; font-size:9px}
/*--scrollable divs---------------------------------------------------------*/	
.blue_div		    {border-top: #002350 1px solid; left: 193px; border-left: #002350 1px solid; position: absolute; top: 79px; height: 100%; background-color: #E8F2FC}
/*--links-------------------------------------------------------------------*/
.newslink_home:link,
.newslink_home:visited,
.newslink_home:active	{font-weight: bold; font-size: 12px; color: #002350; font-family: Arial; text-decoration: none}
.newslink_home:hover	{font-weight: bold; font-size: 12px; color: #002350; font-family: Arial; text-decoration: underline}

.link:link,
.link:visited,
.link:active {font-size: 12px; color: #002350; font-family: Arial; text-decoration: none}
.link:hover   {font-size: 12px; color: #002350; font-family: Arial; text-decoration: underline}

/* scroller interveiws op hmepage */
#scroll_container {height:100px;width:100%;overflow:hidden}
.scroll_item {float:left;height:112px;width:100%;overflow:hidden;cursor:pointer;padding-top:6px;padding-bottom:6px}
.scroll_item a, .scroll_item a:hover {text-decoration:none}
#scroll_arrows {float:right;width:16px;height:112px;text-align:center}
#scroll_arrows img {height:12px;width:11px;border:0px}
#scroll_items {height:112px;width:100%;padding-right:30px;overflow:hidden}
#scroll_arrows DIV.top {position:relative;top:4px}
#scroll_arrows DIV.bottom {position:relative;top:100%;margin-top:-36px}
#scroll_arrows a  DIV#down {width:20px;height:20px;background:url(shared/scroll_down_off.gif) no-repeat}
#scroll_arrows a:hover DIV#down {width:20px;height:20px;background:url(shared/scroll_down_on.gif) no-repeat}
#scroll_arrows a  DIV#up {width:20px;height:20px;background:url(shared/scroll_up_off.gif) no-repeat}
#scroll_arrows a:hover DIV#up {width:20px;height:20px;background:url(shared/scroll_up_on.gif) no-repeat}