/* structure
--------------------------------- */
body {
	margin:0;
	padding:0;
	background:#CCCCFF url(pics/headers/cost871background.jpg) repeat-x left top;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
	text-align: justify;

  } html>body {font-size:small;}

#container {
	position:absolute;
	width:914px;
	margin:0 auto;
	text-align:justify;
	left: 0px;
	top: 0px;
  }
#intro {
  }


/* link list
--------------------------------- */
#linkList {
	position:absolute;
	top:130px;
	left:0;
	width:208px;
	visibility: visible;
	background-image:  url(pics/left.jpg);
	height: 894px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;



  }
#lselect {
	left: 45px;
	position: absolute;

}

/*#linkList ul li {
	background:url("icon_diamond.gif") no-repeat 2px 50%;
	margin:0;
	padding:0 0 0 14px;
	line-height:1.5em;
	left: 50px;

  }*/
#linkList li a:link, #linkList li a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style-image:    url(pics/icon_pg2.jpg);
	font-size: 16px;
	list-style-position: outside;
	list-style-type: none;


  }

#subnavlist li a:link, #subnavlist li a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	list-style-position: outside;
	list-style-type: none;
	color: #6262FF;




  }
  
  
/*#linkList #lselect a:link, #linkList #lselect a:visited {
  display:block;
  }
#linkList #lselect a.c:link, #linkList #lselect a.c:visited {  
  display:inline;
  background-color:transparent;
  }
*/



/* headers
--------------------------------- */
h1 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #0000FF;
	background-image:   url(pics/logos/costlogo.jpg);
  }
h2 {
  margin:0;
  background-repeat:no-repeat;
  background-position:left top;
  }
h3 {
	margin:0;
	background-repeat:no-repeat;
	background-position:left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #0000FF;
	background-image:   url(pics/headerbackground.jpg);
  }
h1 span {
    display:none;
	}
h4 {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #6262FF;
	text-decoration: underline;


}


  
/* header and summary
--------------------------------- */

#pageHeader {
	height:130px;
	margin: 0px;
	padding: 0px;
	width: 914px;
	position: absolute;
	left: 0px;
	top: 0px;

}

#quickSummary p.p2 {
	position:absolute;
	top:50px;
	right:20px;
	width:200px;
	margin:0;
	font-size:93%;
	line-height:1em;
	text-align:right;
	color:#0000FF;
	background-color:transparent;
  }
#quickSummary p.p2 a:link, #quickSummary p.p2 a:visited {
  white-space:nowrap;
  font:bold 92%/1.3em Verdana,Arial,Sans-serif;
  text-transform:uppercase;
  }
  
#hoofding0 {
}
#hoofding1 {
}
#costlink {

	position:absolute;
	top:10px;
	right:20px;
	width:200px;
	margin:0;
	font-size:93%;
	line-height:1em;
	text-align:right;
	color:#0000FF;
	background-color:transparent;
}

/* Tabs en subtabs
--------------------------------- */
#tabs {
	position: absolute;
	margin: 0px;
	width: 706px;
	left: 208px;
	top: 130px;
	height: 27px;
	padding: 0px;


}
#tabs #menu {
	position: absolute;
	height: 24px;
	margin: 0px;
	padding: 0px;
	width: 706px;
	display: inline;
	left: 3px;
	top: 5px;

}
/*
#tabs ul {
	position: absolute;
	height: 24px;
	margin: 0px;
	padding: 0px;
	width: 706px;
	display: inline;
	top: 5px;
}*/
/*#menu {
margin : 5;
	list-style-type: none;
	padding: 5px;
	height: 24px;
	position: absolute;

}*/

#menu li	{
	display : inline;
	border: 1px solid #000099;
	height: 24px;
	text-decoration: none;
	background-image:  url(pics/tabunselected.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
	left: 5px;
	top: 6px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-variant: small-caps;
	text-transform: capitalize;
}

#menu li a:hover	{
color : #f00;
}
/*
#menu a:link{
	/*font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*	padding : 2px 10px 2px 10px;
}*/
/*
#menu a:visited	{
	/*font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	/*	padding : 2px 10px 2px 10px;*/
}/*
#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	color : #000;
}
*/


#subtabs {
	position: absolute;
	height: 27px;
	margin: 0px;
	padding: 0px;
	width: 706px;
	left: 0px;
	top: 0px;
	
}
/*#subnav {
}*/

/*#subnav {
	margin : 5;
	list-style-type: none;
	padding: 5px;
	height: 24px;
	margin : 0;

}*/
#subtabs #subnav {
	height: 24px;
	margin: 0px;
	padding: 0px;
	width: 706px;
	display: inline;
	position: absolute;
	left: 3px;
	top: 3px;

}

#subnav li	{
	display : inline;
	height: 24px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 1px;
	margin-left: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #999999;

}
#subnav li a	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-variant: small-caps;
	text-transform: capitalize;
}
#subnav li a:hover	{
color : #f00;
}
/*
#subnav a:link.active, #subnav a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}
#subnav a:hover	{
	color : #f00;
}
*/
/* supporting text
--------------------------------- */
#supportingText {
	margin:27;
	text-align: justify;
	width: 706px;
	height: 632px;
	padding-right: 5px;
	left: 208px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-top: 27px;
	padding-bottom: 0px;
	position: absolute;
	top: 157px;
	font-size: 10pt;
	line-height: 1.2em;
	color: #000000;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: none;




  }
/* Tables 
--------------------------------- */

td, th {
	font: 0.8em Arial, Helvetica, sans-serif;
}

.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #CCFFFF;
	color: #000000;
}

.datatable td.color {
    background-color: #C54E41;
	
}



/* footer
--------------------------------- 
#footer {
  background:#D9D98B url("bg_pattern.gif");
  color:#fff;
  margin:1.75em 0 0;
  padding:10px 20px;
  border:1px solid #A79355;
  border-width:1px 0;
  font:85% Verdana,Arial,Sans-serif;
  text-align:center;
  }
#footer a:link, #footer a:visited {
  padding:0 5px;
  font-weight:normal;
  }
*/

/* links
--------------------------------- */
/*
a:link, a:visited {
  color:#0000FF;
  background-color:transparent;
  font-weight:bold;
  text-decoration:none;
  }
a:hover {
  color:#000033;
  background-color:transparent;
  text-decoration:underline;
  }
*/  
/* images - misc
--------------------------------- */
img.decoration {
	float:left;
	margin: 5px;
  }
img.decorationright {
	float:right;
	margin: 5px;
}

#quicksummary p.p3 {
  font:bold 100% Verdana, Arial, Sans-serif;
  text-transform:none;
}
#newsbox {

	float:right;
	margin: 27px 5px 5px;
	width: 250px;
	padding: 27px 5px 5px;
	border: 1px dotted #0000FF;
	background-color: #9999FF;
	text-align: left;
}

#nav1Inhoud {
	display: block;
}
#nav2Inhoud {
	display: none;
}
#nav3Inhoud {
	display: none;
}
#nav4Inhoud {
	display: none;
}
#nav5Inhoud {
	display: none;
}
#nav6Inhoud {
	display: none;
}
#nav7Inhoud {
	display: none;
}

#subnav1Inhoud1 {
	display: block;
}
#subnav1Inhoud2 {
	display: none;
}
#subnav1Inhoud3 {
	display: none;
}
#subnav1Inhoud4 {
	display: none;
}
#subnav1Inhoud5 {
	display: none;
}

#subnav2Inhoud1 {
	display: block;
}
#subnav2Inhoud2 {
	display: none;
}
#subnav2Inhoud3 {
	display: none;
}
#subnav2Inhoud4 {
	display: none;
}
#subnav2Inhoud5 {
	display: none;
}
#subnav2Inhoud6 {
	display: none;
}

#subnav3Inhoud1 {
	display: block;
}
#subnav3Inhoud2 {
	display: none;
}
#subnav3Inhoud3 {
	display: none;
}
#subnav3Inhoud4 {
	display: none;
}
#subnav3Inhoud5 {
	display: none;
}
#subnav3Inhoud6 {
	display: none;
}

#subnav4Inhoud1 {
	display: block;
}

#subnav4Inhoud2 {
	display: none;
}

#subnav5Inhoud {
	display: none;
}
#subnav6Inhoud {
	display: none;
}
#subnav7Inhoud {
	display: none;
}

