/* Jaarsma & De Boer B.V. - http://www.jaarsma-deboer.nl - info@jaarsma-deboer.nl

	
	KOPIËREN EN/OF AFKIJKEN IS NIET NETJES - COPYRIGHT Jaarsma & De Boer B.V.	;-) 	*/


/* ontwikkeld tbv de website www.boekhandelbroekhuis.nl - juni 2003 - FdB */
body			{
			position:absolute;
			top:0;
			left:0;
			margin:0;
			background-color:#FFFFFF;
			

			scrollbar-arrow-color: #333366;
			scrollbar-base-color: #FFFFFF;
			scrollbar-shadow-color: #333366;
			scrollbar-highlight-color: #333366; 
			scrollbar-3dlight-color: #FFFFFF;
			scrollbar-darkshadow-color: #FFFFFF; 
			scrollbar-track-color: #FFFFFF;
			scrollbar-face-color: #FFFFFF;
			}


p			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px; 
			line-height: 120%; 
			}
			
a			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333366;
			text-decoration: none;
			}


a:hover 			{ text-decoration: underline; font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #333366;
			} 
	
.a-witover			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #333366;
			text-decoration: none;
			}

.a-witover:hover 		{ 
			text-decoration: underline; font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff;
			} 

.uitgebreidzoeken{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff;
			text-decoration: none;
			}

.uitgebreidzoeken:hover{ 
			text-decoration: underline; font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #ffffff;
			} 

.zoeklink			{ color: #000000; font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
.zoeklink:link  	{ text-decoration: none;}
.zoeklink:visited  	{ text-decoration: none;}
.zoeklink:active  	{ text-decoration: none;}
.zoeklink:hover 	{ color: #000000; font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-decoration: underline;} 
			
div,td			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			}


.font			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color: #FFFFFF; 
			line-height: 200%; 
			}

.font11			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px; 
			color: #333366; 
			}


.font-wit			{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px; 
			color: #FFFFFF; 
			line-height: 200%; 
			}


#main		{width: 780px; margin: auto; background-color: #125896; color: #FFFFFF; }
#top		{width: 780px; padding-left: 15px; }


td#neutraal	{width: 175px; margin-bottom: 0px; background-color: #E3E4EA; }
td#zwart		{width: 175px; padding: 5px; background-color: #333366;}
td#links 		{width: 175px; padding-bottom: 5px; background-color: #ABABC0; border: 1px #333366 solid;  }
td#links2		{width: 175px; padding-bottom: 5px; background-color: #ABABC0; border: 1px #333366 solid;  }
td#top10		{width: 175px; padding-bottom: 5px; background-color: #ABABC0; border: 1px #333366 solid;  }
td#top10-2	{width: 140px; padding-left: 5px; background-color: #333366; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF;}
td#midden 	{width: 430px; padding-left: 8px; padding-right: 8px;background-color: #FFFFFF; }
td#rechts 	{width: 175px; padding-left: 0px; padding-right: 0px;background-color: #FFFFFF; }
#navigation 	{width: 210px; padding: 5px; background-color: #9999cc; color: white; }





/*
	Onderstaande code wordt gebruikt voor de vakverdeling in de linker en rechter kolom
*/

.button-flash 	{background-color: #333366; border: 0px #ABABC0 solid; border-bottom-width: 0px; margin-top: 0px; }
.button-zwart 	{background-color: #333366; border: 5px #ABABC0 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; }
.button-grijs 	{background-color: #E3E4EA; border: 5px #ABABC0 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; }
.button-dgrijs 	{background-color: #E3E4EA; border: 5px #ABABC0 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; }
.button-wit 	{background-color: #FFFFFF; border: 5px #ABABC0 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; }
.button-zwarttop10 	{background-color: #E7E7E8; border: 5px #000066 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; }
.button-tabeltop10 	{background-color: #9CA1DC; border: 5px #ABABC0 solid; padding: 0px; padding-left: 0px; border-bottom-width: 0px; margin-top: 0px;  }

.vak-zwart 	{background-color: #FF9933; border-top: 5px white solid; border-bottom: 5px white solid; height="100%"; }
.vak-grijs	 	{background-color: #E3E4EA; border-top: 5px white solid; border-bottom: 0px white solid; height="100%"; }

.zwart		{background-color: #333366; }

.leeg-wit 		{background-color: #FFFFFF; height="5"; }
.leeg-dgrijs	{background-color: #ABABC0; height="5"; }
.leeg-zwart	{background-color: #333366; height="5"; }
.leeg-zwart-logo	{background-color: #333366; padding-top: 10px; padding-bottom: 10px;}



.honderd		{height="100%"; }

div.textad 	{background: #333366; color: #FFFFFF; border: 5px; padding: 0 6px 5px 1px; font-family: Verdana; margin-bottom: 1.2em; }

.imgcontent{
	padding-left: 18px;
}

#campusbanner{width: 163px; border: 1px #333366 solid; background-color: #ABABC0;padding: 5px;}
#campusbanner #campus{font: bold 11px Arial,helvetica,sans-serif; text-align: center;width: 163px; border: 0; background: #333366;color: #FFFFFF;cursor: pointer;} 
#campus #top{font: bold 16px Arial,helvetica,sans-serif;padding: 0; width: 100%}
/*
	Onderstaande code wordt gebruikt voor de vakverdeling in de middelste kolom
*/

#tabel-midden	{width: 100%; padding: 0px; background-color: #FF9933; color: #FFFFFF; }
#tabel-midden2	{width: 100%; padding: 5px; padding-bottom: 0px; padding-right: 5px; background-color: #FF9933; color: #FFFFFF; vertical-align: top;}
#tabel-midden2a	{width: 100%; padding: 5px; padding-bottom: 5px;  padding-top: 0px;  padding-right: 5px; background-color: #FF9933; color: #FFFFFF; vertical-align: top;}
#tabel-midden3	{width: 100%; height: 100%; padding: 5px; padding-bottom: 5px; background-color: #FF9933; color: #FFFFFF; vertical-align: top;}
#tabel-boek	{width: 392px; background-color: #FFE5B1; color: #FFFFFF; }

td#padding-onder	{padding-bottom: 5px; padding-top: 0px; background-color: #FF9933; }
.titel		{ padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; font-size: 12px; color: #333366; font-weight: bold; }

.titel-grijs		{background-color: #FF9933; border: 5px #FF9933 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; font-size: 12px; color: #333366; font-weight: bold; }

.kopje-campusboeken	{background-color: #FF9933; border: 5px #FF9933 solid; padding: 5px; padding-left: 10px; border-bottom-width: 0px; margin-top: 0px; font-size: 12px; color: #333366;}

.boekpresentatie	{width: 100%;background-color: #FFE5B1;  padding: 5px;  border-bottom-width: 0px; font-size: 11px; color: #333366; border: 1px solid white; }
.boekdata	{background-color: #FFE5B1; padding: 5px; padding-left: 10px; border-bottom-width: 0px; font-size: 11px; color: #333366; }
.boekdatatitel	{background-color: #FFE5B1; font-size: 11px; color: #333366; }
.boekdetail	{background-color: #FF9933; padding: 5px; padding-left: 10px; border-bottom-width: 0px; font-size: 11px; color: #000066; }
.boekbestellen	{width: 80px;background-color: #333366; padding: 5px;  border-bottom-width: 0px; font-size: 11px; color: #333366; }

.nieuwsitemtitel	{background-color: #FFE5B1; border: 5px #FF9933 solid; border-bottom:0px; padding: 5px; padding-left: 10px; border-bottom-width: 0px; font-size: 11px; color: #333366; font-weight: bold;}
.nieuwsitemdata	{background-color: #FFE5B1; border: 5px #FF9933 solid; border-top: 0px; padding: 5px; padding-top: 0px; padding-left: 10px; font-size: 10px; color: #333366;}


.nieuwsitemtitel-a	{background-color: #FFE5B1; border: 1px #FFFFFF solid; border-bottom:5px; padding: 5px; padding-left: 10px; font-size: 11px; color: #333366; font-weight: bold;}
.nieuwsitemdata-a	{background-color: #FFE5B1; border: 1px #FFFFFF solid; border-top: 10px; padding: 5px; padding-top: 0px; padding-left: 10px; font-size: 10px; color: #333366;}
.titel-a		{padding: 5px; padding-left: 10px; border-bottom-width: 10px; margin-top: 5px; font-size: 12px; color: #333366; font-weight: bold; }
#tabel-midden2-b	{width: 100%; padding: 5px; background-color: #FF9933; color: #FFFFFF; vertical-align: top;}


/*
	Onderstaande codes worden gebruikt voor de Libris Top 10
*/

#tabel-top10	{width: 165px; background-color: #FFFFFF; color: #333366; }

td#top10-no1	{padding-left: 5px; width: 15px; background-color: #FFAF38; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no2	{padding-left: 5px; width: 15px; background-color: #FFB74C; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no3	{padding-left: 5px; width: 15px; background-color: #FFC060; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no4	{padding-left: 5px; width: 15px; background-color: #FFC775; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no5	{padding-left: 5px; width: 15px; background-color: #FFD08A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no6	{padding-left: 5px; width: 15px; background-color: #FFD89F; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no7	{padding-left: 5px; width: 15px; background-color: #FFE1B3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no8	{padding-left: 5px; width: 15px; background-color: #FFE8C7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no9	{padding-left: 5px; width: 15px; background-color: #FFF0D8; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}
td#top10-no10	{padding-left: 5px; width: 15px; background-color: #FFF6E8; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333366;font-weight: bold;}




/*
	Onderstaande codes worden gebruikt voor de navigatie/buttons
*/

.hoofdnavigatie		{ line-height: 100%;}
.hoofdnavigatie:link  	{ color: #333366; text-decoration: none;}
.hoofdnavigatie:visited  	{ color: #333366; text-decoration: none;}
.hoofdnavigatie:active  	{ color: #333366; text-decoration: none;}
.hoofdnavigatie:hover 	{ text-decoration: underline; background-color: none; color: #333366;} 

.navigatie			{ font-size: 12px;color: #333366;font-family: Arial, Helvetica, sans-serif;line-height: 100%;}
.navigatie:link  		{ color: #333366; font-family: Arial, Helvetica, sans-serif;text-decoration: none;}
.navigatie:visited  		{ color: #333366; font-family: Arial, Helvetica, sans-serif;text-decoration: none;}
.navigatie:active  		{ color: #333366;font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
.navigatie:hover 		{ font-family: Arial, Helvetica, sans-serif;text-decoration: underline; background-color: none; color: #333366;} 

.navigatie-wit		{ line-height: 140%; font-size: 11px;}
.navigatie-wit:link  		{ color: #FFFFFF; font-size: 11px;text-decoration: none;}
.navigatie-wit:visited  	{ color: #FFFFFF; font-size: 11px;text-decoration: none;}
.navigatie-wit:active  	{ color: #FFFFFF; font-size: 11px;text-decoration: none;}
.navigatie-wit:hover 	{font-size: 11px; text-decoration: underline; background-color: none; color: #FFFFFF;} 

.navigatie-zw		{ font-size: 11px;}
.navigatie-zw:link  		{ color: #333366; font-size: 11px;text-decoration: none;}
.navigatie-zw:visited  	{ color: #333366; font-size: 11px;text-decoration: none;}
.navigatie-zw:active  	{ color: #333366; font-size: 11px;text-decoration: none;}
.navigatie-zw:hover 	{font-size: 11px; text-decoration: underline; background-color: none; color: #333366;} 


.navigatie-witover			{ font-size: 12px; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;line-height: 100%;}
.navigatie-witover:link  		{  font-size: 12px; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: none;}
.navigatie-witover:visited  		{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
.navigatie-witover:active  		{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
.navigatie-witover:hover 		{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; background-color: none; color: #ffffff;} 

middleinput {
font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; height: 18px; clip:  rect(   ); color: #333366; border-color: black #333366 #333366 black; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #FFFFFF
}
select.smallselsect{font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #333366;}
input.smallInput{
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	height: 18px;
	clip:  rect(   );
	color: #333366;
	border-color: black #333366 #333366 black;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.tekstvak{
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	clip:  rect(   );
	color: #333366;
	border-color: black #333366 #333366 black;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.buttonface {
font-family:Arial, Helvetica, sans-serif;; width=80; font-size:11px; font-style: none; color:#333366; background:#ABABC0; border-width:1; border-style:solid; border-color:#333366;
}

		
.link-jdb			{ font-size: 10px; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;line-height: 100%;}
.link-jdb:link  		{  font-size: 10px; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;text-decoration: none;}
.link-jdb:visited  		{ font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
.link-jdb:active  		{ font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
.link-jdb:hover 		{ font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: none; color: #ffffff;}