@charset "utf-8";
/* ##################################################### */
/* CSS RESET t/m regel 53 t.b.v. verschillen in browsers */
/* ##################################################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ############### */
/* EINDE CSS RESET */
/* ############### */

/* RASTERCHECK */
/*body{
	background: url(../img/rasterhulp.png) repeat #ffffff;
	}

#sitecontainer{
	opacity:0.8;
	}*/

/* CONTAINER */
#sitecontainer{
	margin-left:auto;
	margin-right:auto;
	}

/* GLOBAL */

a{
	color:#09709c;
	}

a:hover{
	color:#633e14;
}

h1{
	font-size:14px;
	line-height: 22px;
	border: 1px solid #000;
	text-indent: 4px;
	margin: 0;
}
	
.block {
	display:block;
	}
	
.img_middle{
	vertical-align:middle;
	}		
	
/* DIMENSIONS */

.width700{
	width:700px;
	}

.width682{
	width:682px;
	}

.width507{
	width:507px;
	}

.width468{
	width:468px;
}
.width440{
	width:440px;
}

.width468{
	width:468px;
}

.width350{
	width:350px;
	}

.width220{
	width:220px; /* FOR LOGIN BOX */
	}

.width157{
	width:157px;
	}

.width175{
	width:175px;
	}
	
.width108{
	width:108px;
	}

.height198{
	height:198px;
	}
		
.height108{
	height:108px;
	}

.height90{
	height:90px;
	}

.height36{
	height:36px;
	}

.height18{
	height:18px;
	}

/* LINE HEIGHTS */

.lh18{
	line-height:18px;
	}
	
.lh36{
	line-height:36px;
	}	

/* FONTS & TEXT */

.arial12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.arial18{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	}

.strong{
	font-weight:bold;
	}

.alignLeft {
	text-align: left;
	padding-left: 10px;
}

.t-alignr{
	text-align:right;
	}

.t-alignc{
	text-align:center;
	}	

/* FLOATS */

.floatleft{
	float:left;
	}
	
.floatright{
	float:right;
	}	

/* POSITION */

.absolute{
	position:absolute;
	}
	
.relative{
	position:relative;
	}	

/* PADDINGS & MARGINS */

.mr18{
	margin-right:18px;
	}

.mr9{
	margin-right:9px;
	}

.mt9{
	margin-top:9px;
	}
.mt18{
	margin-top:18px;
	}

.ml9{
	margin-left:9px;
	}

.pr18{
	padding-right:18px;
	}

.pl9{
	padding-left:9px;
	}
	
.pr9{	
	padding-right:9px;
	}	

/* COLORS */

.bg_darkblue{
	background-color:#041b25;
}

.bg_medblue{
	background-color:#0f303e;
}

.bg_blue{
	background-color:#6eb3d1;
}

.bg_greyblue{
	background-color:#9fc2d1;
	}
	
.bg_lightblue{
	background-color:#e2f0f6;
	}

.bg_greybrown{
	background-color:#dac0a3;
	}

.bg_lightbrown{
	background-color:#daa76e;
	}

.bg_brown{
	background-color:#633e14;
	}

.bg_red{
	background-color:#b70000;
	}
	
	
.txt_white{
	color:#ffffff;
	}
	
.txt_darkblue{
	color:#041b25;
	}
	
.txt_blue{
	color:#6eb3d1;
	}	
	
.txt_lightblue{
	color:#e2f0f6;
	}		

/* BORDERS */

.brdr_dark_1px{
	border:1px #041b25 solid;
	}

.brdr_white_1px_bottom{
	border-bottom:1px #ffffff solid;
	}

/* LISTS */

ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 20px;
}
		
/* SPECIFICS */

#header{
	background-image:url(/img/header_img.png);
	background-repeat:no-repeat;
	}

#headerlink{
	display: inline-block;
	text-decoration: none;
	width: 460px;
	height: 108px;
	float: left;
}

#loginname, #password, #loginbutton{
	padding:0;
	border:0;
	margin-bottom:2px;
	}	

#footer img {
	vertical-align: middle;
}
	
/* STATS TABLE (apart i.v.m. IE) */ 

#statstable{
	line-height:18px;
	width:700px;
	text-align:center;
	}
	
.statsTable {
	width: 100%;
	margin: 18px 0 0 0;
}

.statsTable th {
	background-color:#633e14;
	color: #ffffff;
	white-space: nowrap;
	padding-right: 6px;
}

#statstable th{
	background-color:#633e14;
	color:#ffffff;
	line-height:36px;
	border-bottom:1px #ffffff solid;
	white-space: nowrap;
	padding-right: 6px;
}
	
.odd td{
	background-color:#daa76e;
	border-bottom:1px #ffffff solid;
	}
	
.even td{
	background-color:#dac0a3;
	border-bottom:1px #ffffff solid;
	}
	
.odd2 td{
	background-color:#daa76e;
	border:1px #ffffff solid;
	}
	
.even2 td{
	background-color:#dac0a3;
	border:1px #ffffff solid;
	}
	
td.bg_brown{
	background-color:#633e14;
	}				

#statstable td.bg_blue{
	background-color:#6eb3d1;
}

#statstable td.bg_greyblue{
	background-color:#9fc2d1;
	}

/* Horizontal accordion */
.clear {
	clear: both;
	float: none;
}

.accordion p {
	line-height: 1.4;
}

/* ACCORDION */
/*
.content{ 
	display: none; 
	width: 0px; 
	height: 198px;
	overflow: auto; 
	background-color:#f4f4f4;
	line-height:18px;
}

.content.visible {
		display: block;
		width: 468px;
	}
	
.active{
	background:#0f303e;	
	}
.inactive {
	background: #6eb3d1; 
}
*/
	
/* MONTHPICKER */

.monthpicker{
	background-color:#6eb3d1;
	color:#ffffff;
	font-weight:bold;
	width:168px;
	text-align:center;
}
	

.monthpicker td {
	width: 42px;
	height:32px;
	line-height:32px;
	border:1px #ffffff solid;
}
	
.monthpicker a {
	color:#ffffff;
	text-decoration:none;
	display:block;
}
	
.monthpicker a:hover {
	background-color:#0f303e;
}

.monthpicker a:active {
	background: inherit;
}


/* global */

#cluetip-close img {
  border: 0;
}

#cluetip-title {
  overflow: hidden;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}

#cluetip-waitimage {

	width: 43px;

	height: 11px;

	position: absolute;
/* 	background-image: url(wait.gif); */

}

.cluetip-arrows {

	display: none;

	position: absolute;

	top: 0;
	left: -11px;

	height: 22px;

	width: 11px;

	background-repeat: no-repeat;

	background-position: 0 0;

}

#cluetip-extra {

	display: none;

}


/***************************************
=cluetipClass: 'default' 
--------------------------------------*/


.cluetip-default {
background-color: #d9d9c2;
}

.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}

.cluetip-default h3#cluetip-title {
	margin: 0 0 5px;
	padding: 8px 10px 4px;
	font-size: 1.1em;
	font-weight: normal;
	background-color: #87876a;
	color: #fff;

}

.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}

.cluetip-default #cluetip-inner {
  padding: 10px;
}

.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}



/* default arrows */


.clue-right-default .cluetip-arrows {
/*   background-image: url(images/darrowleft.gif); */
}

.clue-left-default .cluetip-arrows {
/*   background-image: url(images/darrowright.gif); */
  left: 100%;
  margin-right: -11px;
}

.clue-top-default .cluetip-arrows {
/*   background-image: url(images/darrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}

.clue-bottom-default .cluetip-arrows {
/*   background-image: url(images/darrowup.gif); */
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */

.cluetip-jtip {
  background-color: transparent;
}

.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}


.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}


.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}

.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}



/* jtip arrows */


.clue-right-jtip .cluetip-arrows {
/*   background-image: url(images/arrowleft.gif); */
}

.clue-left-jtip .cluetip-arrows {
/*   background-image: url(images/arrowright.gif); */
  left: 100%;
  margin-right: -11px;
}

.clue-top-jtip .cluetip-arrows {
/*   background-image: url(images/arrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}

.clue-bottom-jtip .cluetip-arrows {
/*   background-image: url(images/arrowup.gif); */
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}



/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */


.cluetip-rounded {
/*   background: transparent url(images/bl.gif) no-repeat 0 100%; */
  background: transparent none no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px;
}


.cluetip-rounded #cluetip-outer {
/*   background: transparent url(images/tl.gif) no-repeat 0 0; */
  background: transparent none no-repeat 0 0;
  margin-top: -12px;
}


.cluetip-rounded #cluetip-title {
  background-color: transparent;
  padding: 12px 12px 0;
  margin: 0 -12px 0 0;
  position: relative;
}

.cluetip-rounded #cluetip-extra {
  position: absolute;
  display: block;
/*   background: transparent url(images/tr.gif) no-repeat 100% 0; */
  background: transparent none no-repeat 100% 0;
  top: 0;
  right: 0;
  width: 12px;
  height: 30px;
  margin: -12px -12px 0 0;
}

.cluetip-rounded #cluetip-inner {
/*   background: url(images/br.gif) no-repeat 100% 100%; */
  background: none no-repeat 100% 100%;
  padding: 5px 12px 12px;
  margin: -18px -12px 0 0;
  position: relative;
}


.cluetip-rounded div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #009;
  background: transparent;
}

.cluetip-rounded div#cluetip-close a {
  color: #777;
}



/* rounded arrows */


.clue-right-rounded .cluetip-arrows {
/*   background-image: url(images/rarrowleft.gif); */
}

.clue-left-rounded .cluetip-arrows {
/*   background-image: url(images/rarrowright.gif); */
  left: 100%;
  margin-left: 12px;
}

.clue-top-rounded .cluetip-arrows {
/*   background-image: url(images/rarrowdown.gif); */
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}

.clue-bottom-rounded .cluetip-arrows {
/*   background-image: url(images/rarrowup.gif); */
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}


/* stupid IE6 HasLayout hack */

.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
  zoom: 1;
}

/* Next and previous buttons */
#prevButton {
	position: absolute;
	right: 50%;
	top: 11px;
	margin-right: 58px;
	width: 16px;
	height: 22px;
}

#nextButton {
	position: absolute;
	left: 50%;
	top: 11px;
	margin-left: -58px;
	width: 16px;
	height: 22px;
}

#prevButton span,
#nextButton span {
	background: transparent url('../img/next.png') no-repeat 0 0;
	width: 16px;
	height: 22px;
	display: block;
}

#prevButton span{
	background-image: url('../img/prev.png');
}

#prevButton a,
#nextButton a {
	text-decoration: none;
}

/* Easy Slider */
#slider ul,
#slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#slider,
#slider li { 
	width: 440px;
	height: 144px;
	overflow: hidden;
}

#slider p {
	max-width: 440px;
}

.sliderHeight {
	padding: 9px 0;
	height: 126px;
	width: 448px;
}

.column {
	float: left;
	width: 140px;
	padding: 0 10px 0 0;
}

.columnInfo {
	float: left;
	width: 130px;
	padding: 4px 9px;
}

.columnInfoSmall {
	width: 77px;
}

.accordionContent {
	width: 300px;
	float: left;
}
.accordionContentWide {
	width: 353px;
}

/* New monthpicker styles */
.prevDisabled,
.nextDisabled,
.monthDisabled,
.prevDisabled a:hover,
.nextDisabled a:hover,
.monthDisabled a:hover {
	background-color: #888;
	cursor: default;
}

.monthSelected {
	background-color: #080;
}


#ajaxLoader {
	height: 100px;
	background: #fff url(../img/ajax-loader.gif) no-repeat 50% 50%;
	width: 100%;
}

#excel {
	background: transparent url(../img/excel.png) no-repeat 0 50%;
	padding: 0 0 0 30px;
	height: 21px;
	line-height: 21px;
	display: block;
}

.more_content {
	display: none;
	width: 507px;
}

.justify {
	text-align: justify;
}