/* 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
.cont  - bestel button 

*/
/* 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;
    }
	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;
}
#header .logoWrapperInteractive {
	float: left;
	width:250px;
	margin: 8px 0 0 10px;
}
#header .logoWrapperInteractive .logo {
	border:0;
}

/* ------------------------------ */
/* Customer service */
/* ------------------------------ */
#action-menu {
	float: right;
	margin: 26px 0 0 0;
	display: inline;
}
	#action-menu li {
		font-size: 11px;
		float: left;
		list-style: none;
		margin-left: 12px;
		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:#fafafa;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
			line-height:1.3em;
		border-top: 1px solid #738d9a;
		border-right: 1px solid #738d9a;
	}
	#navigatie ul li a:hover {
		background: #BA2C41;
		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:#000;
		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 #C41136; /* bottom border on each total container*/
}
/* ------------------------------*/
/* 3 column BLOG style settings */
/* ------------------------------*/
.blogstyle {
	background:#C41136;    /* 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:#c41136;
	/*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;
}
/* ------------------------------ */
/* 1 column top of page with logos */
/* ------------------------------ */
.fullwidthLogos {
	    background:#fff;
	}
	.fullwidthLogos .col1 {
        margin:0 15px 0 5px;
	}

/* ------------------------------ */
/* 1 column FULL page settings */
/* ------------------------------ */
.fullpage {
	    background:#fff;
	}
	.fullpage .col1 {
        margin:0 15px 0 25px;
	}
	
p {
	line-height:1.5em;}

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:#c10336;
	border-bottom: 1px solid #BEC6D1;
	overflow:hidden;
    }
	
	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_pinkgray.jpg) repeat-x 50% 85%;
	    color:#800000;
		border-top: 1px solid #8b0000;
		border-right: 1px solid #8b0000;
		border-bottom: .05em solid #000;
		border-left: .3em solid #000;
    }
/* 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_orangebg.jpg) repeat-x 50% 100%;
	    color:#f70000;
		border-top: 1px solid #ffa500;
		border-right: 1px solid #ffa500;
		border-bottom: .05em solid #FF6600;
		border-left: .3em solid #FF6600;
    }
	
	
/* ------------------------------*/
/* 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;
}

#Detail ul {
	margin: 0;
}
#Detail li {list-style-position: inside;} 

#omslag_Bestelknop {
	float:right; 
	width:201px;
	margin: 10px; 
	text-align: center;
}

#omslag_Wrapper {
	float:left; 
	width:201px;
	margin: 10px 10px 10px 0; 
	text-align: center;
	/*border: 1px solid #ccc;*/
  	min-width: 170px;
  	padding: 5px;
}
	
#omslag_Wrapper .tekst {
		font-size: 90%;
		margin-top:5px;
	}	 


#Detailinfo {
margin: 0;
color:#000000;
background-color:#fffff0;
padding:5px;
border-top: 1px solid #b22222;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left:4px solid #000;
}

/* -- 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 {	/* IE7 float clear: */
	min-height: 0; 
}
/* -- float.clear.END --  */	


/* ------------------------------ */
/* Products - smaller - floated containers
/* ------------------------------ */
.thumbnail {
	float: left;
	width: 110px;
	border: 1px solid #b1cad1;
	background: #f5f5f5 url(../images/Lgdiv_bg.jpg) repeat-x 50% 65%;
	margin: 0 10px 15px 0;
	padding: 5px;
	height:205px;
	overflow:hidden;
	text-align:center;
}
.thumbnail p, .thumbnailLuister p, .thumbnail-actie p {
	margin-top:0;
	margin-bottom:1px;
	font-size: 90%;
	line-height: 1.3em;
}
.thumbnail img {
	overflow:hidden;
}

.thumbnail-actie {
	float: left;
	width: 160px;
/*	border: 1px solid #faebd7;*/
	/*background: #f5f5f5 url(../images/Lgdiv_bg.jpg) repeat-x 50% 65%;*/
	margin: 0 15px 15px 0;
	padding: 5px;
	height:242px;
	overflow:hidden;
	text-align:center;
}
.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: 185px;
	border: 1px solid #cfcfcf;
	background: #f5f5f5 url(../images/Lgdiv_bg.jpg) repeat-x 50% 65%;
	margin: 0 10px 15px 0;
	padding: 5px 8px;
	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;
}

/* ------------------------------ */
/* Products - titles for 9.95 - 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: left;
	margin-right:10px;
	border:0;
}
.Special .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-size: 1em;
	font-weight:bold;
	font-style: italic;
}
.Special .ProductDesc {
	clear:right;
	margin: 10px 0 0 0;	
}
.Special p {
	margin: 5px auto;
}
.Special .MeerInfo, .Lgthumbnail .MeerInfo a {
	color:#CC6600;
}
.Special .MeerInfo a:hover {
	color:#003399;
}


/* ------------------------------ */
/* Authorsites - - floated containers 
/* ------------------------------ */
.Authorsite {
	float: left;
	width: 31%;
	height: 190px;
	border-right: 1px solid #b1cad1;
	border-bottom: 1px solid #b1cad1;
	margin: 0 10px 15px 0;
	padding: 5px;
	overflow:hidden;
}
.Authorsite .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	border:0;
}
.Authorsite .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-size: 1em;
	font-weight:bold;
	font-style: italic;
}
.Authorsite p {
	margin: 5px auto;
}
.Authorsite .MeerInfo, .Authorsite .MeerInfo a {
	color:#CC6600;
}
.Authorsite .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 paragragh margin top*/
.first {
	margin-top: 10px;
}
.one_em {
	margin-top: 1em;
}
.nomgr {
	margin:0;
}
/* margin-top 5px*/
.margin5px {
	margin:5px 0 0 0;
}
.nomarginTop {
	margin-top:0;
}
.marginBottom {
margin-bottom:10px;
}
.marginBottom5px {
margin-top:0;
margin-bottom:5px;
}
.red {color: #BE0028;	}
.white {color:#ffffff;}

/* promotional text */
.maak-kans {font-size:1.2em;font-weight:bold;}

/* waarschuwing berichten, etc bij het invullen van formulieren /*
*--------------------------*/
.opmerking {color:#ff0000;font-weight:bold;}

/*---------------------------/*
/* 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;
border-top:1px solid #333;
}

#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 #000;
margin:1px 0 0px 0;
padding:4px 5px;
background-color:#ECECFF;
}	

#RightColumnmenu li a:hover{
color:#BE0028;
border-left:4px solid #800000;
text-decoration:none;
background-color:#fff;
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;
}

/* ------------------------------ */
/* Banner Rotation using Script.aculo.us and Prototype en kenburns.js *** /
/* ------------------------------ */
/* 80 px breed bestelknop */  

#flashContainer {
width: 526px;
height: 65px;
margin:12px 0 10px 0;
padding-top:0;
}
#imagesContainer img {border:0;}

/* ------------------------------ */
/* 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;
}
.rightCont {margin:0 10px 0 0; padding:0;}
* html .rightCont ul {margin-top:0;}
.rightCont li{
	float:right; /* Allows list to display horizontally right */
	display:inline; /* Fixes the IE double margin bug */
	margin:0; /* Margins around each list item */
}
.rightCont 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;
	clear:left;
}
.NieuwsTitel {
	vertical-align:bottom;
   }

.NieuwsTitel h2 {
   color:#990020;
	margin:0;
	padding:0;
	font-size:125%; 
	border-bottom: 1px solid #BEC6D1;
}
.NieuwsTitel a {
   color:#990020;
   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 {
	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; }
	
/*Nieuwsdetail div container*/
#Artikel {
	margin: 10px auto 30px auto;
}

/* 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 #ccc;
}
.Fonds div.bestelknopWrapper {
	/*border-bottom: solid 1px #ccc;*/
	width:82px;
	float:right;
	display:inline;
	
}
.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:3px;
	clear:right;
}
* html .Fonds div.fondslijst_cat {
	padding: 5px 10px 5px 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%;
}

.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; 
}

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 10px 5px;
	width: 150px;
	/*border: 1px solid #C10336;*/
	border: 1px solid #000;
	float: left;
	background-color:#fffff0;	
}

.bestseller-box img {	
	float: left;
	margin-right:10px;
	margin-left:10px;
	border:0;
}
.altbgcolor {background:#ccdddd;}
.altbgcolor2 {background:#ddbbbb;}
.altbottomborder {border-bottom: 1px solid #D0D6DD;}
.alttopborder {border-top: 1px solid #a9bded;}
.nobottomborder {border-bottom: 0;}



.bestseller-box2 {
	margin: 10px 0;
	padding: 0;
	width: 165px;
	/*border: 1px solid #C10336;*/
	float: left;
	background-color:#fffff0;	
	border-right: 1px solid #cc8899;
	border-bottom: 1px solid #cc8899;
	border-left: 1px solid #cc8899;
}
.bestseller-box2 .boxpad {
	padding: 5px 7px;
}

.bestseller-box2 .tinylogo {	
	vertical-align:middle;
	margin-right:5px;
	border:0;
}

.boxpad .omslag  {	
	float: left;
	margin-right:10px;
	margin-left:10px;
	border:0;
}

.bestseller-box2 h1 {margin:0; padding: 4px 2px;text-align:center; display:block;
background:#cc8899; font-size: 1em; color:#ffffff;}
h1.alt2 {background:#cc8899;}
.bestseller-box2 p {margin:5px 0; padding:0;}
.nieuwsbrief-inhoud {font-size:0.95em;line-height:1.2em;}
.nb-datum { font-size:0.8em;color:#666;}
#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;
}



/* ------------------------------ */
/* Misc styles ***/
/* ------------------------------ */
.clearboth { clear: both; }
.clearLeft { clear: left; }
.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:450px;
	background:#f8F8FF;
	color:black;
	border:1px solid #9099B8;
	line-height:140%;
	padding:5px;
	margin-top:5px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
}

/* ------------------------------ */
/* Nieuwsbrief-actie styles ***/
/* ------------------------------ */
.nieuwsbrief-actie {
float:right;
width: 170px;
margin:10px 10px 0 0; 
padding:7px 10px 10px 10px; 
/*border: 4px solid #c41136;*/
background-color:#fff;
display:block;
overflow:hidden;
}
.nieuwsbrief-actieImgWrapper {
text-align:center;margin:0 auto 5px auto;
}
.nieuwsbrief-actie p {
margin:5px auto; 
text-align:center;
color:#b22222;
font-weight:bold;
}

/* ------------------------------ */
/* Homepage fading slideshow omslagen */
/* ------------------------------ */
.fadeshow-wrapper { width:160px; margin:0 25px 0 0; padding:0;float:left; background-color: #ffffff;vertical-align:top;}
.fadeshow-wrapper p { margin-top: 5px; margin-bottom: 5px;}
#fadeshow1, #fadeshow2, #fadeshow3, #fadeshow4, #fadeshow5 { width:150px; margin:0;}

/* ------------------------------ */
/* fading slideshow descriptions div */
/* ------------------------------ */
/*#descdiv1, #descdiv2, #descdiv3, #descdiv4, #descdiv5 {margin-top:0; 
	font-size:0.8em;
	padding:5px 3px;
	background-color: #fbf2f5;
	border: 1px solid #e099a5; 	
}
*/
#descdiv1, #descdiv2, #descdiv3, #descdiv4, #descdiv5 {margin-top:0; 
	font-size:0.8em;
	padding:5px 3px;
	background-color: #f5f5f5;
	border: 1px solid #a9bded; 	
}


/* ------------------------------ */
/* Seasonal styles ***/
/* ------------------------------ */
.feestdagen {
margin:10px 10px 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 */



/* actie Perez-Reverte prijsvraag */
.Perez-Reverte {
	margin: 15px auto 15px auto;
	padding:10px;
	border: 1px solid #A5804A;
	background-color:#F5F1E9;
}
.Perez-Reverte input.versturen {
background-color:#f1f1f1;padding:2px;border-width:1px;border-color:#A5804A;font-size:1em;font-weight:bold; color:#8b0000;}
.Perez-Reverte input {border: 1px solid #a5804a;}
.Perez-Reverte input[type=checkbox] {border: 1px solid #a5804a;}

/* ------------------------------ */
/* Perez-Reverte - - floated containers 
/* ------------------------------ */
.Perez-Reverte_boek {
	float: left;
	width: 31%;
	border: 1px solid #A5804A;
	background:#F5F1E9 url(../images/perez-reverte-bg.jpg) no-repeat bottom right ; 
	margin: 10px 10px 15px 0;
	padding: 5px;
	overflow:hidden;
}
.Perez-Reverte_boek .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	border:0;
}
.Perez-Reverte_boek .ProductTitel {
	padding: 3px 0 7px 0;
	margin: 0;
	font-size: 1em;
	font-weight:bold;
	font-style: italic;
	color:#b22222;
}
.Perez-Reverte_boek p {
	margin: 5px auto;
}

/* actie Toscane reis */
.Toscanewrap {
	margin: 15px auto 15px auto;
	padding:10px;
	border: 1px solid #c41136;
}
.Toscaneactie {
	border:0;
}
.Toscaneactie td.links {
padding: 2px 5px;
text-align: right;
vertical-align:top;
	width: 26%; 
}
.Toscaneactie td.fullwidth {
	padding: 2px 5px;
	text-align: left;
	vertical-align:top;
 }
.Toscaneactie td.rechts {
	padding: 2px 5px;
	text-align: left;
}
.Toscanewrap input.versturen {
background-color:#f1f1f1;border-width:1px;border-color:#A9BDED;font-size:1em;font-weight:bold; color:#c10336;}

.ToscanePoster_outerwrap {
margin:-10px 10px 0 0; float:right; padding:7px 10px 10px 10px; display:block; overflow:hidden;
}
.ToscanePoster_innerwrap { text-align:center;margin:0 auto 5px auto;}
.ToscanePoster_innerwrap p {margin: 2px 5px; text-align:center;color:#b22222;}

.ToscanePoster_innerwrap img {margin: 5px;}
.ToscanePoster_innerwrap img.aangeboden_door {border: 1px solid #c1c1c1;padding:5px;}


/* actie Krachtvoer dierenquiz */
.Krachtvoer_outer {
	margin: 15px auto 15px auto;
	padding:2px;
	border: 10px solid #baff3d;
	background-color: #F3FEE7
}
.Krachtvoer {	
	padding:10px;
	background: #F3FEE7 url(../images/Krachtvoer_quiz_bg.jpg) no-repeat right bottom; 
	border: 1px solid #adff2f;
}
.Krachtvoer p { font-size: 115%; color:#000;}
.Krachtvoer .antwoord  { font-weight:bold; margin-top:5px; color: #4FB909;}
.Krachtvoer .antwoord-blauw { font-weight:bold; margin-top:5px; color: #0000ff;}
.Krachtvoer .antwoord-rood { font-weight:bold; margin-top:5px; color: #cc0000;}
.Krachtvoer .vraag  { font-weight:bold; margin-top:5px; color: #F70000;}

.Krachtvoer_outerwrap {
	margin: 10px 10px 0 0; float:right; padding:7px 10px 10px 10px; display:block; overflow:hidden;
}
.Krachtvoer_innerwrap { text-align:center;margin:0 auto 5px auto;}
.Krachtvoer_innerwrap img {margin: 15px;}


/* actie Sicilicious reis door Sicilië */
.Sicilicious_outerwrap {
	margin: 15px auto 15px auto;
	padding: 0;
	border: 10px solid #fecc87;
	background: #fffcd9 url(../images/Sicilicious_bg.jpg) no-repeat right bottom; 
	float:left;
	width:98%;	
	overflow: auto;
	position:relative;
}
.Sicilicious_innerwrap {
	border: 1px solid #e8685b;
	margin:0;
	padding:0;
	float:left;
}

.Sicilicious_content_wrap {
	float:right;
	display:inline;
	width:66%;
}

.Sicilicious {	
	padding:5px 15px 5px 0;	
	text-align:left;
}
.Sicilicious p { font-size: 115%; color:#000;}
.Sicilicious .devraag { 
	font-weight:bold; 
	padding:5px; 
	background-color: #fffcd9; 
	font-size: 115%; 
	color: #cc0000; 
	border: 7px solid #fecc87; 
	display:block;
	margin: 0 auto;
	}
.Sicilicious .prijsvraag  { font-weight:bold; margin-top:5px; color: #F70000;}


.Sicilicious_productimgwrap { float:left; width:33%; text-align:center;margin:0;display:block;}
.Sicilicious_productimgwrap img {margin: 10px; border:1px solid #fecc87;}
.Sicilicious_productimgwrap .boekdetails {font-size: 100%; color:#000;padding-bottom:10px;}

.Norma_outer {
	float:left; }
.Norma_innerwrap { float:right; margin:0 auto 5px auto;}
.Norma_innerwrap img {margin: 15px; 
	border: 1px solid #fecc87;}

/* The tudors video opmaak frontpage
---------------------------------- */
.tudorsvideo {
	float: left;
	width: 225px;
	margin: 0 10px 10px 0;
	background-color: #ccc;
	padding: 5px;
}

/* actie recessionista */
.recessionista {
	margin: 15px auto 15px auto;
	border: 1px solid #333;
}

/* ------------------------------ */
/* recessionista - - floated containers 
/* ------------------------------ */
.recessionista_boek {
	float: left;
	width: 31%;
	background-color: #C4D649; 
	margin: 10px 8px 15px 0;
	padding: 5px;
	overflow:hidden;
	text-align:left;
	border: 1px solid #dfe5ae;
}
.recessionista_boek .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin:0;
	padding:0;
	border:0;
}
.recessionista_boek .ProductTitel {
	padding: 3px 0 5px 0;
	margin: 0;
	font-size: 1em;
	font-weight:bold;
	font-style: italic;
	color:#D22689;
}
.recessionista_boek p {
	margin: 5px 0;
	padding:0;
	text-align:left;
}

.recessionista-devraag { 
	font-weight:bold; 
	padding:5px; 
	background-color: #fffcd9; 
	font-size: 115%; 
	color: #6b1769; 
	border: 7px solid #e6ba9b; 
	display:block;
	margin-right: 220px;
	}
.recessionista-devraag p {margin: 0 5px}