/** 
 *	CSS Document 
 * 	Free Musketeers - 2007
 **/
html { 
	/* css knipper bug oplossing */
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {	
	margin				: 0;
	padding				: 0;
	font				: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	color 				: #000;
	background			: #fff url(../img/top_bg.gif) repeat-x top left;	
}

/** 
	de pagina's bevatten elementen die voor gebruiksvriendelijkheid gelden, 
	en niet getoond worden bij normale weergave van de pagina 
**/
.usability { display: none; } 

.clear	{ clear: both; line-height: 0.1px; height: 0.1px; margin: 0; padding: 0; }

/*
----------------------------
	container
----------------------------
*/
#container {
	height				: 111px;
	background			: url(../img/top_right.gif) no-repeat top right;
}
	


	
/*
----------------------------
	left content
----------------------------
*/
#left_content {	
	text-align			: center; /* center in IE */
	width				: 218px;
	float				: left;
	background			: #fff url(../img/top_left.gif) no-repeat top left;
	padding				: 158px 0 0 0;
}

#left_content h2 { padding: 0; margin: 0 0 0.6em 0; }

#left_content h2 a	{
	display				: block;
	width				: 175px;
	height				: 55px;
	text-indent			: -9000px;
	overflow			: hidden;
	background			: url(../img/logo.jpg);
	margin				: 0 auto; /* center in ff */
}

#left_content dl, #left_content dt, #left_content dd	{
	margin				: 0;
	padding				: 0;		
}

#left_content .samenwerking_ako dd	{
	font				: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	color				: #963;
	margin				: 10px 0 0 0;
}


/*
----------------------------
	left menu
----------------------------
*/
#left_menu	{
	text-align			: left;
	width				: 165px;	
	margin				: 20px auto; /* center in ff */
	padding				: 0;
	border-left			: 1px solid #f69214;
	border-top			: 1px solid #f69214;
	border-right		: 1px solid #f69214;
}

#left_menu li	{
	margin				: 0;
	padding 			: 0;
	list-style			: none;
	border-bottom		: 1px solid #f69214;
}

#left_menu li a	{
	display				: block;
	font				: 0.85em/1.6em Verdana, Arial, Helvetica, sans-serif;	
	background-color	: #ffeed8;
	color				: #f69214;
	padding				: 0 0 0 9px;
	text-decoration		: none;
	width				: 156px;
}

#left_menu li a:hover, #left_menu .actief a	{
	background-color	: #f9b259;
	color				: white;
	display				: block;
}




/*
----------------------------
	inloggen
----------------------------
*/
.logingegevens .veld 	{ width: 220px; }



/*
----------------------------
	ingelogd
----------------------------
*/
#ingelogd	{
	width				: 202px;
	background-color	: #f0dfcd;
	margin				: 1em auto;
	padding				: 0;
	text-align			: left;
	border				: 1px solid #d7b796;
}

#left_content #ingelogd h3 {
	display				: block;
	width				: 205px;
	height				: 22px;
	background			: #fff url(../img/login_bg.jpg) no-repeat;
	text-indent			: -9000px;
	overflow			: hidden;
	margin				: 0;
	padding				: 0;
}

#left_content #ingelogd p	{
	padding				: 5px;
	overflow			: hidden;
}

#left_content #ingelogd .uitloggen	{
	display				: block;
	width				: 79px;
	height				: 19px;
	text-indent			: -9000px;
	overflow			: hidden;
	background			: #f0dfcd url(../img/button_uitloggen.jpg) no-repeat;
	float				: right;
	padding				: 0 5px 0 0;
	margin				: 5px;
}

/*
----------------------------
	winkelwagen
----------------------------
*/
#left_content #winkelwagen	{
	width				: 205px;
	background-color	: #f0dfcd;
	margin				: 0 auto;
	padding				: 0;
	text-align			: left;
	border				: 0;
}

#left_content #winkelwagen h3 {
	display				: block;
	width				: 205px;
	height				: 41px;
	background			: #fff url(../img/winkelmand_titel.jpg) no-repeat;
	text-indent			: -9000px;
	overflow			: hidden;
	margin				: 0;
	padding				: 0;
}

#left_content #winkelwagen ul, #left_content #winkelwagen li	{
	margin				: 0 0 5px 0;
	padding				: 0;
	list-style			: none;
}

#left_content #winkelwagen ul	{
	border-left			: 1px solid #d7b796;
	border-right		: 1px solid #d7b796;
	display				: block;
}

#left_content #winkelwagen p	{
	padding				: 5px;
}

#left_content #winkelwagen .product_image	{
	margin				: 0 5px;
	float				: left;
}

#left_content #winkelwagen .verlagen, 
#left_content #winkelwagen .verhogen,
#left_content #winkelwagen .verwijderen { float: left; }

#left_content #winkelwagen .verlagen a, 
#left_content #winkelwagen .verhogen a, 
#left_content #winkelwagen .verwijderen a	{
	display				: block;
	width				: 9px;	
	height				: 9px;
	text-indent			: -9000px;
	overflow			: hidden;	
	margin				: 0 2px;
}

#left_content #winkelwagen .verlagen a	{ background: #fff url(../img/button_verlaag.jpg); }	
#left_content #winkelwagen .verhogen a	{ background: #fff url(../img/button_verhoog.jpg);}
#left_content #winkelwagen .verwijderen a	{ background: #fff url(../img/button_verwijder.jpg);}

#left_content #winkelwagen h4	{
	margin				: 0 0 5px 0;
	padding				: 0;
	display				: block;
}

#left_content #winkelwagen h4 a, #left_content #winkelwagen h4 a:link, #left_content #winkelwagen h4 a:hover, #left_content #winkelwagen h4 a:visited	{
	font				: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: underline;
}

#left_content #winkelwagen .aantal { 
	float				: left;
}

#left_content #winkelwagen .prijs { 
	text-align			: right;
	padding				: 0 5px 0 0;
}

#left_content #winkelwagen dt	{
	width				: 100px;
	float				: left;
	padding				: 0 0 0 5px;	
}

#left_content #winkelwagen dd	{	
	text-align			: right;
	padding				: 0 5px 0 0;
}

#left_content #winkelwagen .bestellen	{	
	display				: block;
	width				: 75px;
	height				: 25px;
	text-indent			: -9000px;
	overflow			: hidden;
	background			: #f0dfcd url(../img/button_bestellen.jpg) no-repeat;
	float				: right;
	margin				: 5px 10px;
}

/*
----------------------------
	top menu
----------------------------
*/
#menu	{
	margin				: 0 0 45px 0;
	padding				: 0;
	list-style			: none;		
	z-index				: 5000;
	height				: 80px;
	background-image	: url(../img/boekje.jpg);
	background-repeat 	: no-repeat;
	background-position	: 541px 0px; 
	
	position: absolute;
	top: 0;
	left: 218px;
	
	width: 612px;
}

#menu ul { padding: 0; margin: 0; }

#menu li	{
	position			: relative;
	height				: 78px;
	float				: left;
	list-style			: none;	
	margin				: 33px 0 0;
	padding				: 0;
	border-right		: 1px solid white;
	background-color	: #f69314;
}

#menu a	{
	display				: block;
	height				: 32px;	
	text-indent			: -9000px;
	overflow			: hidden;
}

#menu li.home a, #menu li.home_hover a						{	z-index: 100; width: 78px; background: url(../img/menu_home.gif) no-repeat left top;	}
#menu li.organisatie a, #menu li.organisatie_hover a		{	z-index: 90; width: 78px; background: url(../img/menu_organisatie.gif) no-repeat;	}

#menu li.boekproducties, #menu li.boekproducties_hover { width: 370px; } 
#menu li.boekproducties a, #menu li.boekproducties_hover a	{	z-index: 80; width: 370px; background: url(../img/menu_boekproducties.gif) no-repeat;	}
#menu li.boekwinkel a, #menu li.boekwinkel_hover a		{	z-index: 70; width: 78px; background: url(../img/menu_boekwinkel.gif) no-repeat;	}
#menu li.boekwinkel  { z-index: 75;  }

/* hover */
#menu li.home:hover a, #menu li.home_hover a					{	background: url(../img/menu_home.gif) no-repeat left bottom; }
#menu li.organisatie:hover a, #menu li.organisatie_hover a		{	background: url(../img/menu_organisatie.gif) no-repeat left bottom;	}
#menu li.boekproducties a:hover, #menu li.boekproducties_hover a{	background: url(../img/menu_boekproducties.gif) no-repeat left bottom; }
#menu li.boekwinkel:hover a, #menu li.boekwinkel_hover a		{	background: url(../img/menu_boekwinkel.gif) no-repeat left bottom; }

#menu li.actief, #menu li.actief a {
	background-position	: left bottom;
}

/* sub */
#menu ul ul 
{ 
	margin				: 0;
	padding				: 0;
}

#menu ul ul li
{
	margin				: 0 0 1px 0;
	padding				: 0;
	height				: 17px;
	border				: 0;
}

#menu ul li ul li a
{
	width				: 0;
	height				: 17px;
	margin				: 0;
	padding				: 0;
	background: none;
}

#menu ul li.eigen_uitgever a		{	width: 120px; background: #fff url(../img/nav_sub_eigen.jpg) left top; }
#menu ul li.wij_zijn_de_uitgever a	{	width: 120px; background: #fff url(../img/nav_sub_wij.jpg) left top; }
#menu ul li.weblog_in_boekvorm a	{	width: 130px; background: #fff url(../img/nav_sub_weblog.jpg) left top; }
#menu ul li.verschillen	a			{	width: 120px; background: #fff url(../img/nav_sub_verschillen.jpg) left top; }

#menu ul li.eigen_uitgever:hover a, #menu ul li.eigen_uitgever_hover a			{	width: 120px; background: #fff url(../img/nav_sub_eigen.jpg) left bottom; }
#menu ul li.wij_zijn_de_uitgever:hover a, #menu ul li.wij_zijn_de_uitgever_hover a	{	width: 120px; background: #fff url(../img/nav_sub_wij.jpg) left bottom; }
#menu ul li.weblog_in_boekvorm:hover a, #menu ul li.weblog_in_boekvorm_hover a		{	width: 130px; background: #fff url(../img/nav_sub_weblog.jpg) left bottom; }
#menu ul li.verschillen:hover a, #menu ul li.verschillen_hover a					{	width: 120px; background: #fff url(../img/nav_sub_verschillen.jpg) left bottom; }

#menu ul li li.actief, #menu ul li li.actief a { background-position: left bottom; } 


/*
----------------------------
	content
----------------------------
*/
a, a:link, a:hover, a:visited	{
	color				: #7B3F00;
	text-decoration		: underline;
}

a:hover	{
	text-decoration		: none;
}

.teruglink	{
	float				: right;
	display				: block;
	margin				: 5px;
}

#main_content	{
	float				: left;
	text-align			: left;
	width				: 73%;
	background			: url(../img/main_bg.jpg) no-repeat bottom left;
	position: relative; 
	top: 113px;
}

#main_content h1.paginatitel	{
	margin				: 10px 0 0 9px;;
	padding				: 0 0 0 0.8em;
	display				: block;
	background-color	: #7b3f00;
	font				: bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color				: white;		
}

#content	{
	border				: 1px solid #FAE4C7;
	padding				: 12px 0 10px 10px;
	margin				: 2px 0 0 9px;		
	min-height			: 360px;
	_height				: 360px; /* ie6 */
}

.mededeling	{
	width				: 92%;
	background			: #fff7ef url(../img/mededeling.gif) no-repeat 7px;
	border				: 1px solid #f69314;
	padding				: 10px 10px 10px 30px;
}

/*
----------------------------
	homepage
----------------------------
*/
h3.hp_gratis a, h3.hp_gratis a:link, h3.hp_gratis a:hover, h3.hp_gratis a:visited	{
	color				: #844500;
	font				: normal 1.8em Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: underline;
}

/*
-----------------------------------
	nieuw bij free musketeers
-----------------------------------
*/
#laatste_nieuws
{
	width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid #7B3F00;
	font-size: 9px;
}

#laatste_nieuws a
{
	font-size: 9px;
}

#laatste_nieuws h4
{
	display: block;
	background-color: #7B3F00;
	color: #fff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	margin: 0 0 5px 0;	
}

#laatste_nieuws ol
{
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;	
}

#laatste_nieuws li
{
	padding: 3px 3px 3px 0;
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(../img/list_arrow.gif);
}

/*
-----------------------------------
	boeken top 5
-----------------------------------
*/

#top5
{
	width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid #7B3F00;
	font-size: 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#top5 a
{
	font-size: 10px;
}

#top5 h4
{
	display: block;
	background-color: #7B3F00;
	color: #fff;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	margin: 0 0 5px 0;	
}

#top5 ol
{
	list-style: none;
	margin: 0;
	padding: 0;	
}

#top5 li
{
	padding: 4px;
}	

/*
----------------------------
	formulieren
----------------------------
*/
.veld	{
	border				: 1px solid #999;
	font				: normal 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

.button {
	color 				: #fff;
	font				: bold 0.95em Verdana, Arial, Helvetica, sans-serif;
	background-color 	: #7b3f00;
	border				: 1px solid #fff;
	cursor				: pointer;
}

.veldFout
{
	border				: 1px solid #f22;
}

#melding
{
	color				: #e70509;
	display				: none;
	font-weight			: bold;
}

.zoekformulier	{
	border				: 0;
	margin				: 0 0 1.2em 0;
	padding				: 0;
}

fieldset.foutmelding	{
	padding: 5px;
	margin: 0 1em 1em 0;
	border: 1px solid #c33;
}

fieldset.foutmelding legend	{
	font-weight: bold;
	color: red;
	padding: 0 4px;
}




/*
----------------------------
	genre overzicht
----------------------------
*/
.genre_overzicht ul, .genre_overzicht li	{
	list-style			: none;
	padding				: 0;
	margin				: 0;
}

.genre_overzicht ul li a	{
	background			: #ffdcb0 url(../img/list_vierkantje.gif) no-repeat 5px;
	display				: block;
	padding-left		: 13px;
	width				: 230px;
	margin				: 0 0 1px 0;
	text-decoration		: none;
}

.genre_overzicht ul li a:hover	{
	color 				: #f47e16;
}

.genre_overzicht .links, .genre_overzicht .rechts	{
	width				: 49%;
	float				: left;
}



/*
----------------------------
	boek overzicht
----------------------------
*/
.boek_overzicht	{
	display: block;
	width: 48% !important;
	float: left;
	margin: 0 0 1.5em 0;
}

.boek_overzicht .foto	{
	float: left;
	margin: 0 1.5em 0 0;
	min-height: 120px;
	_height: 120px; /* ie6 fix */
}

.boek_overzicht h3	{
	margin: 0;
	padding: 0;
	font: normal 1em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

.boek_overzicht .gegevens	{
	float: left; 
	width: 70%;
}

.boek_overzicht a.details	{
	display: block;
	float: left;
	width: 56px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/button_details.jpg);
	margin: 5px 0;
}

.boek_overzicht a.plaats_in_winkelmand	{
	display: block;
	float: left;
	width: 138px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/button_plaats_in_winkelmand.jpg);
	margin: 5px;
}

.boek_overzicht a.plaats_in_winkelmand_verkoop {
	display: block;	
	float: left;
	width: 253px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/plaatsinwinkelwagenvoorverk.gif);
	margin: 5px;	
}

.boek_overzicht a.plaats_in_winkelmand_eigen_gebruik {
	display: block;	
	width: 253px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/plaatsinwinkelwagenvooreige.gif);
	margin: 5px;	
	/*margin-left: 61px;*/
}

/*
-----------------------------------
	nieuw bij free musketeers
-----------------------------------
*/
.nieuw_bij h3
{
	font: normal 1.2em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #844500;
}

.nieuw_bij h4
{
	font: bold 0.84em/1.2em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

.nieuw_bij .intro
{
	font: normal 0.84em/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #844500;
}


/*
----------------------------
	product details
----------------------------
*/
.terug_link	{
	text-align: right;
	margin: 5px;	
}

#product_details	{
	width: 75%;
	float: left;
	padding: 0 5px;
}

#product_details h2	{
	font: bold 0.9em/1.2em Verdana, Arial, Helvetica, sans-serif;
}

#product_foto	{
	float: left;
}

#product_details ul, #product_details li { list-style: none; }

#product_details .links {
	width: 55%;
	float: left; 	
	margin: 0;
	padding: 0;
}

#product_details .rechts	{
	width: 45%;
	float: left; 	
	margin: 0;
	padding: 0;
}

#product_details .links li span, #product_details .rechts li span	{
	display: block;
	width: 150px;
	float: left;
}

#product_details table	{
	empty-cells	:	show;
}

#product_details table th, #product_details table td	{
	font-weight		: normal;
	text-align		: left;
	vertical-align	: bottom;
}

#product_details table th	{
	width			: 150px;
}


#product_details .plaats_in_winkelmand	{
	display: block;
	float: left;
	width: 138px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/button_plaats_in_winkelmand.jpg);
	margin: 10px 5px 10px 0;
	clear: left;
}

#product_details a.plaats_in_winkelmand_verkoop {
	display: block;	
	float: left;	
	width: 253px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/plaatsinwinkelwagenvoorverk.gif);
	margin: 5px 5px 5px 0;	
}

#product_details a.plaats_in_winkelmand_eigen_gebruik {
	display: block;	
	float: left;
	width: 253px;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
	background: #fff url(../img/plaatsinwinkelwagenvooreige.gif);
	margin: 5px 5px 5px 0;
}



/*
----------------------------
	winkelmand overzicht
----------------------------
*/
.winkelmand_overzicht thead th	{
	padding				: 5px 0 10px 0;
	background-color	: #FFF7EF;
}

.winkelmand_overzicht tbody tr, .winkelmand_overzicht tfoot tr	{
	padding				: 5px 0;
}

.winkelmand_overzicht tbody .oneven	{
	background-color	: #fcfcfc;
}

.factuuradres, .afleveradres	{
	margin				: 0 0 1em 0;
	padding				: 0;	
	/*width				: 340px;*/
	width: 48%;
	float				: left;
	border				: 1px solid #fae4c7;
}

.factuuradres	{
	margin-right			: 5px;
}

.factuuradres legend, .afleveradres legend	{
	margin				: 0;
	padding				: 0 5px;
	font				: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

.factuuradres ul, .afleveradres ul	{
	list-style			: none;
	margin				: 0;
	padding				: 1em 5px 5px;
}

.factuuradres li span, .afleveradres li span, #product_details .rechts li span	{
	display				: block;
	width				: 130px;
	float				: left;
}

#winkelwagen h4, #overzicht h4	{
	font				: bold 1em Verdana, Arial, Helvetica, sans-serif;
}

.factuuradres ul li a, .afleveradres ul li a	{
	display: block;
	margin: 5px 0;
}


/*
----------------------------
	account keuze
----------------------------
*/
#overzicht .links	{
	width				: 49%;
	float				: left;
}

#overzicht .rechts	{
	float				: right;
	width				: 49%;
}

#content form dl {
	margin				: 0pt 0pt 1em;
}

#content form dt {
	float				: left;
	width				: 200px;
}

#content form dd {
	margin				: 1px 0 1px 200px;
}

#content form ul, #content form li { margin: 0; padding: 0; list-style: none; }


/*
----------------------------
	account aanmaken
----------------------------
*/
#overzicht ul, #overzicht li	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}



/*
----------------------------
	persoonlijke gegevens
----------------------------
*/
#gegevens h4	{
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

/*
----------------------------
	verkoop overzicht
----------------------------
*/
.royalty_overzicht th	{
	padding				: 5px 0 10px 5px;
	background-color	: #FFF7EF;
}

ul.archiefjaren	{
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	width: 800px;
	list-style: none;
}

ul.archiefjaren .actief { font-weight: bold; }

ul.archiefjaren li	{
	float: left;
	margin: 0 5px;
	list-style: none;
}

.product_overzicht tr { border-bottom: 1px solid #fff7ef; }

.product_overzicht .even	{
	background-color	: #FFF7EF;
	padding: 0 3px;
}

.product_overzicht .oneven	{
	padding: 0 5px;
}

/*
----------------------------
	footer
----------------------------
*/
#footer	{
	clear				: left;
	color				: white;
	font				: normal 1em Verdana, Arial, Helvetica, sans-serif;
	background-color	: #f69314;
	margin				: 18px 0 0 9px;
	padding				: 3px 0 4px 10px;
	text-align			: center;
}

#footer address	{
	display				: inline;	
	font-style			: normal;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover	{
	color				: white;
}

.am_impact	{
	text-align			: center;
	font				: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
	display				: block;	
	padding				: 1em 0 0 0;
	background			: white;
}

/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	border				: solid 1px black;
	height				: 500px;
	width				: 100%;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #58585A;
}

#googlemaps a	{
	color				: #58585A;
}