body { background:#EE4023 url('grfx/body_bg.gif') center top repeat-x; font-family:Verdana, Arial; font-size:11px; color:#333333;}
p {margin:0 0 10px 0;line-height:16px}
a {color:#EE4023;}
a img {border:0}
.bullet-orange {display:inline-block; background: transparent url('grfx/bullet_orange.gif') center left no-repeat; padding: 0 0 0 15px;}

a.arrow {display:inline-block;background: transparent url('grfx/arrow.gif') center left no-repeat;padding:0 0 0 15px;}
a:hover {text-decoration:none;}



a.terug {display:inline-block;background: transparent url('grfx/arrow_back.gif') left 3px no-repeat;padding:0 0 0 15px;color:#006699;}
a.terug:hover {text-decoration:none;background-position:bottom left;}

.alt {display:none;}
.blue {color:#3083ac;}
.borisblackbloxx,
.officina,
.officina-blue,
.officina-white {visibility:hidden;}
.borisblackbloxx {height:35px;color:#6DCFF5;font-size:20px;font-weight:bold;}
.officina {height:30px;color:#EE4023;font-weight:normal;font-size:16px;}
.officina-blue {height:30px;color:#6DCFF5;font-weight:normal;font-size:16px;}
.officina-white {height:30px;color:#ffffff;font-weight:normal;font-size:16px;}

.dotline {height:2px;line-height:2px;font-size:2px;overflow:hidden;background: transparent url('grfx/dotline.gif') top left repeat-x;}
.main-cart-link {display:block;width:40px;height:74px;background: transparent url('grfx/cart.gif') top left no-repeat;position:absolute;left:691px;top:75px;z-index:5;text-decoration:underline;color:#000;cursor:pointer;}
.main-cart-link .cart-items {position:absolute;width:50px;left:8px;top:17px;text-decoration:underline;color:#333;cursor:pointer;}

.detail {position:relative;padding:0 0 0 70px;color:#006699;margin:0 0 4px 0;}
.detail b {font-size:12px;}
.detail .titel {position:absolute;left:0px;_left:-70px;color:#333;}

ul.lijst {position:relative;margin:2px 0 15px 0;}
ul.lijst li {padding:0 0 0 10px;background: transparent url('grfx/bullet.gif') left 5px no-repeat}

ol {margin:0 0 0 30px;}

#header a.logo {z-index:1;top:7px;left:230px;position:absolute;display:block;text-indent:-999px;overflow:hidden;height:70px;width:386px;background: #ee4023 url('grfx/logo.gif') top left no-repeat;}
#content-top {z-index:2;position:absolute;right:-4px;_right:0;top:-21px;width:570px;height:21px;background:transparent url('grfx/content_top.png') top left no-repeat;_background:transparent url('grfx/content_top.gif') top left no-repeat;}

#nav-container {position:relative;left:-12px;top:-8px;border-left:1px solid #fff;border-right:1px solid #fff;width:128px;margin:13px 0 0 0;background:#ee4023 none;}
#nav-container #nav-top {position:absolute;left:-1px;top:-15px;width:130px;height:15px;background: transparent url('grfx/nav_top.gif') top left no-repeat}
#nav-container #nav-bottom {position:absolute;left:-1px;bottom:-15px;width:130px;height:15px;background: transparent url('grfx/nav_bottom.gif') top left no-repeat}
#nav-container ul {position:relative;width:125px;left:5px;}
#nav-container ul li a {display:block;height:25px;line-height:25px;text-decoration:none;color:#fff;width:120px;overflow:hidden;}
#nav-container ul li a.de-boekjes {background: transparent url('grfx/menu/de_boekjes.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.de-liedjes {background: transparent url('grfx/menu/de_liedjes.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.home {background: transparent url('grfx/menu/home.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.kleurplaten {background: transparent url('grfx/menu/kleurplaten.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.over-ons {background: transparent url('grfx/menu/over_ons.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.winkelmandje {background: transparent url('grfx/menu/winkelmandje.gif') top left no-repeat;text-indent:-999px;}
#nav-container ul li a.active {color:#FFF200;background-position: left -50px;}
#nav-container ul li a:hover {color:#FFF200;background-position: left -25px;}
#nav-container ul li a.active:hover {color:#FFF200;background-position: left -50px;}

#footer {background: transparent url('grfx/footer_bg.gif') top right no-repeat;}
#footer p {color:#fff;width:530px;top:10px;position:relative;left:150px;text-align:center;}
#footer p a {text-decoration:underline;color:#fff; }
#footer p a:hover {text-decoration:none; }
#footer p a.active {color:#6DCFF5;text-decoration:none;}

p#copyrights {width:570px;margin:10px 0;padding:0 0 20px 130px;color:#fff;text-align:center;margin:0 auto;}
p#copyrights a {color:#fff;}
p#copyrights a:hover {text-decoration:none;}

/* singlecolumn */
#container #singlecolumn-container {background:transparent url('grfx/content_bg.png') top left repeat-y;_background:#fff url('grfx/content_bg.gif') top left repeat-y;}

/* doublecontainer */
#container #doublecolumn-container #doublecolumn-2 {background:transparent url('grfx/content_bg.png') 2px top repeat-y;_background:#fff url('grfx/content_bg.gif') top left repeat-y;overflow:hidden;}


/* home */
#header-visual {position:relative;height:232px;left:-16px;top:0;margin-bottom:-225px}
.default-heading {margin:200px 0 0 0;z-index:1;}

#home-container {position:relative;zoom:1;width:510px;}
#home-container #left .item .item-desc {position:absolute;left:155px;top:5px;width:165px;overflow:hidden;}
#home-container #left .item .item-desc ul {position:relative;padding:2px 0 15px 0;width:165px;}
#home-container #left .item .item-desc ul li {padding:0 0 0 10px;background: transparent url('grfx/bullet.gif') left 5px no-repeat}
#home-container #left {position:relative;float:left;width:330px;zoom:1;}
#home-container #left .item {position:relative;width:325px;height:165px;}
#home-container #left .item .item-link {display:block;overflow:hidden;width:160px;height:160px;position:absolute;text-indent:-999px;}
#home-container #left .item.liedjes {background: transparent url('grfx/sinterklaasliedjes_home_bg.gif') top left no-repeat;margin:0 0 5px 0;}
#home-container #left .item.verhalen {background: transparent url('grfx/sinterklaasverhalen_home_bg.gif') top left no-repeat;}
#home-container #right {position:relative;float:left;width:180px;}
#home-container #right #kleurplaten-home {padding:5px 10px 10px 10px;_overflow-x:hidden;_padding-bottom:6px;position:relative;width:160px;height:265px;background:#ec008c url('grfx/kleurplaten_home_bg.gif') top left no-repeat;margin:0 0 25px 0;}
#home-container #right #kleurplaten-home h2 {color:#fff;}
#home-container #right #kleurplaten-home p {color:#fff;margin:0 0 5px 0;}
#home-container #right #kleurplaten-home a {color:#fff;}
#home-container #right #kleurplaten-home a.arrow {background-image: url('grfx/bullet_pink.gif');}
#home-container #right #kleurplaten-home a.kleurplaten-image {position:absolute;bottom:10px;}

#home-container #betaalopties-home {position:relative;margin:10px;}
#home-container #betaalopties-home p {margin:0 0 5px 0;color:#006699}

/* cart */
#cart-stappen {position:relative;width:510px;height:24px;background:#6dcff5 url('grfx/cart_stappen.gif') top left no-repeat;margin:10px 0 10px -15px;line-height:24px;padding:0 10px;}
#cart-stappen .stap {color:#C5ECFB;margin:0 20px 0 0;}
#cart-stappen .stap a {color:#fff;text-decoration:underline;}
#cart-stappen .stap a:hover {text-decoration:none;}
#cart-stappen .stap.active {color:#fff;}

#cart {position:relative;width:415px;margin:0 0 0 -5px;min-height:200px;_height:200px;}


#cart.empty {background: transparent url('grfx/cart_bg.gif') center center no-repeat;min-height:275px;_height:275px;}

#cart-details-right {color:#006699;position:absolute;top:90px;left:428px;width:85px;height:195px;background:transparent url('grfx/cart_details_right.gif') top left no-repeat}
#cart-details-right p.levertijd {position:absolute;left:5px;width:80px;top:160px;}
#cart-details-right p.veiligbetalen {position:absolute;left:5px;width:80px;top:60px;}

#cart #cart-header {position:relative;background:#FFF200 url('grfx/cart_header.gif') top left no-repeat;width:415px;height:24px;line-height:24px;font-weight:bold;color:#EE4023;}
#cart #cart-header .artikel {position:absolute;left:10px;}
#cart #cart-header .prijs {position:absolute;left:200px;}
#cart #cart-header .aantal {position:absolute;left:260px;}
#cart #cart-header .totaal {position:absolute;left:330px;text-align:right}
#cart .item {position:relative;margin:10px 0;height:45px;}
#cart .item .artikel {position:absolute;left:10px;}
#cart .item .artikel p {position:absolute;left:70px;top:0;width:110px;}
#cart .item .prijs {position:absolute;left:200px;width:50px;}
#cart .item .aantal {position:absolute;left:265px;width:50px;}
#cart .item .aantal select {color:#333; font-family: Verdana, Arial; font-size:11px;}
#cart .item .totaal {position:absolute;left:320px;text-align:right;width:50px;}
#cart .item .delete {position:absolute;left:390px;}
#cart .item .delete a.del {display:block;width:16px;height:16px;overflow:hidden;text-indent:-999px;text-decoration:none;background: transparent url('grfx/delete.gif') top left no-repeat}
#cart .item .delete a.del:hover {background-position:bottom left}
#cart .subtotaal {padding:0 45px 0 0;text-align:right;margin:4px 0;}
#cart .totaalprijs {padding:0 45px 0 0;text-align:right;margin:4px 0;font-size:14px;font-weight:bold;}

#cart .btn-order {position:relative;left:325px;margin:10px 0 0 0;display:block;width:86px;height:24px;line-height:24px;.line-height:23px;text-indent:25px;background: transparent url('grfx/btn_order.gif') top left no-repeat;color:#fff;text-decoration:none;}
#cart .btn-order:hover {background-position:bottom left}


/* cart stap 2 (gegevens) */
#cart-order-container {width:530px;position:relative;background:#E2F5FD none;left:-15px;padding:10px 0;}
#cart-order-container .left {float:left;padding:0 10px;width:235px;overflow-x:hidden;}
#cart-order-container .right {float:left;padding:0 10px;min-height:250px;_height:250px;width:235px;overflow-x:hidden;border-left:1px solid #6DCFF5}
#cart-order-container .btn-verder {position:relative;left:415px;margin:10px 0 0 0;display:block;width:76px;height:24px;line-height:24px;.line-height:23px;text-indent:25px;background: transparent url('grfx/btn_verder.gif') top left no-repeat;color:#fff;text-decoration:none;}
#cart-order-container .btn-verder:hover {background-position:bottom left}
#cart-order-container .terug {position:absolute;bottom:20px;left:20px;}
#cart-order-container .errorlist {position:relative;top:-25px;left:230px;width:170px;}

/* cart stap 3 (payment kiezen en overzicht) */
#cart-payment-container {width:510px;position:relative;background:#E2F5FD none;left:-15px;padding:0 10px 10px 10px;}
#cart-payment-container #order-overview {position:relative;background-color:#F0FAFE; width:490px; padding:10px; margin:0 0 10px 0;}

#cart-payment-container #order-overview .left {position:relative;float:left;width:250px;padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px solid #6DCFF5}
#cart-payment-container #order-overview .right {position:relative;float:left;width:219px;}

#cart-payment-container #order-overview #cart {position:relative;width:230px;padding:0 10px;}
#cart-payment-container #order-overview #cart #cart-header {position:relative;background:transparent url('grfx/cart_header_overview.gif') top left no-repeat;width:250px;height:24px;line-height:24px;font-weight:normal;color:#EE4023;font-size:11px;}
#cart-payment-container #order-overview #cart #cart-header .artikel {position:absolute;left:10px;}
#cart-payment-container #order-overview #cart #cart-header .prijs {position:absolute;left:200px;}
#cart-payment-container #order-overview #cart #cart-header .aantal {position:absolute;left:140px;}
#cart-payment-container #order-overview #cart #cart-header .totaal {position:absolute;left:205px;text-align:right}
#cart-payment-container #order-overview #cart .item {position:relative;height:auto;}
#cart-payment-container #order-overview #cart .item .artikel {position:relative;left:10px;width:100px;}
#cart-payment-container #order-overview #cart .item .prijs {position:absolute;right:200px;width:50px;top:0;}
#cart-payment-container #order-overview #cart .item .aantal {position:absolute;left:140px;width:50px;top:0;}
#cart-payment-container #order-overview #cart .item .totaal {position:absolute;left:190px;text-align:right;width:50px;top:0;}
#cart-payment-container #order-overview #cart .dotline {position:relative;left:10px;}
#cart-payment-container #order-overview #cart .subtotaal {position:relative;left:10px;padding:0;text-align:right;margin:4px 0;}
#cart-payment-container #order-overview #cart .totaalprijs {position:relative;left:10px;padding:0;text-align:right;margin:4px 0;font-size:11px;font-weight:bold;}
#cart-payment-container .betaalwijze {position:relative;display:block;float:left;width:210px;height:60px;background: transparent url('grfx/betaalwijze.gif') top left no-repeat;margin:5px;cursor:pointer;}
#cart-payment-container .betaalwijze img {position:absolute;left:38px;top:18px;}
#cart-payment-container .betaalwijze p {width:100px;position:absolute;left:105px;top:14px;color:#006699;}
#cart-payment-container .betaalwijze input {position:absolute;left:12px;top:24px;border:0;}
#cart-payment-container .betaalwijze:hover {background-position:left -60px;}
#cart-payment-container .betaalwijze.selected {background-position:left -120px;}
#cart-payment-container .btn-bevestigen {position:relative;left:415px;margin:10px 0 0 0;display:block;width:92px;height:24px;line-height:24px;.line-height:23px;text-indent:25px;background: transparent url('grfx/btn_bevestigen.gif') top left no-repeat;color:#fff;text-decoration:none;}
#cart-payment-container .btn-bevestigen:hover {background-position:bottom left}
#cart-payment-container .terug {position:absolute;bottom:20px;left:20px;}


#adyen-frame-container {width:510px;position:relative;background:#E2F5FD none;left:-15px;padding:10px 10px 10px 10px;}
#adyen-frame-container iframe {width:510px;height:350px;}

/* twocolumncontent-container (voor twee colommen in het content vlak */
#twocolumncontent-container {position:relative;zoom:1;width:500px;}
#twocolumncontent-container .left {position:relative;float:left;width:310px;zoom:1;}
#twocolumncontent-container .left .overflow {position:relative;_overflow-x:hidden;width:300px;}
#twocolumncontent-container .right {position:relative;float:left;width:180px;margin:0 0 0 10px;}
#twocolumncontent-container .right .vlak {position:relative;width:160px;padding:10px;background: #E2F5FD url('grfx/vlak_bottom.gif') bottom left no-repeat;}
#twocolumncontent-container .right .vlak .top {position:absolute;width:180px;top:0;left:0;height:8px;overflow:hidden;font-size:1px;line-height:1px;background: transparent url('grfx/vlak_top.gif') top left no-repeat;}


/* kleurplaten */
.kleurplaten-hoogte {height:1675px;}
#kleurplaten-container {position:absolute;width:330px;left:-15px;}
#kleurplaten-container .kleurplaat {float:left;position:relative;background: #EC008C url('grfx/kleurplaat_bg.gif') top left no-repeat; width:160px; height:190px; margin:0 5px 5px 0;}
#kleurplaten-container .kleurplaat table {width:100%;height:150px;position:relative;}
#kleurplaten-container .kleurplaat table td {text-align:center;}
#kleurplaten-container .kleurplaat p {color:#fff;padding:0 0 0 15px;}
#kleurplaten-container .kleurplaat p a {color:#fff;}

/* de boekjes */
#boekjes-container {z-index:2;}
.sinterklaasliedjes {background: transparent url('grfx/sinterklaasliedjes_bg.png') top left no-repeat;_background: transparent url('grfx/sinterklaasliedjes_bg.gif') top left no-repeat}
.sinterklaasboek {background: transparent url('grfx/sinterklaasboek_bg.png') top left no-repeat;_background: transparent url('grfx/sinterklaasboek_bg.gif') top left no-repeat}
#boekjes-container .item {position:relative;width:400px;height:195px;margin:0 0 5px 0;z-index:2;}
#boekjes-container .item .item-link  {display:block;overflow:hidden;width:160px;height:160px;position:absolute;text-indent:-999px;}
#boekjes-container .item .item-desc {position:absolute;left:195px;top:20px;width:165px;overflow:hidden;}
#boekjes-container .item .item-desc ul {position:relative;padding:2px 0 15px 0;width:165px;}
#boekjes-container .item .item-desc ul li {padding:0 0 0 10px;background: transparent url('grfx/bullet.gif') left 5px no-repeat}

#de-boekjes-bg {position:absolute;top:0;right:-19px;_right:7px;background: transparent url('grfx/de_boekjes_bg_visual.gif') top left no-repeat;width:393px;height:345px;z-index:1;}


/* boekje detailpagina */
/* twocolumncontent-container (voor twee colommen in het content vlak */
#boekje-container {position:relative;zoom:1;width:500px;}
#boekje-container .left {position:relative;float:left;width:250px;zoom:1;}
#boekje-container .right {position:relative;float:left;width:250px;_overflow-x:hidden;}
#boekje-container .right #boekje-details {position:relative;padding:15px 10px 10px 10px;width:230px;height:35px;background: transparent url('grfx/boekje_details.gif') top left no-repeat;}
#boekje-container .left .detailpic {position:relative;left:-5px;}

.btn-in-winkelwagen {position:relative;left:120px;margin:10px 0 0 0;display:block;width:124px;height:24px;line-height:24px;.line-height:23px;text-indent:25px;background: transparent url('grfx/btn_add_cart.gif') top left no-repeat;color:#fff;text-decoration:none;}
.btn-in-winkelwagen:hover {background-position:bottom left}

#mp3player {position:relative;left:-10px;margin:20px 0;z-index:100;}


/* formulier */
input {border:1px solid #6DCFF5;font-size:11px;padding:2px;color:#333; font-family: Verdana, Arial;}
.form {position:relative;margin:0;color:#006699;}
.form table {position:relative;}
.form table td {padding:0 10px 0 0;margin:0;}
.form .radio {position:relative;margin:0 0 5px 0;}
.form .radio td {position:relative;}
.form .radio td label {padding:0 5px;position:relative;top:-2px;}
.form .radio td input {border:0;width:auto;}
.form .rij {position:relative;width:100%;margin:0 0 5px 0;}
.form .rij label {display:block;}
.form .rij label.required {display:inline-block;padding:0 10px 0 0;background: transparent url('grfx/required.gif') center right no-repeat}
.form .rij input {display:block;width:100%;left:0;bottom:0;}


.form .rij .validatie-pointer {position:absolute;display:block;text-indent:-999px;overflow:hidden;width:1px;height:1px;left:0;top:0;}

#container input.error {border:1px solid #EE4023;}
.errorlist {font-weight:normal;position:relative;}
.errorlist ul li {font-weight:normal;color:#EE4023;background: transparent url('grfx/bullet.gif') left 5px no-repeat;padding:0 0 0 10px;}

.items-lijst {position:relative;width:388px;background: transparent url('grfx/itemslijst_bg.gif') top left repeat-y;margin:20px 0 0 0}
.items-lijst .top {display:block;overflow:hidden;width:388px;height:13px;background: transparent url('grfx/itemslijst_top.gif') top left no-repeat}
.items-lijst .bottom {display:block;overflow:hidden;width:388px;height:13px;background: transparent url('grfx/itemslijst_bottom.gif') top left no-repeat}
.items-lijst a {position:relative;display:block;width:347px;height:24px;line-height:24px;margin:0 auto;text-decoration:none;background: transparent url('grfx/itemlijst_a_bg.gif') bottom left no-repeat;}
.items-lijst a:hover {background-position:left 5px}
.items-lijst a:hover .titel {text-decoration:none;}
.items-lijst a .nr {font-weight:bold;color:#EE4023;text-decoration:none;position:absolute;top:0px;}
.items-lijst a .titel {color:#EE4023;text-decoration:underline;padding:0 0 0 30px;}