﻿body {background: transparent url('grfx/body_bg.gif') top left repeat-x;min-height:100%;_height:100%; }
html {background: #df1a22 url('grfx/html_bg.gif') top left;min-height:100%;_height:100%;}
a img {border:0;}
a {color:#000;}
a:hover {color:#b00342;}
object:focus{-moz-outline: none;}

.divider {position:relative;clear:both;height:28px;width:100%;background: transparent url('grfx/divider.gif') center center no-repeat;padding:10px 0}
#overlay {background:#000 none;position:absolute;width:100%;min-height:100%;_height:100%;top:0;left:0;z-index:3000;display:none;}

#header {width:930px;height:145px;margin:0 auto;background: transparent url('grfx/header_bg_OPT.png') top left no-repeat;_background:transparent url('grfx/header_bg_ie6.gif') top left no-repeat;position:relative;left:1px;}
#footer {position:relative;width:930px;height:30px;margin:0 auto;background: transparent url('grfx/footer_bg.png') top left no-repeat;_background:transparent url('grfx/footer_bg_ie6.gif') left top no-repeat;z-index:0;.z-index:-1;}
#footer-text {color:#e4c28a;font-size:12px;width:930px;text-align:center;margin:0 auto;position:relative;top:-15px;}
#footer-text a {color:#e4c28a;}

#container #triplecolumn-container #triplecolumn-1 .betaalopties {position:absolute;left:0px;top:245px;z-index:100;}


#container {background: transparent url('grfx/container_shadow.png') top left repeat-y;_background:none;}
#container-content {position:relative;width:889px;left:17px;background:transparent url('grfx/content_bg.jpg') repeat-y bottom left;}
#container #triplecolumn-container {background:transparent url('grfx/contenttop_bg.jpg') top left no-repeat;min-height:480px;_height:480px;}
#container #triplecolumn-container #triplecolumn-2 {_overflow:hidden;_margin-left:-25px;left:5px;}
#container #triplecolumn-container #triplecolumn-2 .content {position:relative;width:390px;margin:0;padding:10px 10px 0 10px;}
#container #triplecolumn-container #triplecolumn-2 .content p {color:#2e2617;padding:0 0 10px 0;}

#container #doublecolumn-container {background:transparent url('grfx/contenttop_bg.gif') top left no-repeat;min-height:480px;_height:480px;}
#container #doublecolumn-container #doublecolumn-2 {_overflow:hidden;_margin-left:-25px;left:5px;}
#container #doublecolumn-container #doublecolumn-2 .content {position:relative;width:680px;margin:0;padding:10px 10px 0 10px;}
#container #doublecolumn-container #doublecolumn-2 .content p {color:#2e2617;padding:0 0 10px 0;}


#nav {position:relative;left:-10px;top:-15px;}
#nav ul {list-style-type:none;margin:0;padding:0;}
#nav ul li {display:block;}
#nav ul li a {display:block;text-decoration:none;text-indent:-999px;overflow:hidden;width:161px;}
#nav ul li a.nav-home {height:48px;background: transparent url('grfx/nav/nav_home.gif') top left no-repeat;}
#nav ul li a.nav-home:hover {background-position: left -48px;}
#nav ul li a.nav-boek {height:41px;background: transparent url('grfx/nav/nav_boek.gif') top left no-repeat;}
#nav ul li a.nav-boek:hover {background-position: left -41px;}
#nav ul li a.nav-bladeren {height:40px;background: transparent url('grfx/nav/nav_bladeren.gif') top left no-repeat;}
#nav ul li a.nav-bladeren:hover {background-position: left -40px;}
#nav ul li a.nav-sprookjes {height:43px;background: transparent url('grfx/nav/nav_sprookjes.gif') top left no-repeat;}
#nav ul li a.nav-sprookjes:hover {background-position: left -43px;}
#nav ul li a.nav-bestellen {height:62px;background: transparent url('grfx/nav/nav_bestellen.gif') top left no-repeat;}
#nav ul li a.nav-bestellen:hover {background-position: left -62px;}
#nav ul li a.active {background-position: left bottom;}
#nav ul li a.active:hover {background-position: left bottom;}

/* home */
.blader-door-boek {display:block;margin:10px 0 0 0;position:relative;top:10px;width:194px;height:223px;overflow:hidden;text-indent:-999px;background: transparent url('grfx/blader_door_boek.gif') top left no-repeat;}
.homepage-boek {position:absolute;right:30px;_right:50px;bottom:0;}
#homepage-visual {position:absolute;top:97px;right:0px;width:337px;height:352px;z-index:100;}
#homepage-visual #homepage-visual-content {position:relative;width:337px;height:352px;background: transparent url('grfx/home/homepage_visual.png') top left no-repeat;_background: transparent url('grfx/home/homepage_visual_ie6.gif') top left no-repeat;}
#aktieprijs {position:absolute;right:-5px;top:0;display:block;overflow:hidden;text-indent:-999px;width:83px;height:71px;background: transparent url('grfx/aktieprijs.gif') top left no-repeat}

/* het boek */
.bekijk-het-filmpje {margin:0 0 0 -10px;}
.boek-visual {position:absolute;right:23px;}
#filmpje-flash {display:none;background:transparent none;position:absolute;margin:0 auto;z-index:10000;width:623px;height:400px;}
#filmpje-flash #filmpje-flash-content {width:623px;height:400px;position:absolute;top:0;left:0;}
#filmpje-flash #alt {position:absolute;left:0;top:0;width:623px;height:400px;background: transparent url('grfx/filmpje_noflash.png') top left no-repeat;z-index:0}
#filmpje-flash #alt #sluit-filmpje {display:block;width:35px;height:35px;position:absolute;right:22px;top:20;text-indent:-999px;text-decoration:none;overflow:hidden;z-index:21000}
#filmpje-flash #alt #noflash-text {position:absolute;font-size:13px;left:230px;top:150px;width:150px;}
.adobe_getflash {position:relative;margin:10px 0 0 0;display:block;text-decoration:none;overflow:hidden;text-indent:-999px;width:164px;height:46px;background: transparent url(grfx/adobe_getflash.gif) top left no-repeat;}

/* sprookjes */
#sprookjeslinks {position:relative;}
.small-heading-link {position:relative;width:300px;height:25px;margin:0 0 15px 0;_overflow:hidden;_width:260px;z-index:3;}
.small-heading-link a {position:relative;background:transparent url('grfx/blank.gif');display:block;width:290px;height:25px;left:0;text-indent:-999px;overflow:hidden;z-index:6;text-decoration:none;}
.small-heading-link a:hover {background: transparent url('grfx/kringel.gif') left 5px no-repeat}
.small-heading-link a.active {background: transparent url('grfx/kringel.gif') left 5px no-repeat}

/* bladeren */
#pageflip {position:relative;left:0px;margin-top:-15px;width:700px;height:444px;}
#pageflip-noflash {position:relative;margin:60px 0 0 90px;width:208px;height:237px;background: transparent url(grfx/bladerboekje_noflash.gif) top left no-repeat;}
#pageflip-noflashtext {position:absolute;width:150px;top:60px;left:33px;font-size:11px;line-height:15px;}
#pageflip-noflashtext .adobe_getflash {position:relative;left:-10px;}

/* titles */
.title {text-indent:-999px;overflow:hidden;width:405px;height:39px;margin:-22px 0 10px 0;z-index:10;position:relative;}
.erwaseens {background: transparent url('grfx/title/erwaseens.gif') top left no-repeat}
.jarenlangsprookjesplezier {background: transparent url('grfx/title/jarenlangsprookjesplezier.gif') top left no-repeat}
.sprookjesvoor1995 {background: transparent url('grfx/title/sprookjesvoor1995.gif') top left no-repeat}
.bekijkhetboek {background: transparent url('grfx/title/bekijkhetboek.gif') top left no-repeat}
.besteluwsprookjesboek {background: transparent url('grfx/title/besteluwsprookjesboek.gif') top left no-repeat}
.betalen {background: transparent url('grfx/title/betalen.gif') top left no-repeat}
.dubbeldikboek {width:236px; height:62px; margin:-16px 0 10px 0;background: transparent url('grfx/title/20sprookjesindubbeldikboek.gif') top left no-repeat}

/* flashteksten verbergen */
.small-heading {visibility:hidden;position:absolute;width:270px;height:25px;margin:0 0 0 30px;z-index:4;}
.subkop {visibility:hidden;position:relative;width:390px;height:30px;margin:0 0 10px 0;}
.subkop-infodiv {visibility:hidden;position:relative;width:150px;height:30px;margin:0 0 10px 0;overflow:hidden;left:20px;top:10px;}
.dropcaps {float:left;position:relative;width:75px;height:70px;visibility:hidden;margin:-7px 10px -3px -18px;top:3px;}
.alt {display:none;}


/* forms */
.rij {position:relative;font-size:15px;font-family:"Georgia","Trebuchet MS";margin:0 0 2px 0;height:37px;padding:0;left:170px;width:225px;}
.rij label {position:absolute;left:-170px;}
.rij select,input {display:block;width:215px;.height:15px;border:1px solid #635131;padding:1px 0 2px 2px;font-size:13px;color:#052b66;font-family:"Georgia","Trebuchet MS";}
.rij .validatie-pointer {position:absolute;display:block;overflow:hidden;font-size:11px;}
input.error {border:1px solid #635131;}
input.focussed {background-color:#f7ecdd;}
.rij .erroricon {position:absolute;margin-left:-15px;bottom:20px;overflow:hidden;text-indent:-999px;font-size:1px;width:13px;height:14px;background: transparent url('grfx/erroricon.gif') top left no-repeat}
/* input.no-error {border:1px solid green;background:green none} */
table.radio {position:relative;_zoom:0;margin:0 0 10px 0;width:400px;}
table.radio tr td label {font-size:16px;font-weight:normal;position:relative;left:4px;top:-1px;position:relative;}
table.radio tr td input {display:inline;border:0;width:auto;}
table.radio tr td input.focussed {background: transparent none;}
.errorList {font-weight:bold;color:#c6191f;font-size:12px;text-align:right;width:445px;position:relative;top:20px;}

/* cart */
#cart {position:relative;width:495px;color:#2e2617;font-family:"Georgia", "Trebuchet MS";font-size:16px;font-weight:bold;}
#cart .cart-heading {position:relative;width:100%;height:22px;border-bottom:1px solid #827257;}
#cart .cart-heading .boek {position:absolute;left:0;}
#cart .cart-heading .pps {position:absolute;left:150px;}
#cart .cart-heading .aantal {position:absolute;left:310px;}
#cart .cart-heading .totaal {position:absolute;left:420px;}

#cart .cart-item {position:relative;width:100%;height:40px;font-weight:normal;margin:5px 0; }
#cart .cart-item .boek {position:absolute;left:0;width:140px;}
#cart .cart-item .pps {position:absolute;left:150px;}
#cart .cart-item .aantal {position:absolute;left:310px;}
#cart .cart-item .totaal {position:absolute;left:420px;font-weight:bold;}

#cart .cart-extra.first {background: transparent url('grfx/cart_bg.gif') top right no-repeat}
#cart .cart-extra {position:relative;width:100%;height:20px;font-weight:normal;margin:5px 0; }
#cart .cart-extra .desc {position:absolute;left:0;width:380px;text-align:right;}
#cart .cart-extra .prijs {position:absolute;left:420px;}

.btn-nubestellen {display:block;position:relative;left:230px;margin:10px 0;text-decoration:none;overflow:hidden;text-indent:-999px;width:165px;height:44px;background: transparent url('grfx/buttons/btn_nubestellen.gif') top left no-repeat;border:0;cursor:pointer;}
.btn-nubestellen:hover {background-position: bottom left;}


.infodiv-container {position:relative;width:189px;left:100px;font-family: "Georgia", "Trebuchet MS";font-size:12px;line-height:16px;}
.infodiv-container .info-head {position:relative;height:56px;background: transparent url('grfx/info_top.png') top left no-repeat;_background: transparent url('grfx/info_top.gif') top left no-repeat}
.infodiv-container .info-bottom {position:relative;height:44px;background: transparent url('grfx/info_bottom.png') top left no-repeat;_background: transparent url('grfx/info_bottom.gif') top left no-repeat}
.infodiv-container .info-content {position:relative;min-height:100px;_height:50px;background: transparent url('grfx/info_content_bg.png') top left repeat-y;_background: transparent url('grfx/info_content_bg.gif') top left repeat-y}
.infodiv-container .info-content p {padding:0 25px;}
