/* Methods:*/
/*
.colmask - 2 and 3 column layout structure
#RightColumnmenu - right column styles
#Detailinfo - div inside right col for more detailed prod info
#Detail- product detail styles
#omslag_Wrapper - product image
#omslag_Bestelknop - bestel button detail page
.Lgthumbnail - div containers for products
.Special
.thumbnail
h1, h2, h3, h4, h5 styles
.Nieuws - nieuwsartikelen
.Fonds

*/
/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font:75% verdana,"trebuchet MS",arial,helvetica,sans-serif;
		color:#000080;
    }
	a {
    	color:#003399;
		text-decoration:underline;
	}
	a:hover {
		color:#8b0000;
		text-decoration:none;
	}
    h1, h2, h3, h4 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
	
/* ------------------------------ */
/* page borders */
/* ------------------------------ */
.pageleftborder {

background: url(../images/LtColumnbg.jpg) repeat-y;
width:20px;
}
.pagerightborder {

background: url(../images/rtColumnbg.jpg) repeat-y;
width:20px;
}
	
/* ------------------------------ */
/* Header styles: */
/* topbar, logo, tabbed navigatione, sub-navigatie */
/* ------------------------------ */
#header {
	height: 65px;
	display: inline;
}

#header .logoWrapper {
	float: left;
	width:300px;
	margin: 8px 0 0 10px;
}
#header .logoWrapper .logo {
	border:0;
}

/* ------------------------------ */
/* Customer service */
/* ------------------------------ */
#action-menu {
	float: right;
	margin: 26px 15px 0 0;
	display: inline;
}
	#action-menu li {
		font-size: 11px;
		float: left;
		list-style: none;
		margin-left: 15px;
		line-height: 30px;
	}
	#action-menu a:link, #action-menu a:visited {
		color: #000;
		text-decoration: none;
	}
	#action-menu a:hover, #action-menu a:active {
		text-decoration: underline;
	}
	
	#action-cart { 
		background: transparent url(../images/ku_maandje.jpg) 0 0 no-repeat; 
		padding-left: 30px;
	}
	#action-login { 
		background: transparent url(../images/ku_login.jpg) 0 2px no-repeat; 
		padding-left: 30px;
	}
	#action-service { 
		background: transparent url(../images/ku_service.jpg) 0 0 no-repeat; 
		padding-left: 30px;
	}
	
/* ------------------------------ */
/* Tabbed navigation */
/* ------------------------------ */
#navigatie {   
	clear:both;
	float:left;
	width:100%;
	background: url(../images/navigatie.jpg) 0 100% repeat-x;    
}
	#navigatie {
		border-bottom:1px solid #000;
	}
	
	#navigatie ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:5px 0 0 0;
		padding:0;
	}
	#navigatie ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#navigatie ul li a {
		display:block;
		float:left;
		margin:0 0 0 0;
		padding:3px 10px 3px 10px;
		text-align:center;
		background:#dceef9;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
			line-height:1.3em;
		border-top: 1px solid #99badd;
		border-right: 1px solid #99badd;
	}
	#navigatie ul li a:hover {
		background: #1e90ff;
		color:#fff;
		border-top: 1px solid #c1c1c1;
		border-right: 1px solid #2f4f4f;
	}
	#navigatie ul li a.active,
	#navigatie ul li a.active:hover {
		color:#fff;
		background:#000080;
		font-weight:bold;
	}
	#navigatie ul li a span {
		display:block;
	}
	
/* -- float.clear --
	force containment of floated LIs inside of UL */
#navigatie:after, #navigatie ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#navigatie, #navigatie ul {	/* IE7 float clear: */
	min-height: 0;
}


/* =Aanmelden Form
----------------------------------------------- */
#Aanmelden {
  background:none;
  background-color:transparent;
  margin:0;
  padding:0;
  margin-bottom: 0.15em;
  }
#Aanmelden p {
  margin-bottom: 0.15em;
  }
#AanmeldenboxWrapper {
 display:inline;
 overflow:hidden;
}
#Aanmeldenbox {
  width:130px;
  }
#Aanmelden input.text {
  background:#fff;
  border:1px solid;
  border-color:#000;
  color:#000;
  font-size:90%;
  padding:1px 0;
  height:15px;
  }
#Aanmelden .imgbutton {
  float:right; 
  border-color:#000;
  }


/* ------------------------------ */
/* Search bar, datum, personalization */
/* ------------------------------ */	
#layoutdims {
	clear:both;
	width:100%;
	background: #f5f5f5 url(../images/zoekbalk_bg.jpg) repeat-x 50% 100%;
	border-top:4px solid #000;
	margin:0;
	padding:2px 0;	
	overflow:hidden;

}
#layoutdims #subtextWrapper {
	float: left;
	margin:0 0 0 5px;
	padding:0;
	display:inline;
}
#layoutdims #subtextWrapper #subtext {
	margin:0;
	padding: 3px 0 0 0 !important;
	text-align:right;
	color: #000;
}

#layoutdims #subtextWrapper #subtext a {
	color: #003399;
	text-decoration:underline;
}

#layoutdims #subtextWrapper #subtext a:hover {
	color: #000;
	text-decoration:none;
}
/*  \*/ html #layoutdims {height:1%} /* IE height and top padding fix*/
	

/* ------------------------------ */
/* Search box  */
/* ------------------------------ */

* { 
	-moz-box-sizing: border-box; /* forces Firefox to do have the same box styling as IE */
}
	#layoutdims #search_boxWrapper {
		width:600px; /* 375 px */
		float:right;
		margin: 0;
	}
	#layoutdims #search_boxWrapper #search_box {
	    width: 201px;
	    height: 20px;
	    background: url(../images/bg_search_box.gif);
		border: 1px solid #000;
		float:right;
		margin: 0 1px 0 1px;
	}
	#layoutdims #search_boxWrapper #search_box #s {
	    float: left;
	    padding: 2px 0 0 0;
	    margin: 0 0 0 6px;
	    border: 0;
	    width: 159px;
	    background: none;
		color:#000000;
	}
	#layoutdims #search_boxWrapper #search_box #go1 {
	    float: right;
	    margin: 1px 4px 0 0;
	    border: 0;
	}
	#layoutdims #search_boxWrapper #adv {
	    float: right;
	    width: 370px;
	    height: 20px;
	    margin: 0 5px 0 1px;
	    background: url(../images/bg_search_box.gif);
		border: 1px solid #000;
		display: block;
		_height:20px;
	overflow:hidden;
	}
	
	#layoutdims #search_boxWrapper #adv #searchText {
	    float: left;
	    padding: 2px 0 0 0;
	    margin: 0 0 0 6px;
	    border: 0;
	    background: none;
		color:#000000;
	}	
	#layoutdims #search_boxWrapper #adv #go2 {
	    float: right;
	    margin: 1px 5px 0 0;
	    border: 0;
	}
	#layoutdims #search_boxWrapper #adv select {
	    width: 80px;
	    padding: 0;
	    margin: 0;
	    border: 0;
	    background: #fff;
	    float: right;

	}
	#layoutdims #search_boxWrapper #adv a {
		color: #003399;
		text-decoration:underline;
		}
	#layoutdims #search_boxWrapper #adv a:hover {
		color: #000;
		text-decoration:none;
		}

	
/* ------------------------------ */
/* Main Column container */
/* ------------------------------ */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	border-bottom:1px solid #87cefa; /* bottom border on each total container*/
}
/* ------------------------------*/
/* 3 column BLOG style settings */
/* ------------------------------*/
.blogstyle {
	background:#87cefa;    /* Right column background colour */
	/*background:#fff url(../images/rtcol_red.jpg) repeat-x 100% 0%;    Right column background colour */
}
.blogstyle .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;   	/* Centre column background colour */
	border-right:.1em solid #CFCFCF; /* left border on outer right column*/
}

.blogstyle .colleft {
	float:left;
	width:100%;
	margin-left:-200px; 	/* Width of centre column */
	background:#fff;    	/* Left column background colour */	
	border-right:.1em solid #d3d3d3;
}
.blogstyle .col1wrap {
	float:left;
	width:50%;
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
	margin:0 15px 0 425px;	/* Centre column side padding:
	                    	Left padding = left column width + centre column left padding width
	                    	Right padding = right column width + centre column right padding width */
	position:relative;
	left:100%;
	overflow:hidden;
}
.blogstyle .col2 {
	float:right;
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
	float:right;
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:555px;
}

/* ------------------------------ */
/* 2 column RIGHT menu settings
/* ------------------------------ */
.rightmenu {
	background:#87cefa;
	/*background:#f5f5f5 url(../images/rtcol_red.jpg) repeat-x 100% 0%; */
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	position:relative;
	right:100%;
	background:#fff;
	border-right:.1em solid #CFCFCF; /* left border on outer right column*/
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 15px 0 225px;
	overflow:hidden;
}
	
.rightmenu .col2 {
	 float:right;
	 width:170px;
	 position:relative;
	 left:185px;
	 color:#000080;
}

/* ------------------------------ */
/* 1 column FULL page settings */
/* ------------------------------ */
.fullpage {
	    background:#fff;
	}
	.fullpage .col1 {
        margin:0 15px 0 25px;
	}
	
p, li {
	line-height:1.5em;}
	
p.knop {
	line-height:1.2em;
	margin-top:10px;
}
	
/* ------------------------------ */
/* h1, h2, h3, h4, h5 styles
/* ------------------------------ */
	h1.plain, h2.plain, h3.plain,h4.plain {
		margin: 10px auto;
        padding:.5em 0 .1em 0;
		color:#000080;
	border-bottom: 1px solid #87cefa;
    }
	
	h1.red, h2.red, h3.red, h4.red, h5.red {
		margin: 10px auto;
        padding:.2em 0 .2em 0;
        padding-left:.5em;
		background: #f5f5f5 url(../images/h_blue.jpg) repeat-x 50% 100%;
	    color:#000080;
		border-top: 1px solid #b0c4de;
		border-right: 1px solid #b0c4de;
		border-bottom: .05em solid #0000ff;
		border-left: .3em solid #0000ff;
    }
/* voor h5 in topbalk aanmelden vakje*/	
	#nieuwsbrief {
	margin-bottom:0.15em;
	 }	
		
	h1.orange, h2.orange, h3.orange, h4.orange, h5.orange {
		margin: 10px auto;
        padding:.2em 0 .2em 0;
        padding-left:.5em;
		background: #f5f5f5 url(../images/h_blue.jpg) repeat-x 50% 100%;  
		color:#000080;
		border-top: 1px solid #b0c4de;
		border-right: 1px solid #b0c4de;
		border-bottom: .05em solid #4169e1;
		border-left: .3em solid #4169e1;
    }
	
/* ------------------------------*/
/* Toetstrainer Trailer homepage*/
/* ------------------------------*/
.toetstrailer {
	width:227px;
	margin:10px 0;
	padding-top:1px;
	background-color: #d2dfff;
	text-align:center;
	border: 1px solid #b0c4de;
}
.toetstrailer p {font-size: 90%;margin:5px;
}
.toetstrailer a {color:#000080;text-decoration:underline;
}
.toetstrailer a:hover { text-decoration:none;
}
	
/* ------------------------------*/
/* Volkskrant artikel over de Cito toets homepage*/
/* ------------------------------*/
.volkskrantWrapper {
	width:227px;
	margin:10px 0;
	padding-top:1px;
	background-color: #fccc22;
	text-align:left;
	border: 1px solid #f6007B;
}
.volkskrant p {font-size: 100%;margin:5px; color:#0000;
}
.volkskrant a {font-weight:bold; color:#f6007B;text-decoration:none;
}
.volkskrant a:hover { text-decoration:none;
}
/* ---------------------------------------------------------*/
/* Artikel in Euclides voor Wiskunde Interactief Breuken: homepage*/
/* ------------------------------*/
.VistaOuterCont {
display: block;
margin: 10px 20px 10px 0; 
text-align:center;
border:1px solid #464646;
padding:7px; 
background-color: #fff8dc;
}
.VistaInnerCont {text-align:left;}
.VistaInnerCont p { margin:5px;}
	
/* ------------------------------*/
/* Agenda styles*/
/* ------------------------------*/

#AgendaWrapper {
	margin-top:10px;
	padding:5px;
	display:inline;
}
#AgendaWrapper img {
	float:left;
	margin-top:10px;
	margin-right:10px;
	vertical-align:middle; 
	border:0;
}

/* ------------------------------*/
/* Product styles*/
/* ------------------------------*/
#Detail {
	margin: 10px auto 30px auto;
}

#omslag_Bestelknop {
	/*float:left;*/ 
	width:151px;
	margin: 10px 0; 
	text-align: left;
}

#omslag_Wrapper {
	float:left; 
	width:151px;
	margin: 10px 10px 10px 0; 
	text-align: center;
  	min-width: 150px;
  	padding: 5px;
}
	
#Detailinfo {
margin: 0;
color:#000080;

}

/* -- float.clear --
	force containment of floated LIs inside of UL */
#Detailinfo:after, #Detailinfo ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
#Detailinfo, #Detailinfo ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */	


/* ------------------------------ */
/* Products - smaller - floated containers
/* ------------------------------ */
.thumbnail {
	float: left;
	width: 110px;
	border: 1px solid #b1cad1;
	margin: 0 10px 15px 0;
	padding: 5px;
	height:205px;
	overflow:hidden;
	text-align:center;
}
.thumbnail p, .thumbnailLuister p {
	margin-top:0;
	margin-bottom:1px;
	font-size: 90%;
}
.thumbnail img, {
	overflow:hidden;
}

.thumbnailLuister {
	float: left;
	width: 90px;
	border: 1px solid #b1cad1;
	margin: 0 10px 15px 0;
	padding: 5px;
	height:210px;
	font-size:90%;
	overflow:hidden;
	text-align:center;
}

/* ------------------------------ */
/* Products - larger floated containers
/* ------------------------------ */
.Lgthumbnail {
	float: left;
	width: 210px;
	height: 215px;
	border: 1px solid #87cefa;
	background: #f5f5f5 url(../images/Lgdiv_bg.jpg) repeat-x 50% 5%;
	margin: 0 10px 15px 0;
	padding: 5px;
	font-size:.9em;
	overflow:hidden;
}
.Lgthumbnail .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	margin-left:0px;
	border:0;
}

.Lgthumbnail .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-style: italic;
}
.Lgthumbnail .MeerInfo, .Lgthumbnail .MeerInfo a {
	color:#CC6600;
}
.Lgthumbnail .MeerInfo a:hover {
	color:#003399;
}

/* ------------------------------ */
/* Bestseller Products - floated containers
/* ------------------------------ */
.Special {
	float: left;
	width: 46%;
	height: 300px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	margin: 0 10px 15px 0;
	padding: 5px;
	overflow:hidden;
}
.Special .Prod1 {
/* product image inside floated container*/ 
	float: right;
	margin-right:10px;
	margin-left:10px;
	border:0;
}
.Special .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-size: 1em;
	font-weight:bold;
	font-style: italic;
}
.Special p {
	margin: 5px auto;
}
.Special .MeerInfo, .Lgthumbnail .MeerInfo a {
	color:#CC6600;
}
.Special .MeerInfo a:hover {
	color:#003399;
}

/* ------------------------------ */
/* Shopping Cart thumbnail - floated containers 
/* ------------------------------ */
.Cartthumbnail {
	float: left;
	width: 240px;
	/*border-right: 1px solid #b1cad1;
	border-bottom: 1px solid #b1cad1;*/
	margin: 0 10px 15px 0;
	padding: 5px;
	font-size:.9em;
	overflow:hidden;
}
.Cartthumbnail .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	border:0;
}

.Cartthumbnail .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-style: italic;
}
.Cartthumbnail .MeerInfo, .Cartthumbnail .MeerInfo a {
	color:#CC6600;
}
.Cartthumbnail .MeerInfo a:hover {
	color:#003399;
}

/* ------------------------------ */
/* Product - Category - floated containers 
/* ------------------------------ */
.productCat {
	float: left;
	width: 175px;
	height: 100px;
	margin: 5px 10px 10px 0;
	padding: 5px;
	overflow:hidden;
	vertical-align:text-bottom;
	text-align:center;
}
.productCat .catImage {
	border:0;
}

.productCat .CatTitel {
	padding: 5px 0;
	margin: 0;
}
.productCat .CatTitel a {
	color:#003399;
	text-decoration: underline;
}
.productCat .CatTitel a:hover {
	color:#c41036;
	text-decoration: none;
}

/* ------------------------------ */
/* Auteurs gevonden div */
/* ------------------------------ */
#auteurs_gevonden {
	margin: 0 0 0 50px;
}
#auteurs_gevonden h3 span{
	color:#c41036;;
}

/* ------------------------------ */
/*Zoekopdracht
/* ------------------------------ */
#Zoekopdracht ul {
	list-style: none;
	margin-left:23px;
}
* html #Zoekopdracht ul {
	text-indent: -1em;
}
#Zoekopdracht li {
	font-size:1em; 
	list-style-image:url(../images/0604scroll2ldlalr.gif);
	line-height:1.26em;
	padding: 2px;
	padding-left: 5px;
	}

/* ------------------------------ */
/*Betaalmogelijkheden ul styles
/* ------------------------------ */
.Betaalopties {
	margin-left:23px;
}
* html .Betaalopties {
	text-indent: -1em;
}

.Betaalopties li {
	list-style: none;
	font-size:1em; 
	list-style-image:url(../images/bullet_pink.gif);
	padding: 2px;
	padding-left: 5px;
	line-height:1.25em;
}
/* Hoe werkt iDeal UL styles */
.Hoe_werkt {
	margin-left:23px;
}
* html .Hoe_werkt {
	text-indent: -1em;
}

.Hoe_werkt li {
	list-style: none;
	font-size:1em; 
	list-style-image:url(../images/bullet_pink2.gif);
	padding: 2px;
	padding-left: 5px;
	line-height:1.25em;
}

/* ------------------------------ */
/* forms
/* ------------------------------ */
FORM#zoeken {
	position: relative;
}

DIV#searchterm {
	 position: relative;
	 float: left;
	 margin-right: 3px;
}

INPUT#searchterm-field {
	width: 10em;
}

LABEL.overlabel {
	 position: absolute;
	 top: 3px;
	 left: 5px;
	 z-index: 1;
	 color: #999;
}

input { padding:1px;border:1px #CFDAF5 solid; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}
input.button {background-color:#f1f1f1;border-width:1px;border-color:#A9BDED;font-size:1em;font-weight:bold;cursor:pointer;color:#c10336;}

/*------------------------------- */
/* Text styles
/* ------------------------------ */
	/* first paragraghs margin top*/
.first {
	margin-top: 10px;
}
.one_em {
	margin-top: 1em;
}
.nomgr {
	margin:0;
}
/* margin-top 5px*/
.margin5px {
	margin:5px 0 0 0;
}
.red {
	color: #BE0028;	
}
/*---------------------------/*
/* table styles winkelmaandje /*
?*--------------------------*/
.winkeltoprow { 
	background-color:#ECF0FB;
	border-top: 1px solid #CFDAF5; 
	border-bottom: 1px solid #CFDAF5; 
	padding: 2px;
	overflow:hidden;
}
*winkeltoprow {margin:0px; padding:0px}
.winkelrow { 
	padding: 2px;
}
.winkelsubtotal { 
	border-top: 1px solid #CFDAF5; 
	padding: 2px;
}


/*---------------------*/
/* UL List styles for buttons in Right Column */
/*---------------------*/
/*Right-side extra's opmaak voor unordered lists */

#RightColumnmenu {
margin:10px 0 0 0;
padding:0;
background-color:#fff;
}

#RightColumnmenu ul{	
list-style:none;
width:100%;
margin:0;
padding:0;
}	

#RightColumnmenu li{
margin:0;
padding:0;
}

#RightColumnmenu li a {
display:block;
text-decoration:none;
color:#000;
/*border: 1px solid #8b0000;*/
border-bottom:1px solid #d3d3d3;
border-left:4px solid #1e90ff;
margin:1px 0 0px 0;
padding:4px 5px;
background-color:#ECECFF;
}	

#RightColumnmenu li a:hover{
color:#0000ff;
border-left:4px solid #0000ff;
text-decoration:none;
background-color:#fff;
padding:4px 5px;
}
#RightColumnmenu li a.current{
color:#0000ff;
font-weight:bold;
border-left:4px solid #0000ff;
text-decoration:none;
background-color:#fff8dc;
padding:4px 5px;
}

/* Fix IE. Hide from IE Mac \*/ 
* html #RightColumnmenu ul li { height: 1%; } 
* html #RightColumnmenu ul li a { height: 1%; } 
/* IE fix End */


/* ------------------------------ */
/* Images styles
/* ------------------------------ */
	/* image alignment*/
.tekstmiddel {
	border:0;
	vertical-align:middle;
	margin-right:5px;
}
.teksttop {
	border:0;
	margin-right:10px;
}
.textmidLeftSpace {
	border:0;
	vertical-align:middle;
	margin-left:5px;
}

.kader {
	border:1px solid #cfcfcf;
	padding:5px;
}

/* ------------------------------ */
/* Buttons (Bestel, etc) *** /
/* ------------------------------ */
/* 80 px breed bestelknop */  
.Cont {margin:0; padding:0;}
* html .Cont ul {margin-top:0;}
.Cont li{
	float:left; /* Allows list to display horizontally */
	display:inline; /* Fixes the IE double margin bug */
	margin:5px 0; /* Margins around each list item */
}
.Cont li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:80px; /* Height and width of each link block */
	height:26px;
	background:url(../images/bestelsprite.gif) top left no-repeat;
	border-right: 1px solid #b1cad1; border-bottom: 1px solid #b1cad1;
}
.bestelknop a { background-position:  0 0; border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.bestelknop a:hover{ background-position:  -80px 0;  border-right: 1px solid #c00000;border-bottom: 1px solid #c00000;}

/* 106 px breed stuurdoor knop */  
.Contstuurdoor {margin:5px 0 0 0; padding:0;}
* html .Contstuurdoor ul {margin-top:0;}
.Contstuurdoor li{
	float:left; /* Allows list to display horizontally */
	display:inline; /* Fixes the IE double margin bug */
	margin:5px 0; /* Margins around each list item */
}
.Contstuurdoor li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:106px; /* Height and width of each link block */
	height:26px;
	background:url(../images/StuurdoorSprite.gif) top left no-repeat;
	border-right: 1px solid #000; border-bottom: 1px solid #000;
}
.stuurdoor a{ background-position:  0 0; }
.stuurdoor a:hover{ background-position:  -106px 0; border-right: 1px solid #000; border-bottom: 1px solid #000;}

/* 106 px breed printversie knop */  
.Contprintversie {margin:0; padding:0;}
* html .Contprintversie ul {margin-top:0;}
.Contprintversie li{
	float:left; /* Allows list to display horizontally */
	display:inline; /* Fixes the IE double margin bug */
	margin:5px 0; /* Margins around each list item */
}
.Contprintversie li a{
	display:block; /* Links must be set to display as a block 
					  so that height and width can be defined */
	width:106px; /* Height and width of each link block */
	height:26px;
	background:url(../images/printversiesprite.gif) top left no-repeat;
	border-right: 1px solid #000; border-bottom: 1px solid #000;
}
.printversie a{ background-position:  0 0; }
.printversie a:hover{ background-position:  -106px 0;  border-right: 1px solid #000;border-bottom: 1px solid #000;}


#audiofragment {
	margin:5px 0;
}
#audiofragment p {
	margin:5px 0;
}

/* 170 px breed email/print sprite; these buttons not used but the css may be useful in future*/   
/* replaced with above stuurdoor and printversie sprites*/   
#emailprint {position: relative; margin: 10px 0; padding: 0; width: 165px; height: 26px; background: url(../images/email_print.gif);}
#emailprint li {width: 80px; height: 26px; position: absolute;font-size:0; background: url(../images/email_print.gif) 0 0 no-repeat; display: block; list-style: none;}
#emailprint a {width: 80px; height: 26px; display: block; border-right: 1px solid #b1cad1; border-bottom: 1px solid #b1cad1;}
#emailprint a:hover { border-right: 1px solid #c00000; border-bottom: 1px solid #c00000;}
#emailprint #email {left: 0;}
#emailprint #print {left: 85px; background-position: -85px 0;}

#emailprint #email a:hover {background: url(../images/email_print.gif) -170px 0 no-repeat;}
#emailprint #print a:hover {background: url(../images/email_print.gif) -255px 0 no-repeat;}


/* ------------------------------ */
/* Nieuws - artikelen 
/* ------------------------------ */
.Nieuws {	
	margin:0 0 3em;
}
.NieuwsTitel {
	vertical-align:bottom;
   }

.NieuwsTitel h2 {
   color:#000080;
	margin:0;
	padding:0;
	font-size:125%; 
	border-bottom: 1px solid #87cefa;
}
.NieuwsTitel a {
   color:#000080;
   text-decoration:none;
   }	
.NieuwsTitel a:hover {
	color:#000;
   background: #F9F0B7; color: #c00; text-decoration:underline;
   }
.excerpt {
	clear:both;	
	margin:1em 0; 	
}
.article_meta {
   padding-left:20px;
	font-size:.9em;
   }
.article_meta a {
	font-weight:normal !important;
	font-size:1.2em;
	color:#888;
	}
.article_meta .right a {float:right; 
	font-size:.9em; }
.excerpt p {
        margin:10px 0;
        padding:0 0 0 20px;
	}
	
/* leesmeer */
.leesmeer {
	float:right;
	display:inline;
	margin: 0 20px 10px 0;
	color: #c10336;
}
.leesmeer a {
	color: #c10336;
}
.leesmeer a:hover {
	color: #000;
}
.leesmeer span {font-size:90%; 
	color: #999; }
	
/* to top of page with top padding/margin */
.ganaarboven {
	float:right;
	display:inline;
	margin: 10px 20px 10px 0;
	color: #c10336;
}
.ganaarboven a {
	color: #c10336;
}
.ganaarboven a:hover {
	color: #000;
}
	
/*Nieuwsdetail div container*/
#Artikel {
	margin: 10px auto 30px auto;
}

/* ------------------------------ */
/* Misc styles ***/
/* ------------------------------ */
.clearboth { clear: both; }
.clearLeft { clear: left; height:1px; margin: 0; padding: 0;}
.clearRight {clear: right; }

.pullquote {
	background:#fafafa;
	color:#000033;
	float: left;
	border:1px solid #9099B8;
	line-height:140%;
	padding:5px;
	margin-top:5px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:1px;
}

.pullquoteLeftAlign {
	width: 150px;
	background:#fafafa;
	color:#000033;
	float: left;
	border:1px solid #9099B8;
	line-height:140%;
	padding:5px;
	margin-top:5px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:1px;
}

.pullquote2 {
	width: 250px;
	background:#f8F8FF;
	color:black;
	float: right;
	border:1px solid #9099B8;
	font-weight:bold;
	line-height:140%;
	padding:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:1px;
	margin-bottom:1px;
}
/* fondslijst */
#featured {
	float:right;
	display:inline;
	margin: 0 10px;
	padding:0;	
}
.Fonds {
	margin:10px 0;
	padding:0;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width:auto;
}
.Fonds div.fondslijst_data {
	padding:3px 0 2px 0;
	text-align: left;
	/*border: solid 1px #F0F4FA;*/
	border-bottom: solid 1px #87cefa;
}
.Fonds .helpdesk_data{
	padding:3px 0 20px 0;
	text-align: left;
	/*border: solid 1px #F0F4FA;*/
	border-bottom: solid 1px #87cefa;
}
.helpdesk_title{
	color: #f70000;
}
.Fonds div.bestelknopWrapper {
	/*border-bottom: solid 1px #ccc;*/
	width:82px;
	float:right;
	display:inline;	
}
.orange{
	color: #b22222;
}
.Fonds div.fondslijst_cat {
	background-color:#EFF2FC;	
	padding: 5px 10px 5px 5px;
	border-top: solid 1px #B6C6EF;
	border-bottom: solid 1px #B6C6EF;
	font-size : 1em;
	font-weight:bold;
	margin-bottom:7px;
	clear:right;
}

.Fonds div.helpdesk_cat {
	background-color:#EFF2FC;	
	padding: 5px 10px 5px 5px;
	border-top: solid 1px #B6C6EF;
	border-bottom: solid 1px #B6C6EF;
	font-size : 1em;
	font-weight:bold;
	margin-bottom:5px;
	clear:right;
}
* html .Fonds div.fondslijst_cat {
	padding: 5px 10px 8px 5px;
}
* html .Fonds div.helpdesk_cat {
	padding: 5px 10px 8px 5px;
}

.Fonds p {
	margin:0;
	padding:0;
	font-size : inherit;
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
font-size: 100%;
color: #000080;
}

.icongroup2{
width: auto;
margin-top:5px;
}

.fondslijst_bestelknop {	
	display:inline;
	overflow:hidden;
}
.fondslijst_bestelknop img {	
	border:0;
	width:80px;
	height:26px;
}
.fondslijst_bestelknop a {	
	border-top: 1px solid #F0F4FA; 
	border-right: 1px solid #F0F4FA; 
	border-bottom: 1px solid #F0F4FA;
	border-left: 1px solid #F0F4FA; 
}
.fondslijst_bestelknop a:hover {	
	border-top: 1px solid #fff; 
	border-right: 1px solid #C00000; 
	border-bottom: 1px solid #C00000;
	border-left: 1px solid #fff; 
}

.nieuwsCont {
margin: 0 0 15px 0;
}

.nieuwstitel {
color: #FF6600;
margin: 0;
font-weight: bold;
text-decoration: none;
cursor:pointer;
background-color: #fcf2ce;
padding: 4px 5px 4px 3px;
border-bottom: 1px solid #FFBD9D;

}
.nieuwstitel .datumgepost {float:right; display:block; color:#ccc;}

.nieuwstekst {
margin: 0 0 5px 0;
padding: 5px 7px;
color: #191970;
font-weight: normal;
text-decoration: none;
/*background-color: #fcf2ce;
border-right: 1px dashed #F70000;
border-left: 1px dashed #F70000;*/
/*border-bottom: 1px solid #FFBD9D;*/

}
.nieuwstekst a, .nieuwstekst a:link, .nieuwstekst a:visited, .nieuwstekst a:active {color: #0082e0;
font-weight:bold;}
.nieuwstekst a:hover {color: #f70000;}

h3.number {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 2em;
	color: #BD0000;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top:0;
}

.bestseller-box {
	margin: 0px 0px 10px 0;
	padding: 5px 10px 0 5px;
	width: 150px;
	/*border: 1px solid #C10336;*/
	border: 1px solid #0000FF;
	float: left;
	background-color:#fffff0;	
}

.bestseller-box img {	
	float: left;
	margin-right:10px;
	margin-left:10px;
	border:0;
}

#alphabet {
    width:95%;
	padding:0;
	margin:10px auto;
	}
#alphabet td {
	padding:3px 5px;
	text-align: center;
	border-top: 1px solid #A3002B; 
	border-right: 1px solid #A3002B; 
	border-bottom: 1px solid #A3002B;
	border-left: 1px solid #A3002B; 
	vertical-align:middle;
}
#alphabet p {
	margin:0;
	padding:0;
	font-size : inherit;
}

/*** download (the green box) van http://demo.1976design.com/boxless-boxes/
*********************************/
.key-point .download:before {
border: none;
/*content: url("../images/download_tl.gif");*/
display: block;
font-size: 1px;
height: 10px;
line-height: 0.1;
margin: -15px -15px 0 -15px;
}

.key-point .download {
background: #f1f2f6 url("../images/download_back.gif") top left no-repeat;
font-style: normal;
margin-bottom: 0.5em;
padding: 15px 60px 15px 55px;
border: 1px solid #b0e0e6;
}

.key-point .download:after {
/*background: transparent url("../images/download_br.gif") scroll no-repeat bottom right;
content: url("../images/download_bl.gif");*/
display: block;
font-size: 1px;
height: 8px;
line-height: 0.1;
margin: -10px -60px -15px -15px;
padding-top: 15px;
}

.key-point .download a {
color: #006400;
font-weight: bold;
}

.key-point .download a:hover {
color: #bd0000;
}



/* ------------------------------ */
/* Seasonal styles ***/
/* ------------------------------ */
.feestdagen {
margin:10px 20px 0 0; 
padding:7px 10px 10px 10px; 
border: 4px solid #c41136;
background-color:#fff;
display:block;
overflow:hidden;
}



/* ------------------------------ */
/* Footer styles ***/
/* ------------------------------ */
#footer {
	clear:both;
	width:100%;
	/*border-top:1px solid #000;*/
}
#footer p {
    padding:10px;
    margin:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */