/* COLORS
WEBSHOP:
#fdf6e1background beige
#fecdonkerbeige
#f30oranje
#f40oranje voor blokken
#f96licht oranje
*/

/* =0 Reset */
@import url('/share/styles/reset.css');
@import url('/share/styles/dirk.css');
/* NewsCycle */



 
/* LeagueGothic */
@font-face {
font-family: 'LeagueGothicRegular';
src: url('/share/fonts/leaguegothic/leaguegothic-webfont.eot');
src: url('/share/fonts/leaguegothic/leaguegothic-webfont.eot?#iefix') format('embedded-opentype'),
 url('/share/fonts/leaguegothic/leaguegothic-webfont.woff') format('woff'),
 url('/share/fonts/leaguegothic/leaguegothic-webfont.ttf') format('truetype'),
 url('/share/fonts/leaguegothic/leaguegothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}

/* NewsCycle */
@font-face {
	font-family: 'NewsCycleRegular';
	src: url('/share/fonts/newscycle/newscycleregular-webfont.eot');
	src: url('/share/fonts/newscycle/newscycleregular-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/newscycle/newscycleregular-webfont.woff') format('woff'), url('/share/fonts/newscycle/newscycleregular-webfont.ttf') format('truetype'), url('/share/fonts/newscycle/newscycleregular-webfont.svg#newscycleregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OswaldLight';
	src: url('/share/fonts/oswald/Oswald-Light-webfont.eot');
	src: url('/share/fonts/oswald/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/oswald/Oswald-Light-webfont.woff') format('woff'), url('/share/fonts/oswald/Oswald-Light-webfont.ttf') format('truetype'), url('/share/fonts/oswald/Oswald-Light-webfont.svg#OswaldLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OswaldBook';
	src: url('/share/fonts/oswald/Oswald-Regular-webfont.eot');
	src: url('/share/fonts/oswald/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/oswald/Oswald-Regular-webfont.woff') format('woff'), url('/share/fonts/oswald/Oswald-Regular-webfont.ttf') format('truetype'), url('/share/fonts/oswald/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OswaldBold';
	src: url('/share/fonts/oswald/Oswald-Bold-webfont.eot');
	src: url('/share/fonts/oswald/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/oswald/Oswald-Bold-webfont.woff') format('woff'), url('/share/fonts/oswald/Oswald-Bold-webfont.ttf') format('truetype'), url('/share/fonts/oswald/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OswaldStencilRegular';
	src: url('/share/fonts/oswald/Oswald-Stencil-webfont.eot');
	src: url('/share/fonts/oswald/Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/oswald/Oswald-Stencil-webfont.woff') format('woff'), url('/share/fonts/oswald/Oswald-Stencil-webfont.ttf') format('truetype'), url('/share/fonts/oswald/Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BemioRegular';
	src: url('/share/fonts/Bemioweb/bemio-webfont.eot');
	src: url('/share/fonts/Bemioweb/bemio-webfont.eot?#iefix') format('embedded-opentype'), url('/share/fonts/Bemioweb/bemio-webfont.woff') format('woff'), url('/share/fonts/Bemioweb/bemio-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
p { line-height: 145%}
/* fonts ---------------------------------------------- */
body,button,input,select,textarea, .search input, .ui-widget li, .shopprice, .addtocart input, .gadgets h2, div.highslide-container div, form.formlywrapper-base input[type="text"], form select.text{font-family:NewsCycleRegular,sans-serif}
{font-family:LeagueGothicRegular,sans-serif;}

.sectiontitle,
.seriesname,
form.formlywrapper-base input[type="submit"] { font-family: OswaldBook, sans-serif}
/* BemioRegular */
.pagetitle { font-family: BemioRegular, sans-serif; text-transform: uppercase}
/* =1 Global */
*{ margin: 0; padding: 0}
/* Hides from IE-mac  */
* html .clearfix{height:1%}
a,a:visited{color:#f30; text-decoration:none}
body.artist_view a,body.artist_view a:visited, body.dutchcomics a,body.dutchcomics a:visited, body.homepage .randomartists a,body.homepage .randomartists a:visited{color:#369}
a:hover{color:#900}
body.artist_view a:hover, body.dutchcomics a:hover, body.homepage .randomartists a:hover{color:#036}
img,a img{border:none; box-shadow:1px 2px 5px rgba(0,0,0,0.5); -moz-box-shadow:1px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.5); font:normal 10px sans-serif}a img:hover { box-shadow: 1px 2px 9px rgba(0,0,0,0.7); -moz-box-shadow: 1px 2px 9px rgba(0,0,0,0.7); -webkit-box-shadow: 1px 2px 9px rgba(0,0,0,0.7)}
img.left { margin: 0 10px 5px 0}
img.right { margin: 0 0 5px 10px}
a.button,
a.button:visited{ background: #3d506d; color: #f0f8ff !important; display: inline-block; font: normal 0.9em  arial,sans-serif; padding: 1px 2px; text-decoration: none; white-space: nowrap}
a.button:hover{ background: #55739a !important}
a.info{ background: transparent; color: #3d506d; /*
Special mouse over popup
*/ font: normal 9pt  arial,sans-serif; position: relative; /*this is the key*/ text-decoration: none; z-index: 24}
a.info span{display:none}
a.info:hover{background:#00ced1; color:#3d506d; cursor:help; text-decoration:none; z-index:25}
a.info:hover img{border:0}
a.info:hover span{border:1px solid #3d506d; color:#3d506d; display:block;
/*the span will display just on:hover state*/
left:0; padding:2px; position:absolute; text-align:left; top:0; z-index:25}
a.minibutton:active, a.minibuttonactive{background:transparent !important; color:#b22222 !important; font:bold 14px  arial, sans-serif; padding:4px; text-align:center; text-decoration:none}
a.readmore{background:transparent url(/share/images/aro/fwd-over.png) no-repeat scroll right center; margin:0; padding:1px 12px 3px 4px; text-decoration:none; white-space:nowrap}
a.readmore:hover, a.readmore.hover{background:#fdf6e1 url(/share/images/aro/fwd-over.png) no-repeat scroll right center; color:#900}
a[rel="external"]{background:transparent url(/share/images/icons/icon_blank.gif) no-repeat scroll right center; padding-right:12px}
p{font-size:1.5em; margin:8px 0}
p.bodytext{margin:25px 0}
strong,p.intro{font-family:OswaldBook,sans-serif; font-weight:normal}
p strong{font-size:0.9em}
h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:1}
h1{margin:2px 0 10px 0}
h1{font-size:2.4em}
h2{font-size:1.8em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h5{font-size:1em}
h6{font-size:0.9em}
.pagetitle, .sectiontitle{ color: #f40; font-size: 2.4em}
h2.article-title { border-bottom: 1px solid #f30; color: #f30; display: block; font-size: 1.8em; height: auto; line-height: 110%;  overflow: hidden; position: relative}
h2.article-title span { background: #fdf6e1; left: 0; line-height: 0.8em; padding: 4px 10px 8px 10px; position: absolute; top: 4px}
body.artist_view h2.article-title,
body.dutchcomics h2.article-title { border-bottom: none; color: #369; font-family: OswaldBook, sans-serif}
body.homepage h3.article-title,
body.artist_view h3.article-title { font-family: BemioRegular, sans-serif; font-weight: normal; text-transform: uppercase}
html{ height: 100%; min-height: 100%; width: 100%}
.clear{ clear: both}
.noclear { clear: none}
.no-clear{ clear: none!important}
span.larger { font-size: 1.2em}
p span.larger { font-size: 1.1em}
select{ background: #fdf6e1; border: none; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.6); font-size: 13px; height: auto; line-height: 115%; -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.6)}
div.highslide-container div { font-size: 1em}
/* styles  ---------------------------------------------- */
.left { float: left}
.right { float: right}
.no-margin { margin: 0}
.rounded, select { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px}
.roundtop { border-top-left-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px}
.roundbottom { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px}
.shadow { box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}
.bigshadow { box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3)}
.no-shadow { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none}
.ir { text-indent: -9999px}
span#load { background: url(/share/images/loading.gif) no-repeat center center; display: table; height: 32px; text-indent: -999px; width: 936px}
span#load{ background: url(/images/ballonanim.gif) no-repeat center center}
/* FORM / CONTACTFORM ----------------------------------------------- */
div.form_entry{ margin: 3px 0; overflow: hidden}
div.form_entry input{ margin: 4px 0 0 0}
div.form_entry label{ font-size: 1.3em; font-weight: normal; margin-top: 4px; width: 9em; float: left}
.jBar, .jbar {display: none;}
form  input.text,
form select.text,
textarea.text { font-size: 1.3em; padding: 2px; width: 272px}
.contactform label { float: left; margin-right: 0px; text-align: right}
.contactform label span { display: inline-block; padding: 0 0 0 2px; text-align: left; width: 8px}
div.form_entry input[type="text"], form.formlywrapper-base textarea, form select.text, textarea.text { background: #fdf6e1; border: none; border-radius: 2px; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4); font-size: 1.3em; -moz-border-radius: 2px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4); padding: 2px 10px; -webkit-border-radius: 2px; -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.4)}
form select.text{ margin-top: 4px; padding: 1px 0px 1px 6px; width: 292px}
form.formlywrapper-base input[type="submit"] { font-weight: normal}
div.sendbutton { padding: 0 0 12px 0}
/* BODY ---------------------------------------------- */
html, body { height: 100%; margin: 0; padding: 0}
body { background: #fdf6e1; color: #333; font-size: 62.5%; min-height: 100%}
/*Opera Fix*/
body:before{ content: ""; /* thanks to Maleika (Kohoutec)*/ float: left; height: 100%; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ width: 0}
/* HIDDEN ELEMENTS ---------------------------------------------- */
.hidden, .screen-reader-text, .assistive-text { clip: rect(0,0,0,0); /* because 'height: 0' doesn't have any fun in IE5.5 */ height: 0!important; /* because clip doesn't have any fun in IE6 */ overflow: hidden; /* The equivalent of 'display: none' but leaves the elements readable by some screen readers */ position: absolute}
/* PAGE ---------------------------------------------- */
#page{ margin: 0 auto; width: 960px; padding: 20px 0 0 0;}
.wrapper{ }
header, #main, #footer{ }
#footer{ clear: both; height: 40px; margin: 0 0 20px 0; position: relative}
/* BX slider */
.homepage .vip .bx-controls {	position: absolute;
	top: 35px;
	width: 473px}
html body .bx-prev { background: url(/share/images/aro/back.png) center center no-repeat; border: 1px solid #f30; border-radius: 2px; height: 18px; width: 18px}
html body .bx-prev:hover { background: #fdf6e1 url(/share/images/aro/back-over.png) center center no-repeat}
html body.artist_view .bx-prev,
html body.dutchcomics .bx-prev { background: url(/share/images/aro/back-blue.png) center center no-repeat; border: 1px solid #369}
html body.artist_view .bx-prev:hover,
html body.dutchcomics .bx-prev:hover { background: #fdf6e1 url(/share/images/aro/back-blue-over.png) center center no-repeat}
html body .bx-next { background: url(/share/images/aro/next.png) center center no-repeat; border: 1px solid #f30; border-radius: 2px; height: 18px; width: 18px}
html body .bx-next:hover { background: #fdf6e1 url(/share/images/aro/next-over.png) center center no-repeat}
html body.artist_view .bx-next,
html body.dutchcomics .bx-next { background: url(/share/images/aro/next-blue.png) center center no-repeat; border: 1px solid #369}
html body.artist_view .bx-next:hover,
html body.dutchcomics .bx-next:hover { background: #fdf6e1 url(/share/images/aro/next-blue-over.png) center center no-repeat}
.bx-window ul .pager { clear: none; float: left}
/* HEADER ---------------------------------------------- */
header#branding{ background: url(/share/images/bg/bg-header.jpg); float: left; height: 135px; position: relative; width: 100%; z-index: 20}
#zip{ float: left; height: 200px; width: 180px}
header#branding hgroup{ height: 135px; left: 0; position: absolute; width: 324px; z-index: 21}
#site-title, #site-title a{ display: block; height: 135px; margin: 0; text-indent: -9999px; width: 324px}
#site-title a{ background: url(/share/images/branding/lambiek-logo.jpg) no-repeat}
body.artist_view #site-title a,
body.dutchcomics #site-title a { background: url(/share/images/branding/lambiek-comiclo-logo.jpg) no-repeat}
#section-title{ visibility: hidden}
/* TOP MENU */
#access{ height: 32px; left: 324px; position: absolute; top: 78px; width: 580px; z-index: 12}
ul.menulist{ height: 33px; list-style: none}
ul.menulist li{ background: none; float: left; margin: 0; padding: 0; position: relative}
ul.menulist li a{ display: block; font: normal 2em/32px LeagueGothicRegular, sans-serif; margin: 0; padding: 0px 10px 0px 10px; text-transform: uppercase}
li.current a{ color: #cc1900}
body.artist_view li.current a,
body.dutchcomics li.current a { color: #194c80}
ul.menulist ul.sub li { background: #fdf6e1; display: block; overflow: hidden; width: 130px}
ul.menulist ul.sub li:first-child { border-top: 1px solid #f40}
body.artist_view ul.menulist ul.sub li:first-child,
body.dutchcomics ul.menulist ul.sub li:first-child { border-top: 1px solid #3a74af}
ul.menulist ul.sub a{ background: transparent; color: #f30; display: block; font-size: 1.6em; line-height: 18px; padding: 3px 10px; white-space: nowrap; width: 110px}
body.artist_view ul.menulist ul.sub a,
body.dutchcomics ul.menulist ul.sub a { color: #369}
ul.menulist ul.sub a:hover{ background-color: #fec; color: #900}
ul.menulist ul.sub .current a{ background: #f40; color: #ff0}
body.artist_view ul.menulist ul.sub a:hover,
body.dutchcomics ul.menulist ul.sub a:hover { color: #036}
body.artist_view ul.menulist ul.sub .current a,
body.dutchcomics ul.menulist ul.sub .current a { background: #37a; color: #ff0}
ul.menulist .sub{ display: none; left: 10px; position: absolute; text-align: left; width: 150px; z-index: 999}
ul.menulist li:hover ul.sub { display: block}
ul.menulist .sub a:hover{ }
ul.menulist img{ vertical-align: middle}
/* AddThis */
.addthis_top { position: absolute; right: 22px; top: 15px}
.addthis_top a { float: right}
/* inlogblok */
.inlogblok{ bottom: 0; height: 18px; position: absolute; right: 22px; width: 604px; z-index: 11}
.lanselect{ height: 28px; left: 568px; overflow: hidden; position: absolute; width: 44px; z-index: 99; bottom: -1px}
.lanselect:hover{ height: 60px}
.lanselect a.dutch,
.lanselect a.english { bottom: 30px; height: 18px; left: 12px; opacity: 0.6; position: absolute; text-indent: 9999px; width: 24px}
.lanselect a.dutch:hover,
.lanselect a.english:hover { opacity: 1}
.lanselect a.dutch { background: url(/share/images/flags/nl-flag-24x18.png) no-repeat}
.lanselect a.english { background: url(/share/images/flags/uk-flag-24x18.png) no-repeat}
.lanselect a.dutch.current, .lanselect a.english.current { bottom: 4px; opacity: 1}
.lanselect form,.lanselect fieldset,#topbar ul li{ display: inline}
/* zoeken */
.inlogblok .forgot{ clear: left}
.search p { color: #900; font-size: 1.3em; line-height: 24px; margin: 0}
body.artist_view .search p,
body.dutchcomics .search p { color: #036}
.inlogblok .search-comiclopedia,
.inlogblok .search-webshop { bottom: 0; height: 24px; position: absolute; right: 44px; width: 420px}
.inlogblok .search-comiclopedia,
body.artist_view .inlogblok .search-webshop,
body.dutchcomics .inlogblok .search-webshop { display: none}
body.artist_view .inlogblok .search-comiclopedia,
body.dutchcomics .inlogblok .search-comiclopedia { display: block}
.search-comiclopedia p,
.search-webshop p { position: absolute; right: 256px; text-align: right}

.search-comiclopedia input,
.search-webshop input { background: #fdf6e1; border: none; color: #a6a6a6; float: right; font-size: 1.4em;margin: 0; padding: 0 4px 3px 4px; width: 240px}
.search-comiclopedia input { color: #9bc}
.search-comiclopedia input.infocus { color: #369}
.search-webshop input { color: #f96}
.search-webshop input.infocus { color: #f30}
.search input.submit{ background: url(/images/submit.png) no-repeat center; color: #f30; cursor: pointer; float: right; height: 16px; width: 12px}
.search input.submit:focus,
.search input.submit:active { background: url(/images/submit_over.png)}
/* SEARCH COLUMN */
.ui-widget { font-size: 1.4em!important}
.ui-widget-content { background: #fdf6e1!important; border: 1px solid #d3bb8f!important; color: #666!important}
body.homepage .ui-widget-content a,
body.news_overview .ui-widget-content a,
body.products .ui-widget-content a { color: #f30}
body.dutchcomics .ui-widget-content a,
body.artist_view .ui-widget-content a { color: #369}
body.artist_view div.bibliography-header .ui-widget-content a,
body.dutchcomics div.bibliography-header .ui-widget-content a { color: #f30}
.ui-autocomplete-category{ font-size: 1.07em; line-height: 36px; margin: 0 0 -6px 0; padding: 0 0 0 7px}
.ui-menu .ui-menu-item a { line-height: 20px!important; padding: 0 4px 3px 7px!important}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f7edd4!important; border: 1px solid #d8bd93!important; color: #900!important; font-weight: normal!important}
.ui-corner-all{ border-radius: 2px!important; -moz-border-radius: 2px!important; -webkit-border-radius: 2px!important}
/* checkoutblok  shopcart gedeelte ---------------------------------*/
.checkoutblok_holder { top: 22px; position: absolute; right: 22px; z-index: 1}
.cart{ border-collapse: collapse; color: #000; font-size: 1.3em; width: 914px}
.col-item span.title { font: 1.154em OswaldBook, sans-serif}
.cart img.left { margin: 5px 10px 5px 0}
.cart  a.info:hover span{ left: 2em}
.cart .col-name,.cart .col-aantal,.cart .col-prijs{ padding-right: 3px; white-space: nowrap}
.cart .col-aantal{ width: 76px}
.cart .col-prijs,.cart .col-totaal{ padding-right: 3px; text-align: right; white-space: nowrap}
.cart .sign{ text-align: right}
.cart a.info{ color: #374194 !important}
.cart col{ border-left: 1px solid #a6a6a6; padding-left: 3px; padding-right: 3px}
.cart col.col-totaal{ border-left: none}
.cart tbody td{ vertical-align: middle}
.cart tbody td{ background: none repeat scroll 0 0 #fdf6e1}
.cart td,.cart th{ padding: 2px 2px 2px 7px}
.cart tfoot,
.cart tfoot td{ background: none repeat scroll 0 0 #fdf6e1; border-top: 3px solid #f40}
.cart tfoot { border-bottom: 1px solid #a6a6a6}
.cart thead,.cart thead th{ background: #f40; border-top: 1px solid #a6a6a6; color: #fff; font-size: 10pt; font-weight: normal!important}
.checkoutblok{ background: #fdf6e1 url(/share/images/icons/shoppingbasket.png) 5px 9px no-repeat; border: 0; border-radius: 2px; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); color: #3a3a3a; font-size: 1.1em; margin: 0; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); overflow: hidden; padding: 0 0 3px 32px; -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.3); width: auto}
body.artist_view .checkoutblok,
body.dutchcomics .checkoutblok { background: #fdf6e1 url(/share/images/icons/shoppingbasket-blue.png) 5px 9px no-repeat}
.checkoutblok #scitems { padding-left: 6px; width: inherit}
.checkoutblok a.checkout,.checkoutblok a.checkout:visited{ background: #f30; border: medium none; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); color: #fff!important; display: block; font: 1.4em LeagueGothicRegular, sans-serif; height: 20px; margin: 12px 6px 0 0; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); padding: 0 4px 0 7px; text-align: right; text-decoration: none; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}
body.artist_view .checkoutblok a.checkout, body.artist_view .checkoutblok a:visited,
body.dutchcomics .checkoutblok a.checkout, body.dutchcomics .checkoutblok a:visited{ background: #3a74af}
.checkoutblok h3{ font-size: 1.335em; line-height: 10px; padding: 5px; text-align: left; text-decoration: none; text-transform: uppercase; white-space: nowrap}
div.column.prepend-1 { margin-left: 0; width: 458px}
iframe#iframe { border: medium none; height: 0; padding: 0; position: absolute; width: 0; z-index: 33;visibility: hidden}
/* MAIN ---------------------------------------------- */
#main{ background: url(/share/images/bg/bg-body.jpg); float: left; overflow: visible; /* must be same height as the footer */ position: relative; width: 100%; z-index: 10}
#content { overflow: hidden}
div.pagewidth{ text-align: left}
.fullpage{ overflow: hidden; padding: 12px 0 0 12px; position: relative; z-index: 0}
.contentcenter{ height: auto !important; overflow: hidden}
.contentcenter a:hover,
.contentcenter a,
.contentcenter a:visited,
.footer ul ul a:hover{ color: #333}
.contentcenter ol{ counter-reset: item}
.contentcenter ol ul{ margin-left: 3.1em}
.contentcenter ol,
.contentcenter ol li{ list-style-position: outside}
.contentcenter ol,
.contentcenter ul{ margin-left: 2.1em}
.contentcenter ol,
.contentcenter ul,.kolomlinks img{ margin: 0}
.contentcenter ul{ list-style-position: outside; list-style-type: circle}
/* TABS */
.shopintro, .comiclointro, .artistintro { float: left; margin: 0 22px 0px 10px; position: relative; width: 916px}
.comiclointro { margin: 0 22px 0px 10px}
.artistintro{ margin: 0 22px 10px 10px}
.shopintro-left, .comiclointro-left{ background: #fdf6e1; clear: both; float: left; position: relative}
.shopintro-left { padding: 0px 10px 10px 10px; width: 428px}
.shopintro-left.wide { padding: 0px 0px 0px 10px; width: 594px}
.comiclointro-left { padding: 4px 10px 6px 6px; width: 276px}
.artistintro-left{ clear: both; float: left; margin: 0 20px 0 0; position: relative; width: 136px}
.artistintro-left .currentletter{ background: #fdf6e1; padding: 4px 16px 10px 10px}
.artistprofile { background: #fdf6e1; float: left; padding: 4px 10px 10px 10px; width: 584px}
.broodkruimel { font-size: 1.3em}
.shopintro-left h1 { color: #666; line-height: 0.9em; margin: 4px 0 0 0}
.serie .shopintro-left h1 { margin: 4px 0 8px 0}
.shopintro-left h1 span { color: #f30; font: 0.9em OswaldBook, sans-serif; text-transform: capitalize}
.shopintro .shopintro-left div.comiclopedia{ background: #37a; float: left; margin: 8px 0 0 -10px; width: 604px}
.shopintro .shopintro-left div.comiclopedia h3 { background: url(/share/images/branding/comiclopedia_small.png) right 4px no-repeat; color: #fdf6e1; float: left; font-size: 1.5em; line-height: 24px; padding: 0 154px 0 10px}
.shopintro .shopintro-left div.comiclopedia h3 span { color: #fde800; font-family: OswaldBook, sans-serif}
.shopintro .shopintro-left div.comiclopedia p { background: #fdf6e1; clear: both; margin: 0 10px 10px 10px; padding: 2px 10px 10px 10px}
div.shopintro-left div.comiclopedia a.readmore{ white-space: nowrap}
ul.navtablist{ border-bottom: 2px solid #f40; overflow: hidden; padding: 6px 0 0 0}
body.artist_view ul.navtablist,
body.dutchcomics ul.navtablist { border-bottom: 2px solid #37a}
body.dutchcomics ul.navtablist { margin: 0 22px 0 10px}
ul.letters { margin: 0}
.navbottom{ clear: both; margin: 0px 22px 0px 10px; position: relative}
.navbottom .navtablist{ border-bottom: none; border-top: 1px solid #f40; padding: 0 0 6px 0}
.artist_view .navbottom .navtablist,
.dutchcomics .navbottom .navtablist { border-bottom: none; border-top: 2px solid #37a}
body.products .shopintro .letters .navtablist { border-bottom: 1px solid #f40; margin: 0; padding: 16px 0 0 0; position: relative; z-index: 99}
body.products .navbottom .navtablist{ margin: 0 22px 14px 10px}
.navbottom h3{ font-size: 1.8em; line-height: 44px}
.navtablist li { background: #fdf6e1; display: block; float: left; height: 24px; margin: 0 6px 0 0; overflow: hidden}
ul.letters li { height: 29px; margin: 0 3px 0 0}
.navtablist li a, .navtablist li a:visited{ color: #f30; font-size: 1.6em; line-height: 22px; padding: 0px 10px; text-decoration: none; text-transform: capitalize}
body.artist_view .navtablist li a, body.artist_view .navtablist li a:visited,
body.dutchcomics .navtablist li a, body.dutchcomics .navtablist li a:visited { color: #369}
.letters li a { border-bottom: 0; display: block; height: 30px; line-height: 10px; padding: 3px 4px 1px 4px; position: relative; width: 23px}
.navtablist li a:hover {  color: #900 !important}
.navtablist li a span { color: #666; font-size: 0.625em; font-weight: normal}
.letters li a span { position: absolute; top: 16px}
.navtablist li.current a,
.navtablist li.current:visited a,
.navtablist li a.current:hover,
.letters a.current { background: #f40; color: #ff0 !important;  display: block; height: 30px}
body.artist_view .navtablist li.current a,
body.artist_view .navtablist li.current:visited a,
body.artist_view .navtablist li.current:hover a,
body.dutchcomics .navtablist li.current a,
body.dutchcomics .navtablist li.current:visited a,
body.dutchcomics .navtablist li.current:hover a { background: #37a; color: #ff0}
.navtablist li.current a span,.navtablist li.current:visited a span,.navtablist li.current:hover a span, .letters a.current span { color: #fff}
.menulinks { float: left; margin: 0 0 20px 0; min-height: 100px; width: 156px}
ul.subnavlist{ list-style: none; margin: 0; overflow: hidden; padding: 0 10px 0 10px}
ul.subnavlist li{ display: block; float: none}
ul.subnavlist a { background: #fdf6e1; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); display: block; font-size: 1.4em; line-height: 1; margin: 0 0 1px 0; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); padding: 2px 4px 6px 10px; text-decoration: none; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3)}
ul.subnavlist a:first-letter{ text-transform: capitalize}
ul.subnavlist a:hover { background: #fec}
.awesome:hover{ color: #900}
ul.subnavlist li.current a{ background: #f40; color: #ff0}
body.artist_view ul.subnavlist li.current a,
body.dutchcomics ul.subnavlist li.current a { background: #37a}
ul.subnavlist li.current ul a{background:url("/share/images/aro/diamond_5px_f30.png") no-repeat 7px 7px #FDF6E1;  color:#FF4400;  font-size:1.2em;  padding:2px 3px 6px 17px;}
body.artist_view ul.subnavlist li.current ul a,
body.dutchcomics ul.subnavlist li.current ul a { background: #fdf6e1 url(/share/images/aro/diamond_5px_369.png) 10px 6px no-repeat; color: #369}
ul.subnavlist li.current ul a:hover { background: #fec url(/share/images/aro/diamond_5px_900.png) 7px 7px no-repeat; color: #900}
body.artist_view ul.subnavlist li.current ul a:hover,
body.dutchcomics ul.subnavlist li.current ul a:hover { background: #fec url(/share/images/aro/diamond_5px_036.png) 4px 6px no-repeat; color: #036}
ul.subnavlist li.current ul li.current a{background:url("/share/images/aro/diamond_5px_900.png") no-repeat scroll 4px 6px #FFEECC;  color:#990000;}
body.artist_view ul.subnavlist li.current ul li.current a,
body.dutchcomics ul.subnavlist li.current ul li.current a { background: #fec url(/share/images/aro/diamond_5px_036.png) 10px 8px no-repeat; color: #036}
.shopintro ul.subnavlist li{ float: left; margin: 0; padding: 0}
.shopintro ul.subnavlist li.current a { color: #f30; font-weight: normal}
ul.subnavlist li span { color: #666; font-size: 0.715em}
.searchbottom{ display: block; float: right; position: relative; width: 420px}
.searchbottom .search-comiclopedia { bottom: 10px; position: absolute; right: 0; width: 420px}
/* WEBSHOP ---------------------------------------------- */
/* shop nav & subnav */
div.artist, div.series, div.publisher, div.description, div.scenario{ }
.volume, .publish-date, .description, .edition, .cover, .condition, .language, .genres{ }
/* top right & bottom navigation */
.shopintro .letters { border-bottom: 1px solid #f30}
div#browser{ clear: both; float: right; height: 20px; overflow: hidden; padding: 4px 4px 0 0px; text-align: center}
.comiclointro div#browser { clear: none; margin: 0 -4px 0 0; padding: 0 4px 4px 0px}
.shopintro div#browser{ margin: 0 -4px 0 0; padding: 0 4px 4px 0px}
.az .shopintro div#browser{ display: none}
.navbottom div#browser { margin: 0 -4px 0 10px}
div#browser a{ height: 20px; line-height: 18px; margin: 0 0 0 3px; text-align: center; width: 22px}
div#browser div { display: block; float: left}
div#browser div a { display: block; text-indent: -9999px}
div#browser div.first a { background: #fdf6e1 url(/share/images/aro/first.png) center center  no-repeat}
body.artist_view div#browser div.first a,
body.dutchcomics div#browser div.first a { background: #fdf6e1 url(/share/images/aro/first-comiclo.png) center center  no-repeat}
div#browser div.first a:hover { background: #fdf6e1 url(/share/images/aro/first-over.png) center center  no-repeat}
body.artist_view div#browser div.first a:hover,
body.dutchcomics div#browser div.first a:hover { background: #fdf6e1 url(/share/images/aro/first-comiclo-over.png) center center  no-repeat}
div#browser div.back a { background: #fdf6e1 url(/share/images/aro/bck.png) center center  no-repeat}
body.artist_view div#browser div.back a,
body.dutchcomics div#browser div.back a { background: #fdf6e1 url(/share/images/aro/bck-comiclo.png) center center  no-repeat}
div#browser div.back a:hover { background: #fdf6e1 url(/share/images/aro/bck-over.png) center center  no-repeat}
body.artist_view div#browser div.back a:hover,
body.dutchcomics div#browser div.back a:hover { background: #fdf6e1 url(/share/images/aro/bck-comiclo-over.png) center center  no-repeat}
div#browser div.next a { background: #fdf6e1 url(/share/images/aro/fwd.png) center center no-repeat}
body.artist_view div#browser div.next a,
body.dutchcomics div#browser div.next a { background: #fdf6e1 url(/share/images/aro/fwd-comiclo.png) center center no-repeat}
div#browser div.next a:hover { background: #fdf6e1 url(/share/images/aro/fwd-over.png) center center  no-repeat}
body.artist_view div#browser div.next a:hover,
body.dutchcomics div#browser div.next a:hover { background: #fdf6e1 url(/share/images/aro/fwd-comiclo-over.png) center center  no-repeat}
div#browser div.last a { background: #fdf6e1 url(/share/images/aro/last.png) center center  no-repeat}
body.artist_view div#browser div.last a,
body.dutchcomics div#browser div.last a { background: #fdf6e1 url(/share/images/aro/last-comiclo.png) center center  no-repeat}
div#browser div.last a:hover { background: #fdf6e1 url(/share/images/aro/last-over.png) center center  no-repeat}
body.artist_view div#browser div.last a:hover,
body.dutchcomics div#browser div.last a:hover { background: #fdf6e1 url(/share/images/aro/last-comiclo-over.png) center center  no-repeat}
div#browser div.pgs { border-right: none; display: block; float: left; font-size: 1.2em; margin: 0}
div#browser div.pgs a{ background: #fdf6e1; display: block; float: left; text-align: center; text-decoration: none; text-indent: 0}
div#browser div.pgs a:hover{ background: #fec}
div#browser div.pgs a.pgspageactive{ background: #f40; color: #ff0}
body.artist_view div#browser div.pgs a.pgspageactive,
body.dutchcomics div#browser div.pgs a.pgspageactive { background: #37a}
div#browser div .navbutton-page, div#browser div .navbutton-page-active { color: #aaa; display: inline-block;   font-size: 1.2em; padding: 4px 6px}
div#browser div .navbutton-page-active { color: #f00}
div#browser div .navbutton-page a, div#browser div .navbutton-page-active a { }
.one-total, .from-to { color: #666; font-size: 1.2em; line-height: 18px; margin: 0 8px 0 0}
.one-total span, .from-to span { color: #f30}
body.artist_view .one-total span, body.artist_view .from-to span,
body.dutchcomics .one-total span, body.dutchcomics .from-to span { color: #369}
.browseby { float: right}
.browseby p { display: inline; font-size: 1.4em; margin: 0px 8px 0 0}
.browseby ul{ display: inline; font-size: 1.4em; margin: 0 0px 8px 0}
.browseby ul li{ display: inline-block; margin: 0}
.browseby ul li a{ background: #fdf6e1; color: #f30; display: block; padding: 0px 8px 3px 8px; text-decoration: none}
.browseby ul li a:hover{ background: #fec; color: #900}
.browseby ul li a.current{ background: #f40; color: #ff0}
.shopintro p { margin: 3px 6px 0 1px}
  select.language { }
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.language { border: 1px solid #999}
}
.leuk { display: inline;float: right; margin: 10px 20px; position: relative; z-index: 10; min-width: 400px}
html.js body.products div#page.wrapper div#main.pagewidth div#content div.fullpage div.shopintro div.leuk
.series .leuk { bottom: 0; position: absolute; right: 0}
p.overview { color: #f30; display: block; float: left; margin: 0 0 0 20px; position: relative}

/* shopitems */
.scrollable{ clear: both; margin: 0; overflow-x: hidden; overflow-y: auto !important; padding: 10px 0 0 0}
.shopitem-small { }
.seriesname { color: #666; display: block; font-size: 1.8em; margin: 6px 0 4px 0px; text-indent: 10px}
h2.seriesname.serie { margin: -14px 0 0px 0px; text-indent: 10px}
.shopitem{ border-left: 1px solid #f96; color: #666; float: left; height: 252px; margin: 0 0 0 -1px; overflow: hidden; padding: 0 10px; position: relative; width: 136px}
.inner { bottom: 6px; left: 6px; position: absolute; right: 6px; top: 6px}
.inner:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5)}
.shopitem img { display: block; margin: 10px 0 0 0px}
.shopitem-inner img { max-height: 166px}
.shopitem:hover img { }
.shopitem .title{ margin: 6px 0 0 0}
.shopitem .title h3 { font-size: 1.2em}
.shopitem:hover .title h3 { color: #444}
.shopitem .title h2 { color: #f30; font-size: 1.5em; line-height: 0.9em; margin: 0 0 3px 0}
.shopitem:hover .title h2 { color: #900}
.shopitem .title h4 { color: #333; font-size: 1.1em}
.shopitem:hover .title h4 { color: #222}
.shopitem span.aantal,
.shopitem span.inverse{ display: block; left: 0; padding: 3px 0; position: absolute; right: 0; text-align: center}

span.inverse{ background-color: #333; color: #fff; font-weight: bold}
div.specifics, div.artist,
.highslide-container div div.shoptext { color: #666}

div.specifics, div.artist { float: left; font-size: 1.3em!important; line-height: 1.2em; margin: 4px 0 0 0}
div.specifics span, div.artist span{ color: #333}
div.shoptext h2 { color: #f30; font-size: 1.8em}
/*.shopitem .title span {display:none}*/
.shopitem span.sprice { display:inline;color: #f30; float: right}
.shopitem span.aanbieding,
.shopitem span.aanbieding span{ background: transparent; color: #f00; display: inline; font-size: 1.3em; left: 0; padding: 4px 0; position: static; text-shadow: 0 0 1px rgba(0,0,0,0.5); top: 0}
.shopitem span.oud{ background: transparent; color: #000; font-size: 0.85em; font-weight: bold; text-decoration: line-through}
.shopitem span.oud strike{ color: #999; font-weight: bolder}
.shopitem.checked a span{ left: 0; padding: 2px 0; position: absolute; right: 0; text-align: center; top: 0}
.shoppingcart{ }
.dutch .hc  .cover,
.english .hc  .cover{ background: url(/share/images/products/hardcover.png) 7px 10px no-repeat}
.dutch .in_bestelling .leverancierstatus,
.dutch .nog_niet_verschenen .leverancierstatus{ background: url(/share/images/products/binnenkort.png) 7px 10px no-repeat}
.english .in_bestelling .leverancierstatus,
.english .nog_niet_verschenen .leverancierstatus { background: url(/share/images/products/comingsoon.png) 7px 10px no-repeat}
.dutch .uitverkocht .leverancierstatus { background: url(/share/images/products/uitverkocht.png) 7px 10px no-repeat}
.english .uitverkocht .leverancierstatus{ background: url(/share/images/products/soldout.png) 7px 10px no-repeat}
.dutch .in_herdruk .leverancierstatus{ background: url(/share/images/products/inherdruk.png) 7px 10px no-repeat; /* dit is een nieuwe status, heb alvast maar een png gemaakt*/ }
.english .in_herdruk .leverancierstatus{ background: url(/share/images/products/inreprint.png) 7px 10px no-repeat; /* dit is een nieuwe status, heb alvast maar een png gemaakt*/ }
div#zoomed.shopitem  div.language,
div#zoomed.shopitem  div.cover,
div#zoomed.shopitem  div.leverancierstatus{ right: 170px; /*language flag in in zoomed */ }

.shopitem  div.language { height: 20px}
.dutch .eng .language { background: url(/share/images/flags/languages/uk.gif)90% no-repeat}
.english .nl .language { background: url(/share/images/flags/languages/nl.gif)90% no-repeat}
.fr .language { background: url(/share/images/flags/languages/fr.gif)90% no-repeat}
/* ZOOMED */
#zoomed.shopitem{ cursor: auto; height: auto;  padding: 0 10px; position: relative; z-index: 3;width: 312px;overflow: visible}
.serie #zoomed.shopitem { margin: 36px 0 5px -1px; width: 448px}
.serie #zoomed.shopitem .imgholder { float: left; margin: 0 10px 0 -10px; width: 270px}
/* #zoomed h2, */
body.homepage #zoomed h2 { line-height: 0.95em; margin: 0 0 3px 0px; text-align: left}
.imgholder ul { list-style: none}
.imgholder ul li { padding: 0 10px 8px 10px}
.serie #zoomed a.bx-next { bottom: 20px; right: 20px; top: auto}
.price_add{}
.shopprice{background:none repeat scroll 0 0 #FF4400;  color:#FFFF00;  float:left;  font-size:1.7em;  font-weight:normal;  line-height:19px;  margin:6px 0 0;  padding:3px 4px;  position:relative;  text-align:center;  white-space:nowrap;}
.shopprice span{background:transparent; color:#fff; display:inline; font:1.125em LeagueGothicRegular,sans-serif; position:static}
.addtocart{display:inline; float:left; margin:6px 0 0 0; position:relative}
.addtocart form{padding:0 2px 0 0}
.addtocart input{background:url("/share/images/icons/shoppingbasket-small.png") no-repeat scroll 2px center #FDF6E1;  border:1px solid #FF3300;  box-shadow:1px 1px 6px #000000;  font:1.6em OswaldBook, sans-serif;  height:27px;  padding:0 4px 0 24px;  text-transform:uppercase;}
.serie #zoomed .shoptext { margin: 6px 0 0 0; overflow: hidden; padding: 0 0 4px 0}
.serie #zoomed .description { color: #333; margin: 10px 0 0 0;font-size: 1.5em}
#zoomed div.description{ font-size: 1.5em}
#zoomed div.description p{ font-size: 1em}
 .genres a:hover span{color: #990000}
div.specifics.leverancier_status{ color: #f30}
div.specifics.genres { padding: 0 0 4px 0; font-size: 1em;line-height: 1.5em;}
.genres a{color: #666666; padding: 1px 4px 1px 0px;white-space: nowrap; line-height: 150%}
.genres a span{ background: #fec; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); color: #333; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); overflow: hidden; padding: 0px 3px; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); white-space: no-wrap}
.genres a.current span { background-color: #f30; color: #fdf6e1 !important}
/* HIGHSLIDE */
.highslide-html-content{ background: url(/share/images/bg/bg-body.jpg); padding: 0!important}
.highslide-header { background: url(/share/images/bg/bg-highslide-header.png) no-repeat; height: 22px}
.highslide-header ul { margin: 0 0px 0 0!important}
li.highslide-move a, li.highslide-close a { display: block; float: right; font-family: LeagueGothicRegular, sans-serif; height: 17px; padding: 5px 0 2px 0; text-align: left; text-indent: -9999px; width: 17px}
li.highslide-move a:hover, li.highslide-close a:hover { color: #e3c899}
li.highslide-move a { display: none}
li.highslide-close a { background: url(/share/images/aro/close.png) no-repeat}
.highslide-body a.bx-next{ right: 2px}
.highslide-body { height: 355px; position: relative; width: 724px}
.highslide-body .imgholder{ left: 7px; overflow: hidden; position: absolute; top: 3px; width: 270px}
.highslide-body .imgholder ul li{ padding: 10px}
.highslide-body .imgholder img{ margin: 0; max-height: 330px; width: auto}
.highslide-body div.shoptext{ bottom: 50px; left: 292px; overflow: auto; padding: 0 16px 0 0; position: absolute; right: 0px; top: 60px}
div.shoptext h2.title, .highslide-body h2.title { color: #f30; font: 2.4em/24px OswaldBook, sans-serif}
div.shoptext h2.title { margin: 3px 0 6px 0}
.highslide-body h2.title{ bottom: 300px; left: 291px; position: absolute}
div.shoptext h3.subtitle{ color: #333; font-size: 1.8em; line-height: 18px; margin: 0 0 5px 0}
#zoomed div.shoptext h3.subtitle { margin: 5px 0}
div.highslide-container .specifics, .highslide-body .artist, { font-size: 1.3em}
div.highslide-container p.description { clear: both; color: #333; font-size: 1.5em; margin: 10px 0}
div.highslide-container div.shop-add { bottom: 10px; left: 292px; position: absolute}
div.highslide-container div.shopprice { font-size: 1.6em}
div.highslide-body {overflow:hidden}
.highslide-html .imgholder  .cover,
.highslide-html .imgholder  .leverancierstatus { background-position: 10px 10px}
.highslide-html-content div.addthis_toolbox { bottom: 12px; position: absolute; right: 0px}
.highslide-footer { background: url(/share/images/bg/bg-highslide-footer.png) no-repeat}
/* COMICLOPEDIA ----------------------------------------------- */
body.artist_view #site-title a.first { background: url(/share/images/branding/lambiek-logo-comiclo.jpg) no-repeat}
body.artist_view div.content-firstpage { margin: 0 0px 0 10px}
body.artist_view .below-logo { background: url(/share/images/branding/lambiek-logo-comiclo-bottom.jpg) no-repeat; margin: -12px 10px 10px -22px}
body.artist_view .below-logo h2 a:hover { background: url(/share/images/branding/lambiek-logo-comiclo-bottom-over.png) no-repeat}
body.artist_view h1.pagetitle { color: #369; line-height: 0.85; margin: 0 22px 0px 8px; padding: 3px 0}
body.artist_view h1.pagetitle span { font-size: 125%}
body.artist_view .entry-content { margin: 0 22px 10px 0; width: 604px}
body.artist_view h3.article-title { color: #369}
.artist_view .content-firstpage ul.letters { border-bottom: none; border-top: 4px solid #37a; margin: 0 22px 0 0; padding: 0 0 6px 0}
.comiclointro .letters li,.artistintro .letters li,.navbottom ul.letters li {height: 34px}
  
body.artist_view .content-firstpage .letters li a { width: 12px}
.latestadditions{ margin: 0px 10px 0 0; width: 292px}
.latestadditions h2.article-title { font-size: 2.4em}
.latestadditions dl { clear: both; list-style: none; margin: 0; padding: 4px 0 0 0}
.latestadditions dt { line-height: 18px; margin: 0; padding: 0}
.latestadditions .upddate { clear: both; float: left; font-size: 1.3em; width: 86px}
.latestadditions .updname { float: left; font: 1.4em OswaldBook, sans-serif; margin: 0 4px 0 0}
.latestadditions dd.updopm { font-size: 1.2em; line-height: 21px; margin-left: 90px}
.randomartists { background: rgba(0,0,0,0.25); display: block; float: right; margin: 0 22px 0 0; position: relative}
body.homepage .randomartists { margin: 8px 22px 10px 0}
.randomartists .header { background: url(/share/images/bg/bg-comicloblok-topleft.png) no-repeat; display: block}
.randomartists .header .righteous { background: url(/share/images/bg/bg-comicloblok-topright.png) top right no-repeat; margin: 0 0 0 10px}
.randomartists .header h2 { color: #fdf6e1; font: 1.8em/14px OswaldBook, sans-serif; padding: 6px 0 2px 0}
.randomartists .header h2 span { color: #f6ec13; font: 133.33% BemioRegular, sans-serif; text-transform: uppercase}
.randomartists .body { background: url(/share/images/bg/bg-comicloblok-midleft.png) top left repeat-y; display: block; overflow-y: auto}
.randomartists .body .righteous { background: url(/share/images/bg/bg-comicloblok-midright.png) top right repeat-y; margin: 0 0 0 6px; overflow-y: auto; padding: 4px 6px 4px 4px}
.randomartists .body .rounded { background: #fdf6e1; margin: 0 4px 0 0; overflow: auto; padding: 0 5px 0 0}
body.artist_view .randomartists .body .rounded { padding: 0}
.randomartists p { margin: 0 10px 8px 10px; width: 403px}
.randomartists h3.article-title { color: #369; font-size: 1.3em; line-height: 13px; margin: 4px 0 8px 10px}
.randombio{ display: block; padding: 0 10px 6px 10px; width: 121px}
body.artist_view .randombio{ width: 126px}
.randombio h2{ color: #369; line-height: 0.9em; margin: 6px 0}
.randomartists .footer { background: url(/share/images/bg/bg-comicloblok-bottomleft.png) bottom left no-repeat; clear: both; display: block; overflow: auto}
.randomartists .footer .righteous { background: url(/share/images/bg/bg-comicloblok-bottomright.png) bottom right no-repeat; display: block; margin: 0 0 0 10px; overflow: auto; padding: 2px 0px 10px 0}
.randomartists .footer div.search { margin: 0 10px 0 0}
.randomartists .footer .search-comiclopedia p,
body.artist_view .randomartists .footer .search-comiclopedia p { color: #fdf6e1; right: 264px}
.content-firstpage .searchbottom { clear: both; margin: 0 22px 0 0}
/* intro */
.currentletter{ color: #369; float: left; font-size: 4.8em; height: 40px; line-height: 32px; margin: 0 10px 0 0; text-transform: uppercase}
.total-items{ font-size: 1.6em; margin: 0 0 4px 0}
.from-to{ float: left; margin: 0 10px 0 0}
.browsewithpictures { background: #fdf6e1; color: #369; float: right; font-size: 1.4em; padding: 3px 16px 9px 16px}
.browsewithpictures input { margin-right: 3px; margin-top: 3px; vertical-align: bottom}
.browsewithpictures select , .countryselect{margin: 4px 0;padding: 2px;width: 180px}
.browsewithpictures select option,.countryselect option {padding: 0 4px;}
/* artists_az */
.names, .pager{ clear: both; float: left}
.names { margin: 0 0 0 -1px; width: 969px}
.names span { display: block; padding-bottom: 20px}
body.artist_view .names div.column { border-left: 1px solid #9bc; float: left; padding: 6px 0 10px 0; width: 16%}
body.artist_view .names.pics div.column { padding: 10px 0 10px 0}
.names p{ display: block; float: left; line-height: 1; margin: 0 4px 8px 10px; width: 136px}
.names.pics p { height: 138px}
.names a img { display: block; margin: 0 0 4px 0; min-height: 100px}
/* showmore */
.showmore { border-top: 1px solid #f40; font-family: LeagueGothicRegular, sans-serif; margin: 20px 22px 0px 10px; text-align: center}
a#ajaxmore { background: url(/share/images/aro/show-more.png) no-repeat 0 center; color: #f30; font-size: 1.8em; font-weight: normal; line-height: 1.5em; padding-left: 20px; text-transform: uppercase; width: auto}
a#ajaxmore span { background: url(/share/images/aro/show-more.png) no-repeat 100% center; padding-right: 20px}
a#ajaxmore:hover { background: url(/share/images/aro/show-more-over.png) no-repeat 0 center; color: #900}
a#ajaxmore:hover span { background: url(/share/images/aro/show-more-over.png) no-repeat 100% center; padding-right: 20px}
body.artist_view .showmore { border-top: 1px solid #369}
body.artist_view a#ajaxmore { background: url(/share/images/aro/show-more-comiclo.png) no-repeat 0 center; color: #369}
body.artist_view a#ajaxmore span { background: url(/share/images/aro/show-more-comiclo.png) no-repeat 100% center}
body.artist_view a#ajaxmore:hover { background: url(/share/images/aro/show-more-comiclo-over.png) no-repeat 0 center; color: #036}
body.artist_view a#ajaxmore:hover span { background: url(/share/images/aro/show-more-comiclo-over.png) no-repeat 100% center}
/* artist */
.artistprofile .artistinfo { float: left; width: 340px}
.artistprofile h1{ color: #369; font: 2.4em/24px OswaldBook, sans-serif; margin: 0}
.artistprofile h2{ font-size: 1.8em; line-height: 20px}
.artistprofile p{ font-size: 1.2em; margin: 0}
.artistprofile p img{ vertical-align: inherit;}

.artistprofile .addthis_toolbox { float: right}
body .artisttext { clear: both; display: block; float: left; margin: 0 10px 0 166px; position: relative; width: 604px}
#comiclopedia .content blockquote { color: #333;  margin: 0 0 16px 1px}
.artisttext img,
.artistpics img { height: auto}
.artisttext .cmc-img em { clear: both; font-style: normal}
.cmc-img { color: #036; font-size: 1.3em; line-height: 13px; margin: 10px 0}
p.cmc-img img { margin: 8px 0}
.update{ font-size: 1.1em; margin: 10px 0 -103px 0}
body .copyright{ font-size: 1.1em; padding: 0}
.artistpics { overflow: hidden; width: 468px}
.artistpics li{ float: left; margin: 0 10px 10px 0}
.artistpics .bx-wrapper li{ float: left; margin: 0}
.artistpics ul { display: block; list-style: none; margin: 0; padding: 0}
.artistpics i{ display: block; font-size: 1.4em; font-style: normal; margin: 6px 0 10px 0}
.artistpics img{ display: inline; margin: 0 10px}
.artistpics .bx-wrapper { }
.artistpics .bx-wrapper div.bx-pager { left: 34px; padding-top: 0px; position: absolute; text-align: center; top: 0; width: 400px}
.artistpics .bx-window { top: 30px}
.artistpics ul li.pager { text-align: center}
.artistpics .bx-pager a { background: none; color: #333; display: inline-block; font-size: 1.1em; height: 19px; line-height: 17px; margin: 0; padding: 0px 5px 1px 5px}
.artistpics .bx-pager a.pager-active{ background-color: #369; border-radius: 2px; color: #fff; margin: 0 2px}
.artistpics .bx-prev{ left: 10px; top: 0}
.artistpics .bx-next{ right: 10px; top: 0}
div#prevnext{ clear: both; height: 124px; width: 936px}
div#prevnext .comicloprev,
div#prevnext .comiclonext { position: absolute}
div#prevnext .comicloprev{ left: 22px}
div#prevnext .comiclonext{ right: 22px}
div#prevnext a{ font-size: 1.4em}
div#prevnext img { display: block; margin: 0 0 0px 0}
.comicloprev a img,
.comicloprev a span { float: left}
.comiclonext a img,
.comiclonext a span { float: right}
.comicloprev span { background: url(/share/images/aro/bck-comiclo-over.png) no-repeat left 9px; clear: left; padding: 0 0 0 12px}
.comiclonext span { background: url(/share/images/aro/fwd-comiclo-over.png) no-repeat right 9px; clear: right; padding: 0 12px 0 0}
.bibliography-header { background: url(/share/images/bg/bg-books-header.png) no-repeat; height: 34px; margin: 20px 0 0 -12px; padding: 8px 0px 0 12px; position: relative}
.bibliography-header h3 { color: #fff; font-size: 2.2em; line-height: 32px}
.bibliography-header h3 .artistname{ color: #ff0; font: 0.9em OswaldBook, sans-serif}
.bibliography-header .searchbottom{ bottom: 4px; position: absolute; right: 22px}
.bibliography-header .searchbottom p{ color: #fff!important}
.bibliography-header h3 .lambieksmall{ background: url(/share/images/branding/lambiek-letters-107x21.png) center 6px no-repeat; display: inline-block; height: 30px; text-indent: -9999px; width: 110px}
.bibliography{ background: #f40; clear: both; display: table; margin: 0 0 0 -12px; padding: 0; position: relative; width: 960px}
.bibliography-inner{ background: #fdf6e1; display: table; margin: 0 12px; overflow: hidden; padding: 10px 0; position: relative; width: 936px}
.bibliography-inner p.nobooksfounds{ font-size: 1.6em; margin: 10px}
.bibliography .searchbottom{ margin: 6px 12px 0 0}
.bibliography .searchbottom .search p{ color: #fdf6e1}
.bibliography-footer { background: url(/share/images/bg/bg-books-footer.png) no-repeat; height: 8px; margin: 0 0 20px -12px}
/* additions */
h1.additionstitle { border-bottom: 2px solid #369; color: #666; margin: 0}
h1.additionstitle span { color: #369; font-family: BemioRegular, sans-serif; text-transform: uppercase}
h1.additionstitle em { color: #333; font-style: normal}
.alladditions .comiclointro-left { padding: 0 10px 6px 10px; width: 428px}
.additions { margin: 0 0 0 -1px; width: 969px}
.additions div.column{ border-left: 1px solid #99BBCC; float: left; padding: 10px 0 0 0px; width: 16%}
.additions h2 { color: #666; margin: 0px 0 10px 10px}
.additions a { float: left; line-height: 1.3em; padding: 0 6px 8px 10px; width: 130px}
.additions .updname { color: #369; font-size: 1.5em; margin: 0}
/* DUTCH COMICS HISTORY --------------------------------------------- */
body.dutchcomics h3.historytitle { color: #369; display: block; font-family: BemioRegular, sans-serif; margin: 10px 0 0 0; text-transform: uppercase}
body.dutchcomics h1.pagetitle { color: #369; font-size: 3em; line-height: 0.85; margin: 6px 0 0px 0}
body.dutchcomics .entry-content { margin: 0 22px 10px 0; width: 604px}
body.dutchcomics .content { float: left; padding: 0 0 20px 10px; width: 604px}
body.dutchcomics p { clear: left}
body.dutchcomics img { margin: 0 10px 10px 0}
body.dutchcomics .content ol, body.dutchcomics .content ul { font-size: 1.5em; list-style-position: outside; margin: 0.8em 0; overflow: hidden}
body.dutchcomics .content ol li, body.dutchcomics .content ul li { margin: 0 0 0 26px}
body.dutchcomics .content ul li { list-style-image: url(/share/images/aro/diamond_5px_333.png)}
h2.inhoudsopgave { clear: both; font-family: OswaldBook, sans-serif; padding: 20px 0 0 0}
body.dutchcomics p.inhoudsopgave { clear: none}
p.inhoudsopgave, h2.inhoudsopgave, h3.inhoudsopgave { margin: 0 0 0 100px}
h3.inhoudsopgave { font-family: OswaldBook, sans-serif}
h4.inhoudsopgave { margin: 20px 0 20px 100px}
h2.inhoudsopgave img, h3.inhoudsopgave img, h4.inhoudsopgave img, p.inhoudsopgave.intro img { margin: 6px 0 0 -100px}
h4.inhoudsopgave { margin: 20px 0 0 100px}
h4.inhoudsopgave img { margin: 6px 0 20px -100px}
body.dutchcomics p.cmc-img { margin: 20px 0 10px 0}
/* NEWS OVERVIEW --------------------------------------------- */
.news_items .item { float: left; padding: 6px 10px 20px 10px; width: 214px}
.news_items .item a.picholder { float: left}
.news_items h2,
.news_items_first h2 { font: 1.8em/1.1em OswaldBook, sans-serif; margin: 6px 0 4px 0}
body.news_overview ul.subnavlist { border-top: 1px dotted #f30; margin: 4px 0 0 22px; width: 292px}
body.news_overview .fullpage { padding: 10px 12px 0 12px}
body.news_overview ul.subnavlist li{ border-bottom: 1px dotted #f30; display: block; float: none}
body.news_overview .shopintro { }
body.news_overview .content { float: left; width: 948px}
body.news_overview h1.pagetitle { float: left; font-size: 3em; line-height: 6px; margin: 0; padding: 16px 0 0 0; position: relative; text-transform: uppercase; width: 310px}
body.news_overview div#browser { clear: none; padding: 0px 5px 0 0}
body.news_overview .news_items{ margin: 10px 0; width: 100%}
body.news_overview .news_items .item{ height: 350px; padding: 8px 10px 0 10px; width: 292px}
body.news_overview .news_items .item a.picholder { margin: 0 0 10px 0}
/* news more */
.news_more .fullpage { padding: 16px 12px 0 12px}
.news_more .fullpage:before { border-bottom: 2px solid #f40; color: #f40; display: block; float: left; font: 2.4em/1 BemioRegular, sans-serif; margin: 0 0 0 10px; text-transform: uppercase; width: 916px}
.news_more.dutch .fullpage:before { content: "Nieuws"}
.news_more.english .fullpage:before { content: "News"}
.news_more .content { float: left; margin: 16px 0 20px 10px; position: relative; width: 770px}
.news_more p.date { font: 1.2em OswaldBook, sans-serif}
.news_more #slider a { display: block}
.news_more #slider a img{ margin: 4px 10px 10px 4px}
/* HOMEPAGE --------------------------------------------- */
body.homepage .fullpage { padding: 8px 0 0 12px}
body.homepage #site-title a { background: url(/share/images/branding/lambiek-logo-home.jpg) no-repeat}
.below-logo { background: url(/share/images/branding/lambiek-logo-home-bottom.jpg) no-repeat; display: block; float: left; height: 240px; margin: -9px 0 10px -22px; width: 324px}
.below-logo h2 a { background: url(/share/images/branding/empty.png) no-repeat; display: block; height: 240px; text-indent: -9999px; width: 314px}
.below-logo h2 a:hover { background: url(/share/images/branding/lambiek-logo-home-bottom-over.png) no-repeat}
body.homepage .content { float: left; margin: 0 0 0 0; padding: 0 10px; width: 292px}
body.homepage .homepage_content { float: left; margin: 0 0 0 10px; width: 136px}
body.homepage .homepage_content p { margin: 5px 0 8px 0}
body.homepage h1.shopwindowtitle,
body.homepage .news-first-title,
body.homepage .news_items h1.sectiontitle { color: #f40; font-family: BemioRegular, sans-serif; font-weight: normal; text-transform: uppercase}
.homepage_content .pagetitle { line-height: 14px; margin: 14px 10px 3px -1px}
body.homepage h1.shopwindowtitle { line-height: 14px; margin: 10px 10px 3px -1px; text-align: center}
/* news_items */
body.homepage .news_items_first { float: left; width: 292px}
body.homepage .news-first-title { display: block; font-size: 3em; margin: 4px 0 8px 0}
body.homepage .news-first-title span { }
body.homepage .news_items_first .item { clear: left}
body.homepage .news_items { clear: both; float: left; margin: 0; overflow: hidden; width: 936px}
body.homepage .news_items h1.sectiontitle { display: block; height: 31px; margin: 0 10px; width: 916px}
body.homepage .news_items p { font-size: 1.3em; margin: 0}
/* spotlight */
.vip { float: right; margin-right: 12px; padding: 4px 0 0 0; width: 468px}
.vip ul { list-style: none}
.homepage div.shopitem{ border: 0; height: auto; margin: 0; min-height: 136px; padding: 0 10px 10px 10px; width: 136px}
.homepage .shopimage{ position: relative}
.homepage .shopprice{ background: #f40; bottom: 6px; color: #ff0; font-size: 1.6em; font-weight: normal; height: 20px; line-height: 19px; margin: 0; padding: 1px 4px; position: absolute; right: 6px; text-align: center; white-space: nowrap}
.homepage .shopitem.shoptext h2{ margin: 0 0 0 -1px; text-align: left}
body.homepage .shopitem.shoptext { padding: 6px 0 0 1px}
.vip a.bx-next { right: 10px; top: -19px}
.vip a.bx-prev { left: 10px; top: -19px}
/* gadgets */
.gadgets { clear: both; float: none; margin: 20px 2px 20px 0; overflow: hidden; padding-left: 0; padding-right: 0; width: 946px; /* old browsers clear*/ }
.gadgets  li.holder { background: transparent; float: left; height: 240px; margin: 0; overflow: hidden; padding: 0 10px; position: relative; width: 292px}
.gadgets h2 { background: #fdf6e1; color: #f30; display: block; float: left; font-size: 1.8em; line-height: 0.9em; margin: 0; padding: 3px 10px 7px 10px; text-transform: capitalize; vertical-align: middle; white-space: nowrap}
.gadgets .holder p { background: rgba(253, 246, 225, 0.85); bottom: 36px; color: #f30; display: none; left: 10px; margin: 0; padding: 6px 10px; position: absolute; right: 10px; text-align: left; white-space: normal; z-index: 2}
.gadgets a.header { display: block; font-family: "Times New Roman",serif; left: 0; margin: 0; padding: 0; right: 10px; text-decoration: none; top: 0; z-index: 2}
.gadgets .picture { border-top: 1px solid #f30; float: left; position: relative; width: 292px; z-index: auto}
.gadgets a.readmore { background: rgba(253, 246, 225, 0.85) url(/share/images/aro/fwd-over.png) no-repeat 95% center; bottom: 6px; font-size: 1.3em; position: absolute; right: 10px}
.gadgets a.bx-next { right: 10px; top: 220px}
.gadgets a.bx-prev { left: 10px; top: 220px}
/* CONTACT ----------------------------------------------- */
div.contactform .sectiontitle { color: #f30; padding: 41px 302px 0 0; text-align: right}
.contact_information { margin: 0 0 22px 10px}
.contact_information .pagetitle { text-transform: uppercase}
.contact_information h2, .contact_information h3, .contact_information p { margin: 0 0 8px 58px}
.contact_information div.rounded.shadow { clear: both; overflow: hidden; position: relative; width: 916px}
/* FADER RIGHT TOP ----------------------------------------------- */
body.fader_right_top .fullpage { margin: 0 12px; padding: 0 10px}
.fader_right_top .content { margin: 16px 0 20px 0}
/* TEXT ONLY ----------------------------------------------- */
.text_only #content { margin: 16px 22px 20px 12px}
.text_only .fullpage { padding: 0}
.text_only .content h3 { padding: 8px 0 0 1px}
.text_only p.bodytext { font-size: 1.3em; padding: 0 0 0 1px}
.text_only  .content ul ul, .text_only  .content ol ul { font-size: 1 em}
.text_only .content ul, .text_only .content ol { font-size: 15px; list-style-position: outside; margin: 0.8em 0}
.text_only .content ul { list-style-image: url(/share/images/aro/diamond_5px_333.png)}
.text_only .content ul li, .text_only .content ol li, .bodytext li { margin: 0 0 0 20px}
.text_only .content ul ul,
.text_only .content ul ol,
.text_only .content ol ol,
.text_only .content ol ul.
.content ul.bodytext,.content ol.bodytext{
font-size: 15px
}
.entry_content ul,
.entry_content ol{
font-size: 15px;
padding-left: 25px
}
.text_only .content h3 { font-family: OswaldBook, sans-serif}
/* FOOTER ----------------------------------------------- */
footer#colophon{ background: url(/share/images/bg/bg-footertop.png) no-repeat; float: left; padding-top: 5px; position: relative; width: 100%}
body.artist_view footer#colophon,
body.dutchcomics footer#colophon { background: url(/share/images/bg/bg-footertop-comiclopedia.png) no-repeat}
#footer_contain{ background: #f40; display: block; height: 22px}
body.artist_view #footer_contain,
body.dutchcomics #footer_contain { background: #3a74af}
footer#colophon .footerbottom { background: url(/share/images/bg/bg-footerbottom.png) no-repeat; height: 28px; position: relative}
body.artist_view footer#colophon .footerbottom,
body.dutchcomics footer#colophon .footerbottom { background: url(/share/images/bg/bg-footerbottom-comiclopedia.png) no-repeat}
#footer_contain .branding, #footer_contain .branding h2, #footer_contain .branding h3 { display: block; float: left; height: 18px}
#footer_contain .branding { margin: 2px 4px 0 22px}
#footer_contain .branding h2 { background: url(/share/images/branding/lambiek-98x18.png) no-repeat; margin: 0 6px 0 0; width: 98px}
#footer_contain .branding h3 { background: url(/share/images/branding/comix-strips-113x18.png) no-repeat; margin: 0; width: 113px}
#footer_contain ul { list-style: none; margin: 0; padding: 0}
#footer_contain a { color: #fdf6e1; padding: 1px 5px}
#footer_contain a:hover { color: #ff0}
#footer_contain ul li { display: inline}
#footer_contain #access { left: 248px; top: 0; width: 415px}
#footer_contain ul.menulist li a { font-size: 1.7em; padding: 2px 7px 0 7px}
#footer_contain ul.menulist a:hover { color: #ff0}
#footer_contain ul.menulist li.current a{ color: #cc1900}
body.artist_view #footer_contain ul.menulist li.current a,
body.dutchcomics #footer_contain ul.menulist li.current a { color: #194c80}
#footer_contain ul.menulist .sub { bottom: 30px; left: 7px}
#footer_contain ul.menulist .sub a { color: #f30; font-size: 1.6em; padding: 3px 10px}
body.artist_view #footer_contain ul.menulist .sub a,
body.dutchcomics #footer_contain ul.menulist .sub a { color: #369}
#footer_contain ul.menulist .sub a:hover { color: #900}
body.artist_view #footer_contain ul.menulist .sub a:hover,
body.dutchcomics #footer_contain ul.menulist .sub a:hover { color: #036}
body.artist_view #footer_contain ul.menulist ul.sub .current a,
body.dutchcomics #footer_contain ul.menulist ul.sub .current a { background: #37a; color: #ff0}
div.footertop { font-family: LeagueGothicRegular, sans-serif; left: 666px; position: absolute; text-transform: uppercase}
#footer_contain div.footertop a { background: url(/share/images/aro/top.png) 0 4px no-repeat; font-size: 1.7em; line-height: 26px; padding: 1px 6px 0px 16px}
#footer_contain div.footertop a:hover { background: url(/share/images/aro/top-over.png) 0 4px no-repeat}
#footer_contain ul.rightbottom { font-family: OswaldBook, sans-serif; line-height: 1.2; margin: 8px 0 0 0; position: absolute; right: 17px}
/* debug bar voor dirk*/
#openbtn,#selectbar { z-index: 999}
#vardumptbl td { color: #000; font-size: 1.2em}
.item strong { color: #3D506D; display: block; margin-bottom: 5px}
.news_items .item img { background: none repeat scroll 0 0 #FFFFFF; float: none; padding: 0}
ul.seriesaz{ overflow: hidden; list-style: none}
.seriesaz li li { border-left: 1px solid #f96; display: block; font-size: 1.2em; line-height: 145%; list-style: none; margin: 0; padding: 0 6px}
.first.column li {border: none}
.seriesaz li:hover{ }
.seriesaz li li a { color: #333; text-decoration: none}
.seriesaz li a:hover { }
.seriesaz li span { color: #666; font-size: 0.85em}
.seriesaz li.letter { clear: both; float: none; padding: 0; width: auto}
.seriesaz li.letter span { color: #f30; font-size: 2.4em; text-transform: uppercase}
body.products .column { margin: 0 0 10px 0}
#zoomed .shopitem{ height: auto; width: auto}
.ie7  .browseby ul{ list-style: none; vertical-align: middle}
.ie7  .browseby li{ display: inline; margin: 2px}
html.ie7{ overflow-y: auto !important}
.ie7 body { overflow: hidden}
html.ie8{ overflow-y: hidden !important}
.ie8 body { overflow-x: hidden; overflow-y: scroll}
.booktitles { display: inline; overflow: hidden;
 /*position: relative*/}
table.cart tbody td{ vertical-align: top}
tr.over a{ color: #fff}
.artists thead,.artists tfoot{ background-color: #3477ab; color: white}
.artists tr.odd{ background-color: #f1d6a3}
.artists tr.over{ background-color: #3477ab; color: #fff}
.awesome{ 
background: -moz-linear-gradient(100% 100% 90deg,#D5D5D5,#EEEEEE) repeat scroll 0 0 transparent; 
border: 1px solid #BBBBBB; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px #333; 
color: #232D3D; cursor: pointer; display: inline-block; font-size: 1.55em !important; text-transform:uppercase;font-weight:normal;
font-family: LeagueGothicRegular,sans-serif;line-height: 16px; margin: 15px 0 10px 10px; padding: 2px 10px; text-shadow: 0 1px 0 #FFFFFF}
.awesome.red,
.awesome.red:visited {
	color: #ff3300 !important
}
.awesome.red:hover{
	background-color:#fff
}
.form_entry input.awesome {
	margin-bottom:3px
}
.books thead,.books tfoot{ background-color: #ff4400; color: white}
.books tr.odd{ background-color: #eedbb0}
.books tr.over{ background-color: #ff4400; color: #fff}
.cart .dec{ background-position: left bottom}
.cart .inc{ background-position: left top}
.cart .knop{ background-color: #000; background-image: url("/share/images/buttons.png"); color: #fff; cursor: pointer; float: left; height: 15px; margin: 4px 1px; text-align: center; text-indent: -9999px; width: 15px}
.cart .number{ float: left; vertical-align: middle}
.cart input.cart-delete{ background: url("/share/images/cart_delete.png") no-repeat scroll center center transparent; border: medium none; height: 18px; margin-left: 1em; vertical-align: middle; width: 18px}
.content ul{ list-style-position: inside; /*zag er anders niet uit op de homepage bij een list*/ }
.error{ background: url(/share/images/modal/error.png) right bottom no-repeat #fbe3e4; border-color: #f65b5f; color: #8a1f11}
.error a{ color: #8a1f11}
.error,.notice,.success{ border-style: solid; border-width: 6px; font-size: 1.1em; margin: 1em 5px; min-height: 117px; overflow: hidden; padding: .8em 140px .8em .8em}
.error:first-line,.notice:first-line,.success:first-line{ font-size: 1.15em; font-weight: 800; line-height: 200%}
.formfield{ margin: 2px 0; overflow: hidden}
.news_more #slider iframe{ width: 100%}
.news_overview .item{ float: left; width: 177px}
.news_overview .news_items,body .latestadditions .li,div.latestadditions ul li{ overflow: hidden}
.noshadow,.noshadow:hover{ box-shadow: none}
.results{ border-collapse: collapse; border-style: solid; border-width: 3px; color: #000000; float: left; font-size: 13px; font-size: 14px; width: 465px}
.results tbody td{ background: transparent; vertical-align: top}
.results td,.results th{ padding: 2px 2px 2px 7px}
.results.artists{ border-color: #3477ab}
.results.books{ border-color: #ff4400; margin-right: 5px}
.search .radio{ padding-left: 5em}
.search .radio label{ float: none}
.search .ui-autocomplete-loading{ background: #FDF6E1 url(/share/images/icons/ajax_activity_indicators_download_animated_indicator.gif) no-repeat 97% center}
.search .zoekblok .formfield{ float: left; width: 7em}
.search div.zoekblok fieldset{ float: left; margin: 2px 1%; width: 48%}
.search input#keyword{ font-size: 1.2em}
.search label{ float: left; padding: 0  0.3em; text-align: right}
.shopitem  .cover, .imgholder  .cover, .shopitem  .leverancierstatus, .imgholder  .leverancierstatus,.shopitem  .language, .imgholder  .language{background-color:transparent; height:60px; left:0; position:absolute; right: 0; top:0}
body.dutchcomics .search-webshop{ display: none}
.subnavlist  .genres a{ color: #000; float: left; margin: 0; overflow: hidden}
.success{ background: url(/share/images/modal/success.png) #e6efc2 right bottom no-repeat; border-color: #5a9e6d; color: #264409}
.success a{ color: #264409}
.tablerow >a{ font-size: 1.4em}
.terugverder{clear:both;overflow:hiddenwidth:100%;padding:20px 0;}
.dutchcomics div.genres div{margin-top:10px;}
.dutchcomics div.genres h2.article-title{background-color:#FF4400;  display:block;overflow:visible;height:26px;padding-left:5px}
.dutchcomics div.genres h2.article-title a{color:#fff;}
.shopitem{padding:0 7px; }
.oldie .form_entry, .ie8 .form_entry{font-family:arial,sans-serif !important; font-size:11px}
.subnav{display:none}
     .tab_container{margin-bottom:16px}
.bx-wrapper{position:relative;}
.serie #zoomed a.bx-next{bottom:54%;right:-8px}
.serie #zoomed a.bx-prev{display:none}
.sale .shopitem{height:auto;padding:0 0 5px 15px}
.sale{overflow:hidden;width:145px;border-left:1px solid #ff4400;}
.sale h2.shopheader{color:#ff4400;font:14px/100% OswaldBook, sans-serif;white-space:nowrap;padding-left:15px}
.nobooksfound {display:none;white-space: norap;clear:both}
.debug {display:none; overflow:hidden;clear:both}

/* workaround for chrome33*/
body{-webkit-animation-duration:0.1s;-webkit-animation-name:fontfix;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:linear;-webkit-animation-delay:0.1s;}
@-webkit-keyframes fontfix{from{opacity:1; }
to{opacity:1; }
}
/* workaround for chrome33*/
.bedeltekst{background:rgba(253,246,225,0.8);padding:10px;font-weight:bold;box-shadow:0 0 5px rgba(0,0,0,0.5);width:600px;}
.fullpage .bedeltekst{position:absolute; right:5px;top:5px;z-index:99;width:600px;}

  .bedeltekst.artista { position: static; width: auto;margin: 10px}
.bibliography, .bibliography-header, .bibliography-footer{display:none}
.bedeltekst #closer{position:absolute; right:5px; top:5px}