@charset "utf-8";
/*s-boxes.css*/
div.box {
background-position:0 0;
background-repeat:no-repeat;
border:none;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:0;
position:relative
}

div.boxcenter {
background-position:0 0;
background-repeat:no-repeat;
border:none;
margin-left:25%;
margin-right:auto;
width:690px
}

div.productleeg {
height:150px;
width:170px
}

div.product h1,div.bestseller h1,div.info h1,div.kinderboek h1,div.boekmetnaam h1,div.product h2,div.bestseller h2,div.info h2,div.kinderboek h2,div.boekmetnaam h2,div.product h3,div.bestseller h3,div.info h3,div.kinderboek h3,div.boekmetnaam h3,div.w-5302 h2 {
color:#fff;
font-size:13px;
font-weight:700;
left:10px;
line-height:20px;
margin:0;
position:absolute;
top:5px
}

div.product .omschrijving,div.bestseller .omschrijving,div.kinderboek .omschrijving,div.boekmetnaam .omschrijving {
color:#333;
display:block;
left:10px;
line-height:100%;
position:absolute;
top:35px;
width:70px
}

div.bedanktlogin .omschrijving {
left:10px;
line-height:100%;
position:absolute;
top:35px
}

div.bedanktlogin {
background-image:url(https://www.yoursurprise.nl/assets/templates/ysp/images/themas/default/box-top5.png);
float:left;
height:150px;
margin-left:5px;
width:500px
}

div.product .omschrijving-keuze {
color:#333;
display:block;
left:5px;
line-height:100%;
position:absolute;
top:22px;
width:70px
}

div.product .thumb {
border:none;
height:118px;
position:absolute;
right:2px;
top:30px;
width:83px
}

div.product .thumb-keuze {
border:none;
height:70px;
position:absolute;
right:2px;
top:22px;
width:80px
}

div.product .thumb-keuze-full {
border:none;
height:78px;
position:absolute;
right:1px;
top:19px;
width:85px
}

div.product .vanaf,div.bestseller .vanaf,div.kinderboek .c-vanaf,div.boekmetnaam .c-vanaf {
font-size:9px;
font-weight:700
}

div.product .prijs,div.bestseller .prijs,div.algemeen .prijs,div.kinderboek .prijs,div.boekmetnaam .prijs {
bottom:24px;
font-size:16px;
font-weight:700;
left:10px;
position:absolute;
vertical-align:bottom
}

div.pg-thema {
background-image:url(../images/themas/algemeen-grijs/box-product.png)
}

div.product .prijs-keuze {
bottom:5px;
font-size:16px;
font-weight:700;
left:10px;
line-height:16px;
position:absolute;
vertical-align:bottom
}

div.product .levertijd,div.bestseller .levertijd {
bottom:7px;
color:#333;
font-size:10px;
font-weight:700;
height:15px;
left:7px;
line-height:14px;
position:absolute;
text-indent:4px;
width:72px
}

.levertijdklein {
font-size:8px
}

div.bestseller {
height:150px;
width:350px
}

div.boekmetnaam a {
border:none;
color:#333;
cursor:pointer;
display:block;
height:150px;
position:absolute;
text-decoration:none;
width:230px
}

div.bestseller a,div.kinderboek a {
border:none;
color:#333;
cursor:pointer;
display:block;
height:150px;
position:absolute;
text-decoration:none;
width:350px
}

div.bestseller .thumb,div.boekmetnaam .thumb {
border:none;
height:118px;
position:absolute;
right:2px;
top:30px;
width:140px
}

div.bestseller .thumb,div.kinderboek .thumb {
border:none;
height:118px;
position:absolute;
right:2px;
top:30px;
width:263px
}

div.kinderboek {
background-image:url(../images/themas/algemeen-grijs/box-kinderboek.png);
height:150px;
width:350px
}

div.boekmetnaam {
background-image:url(../images/themas/algemeen-grijs/box-boek-met-naam.png);
height:150px;
width:230px
}

div.algemeen {
background-image:url(../images/themas/algemeen-grijs/box-product.png);
height:150px;
width:170px
}

div.algemeen .levertijd,div.kinderboek .levertijd,div.boekmetnaam .levertijd ,div.pg-thema .levertijd{
background-image:url(../images/themas/algemeen-grijs/levertijd.png);
bottom:7px;
color:#333;
font-size:10px;
font-weight:700;
height:15px;
left:7px;
line-height:14px;
position:absolute;
text-indent:4px;
width:72px
}

div.algemeen .prijs c-thema {
bottom:24px;
color:#b1c800;
font-size:16px;
font-weight:700;
left:10px;
position:absolute;
vertical-align:bottom
}

div.w-5302 {
height:350px;
width:350px
}

div.w-5302 .omschrijving {
display:block;
height:305px;
left:10px;
line-height:110%;
position:absolute;
top:30px;
width:517px
}

div.info {
height:170px;
width:350px
}

div.info .omschrijving {
display:block;
height:100px;
left:10px;
line-height:110%;
position:absolute;
top:35px;
width:330px
}

div.info .artikelinfo {
display:block;
height:30px;
left:10px;
line-height:100%;
position:absolute;
top:125px;
width:330px
}

div.info .artikelinfobelevenis {
display:block;
height:30px;
left:10px;
line-height:100%;
position:absolute;
top:140px;
width:330px
}

div.info .prijs {
font-size:16px;
font-weight:700;
margin:0 0 0 5px;
vertical-align:bottom
}

div.info .levertijd {
color:#333;
display:block;
float:left;
font-size:10px;
font-weight:700;
height:15px;
line-height:14px;
margin:0 5px 0 0;
text-indent:4px;
width:72px
}

div.info .levertijdbuiten {
bottom:13px;
color:#666;
display:block;
float:left;
left:9px;
padding:0;
position:absolute
}

div.info .levertijdbuitenbelevenis{
bottom:13px;
color:#666;
display:block;
float:left;
left:9px;
top:152px;
padding:0;
position:absolute
}

div.info .levertijdbuiten a, .levertijdbuitenbelevenis a {
color:#666;
font-size:9px;
font-weight:500;
text-decoration:underline
}

div.info .buttons {
bottom:2px;
height:15px;
margin:0;
padding:0;
position:absolute;
right:10px
}

div.info .button,div.preview .button,div.venster .button,.button-tell,.button-overzicht {
color:#fff;
display:block;
float:right;
font-size:8px;
font-weight:700;
height:15px;
line-height:14px;
margin:0 0 0 5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:90px
}

.button-overzicht {
background:transparent url(../images/themas/algemeen-grijs/box-button.png) repeat scroll 0 0;
width:80px
}

.button-vboek {
background:transparent url(../images/themas/algemeen-grijs/box-button-120.png) repeat scroll 0 0;
color:#fff;
display:block;
float:right;
font-size:8px;
font-weight:700;
height:15px;
line-height:14px;
margin:0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:120px
}

.button-login-klein-grijs {
background:#FFF url(../images/themas/default/btn-login-klein-grijs.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
width:110px
}

.button-download {
background:#FFF url(../images/themas/default/btn-downloaden.png) no-repeat top left;
border:0;
cursor:pointer;
margin-top: 10px;
height:20px;
width:110px
}

.button-betaald {
background:#FFF url(../images/themas/default/btn-betaald.png) no-repeat top left;
border:0;
cursor:pointer;
float:right;
height:20px;
width:126px
}

div.preview .buttons {
bottom:1px;
height:16px;
margin:0;
padding:0;
position:absolute;
right:25px;
text-decoration:none
}

div.top3 .omschrijving {
color:#535353;
display:block;
left:10px;
line-height:100%;
margin:0;
padding:0;
position:absolute;
top:35px;
width:160px
}

div.preview {
height:170px;
width:170px
}

div.preview .omschrijving {
color:#707070;
display:block;
left:2px;
line-height:100%;
position:absolute;
top:31px
}

.paddingleft5 {
padding-left:5px
}

div.teaser img, div.teasergroot img {
border:none;
left:0;
position:absolute;
top:0;
z-index:1
}

div.teaser h1, div.teaser h2 , div.teaser h3{
color:#fff;
font-size:12px;
font-weight:700;
left:7px;
line-height:13px;
margin:0;
position:absolute;
text-transform:uppercase;
top:5px;
width:140px;
z-index:2
}

div.teasergroot h1, div.teasergroot h2 , div.teasergroot h3{
color:#fff;
font-size:12px;
font-weight:700;
left:7px;
line-height:13px;
margin:0;
position:absolute;
text-transform:uppercase;
top:5px;
width:300px;
z-index:2
}

div.teasergroot h4{
color:#fff;
font-size:11px;
font-weight:400;
left:7px;
line-height:13px;
margin:0;
position:absolute;
top:20px;
width:300px;
z-index:2
}

div.intro a,div.productintro a {
color:#fff;
text-decoration:none
}

div.intro h1,div.productintro h1,div.intro h2,div.productintro h2 {
color:#fff;
font-size:15px;
font-weight:900;
left:10px;
line-height:130%;
margin:0 10px 0 0;
padding:0;
position:absolute;
top:10px;
z-index:2
}

div.intro .icoon,div.productintro .icoon {
bottom:10px;
filter:alpha(opacity=20);
height:100px;
moz-opacity:0.20;
opacity:0.20;
position:absolute;
right:10px;
width:100px;
z-index:1
}

div.venster h1, div.venster h3 , div.venster h4, .menuheader{
color:#fff;
font-size:12px;
font-weight:700;
line-height:14px;
margin:0;
padding:4px 10px;
z-index:2
}

div.venster h1 a , div.venster h3 a, .menuheader a {
color:#fff;
text-decoration:none
}

div.venster h1 a:hover, div.venster h3 a:hover, .menuheader a:hover{
color:#fff;
text-decoration:underline
}

div.venster .content {
background-color:#fff;
line-height:12px;
margin:2px;
padding:7px 8px;
text-align:left
}

div.venster .content .bestelhead {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-style:normal;
font-variant:normal;
font-weight:700;
margin:-6px 0 0;
padding:0
}

div.venster .flashcontent {
background-color:#fff;
line-height:13px;
margin:2px;
padding:0 0 12px
}

div.venster .buttons {
bottom:0;
height:15px;
margin:0;
padding:0;
position:absolute;
right:25px
}

div.w-100 {
width:100px
}

div.w-130 {
width:130px
}

div.w-170 {
width:170px
}

div.w-190 {
width:190px
}

div.w-200 {
width:200px
}

div.w-380 {
width:380px
}

div.w-355 {
width:350px
}

div.w-420 {
width:420px
}

div.w-520 {
width:520px
}

div.w-530 {
width:530px
}

div.w-5302 {
width:530px
}

div.w-710 {
width:710px
}

div.w-730 {
width:730px
}

div.h-0 {
height:0
}

div.h-45 {
height:46px
}

div.h-80 {
height:80px
}

div.h-100 {
height:110px
}

div.h-110 {
height:110px
}

div.h-120 {
height:120px
}

div.h-150 {
height:150px
}

div.h-170 {
height:170px
}

div.h-190 {
height:190px
}

div.h-440 {
height:440px
}

div.box div.corner {
background-color:#fff;
background-repeat:no-repeat;
height:10px;
overflow:hidden;
position:absolute;
width:10px;
z-index:3
}

div.corner {
font-size:2px;
line-height:0;
z-index:80
}

div.box div.left-top-leeg {
background-position:0 0;
left:0;
top:0
}

div.box div.right-top-leeg {
background-position:-10px 0;
right:0;
top:0
}

div.box div.left-top-vol {
background-position:0 -10px;
left:0;
top:0
}

div.box div.right-top-vol {
background-position:-10px -10px;
right:0;
top:0
}

div.box div.left-bottom-leeg {
background-position:-20px 0;
bottom:0;
left:0
}

div.box div.right-bottom-leeg {
background-position:-30px 0;
bottom:0;
right:0
}

div.left-bottom-vol {
background-position:-20px -10px;
bottom:0;
left:0
}

div.right-bottom-vol {
background-position:-30px -10px;
bottom:0;
right:0
}

.ie6 div.box div.left-bottom-leeg,.ie6 div.box div.right-bottom-leeg,.ie5 div.box div.left-bottom-leeg,.ie5 div.box div.right-bottom-leeg,.ie6 div.box div.left-bottom-vol,.ie6 div.box div.right-bottom-vol,.ie5 div.box div.left-bottom-vol,.ie5 div.box div.right-bottom-vol {
bottom:0
}

div.verstuur {
border:1px solid #000;
margin-bottom:5px;
margin-right:10px;
text-align:right;
width:100%
}

div.empty {
height:150px;
margin-bottom:10px;
width:170px
}

#flashcontent {
color:#333;
display:block;
left:3px;
line-height:100%;
position:absolute;
top:32px
}

div.product,div.top3,div.teaser,div.intro,div.productintro {
height:150px;
width:170px
}

div.teasergroot {
height:150px;
width:350px
}

div.productintro {
height:170px;
width:170px
}

div.product .meer-info {
position: absolute;
top:40px;
left: 5px;
border:0;
cursor:pointer;
height:12px;
width:59px
}

div.product a,div.teaser a,div.teasergroot a {
border:none;
color:#333;
cursor:pointer;
display:block;
height:150px;
position:absolute;
text-decoration:none;
width:170px
}

div.product a.wellness {
height:15px;
width:80px;
margin-top: 5px; 
top: 55px;
}

div.product .symbool,div.bestseller .symbool,div.kinderboek .symbool,div.algemeen .symbool,div.info .symbool,div.boekmetnaam .symbool {
color:#333;
font-size:12px;
font-weight:700
}

div.product .cent,div.bestseller .cent,div.kinderboek .cent,div.info .cent,div.boekmetnaam .cent {
font-size:12px;
font-weight:700;
vertical-align:text-top
}

div.top3 h1,div.preview h1,div.top3 h2,div.preview h2,div.preview h3  {
color:#fff;
font-size:12px;
font-weight:700;
left:10px;
line-height:20px;
margin:0;
position:absolute;
text-transform:uppercase;
top:5px
}

.prijs-levertijd {
margin:10px
}

.form-margin {
margin-bottom:0;
margin-top:0
}

.overigeproducten {
border:1px #000 solid;
margin-top:10px;
width:720px
}

.boximageleft {
float:left;
margin-left:10px;
margin-right:10px;
width:30px
}

div.popupvenster {
margin:0;
padding:0;
width:100%
}

.b-right {
color:#B1C800;
float:left;
font-size:11px;
margin:8px 0 0
}

.b-rightp {
clear:both;
margin:0;
padding:0
}

/** s-bulletlist.css **/
.content ol ol li {
list-style-type:lower-alpha
}

ol.bullets {
list-style-type:none;
margin:5px 10px 0 0;
padding:0
}

.ie6 ol.bullets .top3 {
padding-left:1px
}

ol.bullets-sidebar {
list-style-type:none;
margin:5px 0 0;
padding:0
}

ol.bullets li,ol.bullets-sidebar li {
color:#707070;
line-height:12px;
margin:0 0 10px
}

ol.bullets-sidebar li {
width:110px
}

ol.bullets-sidebar li span {
background-image:url(../images/themas/default/bullet.png)
}

ol.bullets li span,ol.bullets-sidebar span {
background-position:top left;
background-repeat:no-repeat;
color:#fff;
display:block;
float:left;
font-weight:700;
height:13px;
line-height:13px;
margin-right:4px;
text-align:center;
width:14px
}

.ie6 ol.bullets-sidebar span {
padding-left:0
}

.ie6 ol.bullets-sidebar a {
margin-left:0;
margin-right:-5px
}

/** Groene bulletlists **/
ul.grey {
color:#666;
margin-bottom:0;
margin-left:14px;
margin-top:0;
padding-bottom:0;
padding-left:0
}

#vacature_link a:hover {
text-decoration:underline
}

ul.green {
color:#b1c800;
margin-bottom:0;
margin-left:14px;
margin-top:0;
padding-bottom:0;
padding-left:0
}

ul.green li {
color:#b1c800;
padding-bottom:2px;
padding-left:4px;
padding-top:0
}

ul.green li a {
color:#666;
text-decoration:none
}

div#navinlog {
float:right;
position:relative;
margin-top: -25px;
margin-right: 10px;
text-align: right;
}

/** s-jouw-vraag.css **/
ul.jouw-vraag {
background-color:#f4f4f4;
margin:0;
padding:0
}

ul.jouw-vraag li {
background-position:top left;
background-repeat:no-repeat;
display:inline;
float:left;
list-style:none;
margin:0 3px 0 0;
padding:0;
width:25px
}

ul.jouw-vraag li.mail {
background-image:url(../images/template/icon-mail.png)
}

ul.jouw-vraag li.chat #scyzVA a {
margin:0;
padding-top:25px
}

ul.jouw-vraag li.chat #scyzVA a img {
clear:both;
margin-top:-26px;
padding:0
}

ul.jouw-vraag li.chat img {
clear:both;
margin-top:-26px;
padding:0
}

ul.jouw-vraag li.chat #scyzVA {
clear:both;
height:26px;
margin-top:-20px;
width:25px
}

ul.jouw-vraag li.chat {
display:inline
}

ul.jouw-vraag li.chat #ciyzVA {
height:0;
width:0
}

ul.jouw-vraag li.bel {
background-image:url(../images/template/icon-bel.png)
}

ul.jouw-vraag li.help {
background-image:url(../images/template/icon-help.png);
margin:0
}

ul.jouw-vraag li a {
color:#333;
display:block;
height:auto;
margin:0;
padding:30px 0 0;
text-align:center;
text-decoration:none;
width:25px
}

/** s-nav-lang.css **/
div#nav-lang {
float:left;
height:16px;
margin:0;
padding:0;
width:410px
}

div#nav-lang ul {
margin:0;
padding:0
}

div#nav-lang ul li {
float:left;
list-style:none;
margin:0;
padding:0
}

div#nav-lang ul li a {
color:#7c7c7c;
display:block;
font-size:9px;
line-height:16px;
margin:0 5px 0 0;
padding:0 0 0 20px;
text-decoration:none;
text-transform:uppercase
}

div#nav-lang ul li a.vlag-nl {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -700px -55px;
height:16px;
width:16px
}

div#nav-lang ul li a.vlag-en {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -750px -55px;
height:16px;
width:16px
}

div#nav-lang ul li a.vlag-be {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -500px -55px;
height:16px;
width:16px
}

div#nav-lang ul li a.vlag-us {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -650px -55px;
height:16px;
width:16px
}

div#nav-lang ul li a.vlag-de {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -600px -55px;
height:16px;
width:16px
}

div#nav-lang ul li a.vlag-fr {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -550px -55px;
height:16px;
width:16px
}

.rss_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat 0 -55px;
float:left;
height:16px;
width:16px
}

.rss_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -20px -55px;
height:16px;
margin-left:10px;
width:16px
}

.twitter_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -120px -55px;
float:left;
height:16px;
width:16px
}

.twitter_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -140px -55px;
height:16px;
width:16px
}

.digg_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -200px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.digg_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -220px -55px;
height:16px;
margin-left:10px;
width:16px
}

.delicious_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -240px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.delicious_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -260px -55px;
height:16px;
margin-left:10px;
width:16px
}

.hyves_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -80px -55px;
float:left;
height:16px;
width:16px
}

.hyves_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -100px -55px;
height:16px;
width:16px
}

.bookmark_website_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -40px -55px;
float:left;
height:16px;
margin-left:10px;
width:16px
}

.bookmark_website_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -60px -55px;
height:16px;
margin-left:10px;
width:16px
}

.nujij_logo {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -320px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.nujij_logo:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -340px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.bookmark_page_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -280px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.bookmark_page_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -300px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.print_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -160px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.print_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -180px -55px;
float:right;
height:16px;
margin-left:10px;
width:16px
}

.facebook_logo_1 {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -360px -55px;
float:left;
height:16px;
margin-left:10px;
width:16px
}

.facebook_logo_1:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -380px -55px;
float:left;
height:16px;
margin-left:10px;
width:16px
}

/* --------------------------------------------------------------Einde test peter -----------------------------------------------------
* s-nav-main.css **/
div#nav-main {
float:left;
height:16px;
margin:0;
padding:0;
width:290px
}

div#nav-main ul {
margin:0;
padding:0
}

div#nav-main ul li {
float:left;
list-style:none;
margin:0;
padding:0
}

div#nav-main ul li a {
color:#7c7c7c;
font-size:9px;
height:16px;
line-height:16px;
margin:0 6px 0 0;
text-decoration:none;
text-transform:uppercase
}

/** s-nav-thema.css **/
div#nav-thema {
display:block;
float:left;
margin:0;
padding:0;
width:1000px
}

div#nav-thema ul {
float:left;
margin:10px 0 0;
padding:0
}

div#nav-thema ul li {
float:left;
list-style:none;
margin:0;
padding:0
}

div#nav-thema ul li a {
background-position:0 0;
background-repeat:no-repeat;
float:left;
font-size:100%;
font-weight:700;
height:21px;
line-height:20px;
margin:0 15px 0 0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:130px
}

div#nav-thema ul li a.c-verjaardag {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -945px 0
}

div#nav-thema ul li a.c-kinderen {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -405px 0
}

div#nav-thema ul li a.c-geboorte {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -270px 0
}

div#nav-thema ul li a.c-huwelijk, div#nav-thema ul li a.c-voorhaar {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -135px 0
}

div#nav-thema ul li a.c-bedanken, div#nav-thema ul li a.c-vaderdag {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat 0 0
}

div#nav-thema ul li a.c-kerst {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -405px 0
}

div#nav-thema ul li a.c-romantisch,div#nav-thema ul li a.c-valentijn,div#nav-thema ul li a.c-sinterklaas {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -540px 0
}

div#nav-thema ul li a.c-feliciteren,div#nav-thema ul li a.c-oud-nieuw,div#nav-thema ul li a.c-wk {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -675px 0
}

div#nav-thema ul li a.c-verjaardag_current,div#nav-thema ul li a.c-verjaardag:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -945px -26px;
color:#FFF
}

div#nav-thema ul li a.c-kinderen_current,div#nav-thema ul li a.c-kinderen:hover,div#nav-thema ul li a.c-kerst_current,div#nav-thema ul li a.c-kerst:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -405px -26px;
color:#FFF
}

div#nav-thema ul li a.c-geboorte_current,div#nav-thema ul li a.c-geboorte:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -270px -26px;
color:#FFF
}

div#nav-thema ul li a.c-huwelijk_current,div#nav-thema ul li a.c-huwelijk:hover, div#nav-thema ul li a.c-voorhaar_current,div#nav-thema ul li a.c-voorhaar:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -135px -26px;
color:#FFF
}

div#nav-thema ul li a.c-bedanken_current,div#nav-thema ul li a.c-bedanken:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat 0 -26px;
color:#FFF
}

div#nav-thema ul li a.c-romantisch_current,div#nav-thema ul li a.c-valentijn_current,div#nav-thema ul li a.c-sinterklaas_current,div#nav-thema ul li a.c-romantisch:hover,div#nav-thema ul li a.c-valentijn:hover,div#nav-thema ul li a.c-sinterklaas:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -540px -26px;
color:#FFF
}

div#nav-thema ul li a.c-feliciteren_current,div#nav-thema ul li a.c-oud-nieuw_current,div#nav-thema ul li a.c-wk_current,div#nav-thema ul li a.c-feliciteren:hover,div#nav-thema ul li a.c-oud-nieuw:hover,div#nav-thema ul li a.c-wk:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -675px -26px;
color:#FFF
}

div#nav-thema ul li a.c-verjaardag-geel, div#nav-thema ul li a.c-zomer {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -1080px 0;
}

div#nav-thema ul li a.c-verjaardag-geel_current,div#nav-thema ul li a.c-verjaardag-geel:hover,div#nav-thema ul li a.c-zomer_current,div#nav-thema ul li a.c-zomer:hover  {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -1080px -26px;
color: #FFF
}

div#nav-thema ul li a.c-vaderdag_current,div#nav-thema ul li a.c-vaderdag:hover {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat 0 -26px;
color:#FFF
}

div#nav-thema ul li a.last {
margin:0
}

/** s-producten.css **/
#productcontent .selectGroot {
font:normal 11px/20px Arial, Helvetica, sans-serif;
width:180px
}

#productcontent .selectMiddel {
font:normal 11px/20px Arial, Helvetica, sans-serif;
width:100px
}

#productcontent .selectKlein {
font:normal 11px/20px Arial, Helvetica, sans-serif;
width:60px
}

#productcontent textarea,.popup textarea {
border:1px solid #CCC;
font:normal 11px/20px Arial, Helvetica, sans-serif;
width:178px
}

#content textarea {
border:1px solid #CCC;
font:normal 11px/20px Arial, Helvetica, sans-serif;
overflow:auto
}

#productcontent img {
border-color:#CCC;
border-width:1px
}

#productcontent .veldKarakters {
border:1px solid #CCC;
width:30px
}

#productcontent .radioButton {
width:30px
}

#productcontent a {
color:#666
}

#productcontent	select {
border:1px solid #CCC;
font-size:11px;
width:180px
}

#productcontent H5 {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
margin-bottom:4px;
margin-top:4px
}

#zoekbalk_ie {
background:url(/assets/templates/ysp/images/template/venster-search2.png) no-repeat 0 0;
border:0;
height:20px;
padding:0 0 2px 30px;
width:130px
}

#zoekbalk_ie input {
border:1px solid #fff;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:11px;
line-height:12px;
margin-bottom:1px;
padding:2px;
text-transform:none;
width:70px
}

#zoekbalk_ff {
background:url(/assets/templates/ysp/images/template/venster-search2.png) no-repeat 0 0;
border:0;
height:20px;
padding:0 0 2px 30px;
width:130px
}

#zoekbalk_ff input {
border:1px solid #fff;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:11px;
line-height:12px;
margin-bottom:1px;
padding:2px;
text-transform:none;
width:70px
}

/* Ajaxsearch resultaten */
#search_suggest {
background-color:#EEE;
border:2px solid #FFF;
display:none;
float:right;
margin-bottom:7px;
overflow:auto;
position:relative;
right:0;
text-align:right;
width:100%;
z-index:100
}

#search_suggest1 {
background-color:#EEE;
border:2px solid #FFF;
display:none;
float:right;
margin-bottom:7px;
overflow:auto;
position:relative;
right:0;
text-align:right;
width:100%;
z-index:100
}

#search_suggest2 {
background-color:#EEE;
border:2px solid #FFF;
display:none;
float:right;
margin-bottom:7px;
overflow:auto;
position:relative;
right:0;
text-align:right;
width:100%;
z-index:100
}

.suggest_link {
padding-right:5px
}

.suggest_link_over {
background-color:#FFF;
cursor:pointer;
padding-right:5px
}

input.text {
border:1px solid #CCC;
font:normal 11px/14px Arial, Helvetica, sans-serif;
width:178px
}

input.file {
border:1px solid #CCC;
font:normal 11px/14px Arial, Helvetica, sans-serif;
width:178px
}

input.voornaam {
border:1px solid #CCC;
font:normal 11px/14px Arial, Helvetica, sans-serif;
width:128px
}

input.datum {
border:1px solid #CCC;
font:normal 11px/14px Arial, Helvetica, sans-serif;
width:60px
}

input:focus {
border:1px solid #000
}

textarea:focus {
border:1px solid #000
}

select {
border:1px solid #CCC;
font-size:11px
}

.ssubmit {
background-color:#B1C800;
border:0;
color:#FFF;
font-family:verdana,helvetica,sans-serif;
font-size:11px;
font-weight:700
}

.selectDag {
width:70px
}

.selectJaar {
width:70px
}

.selectMaand {
width:70px
}

.selectDagKlein {
font-size:10px;
width:40px
}

.selectMaandKlein {
font-size:10px;
width:40px
}

.selectJaarKlein {
font-size:10px;
width:50px
}

.verplichtSpacer {
width:5px
}

.uitlegKnop {
color:#666;
vertical-align:top
}

.uitlegKnop-keuze {
color:#fff !important;
vertical-align:top
}

/* balk voor in onderin de thematische pagina's*/
.onderbalk {
clear:both;
height:30px;
left:145px;
position:absolute;
width:710px
}

.onderbalk h1 {
color:#FFF;
font-size:15px;
font-weight:900;
line-height:130%;
margin:5px 0 0 10px
}

/*KALENDER FILESELECT*/
div.fileinputs {
position:relative
}

div.fakefile {
left:0;
position:absolute;
top:2px;
z-index:1
}

#toevoegen {
margin-left:250px;
margin-top:-22px
}

/** s-rubrieken.css **/
div.rubrieken {
border-bottom:1px solid #fff;
color:#666;
margin:0;
padding:0
}

div.rubrieken ul {
margin:0;
padding:0
}

div.rubrieken ul li {
background-position:top left;
background-repeat:no-repeat;
border-bottom:#fff;
list-style:none;
margin:0 0 5px;
min-height:35px;
padding:0;
width:65px
}

div.rubrieken ul li a {
background-position:top right;
background-repeat:no-repeat;
color:#666;
display:block;
height:28px;
margin:0;
padding:7px 0 0 43px;
text-decoration:none;
width:67px
}

/** uitbreidingen, standaard alle hoofdmenu's dichtklappen **/
div .rubrieken .panel120 ul {
display:none
}

div .rubrieken .panel21 ul {
display:none
}

div .rubrieken .panel1407 ul {
display:none
}

div .rubrieken .panel22 ul {
display:none
}

div .rubrieken .panel117 ul {
display:none
}

div .rubrieken .panel124 ul {
display:none
}

div .rubrieken .panel128 ul {
display:none
}

div .rubrieken .panel129 ul {
display:none
}

div .rubrieken .panel126 ul {
display:none
}

div .rubrieken .panel135 ul {
display:none
}

div .rubrieken .panel125 ul {
display:none
}

div .rubrieken .panel127 ul {
display:none
}

div .rubrieken .panel640 ul {
display:none
}

div .rubrieken .panel711 ul {
display:none
}
div .rubrieken .panel1280 ul {
display:none
}

div .rubrieken .panel724 ul {
display:none
}

/** Icoontjes voor de betreffende categorien **/
div.rubrieken ul li.panel21 {
background:url(../images/sprite-menus.png) no-repeat 0 0
}

div.rubrieken ul li.panel120 {
background:url(../images/sprite-menus.png) no-repeat -110px 0
}

div.rubrieken ul li.panel124 {
background:url(../images/sprite-menus.png) no-repeat -220px 0
}

div.rubrieken ul li.panel126 {
background:url(../images/sprite-menus.png) no-repeat -330px 0
}

div.rubrieken ul li.panel127 {
background:url(../images/sprite-menus.png) no-repeat -440px 0
}

div.rubrieken ul li.panel125 {
background:url(../images/sprite-menus.png) no-repeat -550px 0
}

div.rubrieken ul li.panel640 {
background:url(../images/sprite-menus.png) no-repeat -880px 0
}

div.rubrieken ul li.panel711 {
background:url(../images/sprite-menus.png) no-repeat -660px 0
}

div.rubrieken ul li.panel724 {
background:url(../images/sprite-menus.png) no-repeat -770px 0
}

div.rubrieken ul li.panel1407 {
background:url(../images/sprite-menus.png) no-repeat -1100px 0
}

div.rubrieken ul li.panel1280 {
background:url(../images/sprite-menus.png) no-repeat -990px 0
}

div.rubrieken ul li.panel1424 {
background:url(../images/sprite-menus.png) no-repeat -1210px 0
}

/** Einde icoontjes voor de betreffende categorien **/
div .rubrieken .active ul {
display:block;
margin-left:5px
}

div .rubrieken .active .artikelen ul {
display:block
}

div .rubrieken .active li {
display:block;
margin-left:5px
}

div.rubrieken ul li a:hover {
background-image:url(../images/template/icon-hover.png);
color:#fff
}

/*----- SUBNAV -----*/
div.rubrieken ul.artikelen {
margin:0 0 9px;
padding:5px 0 0;
width:110px
}

div.rubrieken ul.artikelen li {
margin:0;
min-height:16px;
width:110px
}

/** opmaak van de menu items **/
div.rubrieken ul.artikelen li a {
font-size:100%;
height:16px;
line-height:16px;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
width:105px
}

/** mouse over effect van de menu items */
div.rubrieken ul.artikelen li a:hover {
background-image:url(../images/template/artikelen-hover.png);
color:#fff
}

div.rubrieken ul.artikelen .level3 li a:hover {
background-image:url(../images/template/artikelen-hover.png);
color:#fff;
margin-left:5px
}

div.rubrieken ul.artikelen .level2 {
margin-left:3px
}

div.rubrieken ul.artikelen .level3 li a {
font-style:italic;
margin-left:3px
}

div.rubrieken a.selectedpanel {
background-image:url(../images/template/icon-hover.png);
color:#fff
}

div.rubrieken a.selected {
background-image:url(../images/template/artikelen-hover.png);
color:#fff
}

/** s-template.css **/
body {
color:#666;
font:normal 11px/20px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center
}

.cadeauzoeker {
font-size:10px
}

.bold {
font-weight:700
}

.green {
color:#b1c800
}

a.white {
color:#FFF;
text-decoration:underline !important
}

table.grey a.green {
color:#b1c800;
text-decoration:none
}

table.grey a {
color:#707070;
text-decoration:none
}

table.grey td {
vertical-align:top
}

.mediathumb a:visited,.mediathumb a:active,.mediathumb a:hover,.mediathumb a:link {
border:1px solid #000
}

.middenbalk-blank {
height:30px;
margin-top:10px;
width:710px
}

div.overzichtbalkhoog {
height:50px;
width:710px
}

div#frame {
height:auto;
margin:0 auto;
padding:0;
text-align:left;
width:1000px
}

div#header-top {
clear:both;
float:left;
height:60px;
margin:5px 0 0;
overflow:hidden;
width:1000px
}

div#header-middle {
clear:both;
float:left;
height:80px;
margin:5px 0 0;
overflow:hidden;
width:1000px
}

div#header-bottom {
clear:both;
float:left;
height:33px;
overflow:hidden;
width:1000px
}

div#header-bottom-mysurprise {
clear:both;
float:left;
height:10px;
overflow:hidden;
width:1000px
}

div#container {
display:inline;
margin:0;
padding:0
}

div#sidebar-left {
display:inline;
float:left;
margin:0;
min-height:600px;
overflow:hidden;
padding:0;
width:145px
}

div#content {
display:inline;
float:left;
margin:0;
min-height:500px;
overflow:hidden;
padding:0;
width:725px
}

.ie #content {
margin-bottom:5px
}

div#sidebar-right {
display:inline;
float:right;
margin:0;
min-height:600px;
overflow:hidden;
padding:0;
width:130px
}

div#footer {
border-top:1px solid #9c9d9f;
clear:both;
font-size:9px;
height:50px;
line-height:13px;
padding:0 0 30px;
text-transform:uppercase;
width:1000px
}

div#footer .footer-left {
float:left;
height:50px;
margin:10px 0 0;
width:130px
}

div#footer .footer-left .content {
margin-top:12px
}

div#footer .footer-middle {
background:url(../images/kwaliteitspartners.png) no-repeat scroll 0 0;
border-left:1px solid #9c9d9f;
border-right:1px solid #9c9d9f;
float:left;
height:50px;
margin:10px 0 0;
width:738px
}

div#footer .nav-footer {
border-right:1px solid #9c9d9f;
display:inline;
float:left;
height:50px;
margin:10px 0 0 5px;
overflow:hidden;
width:60px
}

div#footer .nav-footer .content {
margin-top:7px
}

div#breadcrumb {
height:20px;
margin-bottom:3px;
margin-right:20px;
margin-top:2px;
padding-right:20px
}

#button {
background-image:url(../images/template/button/print.png);
float:right;
height:16px;
margin-left:5px;
width:16px
}

div#breadcrumb a {
color:#666
}

div#footer .nav-footer a {
color:#666;
text-decoration:none
}

div#footer .yoursurprise {
display:inline;
float:left;
height:50px;
margin:10px 0 0 5px;
overflow:hidden;
width:59px
}

div#footer .yoursurprise .content {
margin-top:7px
}

div#error {
margin-bottom:5px;
vertical-align:middle
}

div#betaalerror {
color:red;
font-size:12px;
font-weight:700;
margin-bottom:20px;
text-decoration:underline
}

.winkelmand {
min-width:711px;
width:711px
}

.winkelmand-transparant {
font-size:10px;
line-height:1.4;
padding-right:3px;
width:122px
}

.left {
float:left
}

.right {
float:right
}

.uitlegTop {
background-color:#EEE;
color:#666;
margin-bottom:3px;
text-decoration:none
}

.uitlegTop tr {
background:#eee
}

.uitlegTopTop {
background:#EEE;
color:#666;
margin-bottom:3px;
margin-top:3px;
text-decoration:none
}

.uitlegTopHome {
color:#666;
margin-bottom:3px;
margin-top:3px;
text-decoration:none;
font-size:14px;
}

.uitlegTopHome td {
text-decoration:none;
padding-left: 20px;
}

.uitlegTopHome a {
text-decoration:none;
color: #666666;
}

.uitlegTopHome td a:hover {
text-decoration:underline;
color: #666666;
}

.uitlegDiv {
background:#FAFAFA;
color:#999;
font-size:10px;
margin-bottom:4px;
z-index:1
}

.tabelWit {
background:#FFF;
color:#666;
margin-bottom:3px;
margin-top:3px;
text-decoration:none
}

.tabelrijGrijs td {
background:#EEE;
border-bottom:4px solid #FFF;
padding:3px;
text-align:left
}

.tabelrijDonkerGrijs td {
background:#999;
border-bottom:4px solid #FFF;
padding:3px;
text-align:left
}

.bold-groen {
color:#B1C800;
font-weight:700
}

.bold-grijs {
color:#555;
font-weight:700
}

div.clear {
clear:both
}

.popup {
margin:5px
}

/** s-themas.css *
 tekst kleur */
.c-verjaardag {
color:#AD007C
}

.c-verjaardag-geel, .c-zomer {
color: #FDCA0E
}	

.c-romantisch {
color:#E2001A
}

.c-feliciteren, .c-oud-nieuw, .c-wk {
color:#EE7F00
}

.c-kinderen {
color:#069F18
}

.c-geboorte {
color:#00B6E8
}

.c-huwelijk, .c-voorhaar {
color:#E9619C
}

.c-bedanken, .c-vaderdag {
color:#005798
}

.c-valentijn {
color:#E2001A
}

.c-sinterklaas {
color:#E2001A
}

.c-kerst {
color:#069F18
}

/* background kleur */
.b-default {
background-color:#b1c800
}

.b-lichtgroen {
background-color:#b1c800
}

.b-grijs {
background-color:#9c9d9f
}

.usps-default {
background-image:url(../images/themas/default/usps-bg.png)
}

/* background kleur */
.bullet-lichtgroen {
background-image:url(../images/themas/lichtgroen/bullet.png)
}

.bullet-grijs {
background-image:url(../images/themas/grijs/bullet.png)
}

/* BOX */
div.b-default div.corner {
background-image:url(../images/themas/default/corners.png)
}

div.b-lichtgroen div.corner {
background-image:url(../images/template/corners-lichtgroen.png)
}

div.b-grijs div.corner {
background-image:url(../images/template/corners-grijs.png)
}

span.omschrijving {
color:#535353;
text-decoration:none
}

span.omschrijving a {
color:#535353;
text-decoration:none
}

span.omschrijving .button_vergroting {
border:0;
margin-left:10px;
position:absolute;
top:35px
}

/* tekstblok voor thematische tekst */
.thematischtekst {
display:block;
min-width:711px;
width:711px
}

.mediathumb {
border:1px solid #000
}

.thematischtekst a {
color:#666
}

/* middenbalk */
.middenbalk h1, .middenbalk h2 {
color:#FFF;
font-size:15px;
font-weight:900;
left:10px;
line-height:130%;
margin:5px 0 0 10px;
top:10px
}

.middenbalk a {
text-decoration:none
}

.middenbalkhoog h1, .middenbalkhoog h2 {
color:#FFF;
font-size:15px;
font-weight:900;
left:10px;
line-height:130%;
margin:25px 0 0 10px;
top:10px
}

/** s-usps.css **/
div#usps {
background-repeat:no-repeat;
display:inline;
float:left;
height:80px;
margin:0 15px;
width:420px
}

div#usps div.usp {
float:left;
height:70px;
margin:5px 0;
width:139px
}

div#usps div.usp span.title {
color:#FFF;
display:block;
font-size:150%;
font-weight:700;
line-height:140%;
margin:0 15px 3px;
padding-left:25px;
text-transform:uppercase
}

div#usps div.usp span.content {
color:#FFF;
display:block;
font-size:100%;
line-height:120%;
margin:0 15px;
overflow:visible
}

div#usps .middle {
border-left:1px solid #FFF;
border-right:1px solid #FFF
}

/** s-venster-nieuwsbrief.css **/
.nieuwsbriefform {
margin-bottom:2px;
margin-top:0;
padding-top:0
}

input.nieuwsbrief {
background-color:#f4f4f4;
border:1px solid #CCC;
font:normal 11px/14px Arial, Helvetica, sans-serif;
height:16px;
margin:7px 0;
padding:0 0 0 3px;
width:107px
}

/*a grey {
	color: #707070;
} 0909: niels
**/
div.venster-cadeauzoeker {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -810px -53px;
height:21px;
margin:0 0 10px;
padding:0;
width:130px
}

div.venster-cadeauzoeker input.zoekveld {
border:none;
color:#666;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:13px;
line-height:13px;
margin:3px 0 0 31px;
width:72px
}

.ie7 div.venster-cadeauzoeker input.zoekveld {
background-color:#fff;
width:72px
}

.ie6 div.venster-cadeauzoeker input.zoekveld {
margin-top:1px;
width:72px
}

.ie6 div.venster-cadeauzoeker {
margin-bottom:-7px
}

.ie6 div.venster-cadeauzoeker img {
width:10px
}

/** s-venster-winkelmand.css **/
div.venster-winkelmand {
background:url(../images/sprite-navthema-land-bookmark.png) no-repeat -945px -53px;
height:21px;
margin:0 0 10px;
padding:0;
width:130px;
cursor:pointer;
}

div.venster-winkelmand input.zoekveld {
border:none;
color:#666;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:13px;
line-height:13px;
margin:3px 0 0 31px;
text-transform:uppercase;
width:72px
}

.ie7 div.venster-winkelmand input.zoekveld {
background-color:#fff;
width:72px
}

.ie6 div.venster-winkelmand input.zoekveld {
margin-top:-20px
}

div.venster-winkelmand img {
background:url(../images/template/venster-search-submit.png) no-repeat top left;
border:none;
cursor:pointer;
float:right;
height:21px;
margin-top:0;
width:24px
}

span.venster-winkelmand-tekst {
display:block;
font-size:90%;
height:20px;
line-height:20px;
margin-top:5px;
text-align:center;
text-transform:uppercase;
width:130px
}

a.groen {
color:#b1c800;
font-weight:700;
text-decoration:none
}

a.grijs {
color:#707070;
font-weight:700;
text-decoration:none
}

a.grey {
color:#707070;
text-decoration:none
}

/* Winkelmand */
#korting {
background:url(../images/themas/default/box-top2.png) no-repeat 0 0 !important;
height:80px;
width:335px
}

#nogtebesteden {
background:url(../images/themas/default/box-top2.png) no-repeat 0 0 !important;
float:right;
font-weight:700;
height:80px;
width:335px
}

/** s-venster-zoek.css **/
div.venster-zoek {
height:21px;
margin:0 0 10px;
padding:0;
width:130px
}

div.venster-zoek input.zoekveld {
border:none;
color:#666;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:13px;
line-height:13px;
margin:3px 0 0 31px;
width:74px
}

div.venster-zoek input.button {
background:url(../images/template/venster-search-submit.png) no-repeat top left;
border:none;
cursor:pointer;
float:right;
height:21px;
width:24px
}

span.venster-zoek-tekst {
display:block;
font-size:90%;
height:20px;
line-height:20px;
margin-top:5px;
text-align:center;
text-transform:uppercase;
width:130px
}

/** cadeauzoeker.css **/
div.cz_container {
clear:both;
margin:0;
width:710px
}

div.cz_container img {
border:none
}

span.nummers {
height:25px;
text-align:center;
width:460px
}

div.cz_container div.vorige {
height:10px
}

a.vorige {
background-repeat:no-repeat;
border:0;
color:#b1c800;
cursor:pointer;
height:20px;
width:126px
}

a.volgende {
border:0;
color:#b1c800;
cursor:pointer;
height:20px;
margin-right:0;
margin-top:-20px;
width:126px
}

a.link {
background:url(../images/themas/default/nummer.png) no-repeat center;
color:#fff;
font-weight:700;
height:18px;
padding:15px;
text-align:center;
text-decoration:none;
width:18px
}

b.huidig {
background:url(../images/themas/algemeen-grijs/nummer.png) no-repeat center;
height:18px;
padding:15px;
text-align:center;
width:18px
}

div.sitemapContent {
background:#fff;
height:100%;
margin:2px;
padding:7px 8px;
text-align:left;
width:170px
}

#correctieBorder {
border-bottom:1px solid #fff
}

.sitemapContent ul {
background:#fff;
display:block;
list-style:none;
margin:2px;
padding:0
}

.sitemapContent ul li {
list-style:none;
margin:0;
padding:0;
width:100%
}

.sitemapContent ul li a:hover {
background:#ddd
}

/* LEVEL 1 */
.sitemapContent ul.level1 li {
padding:2px
}

.sitemapContent ul.level1 li a {
color:#444;
font-weight:bolder;
padding-left:5px
}

/* LEVEL 2 */
.sitemapContent ul.level2 li {
display:inline;
height:auto;
margin:2px;
padding:0;
width:100%
}

.sitemapContent ul.level2 li a {
color:#777;
font-weight:700;
padding-left:10px
}

/* LEVEL 3*/
.sitemapContent ul.level3 li {
display:inline;
height:auto;
margin:2px 0;
padding:0;
width:100%
}

.sitemapContent ul.level3 li a {
color:#aaa;
padding-left:15px
}

.sitemapContent ul a {
display:block;
margin:0;
padding:0;
text-decoration:none
}

.sitemapContent ul,.sitemapContent li {
display:block;
list-style:none;
margin:0;
padding:0
}

#Photoeditor {
clear:both;
float:left;
width:710px
}

/** Voor whitelabel **/
.wit {
color:#FFF !important
}

div#header-top-whitelabel {
clear:both;
float:left;
height:60px;
margin:5px 0 0;
overflow:hidden;
width:1000px
}

div#nav-main-whitelabel {
display:none
}

div#nav-lang-whitelabel {
display:none
}

div#header-bottom-whitelabel {
clear:both;
float:left;
height:5px;
margin-bottom:5px;
overflow:hidden;
padding-bottom:10px;
visibility:hidden;
width:1000px
}

div#header-bottom-whitelabel #nav-thema {
display:none
}

.ikbendeleukste {
background:url(../images/cadeau/whitelabel/ikbendeleukste/blok_thema.jpg) no-repeat
}

.i-ikbendeleukste {
background:url(../images/cadeau/whitelabel/ikbendeleukste/box-deleukste.gif) no-repeat bottom right;
display:block
}

.valentijnactie {
background:url(../images/cadeau/whitelabel/ikbendeleukste/blok_thema.jpg) no-repeat
}

.i-valentijnactie {
background:url(../images/cadeau/whitelabel/valentijnactie/box-valentijn.gif) no-repeat bottom right;
display:block
}

.i-moederdagactie {
background:url(../images/cadeau/whitelabel/moederdagactie/box-moederdag.gif) no-repeat bottom right;
display:block
}

/* beheer */
hr.dashed {
background:#FFF;
border:0 none;
border-top:1px dashed #666;
height:1px;
width:350px
}

input.groen {
background:#b1c800;
color:#FFF;
font-weight:700;
height:16px;
width:126px
}

/*naamplaatje*/
input.naamplaat {
background-color:#bababa;
border:none !important;
font-family:courier new, verdana, arial;
font-size:1.7em;
margin-bottom:5px;
margin-top:5px;
width:250px
}

/* product keuze */
div.keuze {
background-image:url(../images/themas/default/box-product-keuze.png);
height:98px;
margin-bottom:2px !important;
text-align:left
}

/* badjas */
div.tekstRegelResultaat {
font-size:52px;
text-align:center
}

.pointer {
cursor:pointer
}

/** google zoeken **/
#cse-search-results iframe {
border:0;
font-family:Arial,Helvetica,sans-serif;
margin-top:10px;
width:710px
}

#cse-search-results iframe img {
display:none
}

#res img {
display:none
}

.ie6 #betaalmethode,.ie7 #betaalmethode {
margin-top:-19px
}

.liedkeuzeradio {
margin-left:85px;
text-align:center
}

.liedbox_nl {
background:url(../images/themas/algemeen-grijs/product-keuze-box-nl.png);
height:98px;
width:170px
}

.liedbox_en {
background:url(../images/themas/algemeen-grijs/product-keuze-box-en.png);
height:98px;
width:170px
}

.liedcontent {
border:1px solid #000;
float:left;
width:700px
}

.liedbox {
float:left;
padding-left:10px;
width:170px
}

.liedtitel {
line-height:20px !important;
margin:0 !important;
padding:0 0 0 5px !important
}

.keuzes2 {
padding-left:117px
}

.keuzes3 {
padding-left:45px
}

div.keuze h2,div.keuze h4 {
color:#fff;
font-size:12px;
font-weight:700;
left:5px;
line-height:20px;
margin:0;
padding: 0;
position:absolute;
top:0px
}

.songtekst_button {
border:0;
float:left;
margin-left:8px;
margin-top:57px
}

object {
outline:none
}

#banner,#banner2,#banner3 {
float:left;
margin-left:22px;
margin-top:42px
}

.button-winkel-verder {
background:url(../images/themas/default/btn-winkel-verder.png) no-repeat;
border:0;
cursor:pointer;
height:0 !important;
overflow:hidden;
padding:20px 0 0;
width:126px
}

.button-afrekenen {
background:#FFF url(../images/themas/winkelmand/btn_afrekenen.png) no-repeat top left;
border:0;
cursor:pointer;
float:right;
height:20px;
width:126px
}

.button-importeer {
background:#FFF url(../images/themas/winkelmand/btn_importeer.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
width:126px
}

.button-next {
background:#FFF url(../images/themas/default/btn-next.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
margin-top:1px;
width:20px
}

.button-delete {
background:#FFF url(../images/themas/default/btn-delete.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
margin-top:1px;
width:20px
}

.button-plaats-order {
background:#FFF url(../images/themas/default/btn-plaats-order.png) no-repeat top left;
border:0;
cursor:pointer;
float:right;
height:20px;
width:126px
}

.button-activeer {
background:#FFF url(../images/themas/default/btn-activeer.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
width:126px
}

.button-kalender {
background:#FFF url(../images/themas/default/btn-kalender.jpg) no-repeat top left;
border:0;
cursor:pointer;
height:17px;
width:79px
}

.middenbalkleeg {
background-position:bottom right;
background-repeat:no-repeat;
height:36px;
width:710px
}

.winkelmandlanden {
color:#666;
font-weight:700;
margin-right:3px;
text-align:right
}

.winkelmandlanden img {
margin-right:3px;
margin-top:2px
}

.winkelmandje img {
margin-right:4px;
margin-top:0
}

#winkelmandcontent {
width:690px
}

#winkelmandcontent a {
color:#666
}

#winkelmandcontent select {
border:1px solid #ccc
}

#ringtonecontent a {
color:#666
}

/* Tell a Friend */
.tell_friend {
background-color:#FFF;
margin:2px;
padding:7px 8px;
text-align:left
}

.tell_friend dt {
float:left;
height:30px;
width:200px
}

.tell_friend dd {
height:30px
}

.tell_friend .h-dt {
height:120px
}

.verstuur {
background:#FFF url(../images/themas/default/btn-verstuur.png) no-repeat scroll left top;
border:0;
cursor:pointer;
height:20px;
width:126px
}

.prijs_lever {
background-color:#FFF;
font-size:11px;
margin:2px;
padding:7px 8px;
text-align:left
}

.prijs_lever select {
border:1px solid #CCC;
font-size:10px;
width:180px
}

.button-meerinfo {
background:url(../images/themas/default/btn-meerinfo.png) no-repeat;
border:0;
cursor:pointer;
float:left;
height:0 !important;
overflow:hidden;
padding:20px 0 0;
width:110px
}

.button-klikhier {
background:url(../images/themas/default/btn-klikhier.png) no-repeat;
border:0;
cursor:pointer;
float:left;
height:0 !important;
overflow:hidden;
padding:20px 0 0;
width:110px
}

.button-toevoegen-grijs {
background:#FFF url(../images/themas/default/btn-toevoegen-grijs.png) no-repeat top left;
border:0;
cursor:pointer;
height:20px;
margin-top:1px;
padding-top:4px;
width:126px
}

.button-bladeren-klein {
background:#FFF url(../images/themas/default/btn-bladeren-klein.png) no-repeat top left;
border:0;
cursor:pointer;
float:left;
height:20px;
width:110px
}

.button-stem-en-win {
background:url(../images/themas/default/btn-stem-en-win.png) no-repeat;
border:0;
cursor:pointer;
float:right;
height:0 !important;
overflow:hidden;
padding:20px 0 0;
width:126px
}

.button-login {
background:#FFF url(../images/themas/default/btn-login.png) no-repeat top left;
border:0;
cursor:pointer;
float:right;
height:20px;
width:126px
}

/**
 * Medewerkerspagina
 * yoursurprise.nl/help/medewerkers
 */

div.medewerkers-thema {
	float:left;
	background:url(../images/promotie/medewerkers/top-medewerkers.png) no-repeat;
	width: 340px;
	height:160px;
	padding:10px 10px 10px 10px;
	margin: 0 0 10px 0;
}

.medewerker_naam{
	color:#fff;
	font-size:13px;
	font-weight:700;
	left:10px;
	line-height:20px;
	margin: 0 0 0 35px;
	position:absolute;
	top:5px
}

#afdeling_icon{
	
	width:20px;
	height:20px;
}

.medewerker_icon{
	width: 20px; 
	height:20px; 
	margin:5px 0 0 7px;
	float:left;	
}

#medewerkers_table{
	
	height: 100px;
	float:left;
	margin:35px 0 0 10px;
}

.afdeling_tekst
{
	margin: -1px 0 0 0;
	height:20px;
	float: left;
	
}

.mt_1
{
	width: 25px;
	
}

.mt_2
{
	width: 70px;
	float:left;
}

/* google maps */

div.map .image {
border:none;
height:138px;
position:absolute;
right:2px;
top:30px;
width:166px
}

/* google maps */

div.i-thema .image {
border:none;
height:138px;
position:absolute;
right:2px;
top:30px;
width:346px
}

/* iconen voor productpagina's */
.i-vraagteken {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -440px -330px;
display:block
}
.i-muziek {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -330px -110px;
display:block
}
.i-kinderboek {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -440px -110px;
display:block
}
.i-culinair {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -110px -220px;
display:block
}
.i-foto_divers {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -330px -220px;
display:block
}
.i-foto_groot {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -330px -330px;
display:block
}
.i-foto_textiel {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -110px -330px;
display:block
}
.i-cadeaubon {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -440px 0;
display:block
}
.i-rozen {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -110px -440px;
display:block
}
.i-romantisch {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat 0 -220px;
display:block
}
.i-sinterklaas {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -220px -220px;
display:block
}
.i-kerst {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -440px -220px;
display:block
}
.i-wellness {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -220px -440px;
display:block
}
.i-belevenis {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -330px -440px;
display:block
}
.i-bedankt {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -220px 0;
display:block
}
.i-huwelijk {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat 0 -330px;
display:block
}
.i-kinderen {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -220px -110px;
display:block
}
.i-verjaardag {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat 0 -110px;
display:block
}
.i-feliciteren {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat 0 -440px;
display:block
}
.i-baby {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -110px 0;
display:block
}
.i-cadeau {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -220px -330px;
display:block
}
.i-valentijn {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -110px -110px;
display:block
}
.i-nieuw {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat 0 0;
display:block
}
.i-klaver {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -330px 0;
display:block
}
.i-kaart {
background:url(../images/themas/sprite-icoon-thema.png) no-repeat -440px -440px;
display:block
}
#aantalcadeaus{
cursor:pointer;
}

div#kettingcontent{
margin-left:-7px !important;
}