/* ---[ basis ]--------------------- */
@import url("extract.css");
body{
	margin: 0;
	padding: 0;
	background-color: #193B8F;
	text-align:center; /*centers in early IE*/
	font-family: Georgia, "Times New Roman", Times, serif;	
}


.listdata1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	line-height: 18px;
	background-color: #FFFFFF;

}
.listdata2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	line-height: 18px;
	background-color: #DDDDDD;

}

.listheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background: #333333;
	white-space: nowrap;
	line-height: 18px;
}

.columnheader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background: #40609D;
	white-space: nowrap;
	line-height: 14px;
}

.listfooter {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background: #333333;
	white-space: nowrap;
	line-height: 18px;
}

.frontpage_kop_groot{
  font-family: "Trebuchet MS", Verdana, Geneva;
   font-size: 20px;
    color: #193B8F;
   line-height:24px;	
    font-weight:bold;
}
.frontpage_tekst{
    font-family: "Trebuchet MS", Verdana, Geneva;
    font-size: 16px;
    color: #000000;
    line-height:24px;	
    font-weight:bold;
}
.frontpage_tekst_italic{
    font-family: "Trebuchet MS", Verdana, Geneva;
    font-size: 14px;
    color: #000000;
    line-height:24px;	
    font-style:italic;
}

.frontpage_tekst_blauw{
	font-family: "Trebuchet MS", Verdana, Geneva;
  font-size: 16px;
  color: #193B8F;
  line-height:20px;	
  font-weight:bold;
}

.frontpage_kop_blauw{
	font-family: "Trebuchet MS", Verdana, Geneva;
  font-size: 18px;
  color: #193B8F;
  line-height:24px;	
}

.frontpage_kop_rood{
	font-family: "Trebuchet MS", Verdana, Geneva;
  font-size: 16px;
  color: #193B8F;
  line-height:20px;	
  text-decoration: none;
}
.frontpage_groen{
	font-family: "Trebuchet MS", Verdana, Geneva;
  font-size: 14px;
  color: #01994e;
  line-height:20px;	
  text-decoration: none;
}
a.verder:link{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight:normal;
	color: #0066CC; 
	text-decoration: none;
}

a.verder:visited { 
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight:normal;
	color: #0066CC; 
	text-decoration: none;
}

a.verder {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight:normal;
	color:#0066CC;
}

a.titel:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #E50004;
}

a.titel:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #E50004;
}


a.nodec{
	text-decoration: none;
	
}
#wrapfront{
width: 80%;
	position: relative;
	left:0%;
	height:auto;
	overflow:visible;
	margin-left: 0px;
	text-align:left; /*resets default alignment*/
	margin:0 auto; /*centers in compliant browsers*/
	background-color: #FFFFFF;
	}
#wrap{
	width: 80%;
	position: relative;
	left:0%;
	height:auto;
	overflow:visible;
	margin-left: 0px;
	text-align:left; /*resets default alignment*/
	margin:0 auto; /*centers in compliant browsers*/
	background: url(../images/lijn.gif) top left repeat-y;
}

#wraplinks{
	float:left;
	width:281px;
	background-color: #D0FFFF;

}

#wraprechts{
	margin-left:281px;
/*	_padding: 20px 0px 0px -2px; /* this did the trick. Only IE6 should process this line */
	height:auto;
	padding:0;
	background-color: #FFFFFF;
}

#wraprechtscontent{
	
}
	
/* ---[ bovenbalk ]--------------------- */



#wrapmenuadmin{
	/*background: url(../images/menulinks.gif) bottom left no-repeat;*/
	margin: 0;
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	height:auto;
}

#wrapmenufront{
		background: url(../images/menulinksonder.gif) top left no-repeat;
	margin: 0;
	height: 45px;
	background-color: #FFFFFF;
	
}
#nt2link  {
	text-align: right;
	background-color: #FFFFFF;
	text-decoration: none;
	margin-right: 30px; 
	margin-bottom: 30px;
}

#wrapmenu{
	background: url(../images/menulinks.gif) top left no-repeat;
	margin: 0;
	height: 74px;
	background-color: #193B8F;
}

#wrapmenu_en{
	background: url(../images/menulinks_en.gif) top left no-repeat;
	margin: 0;
	height: 74px;
	background-color: #193B8F;
}
#wrapmenunav {
	float:right;
	margin-top:47px;
}

#wrapmenunav ul {

	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapmenunav ul li{
	float: left;
	border-left: 1px solid white;
	margin :0;
}

#wrapmenunav ul li a{	
	display:block;
	float: left;
	height: 27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding : 3px 10px 0 10px;
	text-decoration:none;
	color: #FFFFFF;
}

#wrapmenunav ul li a:hover, #wrapmenunav ul li a:active, #wrapmenunav ul li a.selected{
	background-color: #FFFFFF; 
	color: #193B8F;
}

/* --- [ midden ] ------------- */

.kader{
	margin : 15px 15px 0 0;
	padding: 15px 15px 25px 15px;
	background-color: #eeeeee;
}

.blok{
	font-size: 13px;
	font-family: Arial,helvetica,sans-serif;
}

.result{
	font-size: 14px;
	font-family: Arial,helvetica,sans-serif;
	font-weight:bold;
	color: #ff0000;
	margin: 5px 15px 20px 5px;
}

.detectimg{
	float:left;
	width:48px;
	height:48px;
	border: solid 0px silver;
}
.detectresult_correct{
	font-size: 14px;
	font-family: Arial,helvetica,sans-serif;
	font-weight:bold;
	color: #37B34A;
	height:48px;
	margin-left:70px;
}
.detectresult_fout{
	font-size: 14px;
	font-family: Arial,helvetica,sans-serif;
	font-weight:bold;
	color: #ff0000;
	height:48px;

	margin-left:70px;
}

/* ---[ onderaan ]--------------------- */




.wrapbottom{
	height:33px;
	overflow:hidden;
	text-align:left; /*resets default alignment*/

}

.wrapbottomdisclaim{
	background-color: #193B8F;

}


#wrapdisclaim{

	padding: 10px 0px 10px 18px;
	font-size:10px;
	font-weight: normal;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapdisclaim a{
	
	font-size:10px;
	font-weight: normal;
	text-decoration:none;
	color: #FFFFFF;
}

/* -- TEKSTEN  */


.titel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	color: #E50004;
}
.subtitel{
	margin-top:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #E50004;
}

.besteltitel{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #000000;
}

.bestelitem{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #E50004;
}

.normaltekst{
	margin-top:2px;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	color: #000000;
}

.testtekst p.strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: italic;
	line-height: 1.4;
	color: #E50004;
}

.testtekst strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #E50004;
}

.normaltekst strong{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #E50004;
}

.normaltekstbold{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	color: #000000;
}

.ISBN {
	margin-top:4px;
	font-size:9px;
	font-weight: normal;
	color: #000000;
}


.normalitalic{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size:12px;
	font-style: italic;
	color: #000000;
	margin-top: 2px;
}


/* --- rechterzijde */

.seriefirst
{
	height:172px;
	/*background-color: #D0FFFF;*/
	border: solid 0px #D0FFFF;
}
.serie{
	height: auto;
	margin: 10px 10px 0px 24px;
	border: solid 0px silver;
}

.lijnpixeltabel{
		margin-top:17px;
	background-color: #193B8F;
	height: 1px;
	overflow:hidden; 
}
.lijnpixel{
	background-color: #193B8F;
	height: 1px;
	overflow:hidden; 
	margin-left:24px;
	margin-top:17px;
}

.legeregel{
	height: 12px;
}
.rechtsinhoud{/* serie inhoud blok*/
	margin-left:15px;
}

.cover{
	width:94px;
	height:125px;
	border: solid 0px silver;
}
.cover_no_float{
	width:94px;
	height:125px;
	overflow: hidden;
	border: solid 0px silver;
}
.prijs{
	float: right;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size:12px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
	
}



/* ---[ rechterkolom ]--------------------- */

img.bestel{
	vertical-align: middle;
}


.empty{
	height:22px;

}

/* Vanaf hier allemaal gebruikt */

.tekstbalk{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#e50004;
	height:27px;
	margin-top:16px;
	padding: 8px 0 0 24px;
}

#welkom{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#e50004;
	height:30px;
		margin-top:16px;
	padding: 16px 0 0 24px;
	border: 0px solid black;
}

#welkom_sub{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#e50004;
	height:30px;
		margin-top:-6px;
	padding: 0 0 0 24px;
	border: 0px solid black;
}

#crumbs{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0066CC;
	background-color: #FFFFFF;
	margin: 23px 0 0 24px;
	height:17px;
}


#crumbs a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;

	color:#0066CC;
}
#crumbs a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
text-decoration:underline;
}

.inhoud{
	height: auto;
	background-color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;	
	color:#000000;
	font-size:12px; 
}


/* ---[ linkerkolom ]--------------------- */
.zoek {
	margin: 0;
	width: 264px;
	background-color: #D0FFFF;
	color: #000000;
	padding: 20px 0 0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

}

#plaatje1 {/*hoort bij linksboven plaatje*/
	width: 281px;
	height:56px;
}

.catinhoud {
	padding-left:17px;
	padding-top:10px;
	font-size: 12px;
/*	x-color:#FFFFFF;*/
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  }


 #select {
	background: url(../images/rollover.gif) 0 0 no-repeat;
	width: 281px;
	height: 35px;
	display : block;
	text-decoration: none;
	background-position: -281px 0;
	color: #FFFFFF;
}  
 
 #select a {
	 color: #FFFFFF;
	 text-decoration: none;
 }
.rollover  {
	width: 281px;
	height: 35px;
	display : block;
	text-decoration: none;
	color:#FFFFFF;
} 

.rollover a {
	background: url(../images/rollover.gif) 0 0 no-repeat;
	width: 281px;
	height: 35px;
	display : block;
	text-decoration: none;
	color:#FFFFFF;
}

.rollover a * {color:#FFFFFF;}

.rollover a:hover {
	background-position: -281px 0;
	color:#FFFFFF;
}
.rollover a:active {
	background-position: -281px 0;
	color: #FFFFFF;
 }
.rollover a:hover *,.rollover a:active * {color:#FFFFFF;}

#rollovertop  {
	background: url(../images/backtop.gif) 0 0 no-repeat;
	width: 281px;
	height: 33px;
	display : block;
	text-decoration: none;
	color:#FFFFFF;
} 

#rollovertop a {
	background: url(../images/backtop.gif) 0 0 no-repeat;
	width: 281px;
	height: 33px;
	display : block;
	text-decoration: none;
	color:#FFFFFF;
}
#rollovertop a:hover {
	background-position: -281px 0;
	color:#193B8F;
}
#rollovertop a:active {
	background-position: -281px 0;
	color: #FFFFFF;
 }
 
 a:link, a:visited { 
 	text-decoration:none;
 	color: #0066CC; 
 	}