/* 
Copyright skin: Cestus Websites 2005.
Created by Peter Schotman, contact information: www.cestuswebsites.com 
All rights reserved.
*/

/* Skin */

/* */
  
html 
{
	height: 100%;
}

body
{
	margin: 0; padding: 0; border: solid 0px #ffffff;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: #E7E7E7;
}

#standardKI
{
	margin: 0;
	padding: 0px 0 0 0;
	border: solid 0px #6B3481;
	background-color: #ffffff;
	width: 95%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Tan hack 

* html #standardKI
{
	margin: -3px 0 0 0;
}
*/


/* */
.topTable 
{
	background-color: transparent;
	margin: 0px; padding: 0px; border: solid 0px #E7E7E7;
	width: 100%;
	margin-top: 1px;
	height: 100%;
	border-right: solid 3px #6B3481;
	border-left: solid 3px #6B3481;

}
/* */
.leftcolumn
{
	margin: 0; padding: 0; border: solid 0px #ffffff;
	width: 235px;
	vertical-align: top;
	background: #E3CCED url(left-column.jpg) repeat-y scroll top right;

}

.logoPane 
{
	margin: 0; padding: 0; border: solid 0px #ffffff;
	width: 235px;
	height: 137px;
	background: #ffffff url(header-logo.jpg) no-repeat scroll top right;
	vertical-align: top;
}
.vertMenu
{	
	width: 235px;
	height: 156px;
	vertical-align: top;
	padding: 0 0 0 10px;
}
.contentMenupane
{
	padding: 5px 35px 0px 10px;
}

.rightcolumn
{	background: #ffffff url(headerspacer.jpg) repeat-x scroll top left;
	margin: 0px; padding: 0px; border: solid 0px #000000;
	padding: 0px 0px 0 0;
	vertical-align: top;
}

.rightcolumntable
{	margin: 0px; padding: 0px; border: solid 0px #000000;
	background-color: transparent;
	height: 100%;
	width: 100%;
	vertical-align: top;
}

.breadcrumbrow
{
	font-style: normal; font-weight: normal; font-size: 11px;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	height: 30px;
	background-color: #ffffff;
	width: 100%;
	vertical-align: top;
	padding: 5px;
}
.breadcrumbpane
{	
	padding: 0px;
	float: left;
	width: 465px;
}
.loginPane
{
	padding: 0 3px 0 0;
	float: right;
	width: 220px;
	text-align: right;
}

.loginText
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

.datePane
{
	height: 20px;
	background-color: Transparent;
}

.dateArea
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	height: 20px;
	_height: 17px;
	vertical-align: bottom;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	border-top: solid 5px #6B3481;
	background-color: white;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 2px;
	margin-right: 20px;
	float: right;
	color: #6B3481;
}

.loginPane	
{
}
.loginPane A, .loginPane A:link,  .loginPane A:visited, .breadcrumbpane A, .breadcrumbpane A:link,  .breadcrumbpane A:visited 
{
	font-size: 11px;
	text-decoration: none; color: #6B3481; background-color: transparent;
	font-style: normal;	font-weight: bold;
}
.loginPane A:hover, .breadcrumbpane A:hover
{	
	color: #CEDF5F;
	text-decoration: none;
}


.contentPanes
{
	margin: 0px; padding: 0px; border: solid 0px #ffffff;
	background-color: #ffffff;
	padding: 5px 10px 0px 5px;
}
.contentPanesTable 
{
}

/* */
.paneTop 
{
	vertical-align: top;
	width: 100%;
}
/* */
.paneBottom
{
	vertical-align: top;
	width: 100%;
}
/* */
.paneCenter 
{
	vertical-align: top;
}
/* */
.paneRight 
{
	vertical-align: top;
	width: 33%;
}
.paneLeft 
{
	vertical-align: top;
	width: 33%;
}


.SkinObject
{
	font-style: normal;	font-weight: normal;
	font-size: 9px;	color: #000000;
	font-family: Verdana, Arial, Hevetica, Sans-Serif;
	background-color: tranparent; /* #e6e6e6; */
}

/* General styles */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Hevetica, Sans-Serif;  
	color: #F7931D; 
	line-height: 150%;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
}

h1 {font-size: 16px; }
h2 {font-size: 14px; }
h3 {font-size: 12px; }
h4 {font-size: 12px; font-weight: normal; }
h5, h6 {font-size: 11px; font-weight: normal; }


/* Menu area */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon { display: none; }

.MainMenu_MenuBreak { display: none; }/* { padding: 0; border: 0 solid pink; background-color: Transparent; height: 0; color: #BCAEC2; } */

.v1menucontainer
{
	width: 200px;
}
.v1menucontainer TD 
{
	padding: 5px 0 0 0;
}

.v1menubar
{}
.v1menuitem, .v1menuitemsel, .v1rootmenuitem, .v1rootmenuitemsel
{
	background-color: Transparent; 
	margin: 0px; padding: 0px; border: solid 0px #808080;
	font-family: MS Sans Serif, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: bold; 
	color: #ffffff; 
	font-size: 14px;
	cursor: pointer;
	text-transform: none;
/*	font-variant: small-caps; */
	cursor: hand; 
	height: 36px;
}
.v1rootmenuitem
{
	background: transparent url(std-menu.jpg) no-repeat;
}
	
.v1rootmenuitemactive, .v1rootmenuitemsel, .v1rootmenuitembreadcrumb
{
	background: transparent url(hover-menu.jpg) no-repeat;
}

.v1rootmenuitembreadcrumb, .v1rootmenuitemactive
{
	color: #660099;
}
.v1menuitemsel
{	
	color: #000000;
}


.v1menuitem TD, .v1menuitemsel TD
{
	text-align: left;
	vertical-align: bottom;
	padding: 0px 0px 10px 17px; 
}

.v1submenu 
{
	background-color: #E0EBA1;
	border: solid 1px #660099;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	margin: 3px 0 0 0px;
}

.v1submenu .v1menuitem, .v1submenu .v1menuitemsel, .v1submenu .v1submenuitembreadcrumb, .v1submenu .v1submenuitemactive
{
	padding: 0px 10px 0px 5px; /* rechter padding nodig voor FF anders berekent hij niet de goede breedte! */
	background-color: #E0EBA1;
	height: 26px;
	vertical-align: middle;
	color: #6B3481;
	border-bottom: solid 1px #E0EBA1; 
	border-top: solid 1px #E0EBA1;	/* nodig voor IE anders ontstaat er lelijke lijnen bij het selecteren van submenu items, 
									   door cache probleem lijkt deze setting niet te werk maar na een tijdje zie je toch het resultaat */

}
.v1submenuitembreadcrumb {}
.v1submenuitemactive{}

/* .v1submenu .v1menuitem TD, .v1submenu .v1menuitemsel TD, .v1submenu .v1submenuitembreadcrumb TD, .v1submenu .v1submenuitemactive TD
{
	background-color: #E0EBA1;
	color: #6B3481;
	border-bottom: solid 1px #E0EBA1;
	border-top: solid 1px #E0EBA1;
}
/* .ah1submenu .ah1menuitem TD, .ah1submenu .ah1menuitemsel TD, .ah1submenu .ah1menuitembreadcrumb TD, .ah1submenu .ah1rootmenuitemactive TD
*/

/* levert geen toegevoegde waarde?
.v1submenuitemsel
{
	background-color: #E0EBA1;
	border-bottom: solid 1px #E0EBA1;
	border-top: solid 1px #E0EBA1;
}*/

.v1submenu .v1submenuitemsel
{
	color: #000000;
}

.horMenu
{
	background: transparent url(headermenu.jpg) no-repeat scroll top right;
	height: 62px;
	_height: 82px; /* IE hack, calculates height wrong */
	padding: 20px 75px 0 0;
	vertical-align: top;
}

.leftmenuimage
{
	margin: 0px; padding: 0px; border: solid 0px #808080;
	vertical-align: top;
	width: 27px;
	height: 34px;
	background: transparent url(lefttopmenu2.gif) no-repeat scroll top left;
}
.rightmenuimage
{
	margin: 0px; padding: 0px; border: solid 0px #808080;
	vertical-align: top;
	background: transparent url(righttopmenu2.gif) no-repeat scroll top left;
	height: 34px;
	width: 27px;
}
.menucontrol
{
	margin: 0px; padding: 0px; border: solid 0px #808080;
	vertical-align: top;
	background: transparent url(centertopmenu2.gif) repeat-x scroll top left;
	height: 34px;
	text-align: center;
}

.h1menucontainer TD
{
	margin: 0px; padding: 0px; border: solid 0px #808080;
}

.h1menucontainer 
{	/*  wanneer geen breedte aangegeven is, dan de 100% breedte van het omliggende element*/
	background-color: transparent;
	margin: 0px; padding: 0px; border: solid 0px #000000;
	padding: 0px; /* een waarde geven werkt niet consistent in IE en FF */
	width: 1px; /* om de grootte van de container te limiteren tot de som van de items */
}


.h1menuitem TD, .h1menuitemsel TD, .h1menuitembreadcrumb TD
{
	margin: 0px; padding: 0px; border: solid 0px #808080;
	font-family: MS Sans Serif, Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: bold; 
	font-size: 15px;
	cursor: pointer;
	text-transform: none;
/*	font-variant: small-caps; */
	cursor: hand; 
	height: 34px;
	/* width: 120px; /* werkt niet: FF houdt er geen rekening mee */
	filter: none; 
	background-color: transparent; /* #d3d3d3; */
}
.h1menucontainer table /* zet de breedte van de menu items vast */
{
/*	width: 80px; */
}

.h1menubar { cursor: pointer; cursor: hand; }

.h1menuitem, .h1menuitemsel
{
	text-align: center;
}
.h1rootmenuitem TD
{
	color: #ffffff;
}
.h1rootmenuitemactive TD, .h1rootmenuitembreadcrumb TD
{
	color: #cedf5f; /* geel-groen */
}
.h1menuitemsel TD /* moet na breadcrumb komen */ 
{
	color: #d9e67f; /* licht geel-groen*/
}
.h1rootmenuitemsel
{}



