* {
 'margin: 0;
}

html, body {
 margin: 0;
 padding: 0;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 100.1%;
 color: black;
}

html>body #pagemenu ul li a { 
 width: auto; 
}

#wrapper { 
 margin: 0 auto; /*Center container on page*/
 width: 802px;
 border: 0px solid #ccc;
}


#header {
 width: 800px;
 float: left;
 height: 115px;
 margin: 0px 0px 8px 0px;
 font-size: 0.8em;
 border: 0px solid #ccc;

}

#contentindex { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 font-size: 1em;
 width: 798px;
 display: inline;
}


#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 0px 5px 0px 5px;
 font-size: 1em;
 width: 798px;
 display: inline;
}
#contentbook { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 0px 5px 0px 5px;
 width: 470px;
 display: inline;
}

#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 width: 150px;
 float: right;
}

#nieuwsboxrechts {
 color: #333;
 border: 1px solid #A71930;
 margin: 0px 0px 8px 0px;
 padding: 5px;
 vertical-align: top;
 font-size: 1em;
 width: 244px;
 float: right;
}

#nieuwsboxlinks {
 color: #333;
 border: 1px solid #A71930;
 margin: 0px 10px 8px 0px;
 padding: 5px;
 vertical-align: top;
 font-size: 1em;
 width: 244px;
 float: left;
}

#specialbox { 
 color: #333;
 background-color: #eee;
 border: 1px solid #ccc;
 margin: 30px 0px 0px 10px;
 padding: 0px 5px 8px 5px;
 text-align:center;
 vertical-align: top;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 width: 200px;
 float: right;
}

#advertenties { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 width: 270px;
 float: right;
}

#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 5px 5px 0px;
 width: 150px;
 float: left;
}


#footer { 
 clear: both;
 text-align: center;
 font-size: 0.9em;
 font-color: #fff;
 background: #eee;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
}

#sidebox {
 border:2px solid #DEE6E8;
 padding:10px;
 width:140px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px; 
 text-align:center;
 font-size: 0.8em;
}



#sideboxauthor {
border:1px solid #DEE6E8;
padding:10px;
width:135px;
text-align:right;
}

.button {
   border-top: 2px solid #9b002f;
   background: #eff1f2;
   background: -webkit-gradient(linear, left top, left bottom, from(#91b2fa), to(#eff1f2));
   background: -webkit-linear-gradient(top, #91b2fa, #eff1f2);
   background: -moz-linear-gradient(top, #91b2fa, #eff1f2);
   background: -ms-linear-gradient(top, #91b2fa, #eff1f2);
   background: -o-linear-gradient(top, #91b2fa, #eff1f2);
   padding: 5px 10px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fcfcfc;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   text-align:center;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #002f9b;
   background: #ff0000;
   color: #f7f7f4;
   }
.button:active {
   border-top-color: #72d426;
   background: #72d426;
   }
   
#navsite ul {
 padding-bottom: 2px; 
 padding-left: 0px; 
 margin: 0; 
 border-bottom: 1px solid #A71930; 
 font: 1em Trebuchet MS, sans-serif; 
}
#navsite ul li {
 list-style: none;
 margin: 0; 
 display: inline; 
}
#navsite ul li a {
 padding: 2px 0.5em; 
 margin-left: 0px; 
 margin-right: 0.3em; 
 border: 1px solid #A71930;
 background: #FFF;
 text-decoration: none;
}
#navsite ul li a:link {
 color: #448;
}
#navsite ul li a:visited {
 color: #667;
}
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
 color: #fff;
 background: #A71930; 
 border-color: #227;
}
#navsite ul li a#current {
 background: white; 
 border-bottom: 1px solid white;
}

h1, h2 {
	  font-family: sans-serif;
	  color: gray;
}
h1 {
	font-size: 1.5em;
}
p {
	  color: #A71930;
}

a:link {
  color: #309 }
a:visited {
  color: #309 }
a:active {
  color: #309 }
a:hover {
  color: #999;}

#languages {
 float: left;
 height: 20px;
 width: 500px;
 margin: 4px 0px 10px 0px;
 link: hover;
}

#book {
border-bottom: 1px dotted black;
}

#author {
	color: black;
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

#title {
	color: #cc0000;
	font-size: 0.9em;
	font-weight: bold;
}

#title2 {
	color: #A71930;
	font-size: 0.9em;
	font-weight: bold;
}

#description {
	color: black;
	font-size: 0.8em;
	margin: 0px 0px 0px 10px;
}

#bookseller {
	font-size: 0.9em;
	color: #A71930;
	margin: 0px 0px 0px 10px;
}

#price {
	color: black;
	font-size: 0.9em;
	margin: 0px 0px 0px 10px;
}

#booknumber {
	display: inline;
	color: black;
	font-size: 0.7em;
	margin: 0px 0px 0px 10px;
}
#keywords {
	color: black;
	font-size: 0.7em;
	margin: 0px 0px 0px 10px;
}
#catalog {
	color: black;
	font-size: 0.7em;
	margin: 0px 0px 0px 10px;
}

input.text {
	border: 1px solid #A71930; 
	font-size: 1em;
	width: 200px;
	margin: 0px 0px 4px 0px;
}

input.checkbox  {
	width : 6px;
	height :6px;
	padding: 0px;
	margin: 0px;
}

.submit input
{
color: #fff;
background: #A71930; 
border: 2px outset #d7b9c9
} 

#box { 
 float: left;
 color: #333;
 background-color:#eeeeee;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px; 
 border: 1px solid #A71930;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 780px;
 display: block;
}
#boxleft { 
 float: left;
 color: #333;
 background-color:#eee;
 '-moz-border-radius: 8px;
 '-webkit-border-radius: 8px; 
 'border: 1px solid #808000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 570px;
 display: inline;
}

#boxright { 
 float: right;
 color: #333;
 background-color:#dddddd;
 '-moz-border-radius: 8px;
 '-webkit-border-radius: 8px; 
 'border: 1px solid #808000;
 margin: 0px 0px 0px 0px;
 padding: 2px;
 width: 155px;
 display: inline;
}


#pagemenu p {
 display: none;
}
#pagemenu {
 font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
 font-weight: bold;
 font-size: 80%;
 width: 155px; 
 padding: 0px; 
 'margin-bottom: 1em; 
 color: #A71930;
}
#pagemenu ul {
 list-style: none; 
 margin: 0; 
 padding: 0px 0px 0px 0.5em; 
}
#pagemenu ul li {
 margin: 0px 0px 0px 5px;
}
#pagemenu ul li a {
 display: block; 
 border-bottom: 1px solid #fff;
 color: #0039A6; 
 text-decoration: underline; 
 width: 100%; 
 font-size: 0.9em;
}
#pagemenu ul li a:hover {
 border-bottom: 1px solid #A71930;
 background-color: #A71930; 
 color: #fff; 
}

table, th, tr, td {
 border: 0px;
}

td {
 text-align: left;
 font-weight: bold;
 'font-size: 0.9em; 
}

.pict {
 font-size: 0.75em;
 text-align: left;
 width: 95px;
 vertical-align: bottom;
 }
 
 img.links {
   float: left;
   margin: 2px 5px 0px 0px;
   padding: 2px 5px 0px 0px;
 }
 img.rechts {
   float: right;
   margin: 2px 0px 0px 5px;
   padding: 2px 0px 0px 5px;
 }
 img.midden {
   float: center;
   margin: 0px 5px 0px 5px;
   padding: 0px;
 }

 #ramsj {
       border-top: 1px solid #000000;
       background: #DCDCDC;
       background: -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#DCDCDC));
       background: -webkit-linear-gradient(top, #DCDCDC, #DCDCDC);
       background: -moz-linear-gradient(top, #DCDCDC, #DCDCDC);
       background: -ms-linear-gradient(top, #DCDCDC, #DCDCDC);
       background: -o-linear-gradient(top, #DCDCDC, #DCDCDC);
       
       padding: 2px 10px;
       -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
       border-radius: 0px;
       -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
       -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
       box-shadow: rgba(0,0,0,1) 0 1px 0;
       text-shadow: rgba(0,0,0,.4) 0 1px 0;
       color: #000000;
       font-size: 11px;
       font-family: Helvetica, Arial, Sans-Serif;
       text-decoration: none;
       text-align: center;
       vertical-align: middle;
       width : 50px;
       }
/* specifieke stylen voor de popup */

a#popup {color:#000000; font-weight:bold;}
a#popup:hover b {
	display:inline;
	position:relative;
	}
a#popup span {display:none;}
a#popup:hover {color:#000; cursor:hand; cursor:pointer;}


a#popup:hover #popbox {
	display:block;
	position: absolute;
	top:5px; left:10px;
	width:120px;
/*	height:320px;  */
	background	: #000;
	color		: #fff;
	border		: 1px solid #00007F;
	text-align	: left;
	text-decoration:none;
	font-family:verdana;
	font-size:11px;
	padding:6px;
	line-height:20px;
	z-index:2000;
	}
placeholder {
	color: black;
	}