@charset "utf-8";
/* ---------------------------------------------------------------------- General elements */
* {
	font-family: Arial, Helvetica, sans-serif;
	color: #014380;
}
a.arrowLink {
	color: #014380;
	background: url(../../../images/Frontend/arrows/arrow_right.gif) no-repeat 0em 0.5em;
	padding: 0px 0px 0px 15px;
}
a.arrowLink:hover {
	text-decoration: none;
}
body#frontend {
	background: #96a5c6 url(../../../images/Frontend/backgrounds/bg_site.gif) repeat-x 0 0;
}
.alertSuccess{
	color:#009900;
	font-weight: bold;
}
.alertFailure{
	color:#CC0000;
	font-weight: bold;
}
/* ---------------------------------------------------------------------- header */
#header .sitewide {
	float: left;
	height: 40px;
	width: 277px;
	padding: 21px 0 0 0;
}
#header #sitewidemenu {
	float: left;
	width: 472px;
	height: 40px;
	padding: 21px 12px 0 0;
	text-align: right;
	font-size: 1.1em;
}
#header #sitewidemenu a {
	margin-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../../../images/Frontend/arrows/arrow_right.gif) no-repeat 0 3px;
	padding-left: 15px;
}
#header #sitewidemenu a:hover {
	text-decoration: underline	;
}
#header #search {
	float: right;
	height: 40px;
	padding: 21px 0 0 0;
}
#header #search .searchInput {
	float: left;
	width: 114px;
	height: 14px;
	padding-left: 3px;
	color: #014380;
	border: solid 1px #abadb3;
	
}
#header #search .searchButton {
	float: left;
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
	background: #96a5c6 url(../../../images/Frontend/arrows/arrow_button_search.gif) no-repeat 0 0;
}

#header #visual {
	float: left;
	width: 900px;
	height: 202px;
	padding:0;
	margin: 0;
	background: #96a5c6 url(../../../images/Frontend/headervisuals/header_kader.gif) no-repeat 0 0;
}

#header #visual img {
	float: left;
	padding:0;
	margin: 26px 0px 0px 23px;
}

/* ---------------------------------------------------------------------- tabMenu */
#header #tabMenu {
	float: left;
	width: 900px;
	height: 30px;
}
#header #tabMenu img
{
	float: left;
	vertical-align: bottom;
}

/* ---------------------------------------------------------------------- columnContainer */
#columnContainer {
	float: left;
	background: url(../../../images/Frontend/backgrounds/bg_contentContainer.gif) repeat-y 0 0;
}

/* ---------------------------------------------------------------------- centerColumn */
#centerColumn {
	border-top: solid 23px #be9e55;
}
#centerColumn #contentContainer .source
{
	background-color:#fff; /* edit koen: was #e6e6e6  */
	padding: 4px 10px 4px 10px;
	margin: 10px 0px 10px 0px;
}
#centerColumn #contentContainer{
	margin: 30px 0px 0px 10px;
}
#centerColumn #contentContainer.backend{
	margin: 10px 0px 0px -2px;
}

table.reports label {font-size: 100% !important;}

/* ---------------------------------------------------------------------- list */
#centerColumn #listContainer{
	margin-top: 20px;
	margin-left: 10px;
}
p.lightGray  
{
	margin-bottom	: 20px;  
	font-weight: bold;
	font-style: italic;
}

#centerColumn #listContainer dl {
	float: left;
	width: 98%;
	margin: 0px 0px 20px 0px;
	position:relative;
}
#centerColumn #listContainer dl dt {
	font-weight: bold;
}
#centerColumn #listContainer dl dd.jaaroverzicht{
	display:block;
	float:right;
	line-height:15px;
	
}
#centerColumn #listContainer dl dd.jaaroverzicht img{
	display:block;
	float:right;
	margin:0px 5px 0px 0px;
}

#centerColumn #listContainer dl dd.jaaroverzicht a, span.inMyReport{
	margin:0px 20px 0px 0px;
	color:#be9e55;
	height:15px;
	display:block;
	float:right;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}

#centerColumn #listContainer dl dd.jaaroverzicht a:hover{
	font-size:0.8em;
	font-weight:bold;
	text-decoration:underline;
}

#centerColumn #listContainer dl dd.type  {
	font-weight: bold;
	float: right;
}
#centerColumn #listContainer dl dd.date, #centerColumn #listContainer dl dd.editor, #centerColumn #listContainer dl dd.source {
	color: #999999;
	float: left;
	font-size: 1em;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	border-right: 1px solid #999999;
}
#centerColumn #listContainer dl dd.content {
	clear: both;
	font-size: 1em;
}
#centerColumn #listContainer dl dd.content p{
	margin: 0px;
}

#centerColumn dd.readMore a {
	float: left;
	width:80%;	
}
#centerColumn dd.readMore span
{
	float: right;
	margin: 5px 0 0 0;
}
#centerColumn dd.readMore span img {
	margin: 0 4px 0 4px;
}
/* ---------------------------------------------------------------------- rightColumn  */
#rightColumn {
	border-top: solid 23px #be9e55;	
}
#rightColumn a img {
	float:right;
	margin: 0px 22px 10px 0px;
	_margin: 0px 18px 10px 0px;
}

/* ---------------------------------------------------------------------- Downloads  */
#rightColumn #downloads dd.downloadLink a {
	display:block;
	background: #e6e6e6 url(../../../images/Frontend/icons/pdf.gif) no-repeat 10px 8px;
	padding: 15px 0px 18px 55px;
	text-decoration: underline;
}
#rightColumn #downloads dd.downloadLink a:hover {
	text-decoration: none;
}
/* ---------------------------------------------------------------------- Banners  */
#rightColumn #banners dd {
	padding: 10px 0px 0px 0px;
}

/* ---------------------------------------------------------------------- Mijn jaaroverzicht  */
#rightColumn .mijn_jaaroverzicht  {
	width:144px;
	height:48px;
	float:right;
	margin:0px 22px 30px 0px;
	_margin:0px 9px 30px 0px;
	background: url(../../../images/Frontend/banners/mijn_jaaroverzicht.gif) no-repeat;
	position:relative;
}

#rightColumn .mijn_jaaroverzicht a {
	margin:31px 0px 0px 5px !important;
	color:#fff !important;
	display:block;
}

/* ---------------------------------------------------------------------- Context  */
#rightColumn #context
{
	margin: 0px 22px 20px 34px;	
	background-color: #fff;
	border: solid 4px #be9e55;
	border-right: none;
}
#rightColumn #context dd {
	padding: 5px;
}
#rightColumn #context dd strong 
{
	display: block;
}
#rightColumn #context dd.image
{
	padding: 0;
}
#rightColumn #context dd.image img 
{	
	
	margin: 0;
	border-bottom: solid 12px #be9e55;
}
#rightColumn #context dd.description {
	font-size: 1.2em;
	line-height: 1.6em;
}

/* ---------------------------------------------------------------------- Footer */
#footer{
	font-size: 1.2em;
	text-align: right;
	color: #FFFFFF;
	padding: 27px 10px 7px 10px;
	margin: 0px 0px 20px 0px;
	background: #014380 url(../../../images/Frontend/backgrounds/bg_footer.gif) no-repeat top left;
}

#footer a{
	color: #FFFFFF;
	margin: 0px 0px 0px 15px;
}

/* ---------------------------------------------------------------------- Tooltip */
.toolTip {
	vertical-align:middle;
}
.tool-tip {
	font-size: 1.2em;
	color: #202b60;
	z-index: 13000;
	background-color: #ffffff;
	border: 1px solid #d5d7e1;
	text-align: left;
	padding: 5px;
	line-height: 140%;
}

/* --------------------------------------------------------------------- Slideshow */

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:202px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}