body { 
	margin:0;
	padding:0;
	background-color:#ECECEC;
	font:x-small/1.45em Verdana, Arial, Helvetica, sans-serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
	  
#sitewrapper {
	background-color:#025776;
	width:960px;
	margin:0 auto;
	border-right: 1px solid #FFD93E;
	border-left: 1px solid #ccc;
}

.header {
	height:72px;
	background: #003F7D url(images/titel_bg.jpg) repeat-x;
	margin:0;
	padding:0;
}
.title {
	height:72px;
	width: 450px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	width: 450px;
}

.visualsteps-logo {
	height:72px;
	width: 190px;
	margin:0;
	padding:0;
	float:right;
	display:inline;
}

#navWrapper {
	clear:both;
	width:100%;
    height:26px;
	background-color: #990033;
	margin:0;
    padding: 0;
	overflow:hidden;
	border-bottom: 1px solid #909DBD;
	text-align:center;
}

/* navigation */	
.subHeader {
  background-color: #990033;
  color: #ffffff;
  margin: 0 auto;
  text-align: center;
  width:500px;
  display: block;
  padding: 3px 0;
}

.subHeader a {
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 1em;
  height:26px;
}
.subHeader a:hover {
  color: #99FFFF;
  text-decoration: none;
}
.subHeader a.active {
  color: #99FFFF;
  text-decoration: none;
}
.subHeader a.active:hover {
  color: #fff;
  text-decoration: none;
}
.doNotDisplay {
  display: none !important;
}
/* author
------------------------------*/
.author {
	float:left;
	display:inline;
	width: 218px;
	height: 26px;
	margin:0;
	padding: 2px 0;
}

/* main content tabel cell*/
.main {
	padding: 10px 15px 10px 20px; 
	vertical-align:top;
	background-color: #ffffff;	
	width:100%;
}
/* left content tabel cell for white space on left*/
.leftcol {
	background-color: #ffffff;
	width:50px;	
}
/* right content tabel cell for subnavigation*/
.colrightbg {
	background-color: #FFF8B7; 
	border-left:1px solid #f5deb3;
}
.colrightwrapper {
	padding: 0;
}
.colrightwrapper h2 {
	font-size:1em;
	background:#ebf1fd;
	margin: 0;
	padding:5px 12px;
	border-bottom:1px solid #C1D3FF;
}

.colrightwrapper h2.yellow {
	background:#FFF8B7;
	border-bottom:1px solid #FCCA32;
	color:#333;
}

.colrightcontent {
	padding: 10px;
}

/* 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;
	background:#FFE478;
	border-bottom:1px solid #FFCE09;
	color:#333;
	text-decoration: none;
	font-weight: bold;
}
ul.menu li a.lastitem {
	border-bottom:none;
}
ul.menu li a:hover {
	background:#bfe1da;
	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;}

/* more books fading slide show container for left column
----------------------------------------*/
.morebooks {
	background-color: #FFFFFF; 
	border-top:1px #F70000 solid;
	border-bottom:1px #F70000 solid;
	margin-top:5px;
	width: 200px;
}


/* vertical align top*/
.vtop {
	vertical-align:top;
	padding-top:3px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align:left;
	margin: 15px 0 10px 0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align:left;
	margin: 15px 0 10px 0;
}

h3 {clear:left;width: 99%;font-size: 1em;color:#ff3300; border-bottom: 1px solid #909DBD; margin-top:15px;padding-bottom:3px;}

.red { color: #F70000; }
.blue {  color: #333399}
.burg {  color: #990033}
.green {  color: #006666}
a.red:hover {color: #CC0033; text-decoration: underline}
a.blue:hover {color: #3333CC; text-decoration: underline}
a.door:hover {color: #009966; text-decoration: underline}

.vistacompatible{
	float: right;
	width: 103px;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
}
.tips {
	background-image: url(images/label_tips.jpg);
	background-repeat: repeat-x;
}
.home {
	background-image: url(images/label_home.jpg);
	background-repeat: repeat-x;
}
.product {
	background-image: url(images/label_product.jpg);
	background-repeat: repeat-x;
}

.nieuws {
	background-image: url(images/label_nieuws.jpg);
	background-repeat: repeat-x;
}

.voorbeeld {
	margin-right:10px;
	margin-bottom: 10px;
	border:0;
	}
.image5px {
	margin:5px;
}

.imgNoBorder {
	border:0;
}


/* ------------------------------ */
/* Products - thumbnails floats 
/* ------------------------------ */
.Lgthumbnail {
    /*display: inline-block;    
    min-width: 175px;*/ /* use when Firefox 3 come out, then omit float*/   
	float: left;
    width: 175px;
	height: 285px;
	margin: 0 10px 15px 0;
	padding: 5px;
	font-size:96%;
	vertical-align:top;
	overflow:hidden;	
	/* without float */
}

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

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

.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 */



/* naar boven top of page
----------------------*/
.footer {
	float:right; 
	width:960px;	
	margin:0 auto;
	padding:0;
	background-color:#003F7D;
	color:#ffffff;
}
.naarboven {	
	text-align:center;
	padding:3px 10px; 
	font-size:0.76em;
}
.naarboven a {color:#fff;text-decoration:none;}
.naarboven a:hover {text-decoration:underline;}

/* clearing
----------------*/
.clearRight {clear:right;}
.clearLeft {clear:left;}
.clearBoth {clear:both;}

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

/* small icons */
.picto {
	vertical-align: middle;
	border:0;
}
/* small buttons (Adobe Reader, etc)*/
.purchase {
	margin:3px 0;
	vertical-align:middle;
}

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