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;
	}
.snow {	background: url(http://www.visualsteps.nl/images/visual-bg-snow.jpg) repeat-y top center;}

/* structure */

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

/* Logo, banner
------------------------------------*/

.headingbg {
	padding-left:2px;
	background-color: #fff;
}
.nietzichtbaar {display:none;}

.slideshow { background-color:#ffffff;}

/* text size Twitter Facebook icons */
/* ------------------------------ */
.shopservice {
	width:205px;
	float:right;
	padding-right:10px;
}
/*------------------
 end text size Twitter Facebook icons
-----------------------------------*/

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

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

#topnavcontainer ul {
	margin: 0;
	padding: 0 0 0 250px;
	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: #EBF1FD;
	color: #2d3878;
	text-decoration: none;
	border-right: 1px solid #C1D3FF;
	border-bottom: 1px solid #C1D3FF;
	text-align: left;
}

#topnavlist li a:hover {
	text-decoration: none;
	background: #C1D3FF;
	border-right: 1px solid #95B5FF;
	border-bottom: 1px solid #95B5FF;
}
#topnavlist li a.current {
	text-decoration: none;
	background: #C1D3FF;
	border-right: 1px solid #95B5FF;
	border-bottom: 1px solid #95B5FF;
}
.quick-search-wrap {
	width: 170px; margin-right:10px;
}

 #quick-search {
    width: 151px;
	float:right;
    height: 23px;
    background: transparent url(http://www.visualsteps.com/images/picto_zoeken.png) 0 0 no-repeat;
	margin: 10px 1px 3px 10px;
}
#quick-search #s {
    float: left;
    padding: 1px 0 4px 3px;
    margin: 0 0 0 6px;
    border: 0;
    width: 116px;
    height: 20px;
    background: none;
	font-size:1em;
}
#quick-search #go {
    float: right;
    margin: 2px 6px 1px 1px;
    border: 0;
	width: 16px;
	height: 16px;
	display:inline;
}

/*------------------
 end top navigation 2012
-----------------------------------*/

/*= 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 15px;
	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;
}

/*=search column homepage
-----------------------------------------------------------*/
.zoekenCol {
	background:#FEF8E2;
	vertical-align:top;
	padding: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 p {
	padding:5px;
	margin:5px;
}
/*.zoeken select {
	margin:0 10px; }*/

.zoeken input { margin:0 1px;}
.zoeken h2.firstitem {margin-top:0; border-top:0;}
.zoekknopWrapper {
	text-align:right;
	margin: 5px 10px;
}
.zoekknopWrapper img {
	border:0;
	margin: 4px 0 0 0;
}
/*=search series section
-----------------------------------------------------------*/
#seriesWrapper {
	margin: 0;
	padding: 5px;
}
.seriesCont {
margin: 7px 5px 7px 0;
}
.seriestitle {
color: #FF6600;
font-weight: bold;
text-decoration: none;
}
.seriestitle a, .seriestitle a:link, .seriestitle a:visited, .seriestitle a:active {
color: #FF6600;
text-decoration: none;
}
.seriestitle a:hover {
color: #000080;
text-decoration: none;
}
.seriestext {
margin: 2px 5px 5px 5px;
color: #2D3878;
font-weight: normal;
text-decoration: none;
}

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

.rightnavigation .right-content-header .firstitem, .right-content-menu .right-content-header .firstitem  {margin-top:0; border-top:0;}
.rightnavigation p {
	margin: 5px 0;
	padding:5px 12px;
}
.aanbiedingen h2.firstitem {margin-top:0; border-top:0;}

.aanbiedingen .colheading {
	font-size:1em;
	font-weight:bold;
	color:#0f174e;
	background:#ebf1fd;
	margin: 0;
	padding:5px 12px;
	border-bottom:1px solid #C1D3FF;
}
.aanbiedingen .colheading .firstitem {margin-top:0; border-top:0;}
.aanbiedingen .colheading .firstitemborder {margin-top:0; border-top: 1px solid #000;}

/* 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;
}
.aanbiedingenImgWrapper img {
	border:0;
}


/* homepage product display containers
---------------------------------*/
div.minipicsCont{margin:0; padding:0 7px 10px 0; background-color: #fff;color:#fff; text-align:left;}
ul.about,ul.about li{list-style-type:none;margin:0;padding:0}
ul.about{margin: 0 0 10px 0;text-align:left;}
ul.about li{float:left;text-align:center;width: 105px; margin:8px 8px 0 0; padding: 5px 10px; color: #000; font-size: 0.8em;}
ul.about li img {border:0;}

/* breadcrumb navigation
---------------------------------*/
p.breadcrumbs {
	clear:right;
	margin:5px 5px 5px 0;
}
.breadcrumbWrap {
	width: 99%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	font-size: 0.86em;
}
.breadcrumb {
	margin: 10px 0;
	float:left;
	display:inline;
	width: 540px;
}
/* floating div for row social network icons: Facebook like, Tweet, etc */
.snshare {
	float:right;
	margin: 0 0 0 15px;
	padding:0;
	width: 175px;
	display:inline;
	text-align:right;
}
.snshare img {
	vertical-align: middle;
}
.breadcrumb-wide {
	margin: 10px 0;
	float:left;
	display:inline;
	width: 650px;
}
/* floating div for row social network icons: Facebook like, Tweet, etc */
.snshare-wide {
	float:right;
	margin: 0 0 0 15px;
	padding:0;
	width: 175px;
	display:inline;
	text-align:right;
}
.snshare-wide img {
	vertical-align: middle;
}

/* right floated container for right-content-menu
---------------------------------*/
.right-content-menu {
	margin: 0px 0 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;}

/* emphasis block
---------------------------------*/
.emphasis {
    clear:left;
	margin: 0px 0 5px 10px;
	display:inline;
	border:1px solid #EE4F97;
	padding:7px 5px;
	background-color:#FDE9F2;
}
.emphasis h2.firstitem {margin-top:0; border-top:0;}
.emphasis p { margin: 0 0 5px 10px;}
.emphasis 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;
}
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;
}
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;
}


/* Instructor
-----------------------------------------------*/
ul.instructor {
margin: 15px 5px;
}
ul.instructor li {
	padding: 10px 5px 10px;
	margin-left: 10px;
}

#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: 10px 15px 10px 15px; vertical-align:top;
}

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

	
/*** text formatting
------------------------ ***/
h1 { font-size:1.225em; color:#000066;margin-top:20px;line-height: 1.5em; clear:left;}
h1.welkom { font-size:1.165em; 
	clear:left;
	width: 99%;
	color:#000066;
	margin: 30px auto 10px 0;
	border-bottom: 1px solid #c1d3ff;
	padding-bottom:3px;
}
h1.welcome { font-size:1.165em; 
	clear:left;
	width: 99%;
	color:#000066;
	margin: 10px auto 10px 0;
	border-bottom: 1px solid #c1d3ff;
	padding-bottom:3px;
}
h2 { font-size:1.2em; color:#000066;margin-top:25px; margin-bottom:5px;padding:0;}
h3 { font-size:1.165em; 
	clear:left;
	width: 99%;
	color:#f70000;
	margin: 30px auto 10px 0;
	border-bottom: 1px solid #c1d3ff;
	padding-bottom:3px;
}

h3.nu-verkrijgbaar, h3.nieuwsheading, h3.coming-soon, h3.gratis-heading {
	margin-top:20px; 
	margin-bottom:5px;
	color:#f70000;
}
h3 a.product-titel {text-decoration:none;}
h3 a.product-titel:hover {text-decoration:underline;}
.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;
}
.welkom_text { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #FF6600; 
font-size: 1.5em; 
font-weight:bold;
padding: 10px 0 0 0;
}
.ml_text { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000066; 
font-size: 1.2em; 
font-weight:bold;
padding: 10px 0;
}
.subheading {
clear:left;width: 100%;font-size: 0.9em;font-weight: bold;color:#ff3300;border-bottom: 1px solid #9ac9db;padding-bottom:3px;
}
.subheading a, .subheading a:visited, .subheading a:active, .subheading a:link {color: #0082e0; text-decoration:none; }
.subheading a:hover {text-decoration:underline; }


/*** anchor 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;}

.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 { padding:2px; font-weight: bold;}

.verzoekwrap {
	clear:both;
	margin: 10px auto 10px auto;
}
form.verzoek {
	text-align: left;
	padding: 5px;
	width: 85%; 
}
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:pointer;
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 2px 5px;
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 .boxes {
width: 1em;
float: left;
margin-bottom: 10px;
color: #000;
background: #F8F8FF;
}

form.register label {
float: left;
width: 120px;
font-weight: bold;
}

form.register input, form.register textarea{
width: 180px;
margin-bottom: 5px;
}

form.register textarea {
width: 250px;
height: 150px;
}

form.register .boxes{
width: 1em;
}

form.register .submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}


/* Nieuwsbrief slogan*/
.boek-naar-keuze {
	border: #f70000 2px dashed;
	background-color: #fffafa; 
	margin: 5px auto 10px auto;
	padding: 5px;
	width: 545px;	
	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 computer anxiety 
---------------------------*/
.computer-anxiety-wrap { /*= float image on lezersvragen.php */
	width:275px;
	height:187px;
	float:right;
}
.computer-anxiety-wrap img {
	border:1px solid #a0bbdb;
	padding: 5px;
	background-color:#ebf1fd;
	margin: 0 5px 10px 10px;
}

/* styles FAQs 
---------------------------*/
.lezersvragenImageWrapper { /*= float image on lezersvragen.php */
	width:275px;
	height:185px;
	float:left;
	display:block;
	overflow:hidden;
}
.lezersvragenImageWrapper img {
	border:1px solid #a0bbdb;
	padding: 5px;
	background-color:#ebf1fd;
}
.lezersvragenWrapper ul { display:block; }
.lezersvragenWrapper li.antw { 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 .topbar  {
	background-color: #DEE5F8;
	/*BORDER-BOTTOM: #C0C3E2 1px solid;*/
}
.newscontainer .topbar .titel {
	font-family: inherit;
	font-size: inherit;
	font-weight:bold;
	padding: 0 5px 4px 5px;
}
.newscontainer .topbar .titel a {text-decoration:none;
}

/* VS method page styles 
-------------------------------------*/
.book-features {
	border:1px solid #f70000; 
	margin:10px 0; 
	padding:5px;
	clear:right;
}
.book-features p {
	margin: 5px; 
	padding: 0;
}
.iconcontainer  {
	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;
}
.iconcontainer .methodtopbar  {
	padding: 5px;
	background-color: #fff;
	BORDER-BOTTOM: #C0C3E2 1px solid;
}

.iconcontainer .methodtopbar .titel  {
	font-family: inherit;
	font-size: inherit;
	font-weight:bold;
	padding: 0 5px 4px 5px;
}

.tekst p {
	padding: 0 5px;
	margin:5px 0;
}
.newsimage {
	margin: 0 10px 0 0;
	border:0;
}

/* news article styles */
#VSnieuws {
margin:15px 10px 10px 0;
padding: 5px 10px 5px 0;
}
#VSnieuws .artikeltitel {
font-weight:bold;
font-size: 1.15em;
}

#VSnieuws .imgNewsFloatLeft {
float:left;
margin:0 10px 0 0;
}


/* 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: #f0f8ff;
	BORDER-BOTTOM: #C0C3E2 1px solid; 
}
.gratiscontainer .bottombar  {
	background-color: #f0f8ff;
	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;
	}
.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;
}

/* Various image styles 
-----------------------------------------------*/
/* small extension icons */
.picto {
	vertical-align:middle;
	margin:0 2px;
	border:0;
}
/* symbols used in the VS books*/
.VS-book-icon {
	vertical-align:middle;
	margin:0 3px;
	border:0;
}
/* bestelknop op categorie page*/
.purchase {
	margin-top:3px;
	vertical-align:middle;
	border:0;
}
.myimageLeftBorders {
	border:0;
	margin: 3px 10px 10px 0;
	border-top:3px solid #fff;
	border-right:3px solid #a9a9a9;
	border-bottom:3px solid #D3DDF5;
	border-left:1px solid #D3DDF5;
}
.myimageFloatLeftBorders {
	border:0;
	margin: 3px 10px 10px 0;
	float:left;
	border-top:3px solid #fff;
	border-right:3px solid #a9a9a9;
	border-bottom:3px solid #D3DDF5;
	border-left:1px solid #D3DDF5;
}

.myimageFloatRightBorders {
	border:0;
	margin: 3px 10px 10px 0;
	float:right;
	border-top:3px solid #fff;
	border-left:3px solid #a9a9a9;
	border-bottom:3px solid #D3DDF5;
	border-right:1px solid #D3DDF5;
}

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

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

.myimage {
	margin: 0 8px 5px 0;
	border:0;
}
.myimage2 {
	margin-bottom:5px; margin-top:10px; margin-right:10px; margin-left:0px;
}
/* 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
--------------------------------*/

/* for image alignment
------------------------*/
.floatleft { margin: 0px 10px 10px 0px; }
.floatRight { margin-right:5px; margin-bottom:10px; margin-left:12px;}

.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(http://www.visualsteps.nl/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.visualsteps.nl/images/shadow.gif) no-repeat bottom right;
  margin: 15px 5px 0 10px !important;
  margin: 15px 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:3px 5px; font-size:0.76em;
}

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

.firstline {
padding: 0;
margin:0 0 5px 0;
}



/* ------------------------------ */
/* Products - large thumbnails 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 - show_serie.php
/* ------------------------------ */
.productwrapper {
    display: inline-block;    
    min-width: 190px;
    width: 190px;
	height: 275px;
	margin: 0 10px 15px 0;
	padding: 0 5px;
	font-size:90%;
	vertical-align:top;
	overflow:hidden;	
	/* without float */
}

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

.productwrapper .Prodimg {
/* product image inside floated container*/ 
	border:0;
}
.Productdesc {
margin-top:5px;
clear:left;
line-height:1.3em;
}

/* Bestel NU! knop ******/
    .linkbutton3 a {
        padding-left: 2.1em;
        background: url(http://www.visualsteps.nl/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;
}



/* 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; }
.padding10-r {padding-right:10px;}
  
  * { 
	-moz-box-sizing: border-box; /* forces Firefox to do have the same box styling as IE */
}

/* new titles
------------------------------*/
.listItem {clear:both;float:left;margin:10px 0 10px 10px; width:100%;}
.imgfloatleft{float:left;width:100px;}
img.float-left{margin:0 7px 0 0;}
.listBiblio{float:left;margin-left:15px;width:605px;}
.listBiblio p{margin:5px 0;}
.listBiblio h3 {font-size:100%;color:#2D3878;margin:0;border:0;}
.cartcontainer{float:left;margin:10px 0 10px 15px;}
.cart{float:left;width:450px;}
.cart img{margin-top:5px;}
div.hr {clear:both;height:2px;background:transparent url(/images/line-separator.png) repeat-x;}
div.hr hr {display:none;}

/* 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;
}

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