body { 
	margin:0;
	padding:0;
	background-color:#c4c4c4;	
   	color: #111111;
	font-family: Verdana, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
	font-size: small;
   line-height: 1.45em;
}
	  
#sitewrapper {
	background-color:#ffffff;
	width:960px;
	margin:0 auto;
	border-right: 1px solid #9797BB;
	border-left: 1px solid #9797BB;
}

.header {
	height:90px;
	background-color: #ffffff;
	margin:0;
	padding:0;
	float:left;
}
.header .logo {
	float:left;
	width: 650px;
	margin:0;
	padding:0;
}

.header .vs-logo {
	float:right;
	display:inline;
	width:200px;
	overflow:hidden;
	text-align:right;
}

.header .changefont {
	float:right;
	display:inline;
	color:#000;
	font-size: .9em;
	font-family: "Trebuchet MS";
	width:200px;
	overflow:hidden;
	padding-top:30px;
	padding-right:20px;
	text-align:right;
	background-color: #fff;
}

#navWrapper {
	clear:both;
	background-color: #FFCC33;
	margin:0;
	padding:0;	
	overflow:hidden;
	border-top: 1px solid #F2B600;
	border-bottom: 1px solid #F2B600;
}

/* navigation */	
.subHeader {
  margin: 0 0 0 60px;
  padding:4px;
  text-align:left;
  float:left;
  width:900px;
  display: inline;
  font-size: 90%;
  font-weight: bold;
}

.subHeader a {
	text-decoration: none;
	margin: 5px;
	padding: 1.5em;	
	border-left: 1px solid #F0B120;
	border-right: 1px solid #F0B120;
	border-bottom: 1px solid #F0B120;
	background: #FFD659;
  color: #004D91;
}
.subHeader a:hover {
  color: #000;
}
.subHeader a.active {
  color: #d2222c;
	background: #FFFFFF;
	border-right: 1px solid #d2222c;
	border-left: 1px solid #d2222c;
	border-bottom: 1px solid #fff;
}
.subHeader a.active:hover {
  color: #004D91;
}

.subHeader a img {margin-left:8px;vertical-align:middle;top:5px;}
.doNotDisplay {
  display: none !important;
}

.maincell {
vertical-align:top;
width:100%;
padding:15px 15px 10px 25px;
background-color: #FFFFFF;
}
.leftCol {
vertical-align:top;
width:80px;
padding:15px 15px 10px 10px;
background-color: #FFFFFF;
}

.rightCol {
background-color: #E2F2F3;
	border-left: 1px solid #B8C6DA;
	vertical-align:top;
	padding: 0;
	margin: 0;
}
.subtitel {
	margin:0;
	padding: 10px 5px 5px 8px; 
	font-weight:bold;
	display:block;
	background-color: #2fa3ba;
	border-bottom: 1px solid #005c68;
	color:#fff;
	
	
}

/*= secondary navigation (right column)
-----------------------------------*/
#navcontainer {
	margin: 0;
	padding: 0;
	width:200px;
}

#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:200px;
	margin: 0;
	padding: 0;
	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.1em solid #e5f0fe;
	background: #D2EBEC;
	text-decoration: none;
	color: #000066;
	border-top: 1px solid #f8f8ff;
	border-bottom: 1px solid #ABDADC;
}

#navlist li a.current { 
	color: #191970; 
	background: #fffafa;
	border-color: #FE3;
	border-bottom: 1px solid #FFF0A8;
}

#navlist li a.current:hover { 
	color: #FFF; 
	background: #4050AA;
	border-color: #FFF;
	border-bottom: 1px solid #FFF0A8;
}

#navlist li a:hover {
	border-color: #4050AA;
	color: #FFF;
	background: #4050AA;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-bottom: 1px solid #4050AA;
}
#navlist li a img {margin-left:8px;margin-top:3px;vertical-align:middle;}
#navlist li a.bestel:hover {
	border-color: #fff;
	color: #F70000;
	background: #ffffff;
	border-bottom: 1px solid #ABDADC;
}
/* more books fading slide show container for right column
----------------------------------------*/
.morebooks {
	background-color: #FFFFFF; 
	border-top:1px #B8C6DA solid;
	border-bottom:1px #B8C6DA solid;
	margin-top:5px;
	padding:5px 0 10px 0;
}
.morebooks p { margin-left:8px; }
/* other content in right column
----------------------------------------*/
.extrainformation {
	margin-top:5px;
	padding:5px 10px;
	text-align:center;
}
/* voor nieuwsbrief aanmelden = tekst */
.nieuwsbrief {
	padding: 5px 8px;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}
.rtbarbg {
	background-color: #1f77be;
	vertical-align:top;
	border-left:1px solid #FFF27D;
}	
/*  tekst formatting */
h1, h2, h4 {	background-color: transparent;
	margin: 0 0 0 0;
}
h1 { font-size:1.225em; }
h2 { font-size:1.225em; }
h3 { font-size:1.165em; }
h3 { 
	font-size:1.165em; 
	clear:left;
	width: 99%;
	color:#ff3300;
	margin: 30px 10px 10px 0;
	border-bottom: 1px solid #c1d3ff;
	padding-bottom:3px;
}


h1 a, h2 a, h3 a, h4 a {
   background-color: transparent;
   color: #B4151A;
}
.r_text, 
.red { color: #F70000; }
.blue {color: #0000cd;}
	
.sidebar {
	color: #49486F;
	text-decoration: none;
}

a.sidebar:hover {
	text-decoration: underline;
}
  /*******Bestel knop******/
.linkbutton3 a {
	padding-left: 2em;
	background: url(../images/bestelnu.gif) 0 50% no-repeat;  
 }
/* naar boven top of page
----------------------*/
.footer {
	float:right; 
	width:960px;	
	margin:0;
	padding:0;
	background-color:#465da1;
}
.naarboven {
	float:right; 
	display:inline; 	
	text-align:right;
	padding:3px 10px; 
	font-size:0.76em;
}
.naarboven a {color:#fff;text-decoration:none;}
.naarboven a:hover {text-decoration:underline;}

input.button {
	margin-top:5px;
	font-weight:bold;
}



/* screenshots table
-----------------------------------*/
.TblVoorbeelden {
	border:0;
	margin: 10px 10px 10px 0;
}
.TblVoorbeelden td {
padding: 5px;
border:1px solid #ccc;
	}
.TblVoorbeelden td.leeg {
padding: 5px;
border:0;
	}

/* various image styles
---------------------------*/
.bookcover {
	margin:10px 10px 10px 0;	
}
.book3d {margin-top:7px;}

/* for image alignment
------------------------*/
.floatleft { margin: 5px 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;
}
/* control margin top on p tag */
.LessMarginTop {margin-top:5px;}

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

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

/* floating div voor row social network icons: Facebook like, Tweet, etc 
--------------------------------------------------------------------- */
.social-network-share {
	width: 400px;
	float:right;
	margin: 0;
	display: inline;
}
.social-network-share img {
	vertical-align:middle;
}
.social-network-share img a {border:0; text-decoration:none;}