/* Main stylesheet for www.cbs.nl */
/* ------------------------------ */
/* css is used in CbsTableScheme  */
/* ------------------------------ */

body{
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: Black;
}

td{
	font-size: 76%;
}

/* ------------------------------ */
/*      Typography elements       */
/* ------------------------------ */

/*active link*/
a:link{
	text-decoration: none;
	font-weight: bold;
	color: #003366;
}

/*visited link*/
a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #666400;
}

/*hover over link*/
a:hover{
	color: Red;
	text-decoration: underline;
}

/*Headers, also used for title area*/
h1{
	font-size: 1.3em;
	font-weight: bold;
	color: #003366;
	background-color: #EFFFFF;
	padding-bottom: 10px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-top: 10px;
	clear:left;
}

h2{
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0em;
	font-weight: bold;
	color: Black;
}

h3{
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	color: Black;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
}

/*lists*/
ol, ul, li{
	font-size: 1.0em;
	line-height: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}
	
/*paragraphs*/	
p{
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 1.0em 10px 0px 10px;
}

li > p{
	margin-top: 0.2em;
}

p.small{
	font-size: 0.8em;
	margin: 0em;
	font-weight: bold;
}

pre{
	font-family: monospace;
	font-size: 1.0em;
}

sub, sup{
	line-height: 2.2em;
	font-size: 0.9em;
}

/*bold tags*/
strong, b{
	font-weight: bold;
}

/*horizontal row*/
hr{
	height: 1px;
	color: #005883;
}

td.hr{
	background-color: #b7dce1;
	border-left: #caf0f4 2px solid;
}

th{
    font-weight: normal;
    font-size: 0.8em;
    vertical-align: top;
    border-left: #caf0f4 2px solid;
	 background-color: #b7dce1;
    text-align: center;
}

caption{
    font-weight: normal;
    font-size: 0.8em;
    vertical-align: top;
    text-align: left
}

#LayoutContainer{
	height: 100%;
}

/* ------------------------------ */
/*             Images             */
/* ------------------------------ */

img{
	border: 0px; /*remove all borders from images*/	
}

/* ------------------------------ */
/*              Forms             */
/* ------------------------------ */

/*input fields*/
input{
		font-size: 0.9em;
		color: Black;
		height: 18px;
}

/*radio and select - custom classes - input type="radio" class="rad" */
.rad, .sel {
	border: 0px solid
}

#SearchBoxAreaHeader{
	background-color: #005883;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	color: #B7D9E2;
	font-size: 0.9em;
}

#SearchBoxAreaContainer{
	background-color: #DCF6F5;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}

/* ------------------------------ */
/*         Custom Classes         */
/* ------------------------------ */

/*Visuals in topbar*/

.Logo{
	margin-top: 10px;
	margin-left: 10px;
}

.CbsHeaderName{
	margin-right: 9px;
	margin-top: 3px;
	font-size: 12pt;
	font-weight: bold;
	color: #EFFFFF;
	white-space: nowrap;
	display: block;
}

/*Breadcrumb*/  
.BreadCrumbTrail {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0px;
	padding-right: 10px;
	display: block;
	font-size: 0.9em;
}

.BreadCrumbItem {
	white-space: nowrap;
}

.BreadCrumbItem a{
	color: #003366;
}

.BreadCrumbItem a:visited {
	color: #003366;
}

.BreadCrumbItem a:hover {
	color: Red;
}

/* ------------------------------ */
/*        Horizontal Menu         */
/* ------------------------------ */

#MainNavigationlistContainer{
	background-color: #005883;
	padding-bottom: 1px;
	margin: 0px;
	padding: 0px;
}

#MainNavigationlist{
	color: White;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#MainNavigationlist ul{
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
}

.MainMenuItem{
	list-style: none;
	float: left;
	font-size: 1.1em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}

.MainMenuItem a{
	color: White;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 5px;
	margin-bottom: 5px;
	border-right: 1px solid White;
}

.MainMenuItem a:visited{
	color: White;
	list-style: none;
	display: inline;
}

.MainMenuItem a:hover{
	color: #003366;
	background-color: #DCF6F5;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right: 1px solid White;
	text-decoration: none;
}

.MainMenuItemCurrent{
	list-style: none;
	float: left;
	font-size: 1.1em;
	margin: 0px;
}

.MainMenuItemCurrent a{
	color: #FFFF66;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 5px;
	margin-bottom: 5px;
	border-right: 1px solid White;
}

.MainMenuItemCurrent a:visited{
	color: #FFFF66;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	float: left;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.MainMenuItemCurrent a:hover{
	color: #003366;
	background-color: #DCF6F5;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

#languageswitch{
	font-size: 1.1em;
}

#languageswitch a{
	float: right;
	display: inline;
	color: FFF;
	text-align: center;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 5px;
	margin-bottom: 5px;
	border-right: 1px solid White;
}

#languageswitch a:visited{
	color: FFF;
}

#languageswitch a:hover{
	color: #003366;
	float: right;
	background-color: #DCF6F5;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
}

#sitemaplink{
	font-size: 1.1em;
}

#sitemaplink a{
	float: right;
	color: FFF;
	padding-right: 0.5em;
	padding-left: 0.5em;
	margin-top: 5px;
	margin-bottom: 5px;
}

#sitemaplink a:visited{
	color: FFF;
}

#sitemaplink a:hover{
	color: #003366;
	float: right;
	background-color: #DCF6F5;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
}

/* Topbar container */
#TopBarContainer{
	padding: 0px;
	margin: 0px;
	color: #9FDEF6;
	height: 65px;
}

/* Content container */
#ContentContainer{
	background-color: #EFFFFF;
	padding-bottom: 15px;
}

/*Footerbar container*/
#FooterContainer{
	clear: both;
	padding: 5px;
	margin-top: 0px;
	background-color: #005883;
	color: White;
	font-size: 65%;
}

#FooterContainer ul{
	padding: 0px;
	margin: 0px;
	display: inline;
	border-left: 1px solid White;
	margin-left: 0.9em;
}

#FooterContainer li{
	list-style: none;
	margin: 0px;
	display: inline;
}

/*Footer links*/
#FooterContainer a, #FooterContainer a:visited{
	color: White;
	text-decoration: none;
	border-right: 1px solid White;
	padding-right: 0.9em;
	padding-left: 0.9em;
}

#FooterContainer a.current, #FooterContainer a:visited.current{
	color: #FFFF66;
}

/*Footer hover*/
#FooterContainer a:hover{
	color: #9FDEF6;
	text-decoration: none;
}

.TopVisualRight
{
    BACKGROUND-POSITION: 193px top;
    LEFT: 0px;
    BACKGROUND-IMAGE: url(../Images/headerright.jpg);
    VERTICAL-ALIGN: top;
    WIDTH: 100%;
    BACKGROUND-REPEAT: repeat-x;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 65px;
    TEXT-ALIGN: right
}
.TopVisualLeft
{
    BACKGROUND-POSITION: left 50%;
    LEFT: 0px;
    BACKGROUND-IMAGE: url(../Images/headerleft.jpg);
    WIDTH: 193px;
    BACKGROUND-REPEAT: no-repeat;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 65px;
    BACKGROUND-COLOR: #005883
}