html
{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

body 
{ 
  margin: 0px;
  padding: 0px;
  font-size: 62.5%;  /* 1em = 10px  */
  font-family: Verdana, Arial, Sans;
  color: #4A413C;
  width: 100%;
  height: 100%;
  background: url('layoutpics/wood.jpg') fixed repeat;
}


/*  -------- Algehele lay-out -------- */

#leftpages
{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -498px;
  width: 36px;
  height: 100%;
  background: url('layoutpics/bookside.jpg') repeat-y;
}

#container
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

#pagefiller
{
 float: left;
 width: 1px;
 height: 400px;
}

#mainpage
{
  position: relative;
  margin: 0px auto;
  background: #FEF3D7;
  width: 925px;
}

#header
{
  position: relative;
  height: 100px;
  width: 925px;
  font-size: 1.1em;
  background: url('layoutpics/top.jpg') #FEF3D7 top right;
}

#breadcrumb
{
  position: relative;
  height: 30px;
  width: 885px;
  margin: 0 10px 0 10px;
  padding-top: 5px;
  border-top: 1px solid #E3D8BC;
  background: #FEF3D7;
  font-size: 1.1em;
}

#holder
{
  position: relative;
  width: 925px;
}

#menu
{
  position: relative;
  width: 160px;
  float: left;
  padding-left: 9px;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}

#content
{
  position: relative;
  width: 565px; 
  float: left;
  padding-right: 10px;
  padding-left: 5px;
}

#related, #shopinfo
{
  position: relative;
  width: 148px;
  float: left;
  border-left: 2px solid #E3D8BC;
  padding-left: 7px;
  padding-top: 5px;
  padding-right: 3px;
  font-size: 1.2em;
}


#footer
{
  position: relative;
  width: 100%;  
  height: 40px;
  top: 40px;
  margin: 0 0 0 -35px;
  font-size: 1.1em;
}

#footertext
{
  position: absolute;
  left: 60px;
  top: 0px;
}

#footertext hr
{
  border: 1px solid #E3D8BC;
  width: 830px;
}

#fold
{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: 462px;
  width: 236px;
  height: 100%;
  border-left: 2px solid #B5A08B;
  background: #FEF3D7;
}

#rightpage
{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: 698px;
  width: 50%;
  height: 100%;
  padding-bottom: 40px;
  background: url('layoutpics/topright.jpg') repeat-x #FEF3D7;
}

img#hideborder
{
 position:absolute;
 top:0;
 left:-2px;
}

img#rabbit
{
  position: absolute;
  top: 59%;
  left: 25px;
}

img#king
{
  position: absolute;
  top: 88%;
  left: 15px;
}

img.jabberwockypoem
{
  position: absolute;
  top: 50%;
  margin-top: -52px;
  left: 0px;
}

/* ------------- Tekst en links algemeen ------------- */

a:link 
{
	color: #004300;
}     

a:visited 
{
	color: #4A8640;
}  

a:hover 
{
	color: #CE6500;
}

a:active 
{
	color: #CE6500;
}

a:link img
{
	border-color: #004300;
}

a:visited img
{
	border-color: #4A8640;
}

a:hover img
{
	border-color: #CE6500;
}

a:active img
{
	border-color: #CE6500;
}

h1
{
	font-size: 1.6em;
	color: #4A413C;
	font-weight: bold;
	padding-top: 0px;
	margin-left: 0px;
}

h2
{
	font-size: 1.4em; 
}

h3
{
	font-size: 1.3em;
}

h5
{
	font-size: 1.6em;
	color: #4A413C;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
} 

.skipnavigation 
{
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 9;
}

.skipnavigation a:focus, .skipnavigation a:active 
{
	position: absolute;
	top: 9010px;
	left: 9010px;
	background-color: #EFEDC4; 
	color: #004300;
	padding: 5px;
	font-weight: bold;
	border: 2px solid #4A413C;
	width: 6em;
	z-index: 9;
}

#hiddenlabel
{
	position: absolute;
	top: -9000px;
	left: -9000px;
}

/* ------------- Header ------------- */
  
div#title
{
 position: absolute;
 top:23px;
 left:100px;
}
 
img#home
{
 position: absolute;
 top:60px;
 left:95px;
}
  
img#spacer1
{
 position: absolute;
 top:60px;
 left:158px;
}
 
img#resources
{
 position: absolute;
 top:60px;
 left:183px;
}
 
img#spacer2
{
 position: absolute;
 top:60px;
 left:281px;
}
 
img#forum
{
 position: absolute;
 top:60px;
 left:306px;
}

img#spacer3
{
 position: absolute;
 top:60px;
 left:379px;
}
 
img#shop
{
 position: absolute;
 top:60px;
 left:404px;
}
  
img#spacer4
{
 position: absolute;
 top:60px;
 left:459px;
}
 
img#about
{
 position: absolute;
 top:60px;
 left:484px;
}
 
img#spacer5
{
 position: absolute;
 top:60px;
 left:555px;
}
 
img#contact
{
 position: absolute;
 top:60px;
 left:580px;
}

div#flags
{
 position: absolute;
 top:29px;
 left:698px;
}

div#flags img
{
  padding-right: 2px;
}

div#searchmenu
{
  position: absolute;
  top: 51px;
  right: 30px;
}

.searchbox
{
  background-color: #FDF8EC;
  position: absolute;
  right:54px;
  top:7px;
}

.searchbutton
{
  background-color: #FFEDC5;
  right: 5px;
  top:7px;
  position: absolute;
}


/* ------------- Breadcrumb ----------------- */

#breadcrumb a
{
  text-decoration: none;
}


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

#menu a
{
  text-decoration: none;
}

.selecteditem
{
  font-weight: bold;
  color: #CE6500;
}

.submenu
{
  padding-left: 8px;	
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.subsubmenu
{
  padding-left: 8px;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.subsubsubmenu
{
  padding-left: 8px;
  margin-left: 8px;
  margin-top: 5px;
  margin-bottom: 5px;
}


/* ------------- Content ------------------- */

#content p, #contentforum p, #contenthomepage p
{
  font-size: 1.3em;
}

#content ul, #contentforum ul, #contenthomepage ul
{
  font-size: 1.3em;
}

#content ul ul, #contentforum ul ul, #contenthomepage ul ul
{
  font-size: 1em;
}

#content input, #content select, #content th, #content td, #contentforum td, #contenthomepage td
{
  font-size: 1.3em;
}

#loggedin
{
 float: right;
 display: inline;
}


/* ------------- Related ------------------- */

#related p
{
  margin-top: 0px;
}

#related a
{
  text-decoration: none;
}

#related strong
{
  display: block;
  background: #E3D8BC;
  font-weight: bold;
  margin-left: -7px;
  margin-top: -5px;
  margin-bottom: -15px;
  margin-right: 15px;
  padding-left: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
 }

/* ------------- Shopinfo ------------------- */

#shopinfo p
{
  margin-top: 0px;
  margin-bottom: 8px;
  padding-left: 2px;
}

#shopinfo a
{
  text-decoration: none;
}

#shopinfo .shophr
{
  margin-bottom: 8px;
  margin-top: 3px;
}

.cart
{
  float:left;
  margin-right:10px;
  margin-left: 5px;
  border: 0px;
}

.searchfield
{
	background-color: #FDF8EC;
	width: 130px;
}

.itemsearchbutton
{
	background-color:#FFCC68;
	color:#4A413C;
	font-weight:bold;
	float: right;
	margin-right: 15px;
}


/* ------------ Homepage ---------------------------------- */

#holder_homepage
{
  position: relative;
  width: 880px;
  padding: 0px 15px 15px 35px;
  margin-top: -15px;
}

#contenthomepage
{
  position: relative;
  width: 723px; 
  float: left;
  padding-right: 10px;
  padding-left: 25px;
}

#homepage_eersteblok, #homepage_middenblok
{
  width: 280px;
  float: left;
  padding: 0px;
}

#homepageblok_resources, #homepageblok_fun, #homepageblok_shop, #homepageblok_featureditem, #homepageblok_forum, #homepageblok_faq
{
  width: 268px;
  float: left;
  margin-left: 10px;
  font-size: 1.3em;
  padding: 0px;
}

#homepageblok_resources, #homepageblok_shop, #homepageblok_faq
{
  margin-bottom: 10px;
}

#homepageblok_resources_inner, #homepageblok_fun_inner, #homepageblok_shop_inner, #homepageblok_featureditem_inner, #homepageblok_forum_inner, #homepageblok_faq_inner
{
  padding: 10px 15px 10px 15px;
  background:url('layoutpics/homepagebox_left.jpg') top left repeat-y;
}

#topborder
{
	background:url('layoutpics/homepagebox_top.jpg') top left repeat-x;
}

#rightborder
{
	background:url('layoutpics/homepagebox_right.jpg') top right repeat-y;
}

#bottomborder
{
	background:url('layoutpics/homepagebox_bottom.jpg') bottom left repeat-x;
}

#homepageblok_resources p, #homepageblok_fun p, #homepageblok_shop p, #homepageblok_forum p, #homepageblok_featureditem p, #homepageblok_faq p
{
	margin: 0px;
}

p.blokheader
{
	margin-bottom: 5px;
	padding-bottom: 5px;
}

a.blokheader
{
	font-weight: bold;
	font-size: 1.08em;
	text-decoration: underline;
	color: #4A413C;
}

.homepageimage
{
	float:left;
	margin-right:10px;
	margin-top:3px;
	border:0px;
}

.homepageopsomming li
{
	margin-bottom:4px;
	padding-bottom:4px;
}

.homepageparagraph
{
	text-align: center;
	font-size:1.2em;
	margin: 0 60px 20px 40px;
	padding: 10px;
}

.latesttopics_date
{
	font-size: 0.83em;
	margin-top: 5px;
}

#cheshirecat
{
	position:absolute;
	top:23px;
	right:150px;
}


/* ------------ Sitemap en Resources index ---------------- */

#holder_sitemap
{
  position: relative;
  width: 925px;
  font-size: 1.2em;
}

#holder_sitemap ul
{
  margin-top: 5px;
  margin-left: 15px;
  padding-left: 15px;
}

#holder_sitemap ul ul
{
  padding-bottom: 5px;
}

#column1
{
  float: left;
  width: 280px;
  padding: 5px 5px 5px 15px;
  overflow: visible;
}

#column2
{
  float: left;
  width: 280px;
  margin-left: 10px;
  padding: 5px;
  overflow: visible;
}

#column3
{
  float: left;
  width: 280px;
  margin-left: 10px;
  padding: 5px;
  overflow: visible;
}

#columnheader
{
  border: 1px solid #4A403C;
  background: #F8ECCD;
  font-weight: bold;
  padding: 2px 5px;
  clear:both;
}


#columnheader img
{
  float: left;
  margin-top: -20px;
  margin-right: 8px;
  border: 0px;
}

#columnheader a
{
  text-decoration: none;
}

#columncontent
{
  width: 90%;
  float: left;
  border-right: 1px solid #c2b7a8;
  border-bottom: 1px solid #c2b7a8;
  border-left: 1px solid #c2b7a8;
  padding: 0px 8px;
  margin: -1px 0 27px 3px;
}


/* ------------- Forum --------------------------------------------------------- */

#menuforum
{
  position: relative;
  width: 100px;
  float: left;
  padding-left: 9px;
  padding-top: 5px;
  padding-right: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
}


#menuforum a
{
  text-decoration: none;
}

#contentforum
{
  position: relative;
  width: 773px; 
  float: left;
  padding-right: 20px;
  padding-left: 5px;
}


/* ------------- Shop & Shop templates  ------------- */

div#breadcrumb_itemdetails, div#breadcrumb_shoppingcart, div#breadcrumb_customerreviews
{
  position: absolute;
  top:100px;
  left:0px;
  margin-left:-419px;
  height: 30px;
  width: 885px;
  margin: 0 10px 0 10px;
  padding-top: 5px;
  border-top: 1px solid #E3D8BC;
  background: #FEF3D7;
  font-size: 1.1em;
 	visibility: hidden;
}

#breadcrumb_itemdetails a, #breadcrumb_shoppingcart a, #breadcrumb_customerreviews a
{
  text-decoration: none;
}

#dependentsubmit  /* add to cart button op item detailpagina's */
{ 
	margin-bottom: 10px;  
} 

.cartitemimage
{
	border: 1px solid;
}

.featureditem
{
	background-color: #F8EACC;
	margin: 15px;
	width: 548px;
	overflow: hidden;
	padding-right: 5px;
}

.featureditem p
{
	padding: 5px 0 5px 5px;
	margin: 0;
}

.shop_featured_title
{
	padding: 5px 10px 10px 10px;
}

.default_productstemplate_title
{
	font-weight:bold;
	font-size: 1.3em;
}

.default_productstemplate_artists
{
	font-size: 1.1em;
}

.shop_featured_image
{
	float:left;
	padding: 0 5px 10px 10px;
}

.shop_featured_container
{
	width:365px;
	float:right;
	font-size:1.1em;
}

.shop_featured_cartbutton
{
	float:right;
	margin:3px 5px 3px 3px;
	font-size:1.1em;
}


a.productdetails_button, a:link.productdetails_button, a:hover.productdetails_button, a:visited.productdetails_button, a:active.productdetails_button
{
	display:block;
	border:1px outset #4A413C;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#FFCC68;
	padding:5px;
	color:#4A413C;
}

.shop_featured_prices
{
	float:left;
	white-space:nowrap;
	margin-bottom:10px;
}

.shop_featured_description
{
	width:370px;
	float:right;
}


.apf_browse_border { border: medium double #00659C; }
.apf_cart_text3_style { color:#00659C; padding-left:25px; font-weight: bold; font-size:1em; white-space:nowrap; width:33%; }
.apf_checkbox { clear:right; float:right; font-weight:bold; padding:6px; }
.apf_color_bar { width:100%;}
.apf_cart_bar { font-weight: bold; width: 100%; height:30px; }
.apf_comments_summary { font-weight:bold; }
.apf_error { font-size:100%; font-weight:bold; color:red; }
.apf_even_row { background-color:#eeeeee; padding:6px; }
.apf_footer { font-size:xx-small; text-align:center; display:none;}
.apf_heading4 { font-weight:bold;}
.apf_heading4c { font-weight:bold; font-size:1.1em;}
.apf_normal_heading { font-weight:bold; }
.apf_odd_row { background-color:#ffffff; padding:6px; }
.apf_prices { color:#990000; }
.apf_prices_list { text-decoration: line-through; }
.apf_prices_text { font-weight:bold; }
.apf_small_text { font-size: 1em; }
.apf_submit_button_style { padding-left:5px;padding-right:5px;background-color:#FFCC68; cursor:pointer; font-weight:bold; font-size:1.1em }
.apf_addtocart_button_style { background-color:#FFCC68; cursor:pointer; font-weight:bold; font-size:1.1em; padding:0 .25em; width:0; overflow:visible; }
.apf_addtocart_button_style[class] { /*ie ignores [class]*/ width: auto; padding:5px; }
.apf_customer_reviews_header { font-weight:bold; font-size:1.1em; color:#4A413C; }
.apf_promotiondescription { font-weight:bold; }
.apf_promotiondetails { }



.listing_productstemplate_prices a, .full_productstemplate_prices a, .search_productstemplate_prices a
{
	font-size: 0.9em;
}

.default_productstemplate_prices a, .listing_productstemplate_prices a, .full_productstemplate_prices a, .search_productstemplate_prices a
{
	text-decoration: none;
	color: #4A413C;
}


/* ------------- Mad Tea Party ideas pagina ------------------------------------ */

.featured
{
	width: 130px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.featured p
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 0.9em;
}


/* ------------- CSS voor incidenteel gebruik binnen alle pagina's ------------- */

* html input { overflow: visible; }  /* verwijdert IE paddings op buttons */


#center
{
	position: absolute;
	text-align: center;
	width: 550px;
	height: 100px;
	top: 50%;
	left: 50%;
	margin-left: -275px;
	margin-top: -100px;
	
}

.center
{
	text-align: center;
}

.smallrightalign
{
	text-align: right;
	font-size: 1em;
}

a.nounderline
{
	text-decoration: none;
} 

div.clear   /* gebruiken als vervanger voor <br> clear ivm browser bugs */
{
  clear: both;
}

a.invislink
{
	text-decoration: none;
	color: #4A413C;
}

a.faqlink
{
	font-weight: normal;
	text-decoration: none;
}


a.faqlink b
{
	font-weight: bold;
	text-decoration: underline;
}

img.noborder
{
	border: 0px;
}

hr
{
	color: #5B5729;
	background-color: #5B5729;
	
}

.quote
{
	color: #2D002D;
	font-style: italic;
	margin-left: 25px;
	margin-right: 50px;
	display: block;
	font-size: 0.9em;
}

.quotemain
{
	
	display: block;
	margin-left: 25px;
	margin-right: 50px;
	font-size: 1em;
}

.quotenormal
{
	
	display: block;
	margin-left: 25px;
	margin-right: 50px;
	font-style: italic;
	font-size: 1em;
}

.source
{
	font-size: 0.9em;
	font-style: italic;
}


ul.tenniel
{
	list-style-image: url(layoutpics/jt.gif);
}

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

div.table-base 
{
  margin: 0.5em 12px 0.5em 12px; 
  padding: 0; 
  width: auto;
  font-size: 1.3em;
}

div.table-row 
{
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  width: 96%;
}

div.table-left-container 
{
  float: left; 
  margin: 0; 
  padding: 0; 
  width: 150px;
}

div.table-right-container {
  float: right; 
  margin: 0; 
  padding: 0; 
  width: 400px;
}

div.table-space-line 
{
  clear: both; 
  margin: 10px 0 0 0; 
  padding: 10px 0 0 0; 
  width: auto;
}

/* ------------- Pagina specifieke styles --------------------------- */

.linklist li		/* linkpagina */
{
	margin-bottom: 10px;
	font-size: 1.2em;
}

#tornpage   	/* 404 pagina */
{
	position: absolute;
  top: 0px;
  left: 50%;
  margin-left: 370px;
  width: 94px;
  height: 585px;
  background: url('layoutpics/tornpage.gif') no-repeat;
}

/* ------------- Styles voor overlay full-size plaatjes  ------------- */

.highslide {
	cursor: url(/scripts/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid #CE6500;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/scripts/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(/scripts/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	background: url(/scripts/highslide/graphics/controlbar4.gif);
	width: 192px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/scripts/highslide/graphics/controlbar4-hover.gif);
}

.controlbar .previous {
	width: 50px;
}

.controlbar .next {
	width: 37px;
	background-position: -50px 0;
}

.controlbar .save {
	width: 39px;
	background-position: -87px 0;
}

.controlbar .highslide-move {
	width: 30px;
	background-position: -126px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -155px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/* ------------- These are standard sIFR styles... do not modify ------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden; 
	font-size: 2.6em;
	margin-top: -5px; 
	margin-bottom: 0px;
	letter-spacing: -5px;
}

.sIFR-hasFlash h5 {
	visibility: hidden; 
	font-size: 2.6em;
	margin-top: -5px; 
	margin-bottom: 0px;
	letter-spacing: -5px;
}