html, body {
	margin: 0;
	padding: 0;
	height:101%;
	background: #E0E0E0 url('images/198.gif') no-repeat fixed;
	background-position: bottom left;
	text-align: center;
	font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 12px; color: #000000; line-height: 14pt;
	}





/*------------------------------------*\
	navigation 
\*------------------------------------*/




	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:right; 
			display:block; 
			width:75px; 
			background:url('images/196.png') no-repeat top center;
			margin:-1px 1px;
			position:relative;
			z-index:1000; 
			
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:5px 0px 0 0px; 
			font-weight:550;  
			height:28px; 
			text-decoration:none; 
			color:#000; 
			text-align:center; 
			color:#000;
		}

		#nav li a:hover {
			color:#000;
	text-decoration:underline;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#fff;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:-4px 0 0 0px; 
			padding:0; 
			list-style:none;

		}
		
		#nav ul li {
			width:100px; 
			height:31px; 
			float:left; 
			background:url('images/197.png') no-repeat top center;

		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#000;
		}
		
		#nav ul a:hover {
			text-decoration:underline;
	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}






















/* divs 
----------------------------------------------- */



#page-container {
	width: 950px;
	margin: auto;
	background: transparent;
	text-align: left;
  	}



#bar {
	background: transparent; 
	height: 20px;
	margin: auto;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	}

#ie6t {

	height: 0px;

	}


#page-whitefield {
	background: #ffffff;
	text-align: left;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-right: 1px solid #698B69;
	border-bottom: 1px solid #999999;
	-moz-box-shadow: 3px 3px 4px #A0A0A0;
	-webkit-box-shadow: 3px 3px 4px #A0A0A0; 	
	box-shadow: 3px 3px 4px #A0A0A0;
  	}

#page-innerfield_bottom_left {

	background: transparent url('images/195.png') no-repeat;
	background-position: bottom left;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  	}

#page-innerfield_bottom_right {

	background: transparent url('images/199.png') no-repeat;
	background-position: bottom right;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  	}

#page-innerfield_top_right {

	background: transparent url('images/284.png') no-repeat;
	background-position: top right;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  	}

#page-innerfield_top_library {

	background: transparent url('images/780.jpg') no-repeat;
	background-position: top left;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  	}


#pricediv {

	background: transparent;
	position: absolute;
	width: 90px;
	height: 30px;
	top: 220px;
	left: 30px;
  	}


/*------------------------------------*\
	header *.jpg
\*------------------------------------*/
#page-innerfield_top_center {

	background: transparent url('images/555.jpg') no-repeat;
	background-position: top center;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
  	}






#headertop {
	height: 93px;
	margin-left: 15px;
	margin-right: 15px;
	z-index:10;
	}


#header {
	margin-left: 15px;
	margin-right: 20px;
	height: 34px;
	z-index:10;
	}



#sidebar-a {
	float: right;
	width: 250px;
	min-height: 600px;
	background: transparent;
	margin-top: 15px;
	padding-left: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
	text-align: right;
	}


#sidebar-index {
	float: left;
	width: 200px;
	background: transparent;
	padding-left: 15px;
	padding-bottom: 15px;
	text-align: left;
	}


#index_rightbar {
	float: right;
	width: 220px;
	margin-right: 15px;
	background: transparent url('images/27.gif');
	background-repeat: repeat-x;
	background-position: 10px 30px;
	text-align: left;
	padding: 10px;
	}



#index_topleft {
	margin-right: 270px;
	margin-left: 10px;
	height: 350px;
	background: transparent;
	text-align: left;
	clear: left;
	padding: 10px;
	}




#index_left {
	float: left;
	width: 310px;
	border-right: 15px solid #ffffff;
	margin-left: 10px;
	background: transparent url('images/27.gif');
	background-repeat: repeat-x;
	background-position: 10px 30px;
	text-align: left;
	padding: 10px;
	}

#index_center {
	width: 260px;
	margin-right: 260px;
	margin-left: 355px;
	border-right: 20px solid #ffffff;
	background: transparent url('images/27.gif');
	background-repeat: repeat-x;
	background-position: 10px 30px;
	text-align: left;
	padding: 10px;
	}






#maincontent-index {
	margin-right: 240px;
	margin-left: 200px;
	background: transparent;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	text-align: left;
	}


 
#maincontent {
	margin-right: 250px;
	background: transparent; 
	padding-top: 35px;
	padding-left: 25px;
	padding-right: 45px;
	padding-bottom: 15px;
	text-align: left;
	}




#maincontent_ebooks {
	background: transparent;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	text-align: left;
	z-index:1;
	}






#footer {
	clear: both;
	background: transparent;
	height: 35px;
	text-align: right;
	margin-left: 15px;
	margin-right: 15px;
	}


#pressblock {
	float: left;
	background: transparent;
	height: 330px;
	width: 350px;
	}


#bookblock {
	float: left;
	background: transparent;
	min-height: 330px;
	width: 94%;
	}








/* layout
----------------------------------------------- */



blockquote, h3, p, li {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px; line-height: 14pt; text-align: justify;
	-webkit-font-smoothing: antialiased;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Georgia, Times, serif;
}

h1 {
	font-size: 1.4em; color: #8E8E38; line-height: 1.2em; letter-spacing: 1px; font-weight: normal; font-family: Verdana, Tahoma, Georgia, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 12px; font-weight: bold; color: #000000;line-height: 14pt; word-spacing: 0.2em;
}

h4 {
	font-size: 1.8em; color: #003333; line-height: 1.2em; letter-spacing: 1px; font-weight: normal; font-family: Verdana, Tahoma, Georgia, Arial, Helvetica, sans-serif;
}

h5 {
	font-size: 1.3em; color: #8E8E38; line-height: 1.2em; letter-spacing: 1px; font-weight: normal; font-family: Verdana, Tahoma, Georgia, Arial, Helvetica, sans-serif;
}



hr {
	margin: 2em auto;
	width: 370px;
	height: 1px;
	color: #7a7e7d;
	background-color: #7a7e7d;
	border: none;
}

small, .small {
	font-size: 0.8em;
}


.classindex h1 {
	font-size: 1.2em; color: #8E8E38; line-height: 1.2em; letter-spacing: 1px; font-weight: normal; font-family: Verdana, Tahoma, Georgia, Arial, Helvetica, sans-serif;
}







/* imageclasses
----------------------------------------------- */




.coveronof img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.coveronof:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}



.backbutton img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.backbutton:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}


.appbutton img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

.appbutton:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}




.buybutton img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

.buybutton:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}






.shadow {
  -moz-box-shadow: 3px 3px 4px #A0A0A0; /* Firefox/Mozilla */
  -webkit-box-shadow: 3px 3px 4px #A0A0A0; /*Safari/Chrome */
  box-shadow: 3px 3px 4px #A0A0A0; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0');
}






.shadowround {
  -moz-box-shadow: 3px 3px 4px #A0A0A0; /* Firefox/Mozilla */
  -webkit-box-shadow: 3px 3px 4px #A0A0A0; /*Safari/Chrome */
  box-shadow: 3px 3px 4px #A0A0A0; /* Opera & hoe het zou moeten */
  /* Voor IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0')";
  /* Voor IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#A0A0A0');
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}






/* links
----------------------------------------------- */



a img {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
}

h3 a {
	font: 1.5em Georgia, Times, serif;
}

#site-name a {
	border: none;
}

#sidebar-2 a, #sidebar-1 a {
	color: #c00;
	border: none;
}


.class1 a {
	color: #000000;
	text-decoration: underline;
}

.class1 a:hover {
	color: #808080;
	text-decoration: none;
}



.class1 a:active {
	color: #808080;
	text-decoration: underline;
}






.class2 a {
	color: #000000;
	text-decoration: none;
}

.class2 a:hover {
	color: #808080;
	text-decoration: underline;
}



.class2 a:active {
	color: #808080;
	text-decoration: none;
}





.class3 a {
	color: #808080;
	text-decoration: underline;
}

.class3 a:hover {
	color: #000000;
	text-decoration: none;
}



.class3 a:active {
	color: #000000;
	text-decoration: underline;
}






.class3pag a {
	color: #808080;font-size: 13px;padding-left:5px;padding-right:5px;
	text-decoration: none;
}

.class3pag a:hover {
	color: #000000;font-size: 13px;padding-left:5px;padding-right:5px;
	text-decoration: none;
}



.class3pag a:active {
	color: #000000;font-size: 13px;padding-left:5px;padding-right:5px;
	text-decoration: none;
}








.class4 a {
	color: #8E8E38; font-size: 12px; line-height: 15pt; letter-spacing: 0.1em;
	text-decoration: none;
}

.class4 a:hover {
	color: #000000; font-size: 12px; line-height: 15pt; letter-spacing: 0.1em; background-color: #ffffff;
	text-decoration: none;
}



.class4 a:active {
	color: #808080; font-size: 12px; line-height: 15pt; letter-spacing: 0.1em;
	text-decoration: none;
}




.class5 a {
	color: #666600; font-size: 15px; line-height: 16pt; text-decoration: none; font-family: Georgia;
}

.class5 a: hover {
	color: #666600; font-size: 15px; line-height: 16pt; 
        text-decoration: underline; font-family: Georgia;
}



.class5 a:active {
	color: #666600; font-size: 15px; line-height: 16pt; text-decoration: underline; font-family: Georgia;
}




.class6 a {
	color: #888888;
	text-decoration: none;
}

.class6 a:hover {
	color: #808080;
	text-decoration: underline;
}



.class6 a:active {
	color: #808080;
	text-decoration: none;
}




.class7 a {
	color: #ffffff;
	text-decoration: underline;
}

.class7 a:hover {
	color: #808080;
	text-decoration: none;
}



.class7 a:active {
	color: #808080;
	text-decoration: underline;
}











.section_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}


.section_list ul {
	list-style-type: none;
}



.section_list li {
	margin: 0 10px 2px 0;
	padding: 0;
}






#content {
	margin: 0 155px;
	padding-top: 30px;
}

#foot {
	margin-top: 5px;
	clear: both;
	text-align: center;
}









/* box model hacks
http://archivist.incutio.com/viewlist/css-discuss/48386
----------------------------------------------- */

#container {
\width: 400px;
w\idth: 760px;
}

#sidebar-1, #sidebar-2 {
\width: 150px;
w\idth: 150px;
}

/* overrides
----------------------------------------------- */

#sidebar-2 p, #sidebar-1 p {
	font-size: 0.8em;
	line-height: 1.5em;
}

.caps {
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

div.divider {
	margin: 2em 0;
	text-align: center;
}

/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;
}

.author {
	font-style: normal;
	font-size: 0.8em;
}

.published {
	font-size: 0.8em;
}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}




/* zemcontact
----------------------------------------------- */

#zemdiv {
   background:#CCCC99;
   background:rgba(204,204,153,0.85); /* It'll look nice semi-transparent */ 
   width: 530px;
   margin: auto;
   text-align: left;
   border-right: 1px solid #BFBFBF;
   border-bottom: 1px solid #BFBFBF;
   padding-bottom: 1em;
   margin-left: 5em;
   border-radius: 12px;
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;

	}


.zemContactForm fieldset {
   border: none;
   width: 520px;
   }

.zemContactForm legend {
   font-size: 14px; color: #000000; line-height: 14pt; font-weight: bold;
   margin: 0.7em 0 0.3em 0;
   padding: 0.5em 10px 0.5em 0;
   width: 60px;
   }
.zemContactForm label {
   float: left;
   width: 170px;
   margin: 0.5em 10px 0 0;
   text-align: right;
   color: black;
   }
.zemContactForm label2 {
   float: left;
   width: 400px;
   margin: 0.5em 10px 0 0;
   text-align: right;
   color: black;
   }
.zemContactForm input {
   margin-bottom: 0.5em;
   }
.zemContactForm br {
   clear: left;
   }
.zemContactForm #zemSubmit {
   margin: 0.5em 0 0 70px;
   }




/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */


/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong {
  font-weight: bold;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* prevents sub and sup affecting line-height in all browsers */
sub,
sup {
  /* 12px */
  font-size: .85714285714286em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* consistent tables */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* make table cells align top by default */
th,
td {
  text-align: left;
  vertical-align: top;
}

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* Clearfix