/*=============================================================================================
   WEBSITE
==============================================================================================*/

Body
{
/*    background-color: #F0F0F0;*/
    background: url("/Gallery/xiosbgimage.gif");
	background-repeat: no-repeat;
	background-position: top center;
    background-color: #FFFFFF;
	margin: 10px 0px 10px 0px;
	font-family: arial;
}

.Error
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif
}

.HeadBg
{
/*    BACKGROUND-COLOR: white;/*#ffcc00*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}

.portallogo {
	margin-right: 10px;
	background: url("/Gallery/xiosbglogo.gif");
	background-repeat: no-repeat;
	background-position: top right;
	border: 0px;
	margin-bottom: 0px;
}

.BannerBg
{
	background: url("/Gallery/xioswwwbovenbalk_english.gif");
/*	background-color: #FFFFFF;*/
	background-repeat: no-repeat;
	background-position: top right;
/*	height: 120px;*/
	margin-bottom: 10px;
	width: 800px;
}

.menubovenbalk {
	font-size: 12px;
	font-weight: bold;
}

/* The div and the table style allow you to offer cross browser support for table positioning and size which allows you to apply your theme to all pages within rainbow, not just desktopdefault.aspx */
/* This is used throughout all standard - user based pages */


.rb_DefaultLayoutDiv
{
      text-align:  center; 
	  margin: 0px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;    
	  border-collapse: collapse;
}

.rb_DefaultLayoutTable
{
     width: 800px;
     height: 100%;
     text-align: left;   
	 align: center;
	 margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	vertical-align: top;
}

.rb_DefaultLayoutCell
{
     width: 100%;
     text-align: left;   
	 margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	vertical-align: top
}

/* The div and the table style allow you to offer cross browser support for table positioning and size which allows you to apply your theme to all pages within rainbow, not just desktopdefault.aspx */
/* This is used throughout all non-standard - admin type based pages e.g edit pages, site admin pages. You can keep them the same size as the standard ones to maintain a consistent look or you may need more space for admin features. This gives you that flexibility */

.rb_AlternateLayoutDiv
{
     text-align:  left;
	   margin: 0px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;    
	  border-collapse: collapse;  
}

.rb_AlternateLayoutTable
{
     width: 100%;
     text-align: left;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 border-collapse: collapse;     
}

/*  DESKTOP PORTAL BANNER SETTINGS */

rb_AlternatePortalHeader
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

rb_DefaultPortalHeader
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

/*  DESKTOP PORTAL Footer SETTINGS */

rb_AlternatePortalFooter
{
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-collapse: collapse;
}

.rb_DefaultPortalFooter
{
width: 100%;
/*background-color: #FFFFFF;*/
margin: 0px 0px 0px 0px;
padding: 30px 0px 0px 0px;
border-collapse: collapse;
text-align: right;
}


/*Standaard HTML-TAGS*/
H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 20px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
H2
{
    FONT-WEIGHT: normal;
	margin-top: 10px;
    FONT-SIZE: 16px;
    COLOR: black;
    FONT-FAMILY: arial, Helvetica, sans-serif;
    /*background-color: rgb(229,238,236);*/
    /*padding-left: 5px;*/
    padding-bottom: 2px;
    font-weight: bold;
/*    border-bottom: solid 2px rgb(243,174,0);*/
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
H4
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
DT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}

TR
{
    vertical-align:top;
}
TABLE
{
    vertical-align: top;
	padding: 0px;
	margin: 0px;
}

TFOOT
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
THEAD
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    VERTICAL-ALIGN: baseline;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
A:link
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
A:active
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
A:hover
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
SMALL
{
    FONT-SIZE: 8px
}

SMALLER
{
	font-size: 12px
}
BIG
{
    FONT-SIZE: 14px
}
BLOCKQUOTE
{
    FONT-FAMILY: Lucida Console, monospace
}
PRE
{
    FONT-FAMILY: Lucida Console, monospace
}
UL LI
{
    LIST-STYLE-TYPE: square
}
UL LI LI
{
    LIST-STYLE-TYPE: disc
}
UL LI LI LI
{
    LIST-STYLE-TYPE: circle
}
OL LI
{
    LIST-STYLE-TYPE: decimal
}
OL OL LI
{
    LIST-STYLE-TYPE: lower-alpha
}
OL OL OL LI
{
    LIST-STYLE-TYPE: lower-roman
}
HR
{
    COLOR: black;
    HEIGHT: 0pt;
    TEXT-ALIGN: left
}
/*=============================================================================================
   BANNER
==============================================================================================*/
@media screen {


.SiteTitle
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE:30px;
    /*PADDING-BOTTOM: 10px;*/
    COLOR: #00563F; /*darkgreen*/
    PADDING-TOP: 30px;
    FONT-FAMILY: Tahoma, Helvetica, sans-serif;
    TEXT-DECORATION: none;

}

.LeftTitle
{ 
padding-bottom: 0px;
margin-bottom: 0px;

}

.RightTitle
{ 
	text-align: right;
	padding-right: 5px
	
}

.HorMenu
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FDB813; 
	font-size: 12px;
	color: #015548;
	font-weight: bold;
	}

.HorMenuRight
{
	background-color: #FEBA1A}

.TabBg
{
    COLOR: white;/*olive*/
    FONT-FAMILY: arial;
    BACKGROUND-COLOR:  #015548 /*#ffcc00*/;
    font-size: 12px
}

.OtherTabsBg
{
    COLOR: rgb(243,174,0);
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #015548;
    font-size: 12px
}

.SelectedTab
{
    FONT-SIZE: 12px;
    COLOR: rgb(243,174,0);
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #015548 /* #ffcc00*/
}

.OtherTabs
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: rgb(243,174,0);
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #015548; /*#ffcc00;*/
    TEXT-DECORATION: none
}

.BannerSeparator
{
	color: white
}

A.OtherTabs:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
A.OtherTabs:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
A.OtherTabs:active
{
    COLOR: white;/*fuchsia*/
    TEXT-DECORATION: none
}
A.OtherTabs:hover
{
    COLOR: rgb(243,174,0); /*#990000;*/
    TEXT-DECORATION: none
}

A.SelectedTab
{
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: none
}
A.OtherTabs
{
    FONT-SIZE: 12px;
    COLOR: white;
}
A.SelectedTab:hover
{
    COLOR: rgb(243,174,0); /*#990000;*/
    TEXT-DECORATION: none
}

A.SelectedTab:active
{
COLOR: white; /*#990000;*/
    TEXT-DECORATION: none
}

A.SelectedTab:visited
{
COLOR: white; /*#990000;*/
    TEXT-DECORATION: none
}
.SiteLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: arial, Helvetica, sans-serif
}

.SiteLink A:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.SiteLink A:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.SiteLink A:active
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.SiteLink A:hover
{
    COLOR: #ffcc00;
    TEXT-DECORATION: none
}

.Accent
{
    FONT-WEIGHT: bold;
    COLOR: #ffcc00
}
.Message
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, Helvetica, sans-serif;
}

.rb_PageKeyPhrase
{	
}

}

/*==============================================================================================
   MODULE
===============================================================================================*/

.ItemTitle
{
	font-size: 12px;
    FONT-WEIGHT: bold;
    color: #015548;
    FONT-FAMILY: arial;

/*    padding-bottom : 5px; */

    
    
}

.NewsItem
{FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif;
/*	border-bottom: solid 2px rgb(243,174,0);*/
/*	padding-bottom: 5px */
	}

.NewsDate
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif;
    border-bottom: solid 2px rgb(243,174,0);
    padding-bottom: 5px
}
.ItemDate
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif;

}
.Head
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: black;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
.SubHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: Black;
    FONT-FAMILY: arial, Helvetica, sans-serif;
}

.TitleHead
{
	background-color : #FFFFFF; 
	/*font-weight: bold;*/
    FONT-SIZE: medium ;
    COLOR: #015548; /*rgb(51,120,101);*/
    FONT-FAMILY: arial;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	font-weight: bold;
	margin-bottom: 0px;
/*    border-top: 2px solid #015548;*/
/*	padding-bottom: 3px; */
/*	border-bottom: 2px solid rgb(243,174,0); */
	

}

.SubSubHead
{	
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white; /*rgb(51,120,101);*/
    FONT-FAMILY: arial;
    background-color : rgb(243,174,0);
    border: solid 1px rgb(243,174,0);
    margin-bottom: 0px;
	padding-bottom: 1px;
    padding-left: 4px;
    
    
    /*border-collapse: collapse;*/   
}
.Normal
{
    FONT-WEIGHT: normal;
	font-size: 12px;
    FONT-FAMILY: arial, Helvetica, sans-serif;
    border-collapse: collapse;
/*    padding-top: 10px;   */
/*    border-top: 2px solid #015548;*/
    /*border-bottom : 1px solid rgb(243,174,0)*/

}
A.GaNaar
{
	padding-left: 5px}
.GaNaar
{
    FONT-WEIGHT: normal;
	font-size: 12px;
    FONT-FAMILY: arial, Helvetica, sans-serif;
    border-collapse: collapse;
    padding-top: 0px;
    padding-left: 5px
    /*border-bottom : 1px solid rgb(243,174,0)*/

}

.ContentModule
{
	border-bottom : 1px solid rgb(243,174,0)}
.NormalTextBox
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
.NormalRed
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffcc00;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
.NormalBold
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
.NormalItalic
{
    FONT-SIZE: 12px;
    FONT-STYLE: italic;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	border-right: black 1px solid;
	padding-right: 6px;
	border-top: rgb(233,232,232) 1px solid;
	padding-left: 6px;
	font-weight: normal;
	font-size: 12px;
	background: rgb(211,210,210);
	padding-bottom: 3px;
	margin: 5px;
	overflow: visible;
	border-left: rgb(233,232,232) 1px solid;
	/*color: white;*/
	line-height: 25px;
	padding-top: 3px;
	border-bottom: black 1px solid;
	font-family: arial;
	text-align: center;
}

Input.CommandButton 
{
	line-height: 13px;
}

A.CommandButton:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.CommandButton:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.CommandButton:active
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
A.CommandButton:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none
}

.ArticleHead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #0066ff;
    FONT-FAMILY: arial, Helvetica, sans-serif
}
.module
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    BACKGROUND-COLOR: #000000;
	margin-bottom: 10px;
}
A.SiteLink
{
    COLOR: lightcyan
}
.SiteLink A
{
    COLOR: yellow;
}
.SiteLink A:visited
{
    COLOR: yellow
}

.menu
{
    COLOR: fuchsia;
    BACKGROUND-COLOR: royalblue
}
.Menu
{
    COLOR: white;
    BACKGROUND-COLOR: blue
}
/*============================================================================================
   LEFTPANE
==============================================================================================*/
@media screen{

.LeftPane
{
/*    BACKGROUND-COLOR: #FFFFFF; */
    margin-top: 0px;
	padding-right: 10px;
/*	margin-right: 10px;*/
	font-size: 12px
}

.LeftPane A:active
{
COLOR: 000000;
    TEXT-DECORATION:none
}

.LeftPane A:hover
{
COLOR: 000000;
    TEXT-DECORATION:underline
}

.LeftPane A:visited
{
COLOR: 000000;
    TEXT-DECORATION:none
}

.LeftPane A
{
COLOR: 000000;
    TEXT-DECORATION:none
}

.leftpanetable
{
	width: 100%;
	height: 100%;
	padding-right: 0px;
	padding-left: 0px

}
leftpanemenu
{ width: 100%}

.leftpaneimage
{
	height: 100%;
	}
	
}
	
@media print {
	.leftpane {
		visibility: hidden;
		width: 0px;
	}
}
/*============================================================================================
   CONTENTPANE
==============================================================================================*/

.ContentPane
{
	background-color: white;
	padding:   10px 10px 10px 10px;
    text-align: left;
/*    font-size: 15px;*/
    
    
}

.ContentPane p, li, td
{
	color: rgb(77,75,73);/*rgb(55,52,51);*/
	
}


@media print {
	.contentpane {
		width: 100%;
	}
}


/*============================================================================================
   RIGHTPANE
==============================================================================================*/
.RightPane
{
    BACKGROUND-COLOR: white;
    padding-left: 0px;
    border-collapse: collapse;
    padding-right: 10px;
    padding-left: 5px;
    font-family: arial;
    font-size: 12px;
    
}

.rightpane p
{
	
}

.RightPane .normal
{
    COLOR: color: rgb(77,75,73)
}

.RightPane TD
{
    COLOR: color: rgb(77,75,73)
}


.LastModified
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: grey;
    LINE-HEIGHT: 30px;
    FONT-FAMILY: arial, Helvetica, sans-serif;
    VERTICAL-ALIGN: bottom;
}

/* ================================
   Announcements
   ================================ */
.Announcement
{
/*	margin-top: 15px; */
	width:100%;
	background-color: #FFFFFF;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
/*    border-left: 2px solid #015548;
    border-right: 2px solid #015548;
    border-bottom: 2px solid #015548;*/
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}

.AHeader
{
/*    background-color: #015548; */
   	width: 100%;
	font-weight: bold;
 	}

.ATitle
{	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px; 
	width: 100%; 
	font-size: 12px;
/*	background-color: #FEE4A9; */
	color: #015548;
	font-weight: bold;

}
.ADescription
{	font-size: 12px;
	padding: 5px;
	padding-left: 5px;
	width: 100%;
	/* border-top: solid 2px rgb(243,174,0); */
	
}

.AnnTitleSpacer
{
   width: 100%;
	/*background-color: white;
	width: 100%*/
	}
/* ================================
   HtmlEditor
   ================================ */

DIV.edmenuback{
	background-color: #cccccc;
	border-bottom: 0px solid #929292;
	border-left: 1px solid #929292;
	border-right: 1px solid #929292;
	border-top: 1px solid #929292;
	width: 100%
}

TD.edmenuStyle{
	width: 75px;
	padding-top: 2px;
	padding-left: 2px;
	text-align: right;
}

TD.edmenuEditor{
}

TD.edmenuHTML{
	text-align: right;
	width: 35px;	
}

/* ================================
   Discussion
   ================================ */
.MessageTitle 
{
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
}
   
.MessageAuthor
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: darkgray
}

.MessageBody
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: black
}

TR, TD
{
    font-family: arial, Helvetica, sans-serif;
    font-size:  11;
    font-weight: normal;
}

/* ================================
   Survey Module
   ================================ */
.SurveyQuestion
{

	color: darkred;
}

.SurveyPanel
{
	color: silver;
	background-color: silver;
}

.SurveyOption
{
	color: black;
}

.SurveyButton
{
	color: darkred;
	font-weight: bold;
}

/* =============================
   BreadCrumbs styles
   ============================= 
.bc_Row		{padding-left:57px;border-bottom:solid 2px Black;background-color:#ffcc00;}
.bc_Text	{FONT-SIZE:10px;}
.bc_Link, .bc_Link:link, .bc_Link:visited {padding-left:8px;FONT-SIZE:10px;font-weight:bold;text-decoration:none;color:black}
.bc_Link:hover	{text-decoration:underline;}*/
table.BreadCrumbs {width: 100%; margin-left: 0px; padding: 0px}
td.BreadCrumbs {/*border-bottom: solid 1px rgb(204,221,217)*/padding: 0px; margin: 0px}


/* =============================
   SolpartNavigation menu styles
   ============================= */
.spm_MenuContainer	{height:27px;border-bottom:solid 2px Black;}
.spm_MenuBar		{height:27px;}
.spm_MenuBar TD		{FONT-SIZE: 12px;font-weight:bold;}
.spm_SubMenu		{z-index:200; border:solid 1px black;}
.spm_SubMenu TD		{font-weight:bold;}
.spm_MenuBreak		{}
.spm_MenuItem		{FONT-SIZE:12px;padding-left:5px; padding-right:5px;background-color:#ffcc00;cursor:pointer;cursor:hand;}
.spm_MenuItem TD	{FONT-SIZE: 12px;}
.spm_MenuIcon		{border-left:solid 1px #ffcc00;}
.spm_MenuItemSel	{FONT-SIZE: 12px;}
.spm_MenuItemSel TD	{FONT-SIZE:12px;padding-left:5px; padding-right:5px;cursor: pointer; cursor: hand;}
.spm_MenuArrow		{font-family: webdings;cursor: pointer; cursor: hand; }
.spm_RootMenuArrow	{font-family: webdings;cursor: pointer; cursor: hand; }
/* ================================ */

/*
/* =================================
   SimpleMenu Module - static styles
   =================================  */
.sm_SimpleMenu	{
	COLOR:white; 
	text-align: left; 
	width: 100%; 
	padding-right: 
	5px; 
	font-size:12px
}
.sm_SimpleMenu A:hover	{
	COLOR:rgb(243,174,0) 
}
.sm_SelectedTab			{COLOR:white;FONT-WEIGHT: bold; /*background-color: rgb(204, 221, 217);*/}
.sm_OtherSubTabs		{COLOR:white;/*background-color: rgb(229,238,236);*/ text-align: left;padding-top: 5px ;width: 100%; padding-bottom: 5px; padding-right: 5px; border-bottom: solid 1px white;font-size:12px}
.sm_OtherSubTabsAlt		{COLOR:white;/*background-color: rgb(229,238,236)*/ text-align: left;padding-top: 5px; width: 100%;padding-bottom: 5px; padding-right: 5px; border-bottom: solid 1px white;font-size:12px}
.sm OtherSubTabs A:hover {background-color: rgb(243,174,0)}
.sm_Header				{FONT-SIZE: 12px;COLOR:#000000;BORDER-BOTTOM: black 2px solid }
.sm_Header A:link, .sm_Header A:visited	{FONT-SIZE: 12px;COLOR:#000000;text-decoration: none}
.sm_Header A:hover		{FONT-SIZE: 12px;COLOR:#000000;FONT-WEIGHT: bold;}
.sm_Footer				{FONT-SIZE: 12px;COLOR:#000000;BORDER-TOP: black 2px solid;} 
 /* ================================ */ 

/* =================================
   SimpleMenu Module - dhtml styles
   ================================= */
.sm_HWMenuItem		{COLOR:#000000;background-color:#ffcc00;FONT-SIZE:12px;font-family:arial, Helvetica, sans-serif;border:solid 1px #00008b;border-collapse:collapse;}
.sm_HWMenuHiItem	{COLOR:#ffffff;background-color:#000000;FONT-SIZE:12px;font-family:arial, Helvetica, sans-serif;border:solid 1px #ffd700;}
.sm_HWMenuSubItem	{COLOR:#000000;background-color:#ffcc00;FONT-SIZE:12px;font-family:arial, Helvetica, sans-serif;border:solid 1px #00008b;}
.sm_HWMenuHiSubItem	{COLOR:#ffffff;background-color:#000000;FONT-SIZE:12px;font-family:arial, Helvetica, sans-serif;border:solid 1px #ffd700;}
/* ================================ */

/* =================================
   SimpleMenu Module - SolpartStyles
   ================================= */
.sm_SPMenuContainer	{height:27px;border-bottom:solid 2px Black;}
.sm_SPMenuBar		{height:27px;}
.sm_SPMenuBar TD	{FONT-SIZE: 12px;font-weight:bold;}
.sm_SPSubMenu		{z-index:200; border:solid 1px black;}
.sm_SPSubMenu TD	{font-weight:bold;}
.sm_SPMenuBreak		{}
.sm_SPMenuItem		{FONT-SIZE:12px;height:22px;padding-left:5px; padding-right:5px;background-color:#ffcc00;cursor:pointer;cursor:hand;}
.sm_SPMenuItem TD	{FONT-SIZE: 12px;}
.sm_SPMenuIcon		{border-left:solid 1px #ffcc00;}
.sm_SPMenuItemSel		{FONT-SIZE: 12px;}
.sm_SPMenuItemSel TD{FONT-SIZE: 12px;padding-left:5px; padding-right:5px;cursor: pointer; cursor: hand;}
.sm_SPMenuArrow		{font-family: webdings;cursor: pointer; cursor: hand; }
.sm_SPRootMenuArrow	{font-family: webdings;cursor: pointer; cursor: hand; }
/* ================================ */


/*KLASSEN VAN ZELFGEMAAKTE OPLEIDINGEN*/
/*=============================*/
.searchresult
{
 border-color:rgb(204,221,217)
	}


.adressen p
{
	font-size: 12px
}

.ModuleTable
{
	   border: solid 1px rgb(243,174,0);
	    width: 100%;
	    margin: 0px;
	    margin-top: 0px;
	    margin-bottom: 10px;
	    padding-left: 0px;
	    border-collapse: collapse;
	    padding-bottom: 3px;
	    /*background-color: rgb(250,252,251);*/
	    color:  rgb(51,120,101)
}
/*MODULE INITIELE OPLEIDINGEN*/
.tabel_opleidingen {font-size: 12px; width: 100%}
.departement{background-color: rgb(229,238,236);
    padding-left: 5px;
    font-weight: bold;
    border: solid 1px rgb(204,221,217);font-size: 12px}
.type_opleiding{	font-style: italic; padding-left: 20px;font-size: 12px}
.opleiding{	padding-left: 20px;font-size: 12px}
.opleiding A:link, .opleiding A:visited, .opleiding A:Active{color: rgb(88,86,85);  text-decoration: none}
.opleiding A:hover {color: rgb(88,86,85); text-decoration : underline}
.spacer{height: 20px}
.naam_opleiding{width: 100%; background-color: rgb(229,238,236);
    padding-left: 5px;
    font-weight: bold;
    border: solid 1px rgb(204,221,217);font-size: small}
.promotioneel_profiel{width: 100%; font-family: arial; font-size:12px}
.programma{ font-weight: bold;font-size: 12px}
.tabel_jaren{font-size: 12px}
.tabel_programma {font-weight: bold;font-size: 12px}
.tabel_programma td {font-size: 12px}
.programma_header {font-weight: bold;font-size: 12px}
.naam_opleidingsonderdeel {font-size: 12px}
.studiepunten{text-align: center;font-size: 12px}
.Jaar {font-size: 12px}
.SelectedJaar {font-size: 12px}
.Jaar A:link, .Jaar A:visited, .Jaar A:hover {color: rgb(88,86,85); font-weight:normal; text-decoration: none}
.SelectedJaar A:link, .Selectedjaar A:visited, .SelectedJaar A:hover {color: rgb(88,86,85); font-weight:bold; text-decoration: none}

/*==============================================================================================
   XIOS MENU
===============================================================================================*/

.xiosmenu01 {
	font-size: 12px;
	background-color: #FDB813;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin: 0px;
	padding: 2px;
	font-weight: bold; 


}

.xiosmenu01 A:link
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu01  A:visited
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu01 A:active
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
.xiosmenu01  A:hover
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
.xiosmenu02 {
	font-size: 12px;
	margin: 0px;
	padding: 2px;
	background-color: #FEE4A9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FDB813;
}
.xiosmenu02 A:link
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu02  A:visited
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu02 A:active
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
.xiosmenu02  A:hover
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
.xiosmenu03 {
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FEE4A9;
}
.xiosmenu03 A:link
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu03  A:visited
{
    COLOR: #015548;
    TEXT-DECORATION: none
}
.xiosmenu03 A:active
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}
.xiosmenu03  A:hover
{
    COLOR: #015548;
    TEXT-DECORATION: underline
}


/*====================================================================
    OPMAAK CONTENT
===================================================================*/
.inleiding {
  	width:100%;
	background-color: #FFFFFF;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
    border-left: 2px solid #015548;
    border-right: 2px solid #015548;
    border-bottom: 2px solid #015548;
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}

.kadergroengeel {
		width:100%;
	background-color: #FEE4A9;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #015548;
    border-left: 2px solid #015548;
    border-right: 2px solid #015548;
    border-bottom: 2px solid #015548;
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}

.kadergroenwit {
	width:100%;
	background-color: #FFFFFF;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #015548;
    border-left: 2px solid #015548;
    border-right: 2px solid #015548;
    border-bottom: 2px solid #015548;
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}
.kadergeelwit {
 	width:100%;
	background-color: #FFFFFF;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #FDB813;
    border-left: 2px solid #FDB813;
    border-right: 2px solid #FDB813;
    border-bottom: 2px solid #FDB813;
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}
.kadergeelgeel {
 	width:100%;
	background-color: #FEE4A9;  
/*	background-color: #E7F5EC; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #FDB813;
    border-left: 2px solid #FDB813;
    border-right: 2px solid #FDB813;
    border-bottom: 2px solid #FDB813;
/*	margin-bottom: 10px; */
	/*background-color: rgb(250,252,251);
	border: solid 1px rgb(204,221,217)*/
}

.opkiezer {
	width:200px;
}

.testimonial {
	background-color: #FDB813;  
	color: #FFFFFF;
	width:400px;
	border-left: 1px;
	margin-left: 200 px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 10px;

}