body {
	margin:0;
	padding:0;
	border:0;			
	background:#fff;
	font: 1em verdana,"trebuchet MS",arial,helvetica,sans-serif;
	color: #000044; 
	background:#E6F5F7 url(/images/visual-bg.jpg) repeat-y top center;
}

.container {
background: #D6EAF6;
padding: 6px 0 0 0;
width: 100%;
vertical-align: top;
}

.pgbottom {
margin:0 auto;
text-align: center;
background:#fff;
padding:10px;
font-size:0.8em;
border-top:4px solid #B1DCF3;
}
td,p,li {  font-family: "Trebuchet MS"; color: #000044; font-size:90%;line-height:1.4em;}

a:hover {  text-decoration: underline; color: #C46200;}
a {  font-family: Geneva, Arial, Helvetica, san-serif; color: #000055;}
h1 { font-size: 1.3em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.1em; color:#483d8b;border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:2px;}
h4 { font-size: 1.1em;}

/* h3 style */
.tip {
width: 90%;font-size: 1.2em;font-weight: bold;color:#483d8b;border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:3px;}

/* h3 style */
.boekserie {
	width: 99%;
	color:#ff3300;
	margin:10px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}

.goUp {
   padding-left:20px;
	font-size:.9em;
   }
.goUp a {
	font-weight:normal !important;
	font-size:1.2em;
	color:#888;
	}
.goUp .right a {float:right; 
	font-size:.9em; padding-right:10px;}
	
	
.cat_titel {
clear:left;width: 98%;font-size: 1.2em;font-weight: bold;color:#ff3300;border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:3px;}

.naarboven {
float:right; display:block; text-align:right;padding:0 10px; font-weight:normal;font-size:0.85em;
}
.visual-steps-logo {
	text-align:center; 
	margin: 10px auto;
	padding:0;
}	

/* h3 style */
.other_category {
	width: 99%;
	color:#1e90ff;
	margin:30px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}

/* h3 style */
.overVisual {
	width: 99%;
	color:#1e90ff;
	margin:0 auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}


/* red text */
.r_text, .red { color: #F70000; }

.imgRight10px {
margin: 0 10px 5px 0;
}

.imgTop10px {
margin: 10px 0 10px 0;
}
.imgTop5px {
margin: 5px 0 5px 0;
}
.chapter {
margin: 10px 0;
}
.chapter h3 {
font-size:1.15em;
margin: 0;
padding:0;
color:#000099;
}
.chapter p {
font-size:1em;
margin:0 0 10px 0;
padding:0 0 5px 0;
}

/* #######  Left column styles ###### 
/* ------------------- */
#cellextras {
width:170px;
background:#FFF;
vertical-align:top;
margin:0;
padding:10px 5px;
}

#extras {
margin:0;
padding:0 0 10px 5px;
font-size:0.9em;
line-height:1.6em;
}

#extras h3 {
font-size:1.25em;
padding:10px 0 0 0;
color:#000044;
}

#extras p {
margin:0 0 10px 0;
padding:0 0 0 5px;
}

#submenu {	
	width:200px;	
	padding: 0;
	margin: 0;	
	list-style-type:none;
	}
#submenu ul {	
	width:200px;	
	padding: 0;
	margin: 0;	
	list-style-type:none;
}
#submenu li {
	width:199px;
	margin: 0;
	padding: 0;
/*	border-bottom: 1px solid #ccc;*/
	text-align: left;
}
#submenu a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.25em;
/*	border-left: 0.5em solid #ff6633;*/
	text-decoration: none;
	color: #000044;
}
#submenu a:hover, #submenu a:active, #submenu a:visited {
	/*border-color: #FE3;*/
	color: #0082e0;
}

/* Content styles 
/* ------------------- */
.content {
padding:20px 15px 10px 10px;
background:#ffffff;
vertical-align:top;
}

.aboutOffice {
margin:10px 10px 10px 40px;
background:#ffffff;
text-align:left;
}


/* #######  Right sidebar styles ###### 
/* ------------------- */
.sidebarRight {
width:170px;
background-color:#B1DCF3;
text-align:center;
vertical-align:top;
padding:10px;
border-right: 1px solid #87cefa;
}
.sidebarRight p {
font-size:0.8em;
padding:0;
margin:0;
}

.sidebarRight .prodklein {
background:#fff;
text-align:center;
vertical-align:top;
padding:5px 3px 7px 3px;
margin-bottom:5px;
border: 1px solid #87cefa;
}

.sidebarRight .progIcons{
background:#fff;
text-align:center;
vertical-align:top;
padding:5px 0 7px 0;
margin-bottom:5px;
border: 1px solid #87cefa;
}

/* #######  studio14 table styles ###### 
/* ------------------- */
.studio14 table {
border:0;
}
.studio14 td {
vertical-align:top;
padding: 5px 10px;
}
.studio14 p {
font-size:100%;
}

/* #######  about Office 2003 special table styles ###### 
/* ------------------- */
.packages {
margin:10px 0;
background:#ffffff;
vertical-align:top;
padding:1px;
}
.packages tr.on {
background:#ffffde;
}
.packages tr.off {
background:#FFF;
}
.packages td {
padding:5px;
border: 1px solid #000066;
}
.packages td.nobr {
border: 0;
}

/* #######  styles voor indexpage nieuwsbrief aanmelden  ###### */
/* ------------------- */
#subscibe table {border:1px solid #336699;border-collapse:collapse}
#subscibe th {background-color:#336699;color:#fff;padding:4px}
#subscibe table td {background-color:#fff;color:#323232;padding:4px;text-align:left;}

/* #######  styles voor subsites nieuwsbrief aanmelden  ###### */
/* ------------------- */
#aanmelden {
clear:both;
margin: 0 0 10px 0;
padding-top: 1px;
text-align:center;
}
* html #aanmelden {
margin-top: -5px;
}

#aanmelden form {
margin: 0;
}
* html #aanmelden form {
margin-top: -15px;
}

#aanmelden table {
border:0;
margin:0;
padding:5px;
width:auto;
}
#aanmelden td {
padding: 3px;
vertical-align:top;
}
#aanmelden fieldset {
	margin: 10px 0;
	border: 1px solid #ACDFD1;
	background-color:#f0ffff;
}
* html #aanmelden fieldset{
position: relative;
}

* html #aanmelden fieldset{
margin-top:1em;
padding-top:1em;
}

* html #aanmelden legend{
position: absolute;
top:-.6em;
left:.5em;
}

#aanmelden legend {
	font-size:1.1em;
	font-weight:bold;
	margin-top:-5px;
	margin-left:5px;
	padding:3px 5px;
	border: 1px solid #80D5D5;
	background-color:#fff;
}

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

/* Shadow behind images
/* ------------------- */
.img-shadow {
  float:left;
  background: url(http://www.basisboeken.nl/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(http://www.basisboeken.nl/images/shadow.gif) no-repeat bottom right;
  margin: 15px 5px 0 10px !important;
  margin: 15px 5px 0 5px;
  }

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

/* control margin top on p tag */
.LessMarginTop {margin-top:5px;}


.clearRight {clear:right;}
.clearLeft {clear:left;}
.clear {clear:both;}


/* ------------------------------ */
/* Products - large 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 */



.tipwide { display:block; clear:left; margin:20px 20px 4px 0; font-size: 1.2em;font-weight: bold;color:#00008b; border: 1px solid #909DBD;background: #f0f8ff;padding:3px 5px;} 


/* begin css tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: bold 0.9em verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #78c2eb; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 1px 0; /* THIRD number must change with respect to padding-top (X) below */
background-color: transparent; 
}

ul#tabnav li { /* do not change */
display: inline;
}


ul#tabnav li a { /* settings for all tab links */
padding: 3px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #78c2eb; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #d6eaf6; /* set unselected tab background color as desired */
color: #00008b; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #0000ff; /* set unselected tab link color as desired */
}
ul#tabnav a.current { /* settings for hover effect */
background: #fff; /* set desired bg color */
border: 1px solid; /* set border COLOR as desired; usually matches border color specified in #tabnav */
border-color: #ff4500 #ff4500 #fff #ff4500; 
color: #0000ff; /* set unselected tab link color as desired */
}
ul#tabnav a.current:hover { /* settings for hover effect */
color: #f70000; /* set unselected tab link color as desired */
}

/* end css tabs */

/* ------------------------------------------------------------------------------------------------ */
/* Suggested products - small cover images floats, used on show_detail.php, website bij het boek 
/* ------------------------------------------------------------------------------------------------ */

#aanbevolen-wrapper {
	clear:left;
	width: 99%;
	margin: 0;
	padding: 0;
}

.aanbevolen {
/*    display: inline-block;    
    min-width: 115px; /* use when Firefox 3 come out, then omit float*/   
	float: left;
    width: 105px;
	height: 145px;
	margin: 7px 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 img   {
/* product image inside floated container*/ 
	border:0;
}