html, body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.4em;
	color: #003567;
	}


/* ###### TOPNAV ######*/
#topnav{  }

#maincontent{ /*font-family:Georgia, "Times New Roman", Times, serif*/ Verdana, Geneva, Arial, Helvetica, sans-serif;}
.marqueetxt, .smallbox, .back, #crumbpath { font-family:Verdana, Geneva, sans-serif}

/* ############ HOME ########## */
.promo, .promo a, .promo a:link, .promo a:visited{ font-size:11px; line-height:normal}

/* ###### GENERIC CLASSES AND TAGS ######  */
strong, b, .strong, .bold{ font-weight: bold !important;}
em, i, .italic{ font-style: italic !important;}
sup{line-height: 75%;}	

p{	margin: 0 0 1em 0;}



/* ###### LINKS ######  */
a{
	cursor: hand !important;
}
a:link, a:visited{ color: #00abc4;}
a:hover, a:active{ color: #003567;}


.grey .inside a:link, .grey .inside a:visited{/* color: #a8acb6 !important;*/}
.grey .inside a:hover, .grey .inside a:active{ color: #000 !important;}

.textblocklink{ text-decoration:none; height:263px; overflow:auto}
.textblocklink a, .textblocklink a:link, .textblocklink a:visited{ text-decoration:none!important; color: #003567;}
.textblocklink a:hover{ text-decoration:underline; color: #00abc4;}

.back{ font-size:90%}

/* ###### COLOURS & FONT SIZES ######  */
.grey{/* color:#a8acb6 !important;*/}
.txtgrey{ color:#a8acb6}
.txtlightblue{ color:#00abc4}
.txtwhite{ color:#fff}
.txtsmall{ font-size:95%; line-height:normal}
.txtx-small{ font-size:90%; font-family:Arial, Helvetica, sans-serif}

.addToChart a{ color:#FFF; font-size:12px; text-align:right;}
.addToChart a:link, .addToChart a:visited{ color:#FFF !important;}
.addToChart a:hover{ color:#000;}

.addToReview a{ color:#FFF; font-size:9px;}
.addToReview a:link, .addToReview a:visited{ color:#FFF !important;}
.addToReview a:hover{ color:#000;}


.darkblue .addToChart{ background-color:#003567;	background-image: url(../gfx/ico/chart_darkblue.gif);}
.green .addToChart { background-color: #96bf0d;	background-image: url(../gfx/ico/chart_green.gif);}
.orange .addToChart{ background-color:#f6a924;	background-image: url(../gfx/ico/chart_orange.gif);}
.red .addToChart{ background-color:#b20e21;	background-image: url(../gfx/ico/chart_red.gif);}
.purple .addToChart{ background-color:#622281;	background-image: url(../gfx/ico/chart_purple.gif); }
.lightblue .addToChart{ background-color:#00abc4;	background-image: url(../gfx/ico/chart_lightblue.gif);}


.darkblue .addToReview{ background-color:#003567;}
.green .addToReview { background-color: #96bf0d;}
.orange .addToReview{ background-color:#f6a924;}
.red .addToReview{ background-color:#b20e21;}
.purple .addToReview{ background-color:#622281;}
.lightblue .addToReview{ background-color:#00abc4;}

/* ###### HEADINGS ######  */
h1,h2,h3,h4,h5,h6{
	margin: 0 0 0.25em 0; font-family:Verdana, Geneva, sans-serif
	}	
h1{ font-size: 180%; font-weight: normal; text-align:center; line-height:160%;}
h2{ font-size: 160%; font-weight: normal; margin-bottom:10px;}
h3{ font-size: 120%; font-weight: bold;}
h4{ font-size: 110%; font-weight: normal;}

.darkblue h1, .darkblue h2, .darkblue h3, .darkblue h4{ color:#003567}
.green h1, .green h2, .green h3, .green h4{ color:#96bf0d}
.orange h1, .orange h2, .orange h3, .orange h4{ color:#f6a924}
.red h1, .red h2, .red h3, .red h4{ color:#b20e21}
.purple h1, .purple h2, .purple h3, .purple h4{ color:#622281 }
.lightblue h1, .lightblue h2, .lightblue h3, .lightblue h4{ color:#00abc4}
.grey h1, .grey h2, .grey h3, .grey h4{ /*color:#333*/}


.smallbox a:link, .smallbox a:visited{ color: #003567; text-decoration:none !important;}
.smallbox a:hover .inside { -moz-opacity:.70;opacity:.70;}
.smallbox a:hover .inside .priceblockcontainer{ filter:alpha(opacity=70);}
.smallbox a:hover .inside img { filter:alpha(opacity=70);}
.smallbox a:hover .inside .logocontainer img { filter:alpha(opacity=70);}

#rightblock .smallbox{ color:#FFF;} /** voor rightblock.asp bovenste kader waar tekst wit moet zijn **/
#rightblock .smallbox .smallbox{ color:#1d466c;} /** bij onderste kader moet de tekst dan weer blauw zijn **/

.twoColkitpack h1, .twoColkitpack h2, .twoColkitpack h3,
.fourColkitpack h1, .fourColkitpack h2, .fourColkitpack h3{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:120%;
}
.twoColkitpack h1, .fourColkitpack h1{
	font-size:160%; line-height:normal
}
.twoColkitpack h3, .fourColkitpack h3{
	font-size:120%;
}


/* ###### CHART ######  */
.chart{ font-size:0.85em;}
.chart a:link, .chart a:visited{ color: #00abc4; text-decoration:underline !important;}
.chart hr{
	border: 0;
	color:#a8acb6;
	background-color:#a8acb6;
	height:1px;
}




/* ###### SLOGAN COL 2 ######  */
/*.col2 h1{ text-align:center; line-height:160%;}*/


/* ###### LISTS ######  */
ul{	margin: 0 0 1em 2em;	}	
ul li{
	list-style-type: square;
	margin-bottom: 0.25em;
	}
ul ul li{	list-style-type: disc;}

ol{	margin: 0 0 1em 2.5em;	}	
ol li{
	list-style-type: decimal;
	}
ol ol li{	list-style-type: upper-roman;	}

/* ###### FOOTER ######  */
#footer{
	color: #999;
	text-align: center;
}

#footer a:link, #footer a:visited{	color: #999;}
#footer a:hover, #footer a:active{	color: #000;}


/* ###### MADEBY ######  */
#madeby{
	color: #999;
	text-align: center;
	 font-size:0.85em
}

#madeby a:link, #madeby a:visited{	color: #999;;}
#madeby a:hover, #madeby a:active{	color: #000;}