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

.topbg {  background-image: url("images/top.jpg"); background-repeat: no-repeat}

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

.pgbottom {
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%;}
a:hover {  text-decoration: underline; color: #C46200;}
a {  font-family: Geneva, Arial, Helvetica, san-serif; color: #000055;}
 
h3 { font-size: 1.2em; color:#483d8b;border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:2px;}

/* 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 5px; font-weight:normal;font-size:0.76em;
}
	

/* 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:10px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}


/* red text */
.r_text { 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;
}

#extras {
margin:0;
padding:0 0 10px 10px;
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;
}

#extras ul{	
list-style: disc;
display:block;
margin:0;
padding:0;
}

#extras li{
margin:1px 0 0 5px;
padding:1px;
}

#extras li a{
text-decoration:none;
color:#041FE0;
padding:0 0 5px 0;
}	
	
#extras li a:hover{
color:#C46200;
}


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


/* #######  Right sidebar styles ###### 
/* ------------------- */
.sidebarRight {
width:160px;
background:#B1DCF3;
text-align:center;
vertical-align:top;
padding:10px;
}
.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;
}

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


/**** 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: 255px;
	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 */