html, body {
height: 100%; /* héél belangrijk */
}

body {
    margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: small;
	line-height:1.35em;
	color: #2D3878;
	background:#E6F5F7 url(../images/visual-bg.jpg) repeat-y top center;
	}
/* winter background apply snow class to body in include/top.php
--------------------------------------- */	
.snow {	background: url(../images/visual-bg-snow.jpg) repeat-y top center;}

/* structure */

/* ------------------------------ */
/* Top balk */
/* ------------------------------ */

/* Logo, banner
------------------------------------*/
.socialmedia {
	padding-left:20px;
	background-color: #fff;
}
.socialmediaImg {
	margin: 2px 0 6px 4px;
}

.headingbg {
	padding-top:0;
	padding-left:2px;
	background-color: #fff;
}
.vs-logo {
	margin-top:10px;
	border:0;
}
.nietzichtbaar {display:none;}

.slideshow { background-color:#ffffff;}
/* Customer service icons, links */
/* ------------------------------ */
.shopservice {
	width:185px;
	float:right;
	padding-right:5px;
}

#service-menu {
	float: right;
	margin: 0;
	display: inline;
}
#service-menu li {
	font-size: 11px;
	/*float: left;*/
	list-style: none;
	margin-left: 12px;
	line-height: 30px;
}
#service-menu a:link, #service-menu a:visited {
	color: #2d3878;
	text-decoration: none;
}
#service-menu a:hover, #service-menu a:active {
	text-decoration: underline;
}

#service-cart { 
	background: transparent url(../images/service-cart.gif) 0 0 no-repeat; 
	padding-left: 30px;
}
#service-login { 
	background: transparent url(../images/service-login.gif) 0 2px no-repeat; 
	padding-left: 30px;
}
#service-help { 
	background: transparent url(../images/service-help.gif) 0 0 no-repeat; 
	padding-left: 30px;
}
/*------------------
 end Customer service icons, links
-----------------------------------*/

/*= Secondary navigation 
-------------------------*/
#topnavcontainer {
	width: 960px;
	float: left;
	margin:0;
	padding:0;
	background-color: #fcf2ce;
	border-bottom: 1px solid #dcc5a5;
	overflow: hidden;
	height:2.3em;
}

#topnavcontainer ul { padding: 0; margin:0; }
#topnavcontainer ul * { margin:0;padding:0;}
#topnavcontainer ul li { display: inline; }

#topnavcontainer ul {
	margin: 0;
	padding: 0 0 0 10%;
	font-family: Verdana, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: .926em;
	letter-spacing: 1px;
	font-weight: bold;
	height:2.4em;
}

#topnavcontainer ul li a {
	display:block;
	float:left;
	padding:0 1.5em;
	height:2.4em;
	line-height:2.4em;
	background-color: #fcf2ce;
	color: #2d3878;
	text-decoration: none;
	border-right: 1px solid #dcc5a5;
	text-align: left;
}

#topnavlist li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #ff7f50;
	border-bottom: 1px solid #ccc;
}
#topnavlist li a.current {
	color: #FFFFFF;
	text-decoration: none;
	background: #ff6347;
}
/*------------------
 end top scondary navigation
-----------------------------------*/

/*= Primary navigation (left column)
-----------------------------------*/
.navcol {
	background: #2d3878;
	padding:0;
	margin:0; 
	text-align:center;
	vertical-align:top;
}

#navcontainer {
	width:200px;
	margin: 0;
	padding: 0;
}

#navlist {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: bold;
	width:200px;	
	list-style-type:none;
}
/* NOTE! for IE */
/* li list items must be on one line
------------------------------------------ */
#navlist li {
	width:199px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333;
	text-align: left;
}

* html #navlist li {
  border-top: 0;
}

#navlist li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 0.5em solid #ff6633;
	background: #36448f;
	text-decoration: none;
	color: #fff;
}

#navlist li a.current { 
	color: #191970; 
	/*background: #A6AEDD;*/
	background: #c0c3e2;
	border-color: #FE3;
}

#navlist li a.current:hover { 
	color: #FFF; 
	background: #4050AA;
	border-color: #FFF;
}

#navlist li a:hover {
	border-color: #FE3;
	color: #FFF;
	background: #4050AA;
}

#navlist li a.sub { 
	color: #000; 
	display: block;
	padding: 0.25em 0.5em 0.25em 1.5em;
	background: #FE835A;
	border-color: #FF6347;
	color: #2d3878;
}
#navlist li a.sub:hover { 
	color: #000; 
	background: #FE835A;
	border-color: #FFF;
	color: #010066;
}

#navlist li a.subcurrent { 
    color: #191970; 
	background: #FDE893;
	border-color: #f70000;
}
/*= END Primary navigation (left column)
-----------------------------------*/

/*= Index page unordered list (nieuws items, gratis items)
----------------------------------------------------------*/
ul.frontpage {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}
ul.frontpage li {
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 5px 7px;
	border-bottom: 1px dashed #d2dfff;
	color: #666;
}
ul.frontpage li a {
	text-decoration:none;
}
ul.frontpage li a:hover {
	color:#00008b;
	text-decoration:none;
}
ul.frontpage li:hover {
	color: #000;
	background-color: #ebf1fd;
}
ul.frontpage li a.red:hover, ul.frontpage li a.red:active, ul.frontpage li a.red:visited {
	color:#f70000;
	text-decoration:none;
}

/*= Special "overzicht" pages section homepage
-----------------------------------------------------------*/
#overzicht-paginas {
  width: 200px;
  padding-bottom: 10px;
}
 
#overzicht-paginas p {
  margin: 0;
  padding: 5px 5px 5px 10px;
  font-size: 0.9em;
}
#overzicht-paginas p.firstline {
  margin-top: -4px;
}
#overzicht-paginas p:hover {
  background-color: #FCF2CE;
  border-bottom: 1px solid #FFBD9D;
}
#overzicht-paginas a {
  text-decoration:none;
  color: #10176F;
  font-weight:bold;
}
#overzicht-paginas a:hover {
  text-decoration:none;
  color: #00008b;
}

.color1 {
  background-color: #E5F9FE;
  border-bottom: 1px solid #C9F1FC;
}
.color2 {
  background-color: #DAF7FE;
  border-bottom: 1px solid #CDF4FE;
}
.color3 {
  background-color: #CDF4FE;
  border-bottom: 1px solid #C2EFFC;
}
.color4 {
  background-color: #C2EFFC;
  border-bottom: 1px solid #B3EBFB;
}
.color5 {
  background-color: #B3EBFB;
  border-bottom: 1px solid #AAE9FB;
}
.color6 {
  background-color: #AAE9FB;
  border-bottom: 1px solid #98E3FA;
}
.color7 {
  background-color: #9FE7FB;
  border-bottom: 1px solid #87E0FA;
}
.color8 {
  background-color: #98E3FA;
  border-bottom: 1px solid #87E0FA;
}
.color9 {
  background-color: #87E0FA;
  border-bottom: 1px solid #68D8F9;
}
.color10 {
  background-color: #68D8F9;
  border-bottom: 1px solid #51D2F9;
}
.color11 {
  background-color: #51D2F9;
  border-bottom: 1px solid #23C8F8;
}
.color12 {
  background-color: #2FCBF9;
  border-bottom: 1px solid #23C8F8;
}


/*=Zoek per onderwerp homepage
-----------------------------------------------------------*/
.myform {margin-bottom : 1px; margin-top : 0; padding: 2px 0;}
.myform select {
   font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: #D7E5F2;
   color: #102132;
   border: 1px solid #a0bbdb;
}

/*=search column homepage
-----------------------------------------------------------*/
.zoekenCol {
	background:#FEF8E2;
	vertical-align:top;
	padding:0 0 10px 0;
	margin:0;
	border-left: 1px solid #FFBD9D;
}
.zoeken {
	padding: 0;
	margin:0;
	text-align:left;
}
.zoeken h2 {
	font-size:1em;
	color:#f70000;
	background:#FEEBAF;
	margin: 5px 0;
	padding:5px 12px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFBD9D;
}
.zoeken h2.emphasis {
	color:#10176F;
	font-size:1em;
	background:#AAE9FB;
	margin: 5px 0;
	padding:5px 12px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #68D8F9;
}
.zoeken p {
	padding:5px;
	margin:5px;
}

.zoeken input { margin: 1px;}
.zoeken h2.firstitem {margin-top:0; border-top:0;}
.zoekknopWrapper {
/*	text-align: right;*/
	margin: 5px 8px;
}
.zoekknopWrapper img {vertical-align:middle;
	margin-bottom: 2px;
}
/*=search series section
-----------------------------------------------------------*/
#ZoekserieWrapper {
	margin: 0;
	padding: 0;
}
.seriesCont {
margin: 7px 0;
}

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

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

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

/*=right side bar tertiary navigation - actions, special offers, bestsellers
-----------------------------------------------------------*/
.aanbiedingenCol {
	background:#fff;
	vertical-align:top;
	padding:0;
	margin:0;
	border-left: 1px solid #d2dfff;
}
.aanbiedingen, .bestsellerWrapper {
	padding: 0;
	margin:0;
	text-align:left;
}
.aanbiedingen h2 {
	font-size:1em;
	color:#0f174e;
	background:#ebf1fd;
	margin: 5px 0;
	padding:5px 12px;
	border-bottom:1px solid #C1D3FF;
}
.aanbiedingen h2.firstitem {margin-top:0; border-top:0;}

/* colors h2 
----------------*/
h2.yellow {
	background:#FCE27A;
	border-top:1px solid #FCCA32;
	border-bottom:1px solid #FCCA32;
	margin:0;
}
h2.oranje {
	background:#FAB77A;
	border-top:1px solid #F7963E;
	border-bottom:1px solid #F7963E;
	margin:0;
}
.aanbiedingen p {
	margin: 5px 0;
	padding:5px 12px;
}
.aanbiedingenImgWrapper {
	text-align:center;
	margin: 10px 5px 5px 5px;
}
.aanbiedingenImgWrapper img {
	border:0;
}

.bestsellerWrapper p {padding:5px 10px 0 10px;margin:0;}
.bestsellerWrapper img {margin-left: 5px;}

/* right floated container for right-content-menu
---------------------------------*/
.right-content-menu {
	margin: 0px 5px 5px 10px;
	width:180px;
	float:right;
	display:inline;
	border:1px solid #b0c4de;
	padding:7px 5px;
	background-color:#F5F8FE;
}
.right-content-menu p { margin: 0 0 5px 10px;}
.right-content-menu a { color:#005A9D;}

/* new products vertically displayed
----------------------------------------------- */
.newproductsWrapper {
	width: 175px;
	margin:10px auto;
	text-align:center;
}
.newproducts {
	padding: 0 10px 10px 10px;
}
.newproducts img {
	border:0;
}

/* aanbiedingen, special acties, extras, snel naar, meer info menus in right column
----------------------------------------------------------- */
ul.menu {
	list-style:none;
/*	border-top:1px solid #d2dfff;*/
	padding: 0;
	margin: 0;
}
ul.menu li {
	margin:0;
	padding: 0;
	text-decoration: none;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #c1d3ff;
	color:#0082e0;
	text-decoration: none;
	font-weight: bold;
}
ul.menu li a.lastitem {
	border-bottom:none;
	margin-bottom:5px;
}
ul.menu li a.firstitem {
	margin-top:0;padding-top:0;
}
ul.menu li a.singleitem {
	margin: 5px 0 0 0;
	padding-top:0;
	border-bottom:none;
}
ul.menu li a:hover {
	background:#ebf1fd;
	color: #111111;
	text-decoration: underline;
	border-bottom:1px solid #c1d3ff;
}
ul.menu li a:active {
	background:#ccc;
}
/* remove h2 bottom margin for first menu item
----------------------------------------------- */
.first-list-item {margin-top:-5px;}

ul.bestseller {
	list-style:none;
/*	border-top:1px solid #d2dfff;*/
	padding: 0;
	margin: 0;
}
ul.bestseller li {
	font-size: 11px;
	/*float: left;*/
	list-style: none;
	margin-left: 12px;
	line-height: 20px;
	padding-right: 7px;
}
ul.bestseller a:link, ul.bestseller a:visited {
	color: #2d3878;
	text-decoration: none;
}
ul.bestseller a:hover, ul.bestseller a:active {
	text-decoration: underline;
	color: #0082e0;
}

#bestseller_1 { 
	background: transparent url(../images/bestseller_1.gif) 0 0 no-repeat; 
	padding-left: 15px;
}
#bestseller_2 { 
	background: transparent url(../images/bestseller_2.gif) 0 0 no-repeat; 
	padding-left: 15px;
}
#bestseller_3 { 
	background: transparent url(../images/bestseller_3.gif) 0 0 no-repeat; 
	padding-left: 15px;
}
ul.section {
	border-top:0;
	margin-bottom:0;
}

ul.section li a {
	background:#ebf1fd ;
	border-left:1px solid #ebf1fd;
	border-right:1px solid #ebf1fd;
	border-bottom:1px solid #d2dfff;
}
ul.section li a:hover {
	background:#d2dfff;
	border-left:1px solid #d2dfff;
	border-right:1px solid #d2dfff;
	border-bottom:1px solid #d7e4f7;
}
ul.section li a:active {
	color:#fff;
	background:#d7e4f7;
}
.lichtblauw h2 { background:#d2dfff}
.yellow {	border: 1px solid #fddc79;}

#Main-Content {
width:100%; padding: 5px 10px 10px 15px; vertical-align:top;
}

hr { height: 1px; background-color: #AFD0FF; color: #AFD0FF; text-align:left; background-position: left; margin:3px 0; border:0;}

.verfris {margin:10px 0; border: 1px solid #f70000;padding:5px;background-color:#fff8dc;}

	
/*** text formatting
------------------------ ***/
h1 { font-size:1.225em; line-height:1.4em;color:#000066;margin-top:20px;}
h2 { font-size:1.225em; line-height:1.4em;color:#000066;margin-top:20px;}
h3 { font-size:1.165em; 
	clear:left;
	width: 99%;
	color:#ff3300;
	margin: 30px auto 10px 0;
	border-bottom: 1px solid #c1d3ff;
	padding-bottom:3px;
}
h3.nu-verkrijgbaar, h3.nieuwsheading, h3.gratis-heading, h3.waar-te-koop, h3.enquete {
	margin-top:12px; 
	margin-bottom:0;
	color:#f70000;
}
h3 a.product-titel {text-decoration:none;}
h3 a.product-titel:hover {text-decoration:underline;}
h3 a.waartekoop {text-decoration:none; color:#F70000;}
h3 a.waartekoop:hover {text-decoration:none; color:#00008b;}
.red {color: #F70000;}
.orange {color: #ff7f50;}
.blue {color: #0000cd;}

/* h3 style voor diverse doeleinden*/
.boekserie {
	clear:left;
	width: 99%;
	color:#ff3300;
	margin:30px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}
/*opening page introduction text
/*-----------------------*/
h1.welkom_text { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FF6600; 
font-size: 1.5em; 
font-weight:bold;
padding: 10px 0 0 0;
margin-bottom:0;
}


/* for diverse announcements "Let op", "Please note" etc*/
.announce {
	padding:0 5px; 
	margin:5px 10px 5px 0; 	
	border: 1px solid #AFD0FF;
}
.announce p {
	margin:5px; 
}

/*** anchor text formatting
------------------------ ***/
a {  color: #2d3878; text-decoration: underline; padding-bottom:1px;}
a:hover {  color: #F70000; text-decoration: underline; padding-bottom:1px;}
a:visited, a:active {  color: #0082e0; text-decoration: underline;}

a.vsmethode {color: #0082e0; text-decoration: underline;}
a.vsmethode:hover {  color: #00008b; text-decoration: none; padding-bottom:1px;}
a.vsmethode:visited, a.vsmethode:active {  color: #0082e0; text-decoration: underline;}

.redtext {  color: #B22222; text-decoration: none}
a.redtext {  color: #B22222; text-decoration: underline}
a.redtext:hover {  color: #F70000; text-decoration: underline}

.bluetext {  color: #000066; text-decoration: none}
a.bluetext {  color: #000066; text-decoration: underline}
a.bluetext:hover {  color: #016FC6; text-decoration: underline}


/*forms
----------------------- */
fieldset { border:1px #AFD0FF solid; padding-left:20px;}
textarea { border:1px #B1B7D7 solid;}
select {font-family: Verdana, Arial, Helvetica, sans-serif; color: #2D3878;}
input { background-image: url(../images/input_bg.jpg); background-repeat: repeat-x; border:1px #B1B7D7 solid; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2D3878; margin-right:5px;}
.knop { font-weight: bold;}

.verzoekwrap {
	margin: 10px 5px;
}
form.verzoek {
	text-align: left;
	padding: 5px;
	width: 95%; 
}
form.verzoek .input-box {
float: left;
margin-bottom: 10px;
color: #000;
background: #F8F8FF;
border: #B1B7D7 solid 1px;
}

form.verzoek .submit-button {
float: left;
margin-left: 20em;
color: #000;
background: #E6E6E6;
border: 1px #B1B7D7 outset;
_cursor:hand;
clear: left;
}

form.verzoek fieldset {
	border: #B1B7D7 solid 1px;
	padding: 0 10px 20px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.verzoek legend {
background: #f8F8FF;
border: #26a solid 1px;
padding: 1px 5px 5px 5px;
margin-bottom: 8px;
margin-left: 10px;
font-size:90%;
} 
form.verzoek label {
width: 15em;
float: left;
text-align: right;
margin: 0px 1em 0px 10px;
clear: both;
}
form.verzoek select {
margin-bottom: 5px;
} 
form.verzoek .boxes {
width: 1em;
float: left;
margin: 3px 0 5px;
color: #000;
background: #F8F8FF;
border:0;
}
form.verzoek .boxes-botmarg {
width: 1em;
float: left;
margin: 3px 0 5px 0;
color: #000;
background: #F8F8FF;
border:0;
}

/* Nieuwsbrief slogan*/
.boek-naar-keuze {
	border: #f70000 2px dashed;
	background-color: #fffafa; 
	margin: 5px auto 10px auto;
	padding: 5px 7px;
	width: 538px;	
	float:left;
	display:inline;
}
.boek-naar-keuze p {
	margin: 0;
	padding:0;
}

/* Various specific page styles
-----------------------------*/
/* ////////////////////////*/

/* boeken, en serie styles for show_cat.php*/
.serie {
padding: 0;
margin: 10px 20px 10px 0;
}
.image { 
	width:150px; 
	float: left; 
	margin-right:10px; 
}
.image IMG {
margin: 0;
margin-bottom:5px;
padding: 0;
}
.serie ul{
clear:left;
list-style-position: outside;
margin: 0px 100px 10px 30px;
padding: 0;}
.serie li {list-style-position: outside;
margin: 0px 0px 0px 0px;
padding-left: 10px;}
/* END boeken, en serie styles for show_cat.php */

/*.boxtopbg {
	background-image: url(../images/boxtopbg.gif);
	background-repeat: repeat-x;
}
*/

/* styles Veelgestelde vragen 
---------------------------*/
.lezersvragenImageWrapper { /*= float image on lezersvragen.php */
	width:225px;
	height:310px;
	float:left;
}
.lezersvragenImageWrapper img {
	border:1px solid #a0bbdb;
	padding: 5px;
	background-color:#ebf1fd;
}
.lezersvragenWrapper ul { display:block; }
.lezersvragenWrapper li.antw { list-style:inside; line-height: 1.75em;  }

/* extra space between li ietms */
li.topics {  line-height: 1.6em; margin-bottom:10px; }
/* END styles lezersvragen.php */

/* News list of article styles */
.newscontainer  {
	BORDER-RIGHT: #C0C3E2 1px solid; 
	BORDER-TOP: #DEE5F8 1px solid; 
	BORDER-LEFT: #C0C3E2 1px solid; 
	BORDER-BOTTOM: #C0C3E2 1px solid;
	background: transparent; 
	margin: 1px 0 25px 0;
	padding: 0;
}
.newscontainer .methodtopbar  {
	padding: 5px;
	background-color: #fff;
	BORDER-BOTTOM: #C0C3E2 1px solid;
}
.newscontainer .topbar  {
	background-color: #DEE5F8;
	/*BORDER-BOTTOM: #C0C3E2 1px solid;*/
}
.newscontainer .topbar .titel, .newscontainer .methodtopbar .titel  {
	font-family: inherit;
	font-size: inherit;
	font-weight:bold;
	padding: 0 5px 4px 5px;
}
.newscontainer .topbar .titel a {text-decoration:none;
}
.tekst p {
	padding: 0 5px;
	margin:5px 0;
}
.newsimage {
	margin: 0 10px 0 0;
	border:0;
}




/* list of videos styles instructievideos.php */
.videocontainer  {
	clear:left;
	BORDER-RIGHT: #CFEEFF 1px solid; 
	BORDER-TOP: #DEE5F8 1px solid; 
	BORDER-LEFT: #CFEEFF 1px solid; 
	BORDER-BOTTOM: #CFEEFF 1px solid;
	background: transparent; 
	margin: 1px 0 25px 0;
	padding: 0;
}

.videocontainer .topbar  {
	background-color: #E3F0F6;
}
.videocontainer .topbar .titel  {
	font-family: inherit;
	font-size: inherit;
	font-weight:bold;
	padding: 0 5px 4px 5px;
	text-align:left;
}
.videocontainer .topbar .titel a {text-decoration:none;
}
.tekst p {
	padding: 0 5px;
	margin:5px 0;
}
.videoimage {
	margin: 5px 8px 0 5px;
	border:0;
	vertical-align:middle;
}

.boeksuggestie {
	margin: 0 10px 8px 5px;
	border:0;
	vertical-align:middle;
}

.breadcrumbs {
	display:inline;	
	overflow:hidden;
}
.breadcrumbs span.gepost {
	float:right;
	display:block; 
	text-align:right;
	color:#999;
}
/* news article styles 
------------------------------------------------*/
#VSnieuws {
margin: 0 10px 10px 0;
padding: 5px 10px 5px 0;
clear:both;
}
#VSnieuws .artikeltitel {
font-weight:bold;
font-size: 1.15em;
}

#VSnieuws .imgNewsFloatLeft {
float:left;
margin:0 10px 0 0;
}
/* floating div voor row social network icons: Facebook like, Tweet, etc */
.social-network-share {
	float:right;
	margin: 3px 0 0 0;
}
.social-network-share img {
	vertical-align:middle;
}

/* Gratis page (list of free pdf's) 
-------------------------------------*/
.gratiscontainer  {
	width:99%;
	border-top: #DEE5F8 1px solid; 
	border-right: #C0C3E2 1px solid; 
	border-bottom: #C0C3E2 1px solid; 
	border-left: #C0C3E2 1px solid; 
	background: transparent; 
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	background-color:#fef8e2;
}
.gratiscontainer .topbar  {
	background-color:AliceBlue;
	BORDER-BOTTOM: #C0C3E2 1px solid; 
}
.gratiscontainer .bottombar  {
	background-color:AliceBlue;
	border-top: #C0C3E2 1px solid; 
	text-align:right;
	padding: 1px 10px 2px 0; 
}
.gratiscontainer .topbar .titel  {
	font-weight:bold;
	padding: 5px;
}
.gratiscontainer .bottombar .boven  {
    font-size: 0.8em;
	font-weight:normal;
}
.gratistekst {
	padding: 1px 5px 5px 5px;
	margin:0 5px 0 0;
}
.gratistekst ul {
list-style-position: inside;
margin: 0 0 3px 0;
}
.gratistekst li {
padding: 0 10px 0 10px;
margin:0;
}
/**** end of Gratis  ****/

/* Animaties */
/* table for animated gifs  */
.TblAni {
	border:0;
	margin: 10px auto;
}
.TblAni td {
padding: 5px;
border:1px solid #ccc;
}
.TblAni td p {
margin: 0;
}

.floatrightcontainer {
	float:right;
	margin-top:0;
	margin-left:10px;
	text-align:center;
}
.floatrightcontainer .gratisCaption {
	margin-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; color: #2D3878;
}
.floatrightcontainer img {
	border: 1px solid #ccc;
	padding:5px;
}
/**** end of Animaties ****/

/* Woordverwacht
-------------------------*/
.woordverwacht {
width: 210px;
background:#f0f8ff;;
color:#000080;
float: right;
border:1px solid #2D3878;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:5px;
margin-left:10px;
margin-right:0px;
margin-bottom:10px;
}

.rule10pad {
display:block;
clear:left;
border-top: 1px solid #AFD0FF; 
margin:10px 10px 10px 0;
}
.rule5pad {
height: 1px; 
color: #AFD0FF; 
background-position: left;
margin-top:5px;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
}

.nbbanner {
width: 205px;
background:#ffffff;
color:#000033;
float: right;
margin: 0 0 7px 7px;
text-align:center;
}
.nbbanner p {
margin-top:0;
font-size : 0.90em;
}

/*.nbformContainer {
clear:both;
width:auto;
border-top: 1px solid #AFD0FF;
border-right: 1px solid #AFD0FF;
padding:5px;
text-align:center;
}
/*

/*= Various image styles 
----------------------------*/
/* small icons */
.picto {
	vertical-align:middle;
	margin:0 2px;
	border:0;
}
/* bestelknop op categorie page*/
.purchase {
	margin-top:3px;
	vertical-align:middle;
}

.floatleft { margin: 0 10px 10px 0px; }
.floatright { margin-left:8px; margin-right:5px; margin-bottom:10px;}

/* float image right in kader
--------------------------------*/
.float-right-kader {
	margin:0 5px 0 7px; 
	text-align:center;
	border:1px solid #ff6400;
	padding:5px;
    float:right;
}
.float-right-kader-borderless {
	margin:0 5px 0 7px; 
	text-align:center;
	padding:5px;
    float:right;
}
 .min75px {
    height:75px;
  }
 .min150px {
    height:150px;
  }
/* END float image right in kader
--------------------------------*/

.imgcont {
	margin: 10px 10px 10px 5px;
	border-top:#fff 4px solid;
	border-bottom:#cfcfcf 3px solid;
	border-left:#cecece 4px solid;
	float:left;
}
.gratisimage {
	padding:5px 0 5px 0;
}
.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 5px 0 10px !important;
  margin: 10px 5px 0 10px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

.iconbar {
	padding:5px;
	vertical-align: middle;
	display: block;
	height: 45px;
}

.iconFloatCentered {
	margin: 0 10px; 
	float:left; 
	display: inline;
}
/*End of image styles */


/*Kortingsbon container and table styles 
-----------------------------------------*/
#divBonnentblCont {
float:left;
margin: 0 0 10px 0;
padding: 0;
}
#divBonnentblCont table {
padding:0;
margin:0;
border:0;
}
#divBonnentblCont td {
text-align: center;
padding: 0;
}
#divBonnentblCont p {
font-size: 12px;
margin: 1px 0;
padding:0;
}

#divBonnentblCont a {
font-size: 12px;
}


.hide{
display: none;
}
.show{
display: block;
}

/***** computerbrevet logo container styles */
#brevetCont {
text-align:center;
margin: 10px 5px;
}
#brevetCont img {
border:0;
}
.kerstbg {
padding:1px 10px 1px 5px;
}

.kerstprod {
padding-right:10px;
}

.tip {
clear:both;width: 98%;font-size: 1.165em;font-weight: bold;color:#ff3300;border-bottom: 1px solid #c1d3ff;padding-top:15px;padding-bottom:3px;}
.tip a:link, .tip a:visited, .tip a:active{
	text-decoration: none; color: #0082e0;}
.tip a:hover{
	text-decoration: underline;color: #F70000;}

.naarboven {
float:right; display:block; text-align:right;padding:0 5px; font-size:0.76em;
}

/* eliminate excessive padding on top of paragraph*/
.minPadTop {
margin-top:3px;}

.firstline {
padding: 0;
margin:5px 0 5px 2px;
}
.firstline li {padding-left: 0.8em;list-style: none;}

/* ------------------------------------------------------------------------------------------------ */
/* Suggested products - small cover images floats, used on show_detail.php, website bij het boek 
/* ------------------------------------------------------------------------------------------------ */
.aanbevolen {
    display: inline-block;    
    min-width: 115px; /* use when Firefox 3 come out, then omit float*/   
/*	float: left;*/
    width: 105px;
	height: 145px;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align:top;
	overflow:hidden;	
	/* without float */
}

/* necessary For horizontal stacking in IE7 */
*:first-child+html .aanbevolen {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .aanbevolen {
  display: inline;
}

.aanbevolen .Prod1 {
/* product image inside floated container*/ 
	border:0;
}
.aanbevolen a {
/* product image inside floated container*/ 
	border:0;
}


/* ------------------------------ */
/* Products - large cover images floats 
/* ------------------------------ */
.Lgthumbnail {
	float: left;
	width: 175px;
	height:360px;
	margin: 0 10px 15px 0;
	padding: 5px;
	font-size:96%;
	overflow:hidden;
}

/* necessary For horizontal stacking in IE7 */
*:first-child+html .Lgthumbnail {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .Lgthumbnail {
  display: inline;
}

.Lgthumbnail .Prod1 {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	border:0;
}

/* ------------------------------ */
/* Products - bookware.php en gratis-software-internet.php
/* ------------------------------ */
.productsummary-halfpage {
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
/*	border-bottom: 1px solid #C1D3FF;*/
	position:relative;
}
.productsummary-halfpage .product-omslag {
/* product image inside floated container*/ 
	float: left;
	margin-right:10px;
	margin-bottom:10px;
	border:0;
}
.productsummary-halfpage .actie {	
	position:absolute;
	top:0;
	left: 515px;
	float: right;
	width: 200px;
	margin: 0 10px;
	padding: 0;
}
.nobotborder {
	border: 0;
}

/* ------------------------------ */
/* Products - cadeau2010.php 
/* ------------------------------ */
.kerstthumbnail {
	float: left;
	width: 205px;
	height:315px;
	margin: 5px 10px 5px 0;
	padding: 5px 8px;
	overflow:hidden;
}
.kerstthumbnail-small {
	float: left;
	width: 205px;
	height:250px;
	margin: 5px 10px 5px 0;
	padding: 5px 8px;
	overflow:hidden;
}

/* necessary For horizontal stacking in IE7 */
*:first-child+html .productsummary-halfpage {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .productsummary-halfpage {
  display: inline;
}
*:first-child+html .kerstthumbnail {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .kerstthumbnail {
  display: inline;
}
*:first-child+html .kerstthumbnail-small {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .kerstthumbnail-small {
  display: inline;
}

 .kerstthumbnail p, kerstthumbnail-small p {
	font-size:90%;
	clear:left;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.productsummary-halfpage .bestelknop, .kerstthumbnail .bestelknop, kerstthumbnail-small .bestelknop {
	vertical-align: bottom;
	margin-top: 2px;
}
.productsummary-halfpage .bestelknop img{
	margin-top:5px;
}
.kerstthumbnail .bestelknop img, kerstthumbnail-small .bestelknop img{
	margin-left:5px;
}

/* Bestel NU! knop ******/
    .linkbutton3 a {
        padding-left: 2.1em;
        background: url(../images/bestelnu.gif) 0 50% no-repeat;    
    }

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


/* ------------------------------ */
/* Product series - show_serie.php 
/* ------------------------------ */
.Productserie {
	float: left;
	width: 165px;
	height:165px;
	margin: 0 5px 15px 0;
	padding: 5px;
	font-size:96%;
	overflow:hidden;
	text-align:center;
}

/* necessary For horizontal stacking in IE7 */
*:first-child+html .Productserie {
  display: inline;
}
/* necessary For horizontal stacking in IE6 only */
* html .Productserie {
  display: inline;
}

/* Clearing
----------------------------*/
.clear {
	clear:both;
    height:0;
    overflow:hidden;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

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

#bannercontainer{
width: 130px;
height: 130px;
padding: 0;
background: #eee;
border: 1px solid #778899;
margin-bottom:10px;
}
.rood {
  color:#f70000;
  }
  
.less_top_margin {
  margin-top:5px;
}
.more_top_margin {
  margin-top:10px;
}
  * { 
	-moz-box-sizing: border-box; /* forces Firefox to do have the same box styling as IE */
}

/* apps div styles
-------------------------*/
.apps-wrap {
	width: 99%; 
	float:left; 
	padding:5px;
	margin-bottom: 15px;
}
.apps-foto {
	float:left; 
	width: 110px;
}

.apps-titel {
	font-weight:bold;
}

/* homepage popup layer
-------------------------*/
#facebox {

	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	width:400px;
	border:10px solid #666;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

#facebox h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#2D3878;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}

.pics { height: 150px; width: 107px; padding:0; margin:5px 0; overflow: hidden;
	background-color:#ffffff; }
.pics img { height: 141px; width: 100px; top:0; left:0; border:0; }



/* footer 
-------------------------*/
.footer_separator {
	width:100%; 
	height:10px;
	background:#778899;
}
.footer-logo {
	margin: 10px auto;
}
.footer-logo img {
	margin:0;
	border:0;
}
.copyright-cont {
	text-align:center; 
	width:100%;
}