
.index {background-color: #fff;border:1px solid #333}
.widthcontainer {margin: auto; min-width: 930px; text-align: left}

.top {height:100px; background: #001b39 url(/images/top_sterren.gif) no-repeat bottom right; border-bottom:1px solid #fff}
.top_logo {margin: 15px 0 0 12px; float: left;}
.top_menu {height:25px;background: #707f90;border-top:1px solid #9da8b3;border-bottom:1px solid #606d7b;border-right:1px solid #657382; border-left: 1px solid #818e9b}
.top_menu .menu {float: right;}

.bottom {height:25px;border-top:1px solid #fff;background:#707f90}
.bot_left {float:left;height:25px;width:288px;background:#001c3b;border-right:1px solid #fff}
.bot_left div {color:#fff;padding:5px 0 0 18px;font-family: "MS Sans Serif", Geneva, sans-serif;font-size:12px;letter-spacing:1px}
.bot_left a:link, .bot_left a:active, .bot_left a:visited, .bot_left a:hover {color:#fff}
.bot_right {margin-left:288px;height:25px;border-top:1px solid #798797}

.body {border-right: 5px solid #707f90;border-left: 5px solid #707f90}
.pageLeft {width:288px;background: #F4F4C3;}

.crmicon {margin:5px 0 30px 10px}
.titlebar {height:30px;padding:15px 5px 5px 15px}
.titlebar .caption {float:right}
.titlebar .name {font-weight:bold;font-style:oblique;white-space:nowrap}
.titlebar .date {white-space:nowrap}


a, a:link, a:visited, a:active, .href {
	text-decoration: none; color: #0D2A86; cursor: pointer;
}
a:hover, .href_h {text-decoration: underline; cursor: pointer;color: #0D2A86}

body				{font-size: 11pt; font-Family: Helvetica, Arial, sans-serif; margin: 0}
body.clean			{font-size: 11pt; font-Family: Helvetica, Arial, sans-serif; margin: 0px 0px 0px 0px}
body.popup			{font-size: 11pt; font-Family: Helvetica, Arial, sans-serif ; background-color: white; margin: 0px 0px 0px 0px}
body.editor			{font-size: 10pt; font-Family: Helvetica, Arial, sans-serif ; background-color: white; margin: 10px 10px 10px 10px}

table						{border: none; padding: 0}
tr							{page-break-inside: avoid}
td							{font-size: 10pt; vertical-align: top;}

ul							{padding: 0px 0px 0px 14px; margin: 0px 0px 0px 2px}
ol							{padding: 0px 0px 0px 14px; margin: 0px 0px 0px 10px}
ul li						{list-style-image:url(/images/icons/circle.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}

/* Hx should never be used, use .stHeader1 to .stHeader4 instead */
h1, h3						{font-size: 11pt; font-weight: bold; font-style: normal; color: #0D2A86}
h2							{font-size: 12pt; color: red}
h4							{font-size: 10pt; font-weight: bold; font-style: normal; color: #0D2A86}
h5							{font-size: 8pt;	font-style: normal; font-weight: normal;}

/* form */
select					{font-size: 8pt; color: black; border: 1px solid #999}
button					{font-size: 8pt; border-style: none; color: red; border: none;	background: transparent;	cursor: pointer}
input						{font-size: 8pt; color: black; border: 1px solid #999}
textarea				{font-size: 8pt; color: black; border: 1px solid #999; background: #F5F7FB}
strong					{font-weight: bold}
th						{text-align: left; font-size: 14px;}

/* Custom Styles */
.stTitle							{font-style : oblique; color : #676363;	font-size :17pt;	font-weight : normal}
.stHeader1						{font-size: 11pt; font-weight: bold; color: #0D2A86}
.stHeader2						{font-size: 10pt; font-weight: bold; font-style: italic; color: #0D2A86}
.stHeader3						{font-size: 9pt; font-weight: bold; color: #0D2A86}
.stHeader4						{font-size: 9pt; font-weight: bold; font-style: normal; color: #0D2A86; display: block; padding: 0px 0px 0px 0px;}
.stNormal							{font-size: 9pt}
.stSmall							{font-size: 8pt}
.stStrong							{font-size: 9pt; font-weight: bold; color: black}
.stLarge							{font-size: 13pt; font-weight: bold}

/* form */
.stFieldHeader				{font-size: 9pt; color: Black}
.stFieldHeader2				{font-size: 9pt; color: Black; padding-left: 0px;	font-weight : bold;	}
.stFieldValue					{font-size: 9pt; color: Black; padding-right: 0}
.stInput							{font-size: 9pt; text-align: left; background : #F5F7FB}
.stInputTextArea			{font-size: 9pt}
.stInputCheckBox			{border: none}

.stDate								{font-size: 10pt; color: black}
.stListItem						{font-size: 10pt;}
.stDebug							{font-size: 8pt; color: #c00}
.stWarning						{color: #F00}
.stOK									{color: #050}
.Archived							{color: #999 }

.stMenubar						{background-color : #777; font-size: 8pt; color: #FFF; font-weight : bold}

/* Content */
.contentBodyItalic		{font-size: 11pt; font-weight: bold}
.content							{padding: 4px 4px 4px 4px}
.stPicDesc						{font-size: 10pt}
/* button */
.stButton							{border: 1px solid #fff; cursor: pointer}
a:hover.stButton			{border: 1px solid #0D2A86}
.stButtonInvisible		{display: none}

a:hover .stHeader1		{text-decoration: underline; color: #0D2A86}
a:hover .stHeader2		{text-decoration: underline; color: #0D2A86}
a:hover .stHeader3		{text-decoration: underline; color: #0D2A86}
a:hover .stNormal			{text-decoration: underline; color: #0D2A86}
a:hover .stLarge			{text-decoration: underline; color: #0D2A86}
a:hover .stdate				{text-decoration: underline; color: #0D2A86}
a:hover .stListItem		{text-decoration: underline; color: #0D2A86}

.stTableBorder				{border: 1px solid LightBlue; padding: 5} /* Only used in HTMLEditor as temporary border */

.stFixedHeight				{height: 92%; overflow: hidden}
.stStage							{color: #0D2A86}
.stStageThin					{color: #f93; height:1px}

/* Rows */
.stRowOdd							{background-color: #F7F6EA}
.stRowEven						{background-color: #FFFFF5}

.stRowEnabled					{cursor: pointer}
.stRowGrayedOut				{color: #D0D0D0}

.filled							{background-color : #F7F7C6}

/* Collapsable boxes */
.stCollapsable						{	}
.stCollCaption						{cursor: pointer; padding: 4px}
a:hover .stCollCaption		{}
.stUncollCaption					{cursor: pointer; padding: 4px}
a:hover .stUncollCaption	{}
.stCollBody								{display: none}
.stUncollBody							{	}

/* Admin Style */
.stAdminBlock1_Top		{border-top: 1px solid #f93; padding-top: 3px}
.stAdminBlock1_Bottom	{border-bottom: 1px solid #f93; padding-bottom: 2px}
.stAdminBlock1_Left		{border-left: 1px solid #f93}
.stAdminBlock1_Right	{border-right: 1px solid #f93}
.stAdminBlock1_Space	{padding-bottom: 3px}

/* Forum Style */
table.forumNav	{background-color : #ccc; border : none}
td.forumNav			{font-size: x-small}
tr.forumMsgHead	{background-color : #5276B5}
td.forumMsgHead	{font-size : xx-small; color : White; font-weight : bold}
td.forumMsgCapt	{font-size : xx-small; color : #666; font-weight : bold}
td.forumMsgText	{font-size : x-small}

/* Wizard Style */
table.wizard				{border : none; width: 100%}
hr.wizard						{}
hr.thin							{color: #f93; height:1px}

/* Tab Style */
.stTab							{padding : 15px 5px 0px 5px;	height:100%}
.stTabText					{vertical-align: middle; }
.stTabLarge					{padding : 15px 0px 0px 0px;	height:100%}



/* CRM Style */
.CRMLinkBox		{text-align: right; font-weight:bold; padding: 2px 0px 2px 0px}

div.inquiry {
	border: 1px solid #000;
	color: black;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	height: 200px;
	width: 200px;
}
