/*** body styles ***/
/*******************/
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height:1.45em;
	color: #333333;
	background-color: #67737A;
}

/*** General styles ***/
/*******************/
p, li {  font-size: 0.9em; line-height:1.45em;  }
td {  font-size: 100%; }
h2 {font-size: 1.2em;}
h3 {clear:left;width: 90%;font-size: 1.1em;color:#ff3300; border-bottom: 1px solid #909DBD;padding-top:15px;padding-bottom:3px;}

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


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

.navbg {
background-image: url(images/balk.jpg);
background-repeat: repeat-x;
border-top: 1px solid #708090; /*top border style*/
border-bottom: 2px solid #003366; /*thick bottom border below tabs*/
padding-left:150px;
}

html, body, #maintable {height:100%;}

/* top navigation */
#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: white;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/navbg_over.jpg) top right no-repeat;
/*border-top: 1px solid #d3bdbe; /*top border style*/
/*border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
color: white;
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: white;
}

#thicktabs li a:hover{
color: white;
background-image: url(images/navbg.jpg); /*background image swap on hover*/
}
#thicktabs li a.active{
color: white;
background: url(images/navbg_current.jpg) top right no-repeat; /*background image swap on hover*/
}

.doNotDisplay {
  display: none !important;
}

.rtbarbg {
	background-image: url(images/rtbg.gif);
	background-repeat: repeat-y;
	background-color:#FFF8B7;
	vertical-align:top; 
}
.rightsidebar {
	padding-left:10px;
}
.rightsidebar Centered {
text-align:center;}

.rightsidebar ul { padding:0px;
margin:0 0 0 5px;}
.rightsidebar li { padding:0 0 0 0;
margin:0 0 11px 20px;}

.leftbarbg {
	background-image: url(images/leftbg.jpg);
	background-repeat: repeat-y;
}

.maincontent {
width:100%;
background-color: #fff;
vertical-align:top;
padding: 15px 20px 15px 5px;
}


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


/* h3 style voor subheadings*/
.blockheading {
	width: 99%;
	font-size: 1.15em;
	color:#ff3300;
	margin:30px auto 10px auto;
	border-bottom: 1px solid #9ac9db;
	padding-bottom:3px;
}
.caption {
font-size:0.8em;
margin-bottom:5px;
}

.sidebar {
	color: #49486F;
	text-decoration: none;
}

a.sidebar:hover {
	text-decoration: underline;
}


/* images definitions*/
.myimage {
	margin-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.image5px {
	margin:5px;
}
.imageRightAligned {
float:right;
padding:5px;
border: 1px solid #ccc;
margin: 0 10px;
}
.centeredimage {
	margin-right:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
}

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

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

.smallGratis {
  clear:left;
  text-align:center;
  margin-bottom:0;
  }
.smallGratis img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;}

  
.imgIcon {
	margin-top:5px; margin-right:5px; margin-left:0px; margin-bottom:0;
	vertical-align:middle;
}

.clearLeft {
	clear:left;  
}
 
.clearRight {
	clear:right;  
}
 
.clear {
	clear:both;  
}
.NoMargTop {margin-top:0;padding-top:0;}

.first {margin-top:0; padding-top:0;}


/**** Gratis styles (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:AliceBlue;
	BORDER-BOTTOM: #C0C3E2 1px solid; 
}
.gratiscontainer .bottombar  {
	background-color:AliceBlue;
	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  ****/
/*******Bestel NU! knop******/
    .linkbutton3 a {
        padding-left: 2.1em;
        background: url(images/bestelnu.gif) 0 50% no-repeat;    
    }


#series {
padding: 2px;
font-size: 0.9em;
text-decoration: none;
}
.seriesCont {
margin: 0 0 15px 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: underline;
}
.seriestitle a:hover {
color: #000080;
text-decoration: none;
}
.seriestext {
margin: 2px 5px 5px 5px;
color: #2D3878;
font-weight: normal;
text-decoration: none;
}