/******************* BODY & GENERAL *******************/

body {	
	color: #000000;
	margin: 0;	
}

ul { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}

ul.decimal { 
  list-style-type: decimal; 
  padding: 5px 10px 10px 10px; 
  margin: 0 10px 10px 10px; 
}  

p, span, div {
	margin: 0; 
	padding: 0;
}

img { border: 0; }

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.bold {
	font-weight: bold;
}

/*************** END OF BODY & GENERAL ****************/

/********************** CONTAINER *********************/

div#container, div#masthead, div#header
{
	width: 950px;
	margin: 0 auto;
	padding: 0;
}

/****************** END OF CONTAINER ******************/

/******************POPUPAD*****************************/

#flashcontain {
	width: 300px;
    high=: 300px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	z-index: 2; 
}

/********************** MASTHEAD **********************/

div#masthead, div#header, div#footer {	
	/* The width and the left padding add up to a width of 950px */
	width: 945px;	
	/* The height and the top padding add up to a height of 30px */
	height: 23px;	
	padding: 7px 0 0 5px;
	line-height: 30px;    	
	background-color: #EBF4FC;		
}

div#footer2 {	
	/* The width and the left padding add up to a width of 950px */
	width: 945px;	
	/* The height and the top padding add up to a height of 30px */
	height: 23px;	
	padding: 7px 0 0 5px;
	line-height: 30px;    	
	background-color: #FFFFFF;		
}

div#masthead .options li, div#header .options li, div#footer .options li {
	float: left;
	width: auto;
	text-align: center; 	
	border-right: 1px solid #000000;	
	padding: 0 5px 0 5px;		
	line-height: 12px;
	margin-top: 2px;				
}

div#masthead .options li.last, div#header .options li.last, div#footer .options li.last {
	border-right: 0;
}

div#masthead a, div#masthead a:active, div#masthead a:visited
{
	color: #000000;			
}

/****************** END OF MASTHEAD *******************/

/****************** FONTSTYLES *******************/

.teksten_12_zwart { text-decoration: none; color: #000000; font: normal 12px Arial}
.teksten_12_zwart:hover { text-decoration: underline; color: #57A5E1; font: normal 12px Arial}

.teksten_12_zwartunderline { text-decoration: underline; color: #000000; font: normal 12px Arial}
.teksten_12_zwartunderline:hover { text-decoration: underline; color: #57A5E1; font: normal 12px Arial}

.teksten_12_zwartbold { text-decoration: none; color: #000000; font: bold 12px Arial}
.teksten_12_zwartbold:hover { text-decoration: none; color: #57A5E1; font: bold 12px Arial}

/************************ LOGO ************************/

div#logo {		
	/*background-image: url('images/logo.gif');*/
	background-repeat: no-repeat;
	background-position: bottom;
	height: 60px;
	width: 226px;
	float: left;	
	margin: 0 0 0 -5px;
}

div#banner {			  	
	text-align: right;		
  width: 728px; 
  float: right; 
  margin-bottom: 5px;
}

div#banner img {
	margin: 0;
}

/*
a.defaultbanner:link, a.defaultbanner:hover, a.defaultbanner:visited, a.defaultbanner:active {  
  float: right;
  width: 728px;
  height: 90px;      
  background: url(images/cofidis.gif) no-repeat;
}
*/

/******************** END OF LOGO *********************/

/*********************** HEADER ***********************/

div#header 
{		
	background-color: #1F6DA7;		
	margin-bottom: 8px;
}

div#header .options li {	
	border-color: #FFFFFF;	
}

div#header a, div#header a:active, div#header a:visited {
	font-weight: bold;
	color: #FFFFFF;			
}	

/******************* END OF HEADER ********************/

/*********************** FONT SIZE ********************/

div#fontsize  {	
	margin: -7px 3px 0 0; /* IE6, IE7 & FireFox render this differently. */
	position: relative;
	float: right;
	top: 5px;			
}

input.font {	
	height: 20px;
	width: 20px;
	border: 1px solid #434343;
	cursor: pointer;
}

input.font.small {
	background: url(images/sfontsize.gif) no-repeat;
}

input.font.medium {
	 background-image: url(images/mfontsize.gif);
}

input.font.large {
	background-image: url(images/lfontsize.gif);  	
}

input.font.active {
	border-color: #57a5e1;   
}

/******************* END OF FONT SIZE *****************/

/******************** LEFT COLUMN *********************/

div#leftColumn {
	width: 170px;		
	float: left;
}  

/* The width of the heading automatically adjusts itself to the width of its
   parent. In the left column this is 170px, in the content this is 250px. */
div#heading, div.heading {
	padding: 10px;			
	/* The height of the background image is 24px.
	   Together with the top border of 1px this adds up to 25px. */	
	border: 1px solid #57A5E1;   
	/* The background color of the background image is #A4CEEE. */
	background: url("images/header_bg.gif") repeat-x;						
	background-position: 0 0;
	margin-bottom: 10px;
	background-color: white;				
}

div#heading2, div.heading2 {
	padding: 10px;			
	/* The height of the background image is 24px.
	   Together with the top border of 1px this adds up to 25px. */	
	border: 1px solid #57A5E1;   
	/* The background color of the background image is #A4CEEE. */
	background: url("images/header_bg.gif") repeat-x;						
	background-position: 0 0;
	margin-bottom: 10px;
	background-color: #FFFFCC;				
}

div#heading3, div.heading3 {
	padding: 10px;			
	/* The height of the background image is 24px.
	   Together with the top border of 1px this adds up to 25px. */	
	border: 1px solid #57A5E1;   
	/* The background color of the background image is #A4CEEE. */					
	background-position: 0 0;
	margin-bottom: 10px;
	background-color: #FFFFCC;				
}

div#heading span, div.heading span {	
	margin: -5px 0 15px -1px;
	display: block;	
}

div#heading2 span, div.heading2 span {	
	margin: -5px 0 15px -1px;
	display: block;	
}

div#heading3 span, div.heading3 span {	
	margin: -5px 0 5px -1px;
	display: block;	
}

div#heading span.advertisement, div.heading span.advertisement {
	display: none;
}

div#heading.red, div.heading.red {
	background: url("images/header_bg_red.gif") repeat-x;			
}

div#heading.green, div.heading.green  {
	background: url("images/header_bg_green.gif") repeat-x;			
}

div#heading.darkblue, div.heading.darkblue {
	background: url("images/header_bg_darkblue.gif") repeat-x;			
}

div#heading.advertisement, div.heading.advertisement {
	background: none; 
	border: 0; 
	padding: 0;
}

div#heading.google, div.heading.google {	
	background: url("images/header_bg_google.gif") repeat-x;			
	border: 0; 			
	padding: 0 0 0 0;
}

div#heading.google span, div.heading span.google {
	height: 18px;
	padding: 5px 10px 0px 10px;
	margin-bottom: 0px;
	margin: 0;
	border: 1px solid #57A5E1;   
	border-bottom: 0;						
}

div#heading ul a, div#heading ul a:active, div#heading ul a:visited,
div#heading a, div#heading a:active, div#heading a:visited,
div.heading ul a, div.heading ul a:active, div.heading ul a:visited,
div.heading a, div.heading a:active, div.heading a:visited {
	color: #000000;
	text-decoration: none;
}

div#heading ul a:hover, div#heading a:hover,
div.heading ul a:hover, div.heading a:hover
{
	color: #1F6DA7;
	text-decoration: underline;
}

div#heading ul li.image,
div.heading ul li.image {
	text-align: center;
}

div#heading ul li.subtitle,
div.heading ul li.subtitle {	
  color: #1f6da7; 
  font-weight: bold;
}

div#heading ul li.tip a,
div.heading ul li.tip a 
{
	font-weight: bold;
	color: #1F6DA7;			
  background: url("images/button_lightbulb.gif") no-repeat;
	background-position: right;
	padding-right: 16px;	
}

div#heading ul a.tip:hover, div.heading ul a.tip:hover
{
	color: #000000;	
}

div#heading ul li.more, div.heading ul li.more {
	color: #1F6DA7;	
}

div#heading ul li.more a, div.heading ul li.more a {
	margin-top: 3px;
	color: #1F6DA7;
	text-decoration: underline;
}

div#heading ul li.more a:hover, div.heading ul li.more a:hover {
	color: #000000;
	text-decoration: none;
}

div#heading ul li.caption, div.heading ul li.caption {
	font-weight: bold;
}

div#heading span.source, div.heading span.source
{	  
  margin: 10px 0 0 0;   
  border-width: 1px 0 0 0;
  border-style: dashed;      
}

div#heading span.source a, div.heading span.source a {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
}

div#heading span.source a:hover, div.heading span.source a:hover
{	
	color: #000000;		
	text-decoration: underline;
}	

div#heading li, div.heading li {
	display: block;
}

div#heading li.odd, div.heading li.odd {	
  background-color: #dbd8d8; 	
}

div.yourlink { 
  text-align: right; 
  margin-top: 10px;   
  border-width: 1px 0 0 0;
  border-style: dashed;    
}

div#heading a.rsslogo:link, div#heading a.rsslogo:hover, div#heading a.rsslogo:visited, div#heading a.rsslogo:active,
div.heading a.rsslogo:link, div.heading a.rsslogo:hover, div.heading a.rsslogo:visited, div.heading a.rsslogo:active {
  height: 25px;
  width: 20px;          
  margin: -36px -8px 0 0;    
  float: right;      
  background: url(images/rss_feed.gif) no-repeat;  
}

iframe { 
  border: 0; 
}

/**************** END OF LEFT COLUMN ******************/

/******************* GOOGLE SEARCH ********************/

div#googleSearch {
	height: 65px;	
	border: 1px solid #57A5E1;		
	margin-bottom: 8px;	
	padding: 10px 0 0 5px;
}	

div#googleSearch input {
	background-color: #FFFFCC;	
	color: #000000
	margin: 0;			    
	border-color: #2266aa;
}

/*************** END OF GOOGLE SEARCH *****************/

/********************** CONTENT ***********************/

div#content
{
	margin: 0 0 0 170px;
	width: auto;	
	padding: 0 0 0 10px;			
}

div#content2
{
	width: auto;
	margin-left: 175px;	
}

div#contentHeader {
	/* The height of the options layer, its border and padding
	   add up to a total height of 73px; */
	height: 105px;
	margin: 0 0 5px 5px;			
}

div#daughterTitle a {
	font-size: 20px;		
	color: #1F6DA7;
	text-decoration: underline;
	padding-bottom: 5px;
	display: block;
}

div#contentHeader div#options {
	border: 1px solid #57A5E1;
	height: 68px;
	/* The width and the border total up to a width of 250px. */
	width: 248px;
	float: right;
	padding-bottom: 11px;
	border-bottom: 0px;	
	background-color: #FFFFCC;	
}

div#contentHeader div#options li {
	border-bottom: 1px solid #57A5E1;
	padding: 10px 10px 10px 15px;
}

div#contentHeader div#options a {
	font-weight: bold;
	color: #000000;	
	text-decoration: none;
	background-position: 0 0px;	
	padding: 2px 0 0 20px;
	background-repeat: no-repeat
}

div#contentHeader div#options a:hover {
	text-decoration: underline;
}

div#options a.homepage {
	background: url("images/button_home.gif");
}

div#options a.favorite {
	background: url("images/button_favorite.gif");
}
	
div#actualContent
{
	position: relative;		
}	

div.column, div.last { 
  width: 250px; 
  float: left;
  margin: 0 10px 0 0;      
}	

div.last { 
	margin: 0;
	float: right;
}


/****************** END OF CONTENT ********************/

/********************** FOOTER ************************/

.clear { clear: both; min-height: 1px; display: block; height: 1px; overflow: hidden; }

div#hostingBy {
	width: 950px; margin: 0 auto; text-align: center; padding: 5px 0 10px 0; // padding: 0 0 10px 0;
}

div#hostingBy a {
	color: black;
}

div#hostingBy img {
	margin: 0 0 5px 0;
}

div#footer {			
	margin: 0 auto;		
	color: #FFFFFF;
	background-color: #1F6DA7;
	line-height: 15px;			
	position: relative;
	top: -5px; // top: -10px;	
}

div#footer2 {			
	margin: 0 auto;		
	color: #FFFFFF;
	background-color: #FFFFFF;
	line-height: 15px;			
	position: relative;
	top: -5px; // top: -10px;	
}

div#footer .options li {	
	border-color: #FFFFFF;	
	margin: 0;
}

div#footer a, div#footer a:active, div#footer a:visited {
	color: #FFFFFF;			
}

/****************** END OF FOOTER *********************/


fieldset 
{     
  border-style: solid;
  border-width: 1px; 
  padding: 15px; // padding-top: 0px; 
  margin: 0 0 15px 0; 
  border-color: #57A5E1;
}

legend {   
	border: 1px solid #57A5E1;  
  padding: 1px 10px; 
  margin-bottom: 0; // margin-bottom: 15px; 
  background-color: #A4CEEE; 
  color: #000000;   
  font-weight: bold;
}

fieldset a:link, fieldset a:visited, fieldset a:active {
	color: #434343;
}

fieldset a:hover { 
	color: #7cc5ff; 
  text-decoration: underline; 
}

div.validationsummary { 
  clear: both; 
  padding-bottom: 5px; 
  color: #FF0000;
}

label.error { 
  color: red; 
  font-weight: bold; 
}

form label.tip { 
  float: right; 
  width: 210px; 
  margin-top: 2px; 
}

fieldset#login a:link, fieldset#login a:visited { 
  float: left; 
  clear: both; 
  text-decoration: underline;       
}

label.checkbox { 
  width: 99%; 
  float: left; 
  
}

input.checkbox {   
  border: 0; 
  margin: 0 5px 0 0; // margin: 0;     
  background: none;   
}

div.alphabet { 
  width: 748px;
  float: left; 
  text-align: center; 
}

div.alphabet a { 
  margin-right: 15px;     
}

div#daughter-altered {
  float: left;
  width: 14px;
  height: 13px;      
  background-repeat: no-repeat;
  background-image: url(images/altered.gif); 
}

form { 
  padding: 0; 
  margin: 0; 
}

form label { 
  float: left; 
  width: 130px; 
}

input, select, textarea { 
  margin-bottom: 10px; 
  border-width: 1px;
  border-style: solid;   
  color: #26a; 
  background-color: #edf5fb; 
  border-color: #6d90b0;    
}  

input.field, select.field, textarea.field { 
  width: 300px; 
}

input.submit { 
  float: right; 
  margin: 5px 10px 0 0;   
  height: 20px; 
  border-style: solid;
  background-color: #d6d7e7;
  background-image: url(images/buttonbg.gif);
  background-repeat: repeat-x;  
  border-color: #003c74;   
}

h2.sub {
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

#daughterTitle h1 {
	font-size: 20px;		
	color: #1F6DA7;
	padding-bottom: 5px;
	margin:0px;
}

div.heading a.info {
  display: block; 
  position: relative;
  z-index: 24; 
  text-decoration: none;    
}

div.heading a.info:hover {
  text-indent: 0;
  z-index: 25;
  text-decoration: none;
  color: #002;
  background-color: #ddf;
}

div.heading a.info span.description, a.info:visited span.description {
  display: none;
} 

div.heading a.info:hover span.description {
  display: block;
  height: auto;
  position: absolute;
  top: 36px; 
  left: 15px;
}
		   
div.heading span.description {
  font-weight: normal;
  text-align: left;
  color: #454556;
  width: 240px;
  padding: 5px;
  border: 1px solid #676767;
  background-color:#FFCC9A;
  background-repeat: repeat-x;  
}