body {margin:0; padding:0; font-size:0.8em; color:black; font-family:arial,helvetica, verdana, tahoma; background:#e4e4e4 url(/images/background.gif) repeat-x left top;}
img {border:0;}
form {margin:0; padding:0;}
a {color:#133e6f;}
a:hover {color:#ef8c33;}

h1 {font-size:1.8em; color:black; font-weight:normal;}
h2 {font-size:1.6em; color:#8c8c8c; font-weight:normal;}
h3 {font-size:1.3em; color:#8c8c8c; font-weight:normal;}
h4 {font-size:1em; color:#000000; font-weight:bold; margin-bottom:2px;}

#centersite {margin-left:auto; margin-right:auto; width:856px;}
#sitecontainer {float:left; width:856px;}
#functionnavcontainer {float:left; width:856px; height:90px; background: url(/images/logo-header.gif) no-repeat right top;}
#headnavcontainer {float:left; width:846px; height:50px; padding-left:10px; background: url(/images/background-headnav.gif) no-repeat left top;}
#contentcontainerhome {float:left; width:856px;}
#contentcontainer {float:left; width:856px; min-height:500px; background:#ffffff url(/images/background-content.jpg) no-repeat left top;}
#footercontainerhome {float:left; width:856px; height:100px; padding-top:15px;}
#footercontainerhome img {float:left;}
#footercontainer {float:left; width:856px; height:100px; padding-top:15px; background:url(/images/balk-footer-content.gif) no-repeat left top;}

/* logos */
#logocontainer {float:left; width:856px;background:#ffffff;}
#logocontainer img {float:right;padding:10px 40px 10px 10px;}

/* functionnav*/
#functionnavcontainer div.nav {float:left; margin:40px 0 0 0;}
#functionnavcontainer div.nav ul {margin:0; padding:0;}
#functionnavcontainer div.nav ul li {float:left; display:inline; font-size:0.9em; padding-right:20px;}
#functionnavcontainer div.nav ul li a {color:white;}
#functionnavcontainer div.nav ul li a.login {color:white; padding-left:15px; background: url(/images/molslot-header.gif) no-repeat left 3px;}
#functionnavcontainer div.nav ul li a:hover {color:black;}
#functionnavcontainer div.nav ul li a.active {color:black;}
#functionnavcontainer div.search {float:left; padding: 40px 0 0 0;}
#functionnavcontainer div.search input {border:solid 1px white; background:#e8e8e8; width:250px;}
#functionnavcontainer div.search a {font-weight:bold; color:white;}
#functionnavcontainer div.search a:hover {font-weight:bold; color:black;}

/* headerlogo home link */
#functionnavcontainer div.logo {float:left; width:105px;height:90px;padding-left:40px;}
#functionnavcontainer div.logo a {display:block; width:105px; height:90px;}

/* headnav */
#headnavcontainer div {float:left; padding:10px 2px 0 2px;}

/* homepage */
#columnleft {float:left; width:491px;}
#columnright {float:right; width:352px;}
div.blockhomecontainer {float:left; width:352px; min-height:49px; padding-bottom:15px; background: url(/images/frame-right-top-home.gif) no-repeat;}
div.blockhomecontainer div.status {float:left; padding:23px 3px 0 12px; width:14px;}
div.blockhomecontainer div.title {float:left; font-size:2em; padding-top:13px; width:321px; height:36px;}
div.blockhomecontainer div.title a {text-decoration:none; color:black;}
div.blockhomecontainer div.title a:hover {text-decoration:none; color:#ef8c33;}
div.blockhomecontainer div.content {float:left; padding:15px 15px 10px 30px; width:307px; background: url(/images/frame-blockhome-contentbg.gif) no-repeat left top;}
div.blockhomecontainer div.footer {float:left; width:352px; height:12px; background: url(/images/frame-right-bot-home.gif) no-repeat left bottom;}

#news {float:left; background: red url(/images/frame-newshome-top.gif) no-repeat left top; width:491px; min-height:55px; padding-bottom:15px;}
#news div.status {float:left; padding:20px 3px 0 12px; width:14px;}
#news div.title {float:left; font-size:2em; padding-top:10px; width:80px; height:45px;}
#news div.title a {text-decoration:none; color:black;}
#news div.title a:hover {text-decoration:none; color:#ef8c33;}

#logoblockhome {float:right; width:110px; height:111px; padding:8px 8px 23px 8px; background:url(/images/logo-home-bg.gif) no-repeat left top;}

#slideshowcontainerhome {float:left; width:491px; padding-top:12px; background: url(/images/slideshow-home-afrond-top.gif) no-repeat left top;}
#slideshowcontainerhome div.largeimage {float:left; padding:0 12px 0 12px; width:467px; background:white;}
#slideshowcontainerhome div.thumbs {float:right; width:467px; padding:8px 12px 0 12px; background:white;}
#slideshowcontainerhome div.thumbs div {float:left; padding:0 3px 3px 0;}
#slideshowcontainerhome div.thumbs a {float:left; padding:2px; border:solid 1px #dfdfdf;}
#slideshowcontainerhome div.thumbs a:hover {float:left; padding:2px; border:solid 1px black;}
#slideshowcontainerhome div.footer {float:left; width:491px; height:32px; background: url(/images/slideshow-home-afrond-bot.gif) no-repeat left top;}

/* volgpaginas */
#kruimelnavcontainer {float:left; width:651px; height:25px; padding:5px 0 0 205px;}
#kruimelnavcontainer ul {margin:0; padding:0;}
#kruimelnavcontainer ul li {display:inline; font-size:0.8em; list-style-type:none;}
#kruimelnavcontainer ul li a{text-transform:lowercase;}

#kruimelnavcontainerfull {float:left; width:651px; height:25px; padding:5px 0 0 10px;}
#kruimelnavcontainerfull ul {margin:0; padding:0;}
#kruimelnavcontainerfull ul li {display:inline; font-size:0.8em; list-style-type:none;}
#kruimelnavcontainerfull ul li a{text-transform:lowercase;}

#subnavcontainer {float:left; width:188px; min-height:500px; padding:38px 10px 20px 7px; background:url(/images/subnav-header.gif) no-repeat 7px top;}
#subnavcontainer ul {margin:0; padding:0;float:left;width:188px;display:block;background:#d2d2d2;}
#subnavcontainer ul li {float:left; list-style-type:none; font-size:0.9em; padding-bottom:1px;background:#e7e7e7;}
#subnavcontainer ul li a {float:left; width:168px; padding:5px 10px 5px 10px; text-decoration:none; background:#d2d2d2;}
#subnavcontainer ul li a:hover {background-color:#004fa3; color:White;}
#subnavcontainer ul li a.active {background-color:#004fa3; color:White;}

/* basket subnav */
#subnavcontainer ul li.title {color:white;font-weight:bold; float:left; width:168px; padding:5px 10px 5px 10px; text-decoration:none; background:#004fa3;}
#subnavcontainer ul li.separator {background:white;float:left; width:188px; border-bottom:dotted 1px gray;margin:0;padding:0;height:2px;}
#subnavcontainer ul li.product {float:left; background:white;}
#subnavcontainer ul li.product div.detail {float:left;width:166px; padding:5px 10px 5px 10px;}
#subnavcontainer ul li.product div.detail img.product {float:left; padding-right:5px}
#subnavcontainer ul li.product div.links {float:left;width:168px; padding:5px 10px 5px 10px;}
#subnavcontainer ul li.product div.links a {padding:0; margin:0;background:none;width:auto;float:left;text-decoration:underline;}
#subnavcontainer ul li.product div.links a:hover {color:#ef8c33;}

/* steps subnav */
#subnavcontainer ul li.step {font-weight:bold; float:left; width:168px; padding:5px 10px 5px 10px; text-decoration:none; background:#d2d2d2;}
#subnavcontainer ul li.step.active {color:white;font-weight:bold; float:left; width:168px; padding:5px 10px 5px 10px; text-decoration:none; background:#004fa3;}

table#shippingdetails tr td input {width:175px;}

/* basket overview (used in checkout) */

#basket {float:left; width:640px;}
#basket ul {padding:0; margin:0}
#basket ul li.title {display:none;}
#basket ul li.separator {background:transparent;float:left; width:540px; border-bottom:dotted 1px gray;margin:0;padding:0;margin-bottom:5px;height:5px;}
#basket ul li.product {float:left; background:transparent;}
#basket ul li.product div.detail {float:left;width:540px; padding:5px 10px 5px 10px;}
#basket ul li.product div.detail img.product {float:left; padding-right:10px}
#basket ul li.product div.links {float:left;width:540px; padding:5px 10px 5px 10px;}
#basket ul li.product div.links a {padding:0; margin:0;background:none;width:auto;float:left;text-decoration:underline;}
#basket ul li.product div.links a:hover {color:#ef8c33;}
#basket ul li.product.globalcontrols {display:none;}


/* checkout controls */
#stepcontrols {width:620px; padding:10px 10px 10px 10px; margin:10px 0 0 0; border-top:solid 1px gray;background:#d2d2d2;}


#contentcol {float:left; width:426px;}

#contentcol3 {float:left; width:426px;}
#contentcol2 {float:left; width:640px;}
#contentcol1 {float:left; width:840px;padding-left:10px;}

span.date {font-size:0.9em; font-weight:bold;color:Gray;}
div.block {width:100%; float:left; clear:both; padding:5px 0; margin:5px 0;}
div.line {width:100%; height:10px; font-size:0; padding:0; margin:0; border-bottom:dotted 1px silver;}


#rightcol {float:left; width:198px; padding:0 7px 0 20px;}

#fullcontent {float:left; width:720px; padding:0 7px 0 20px;}

img.picto {padding-right:5px; margin-bottom:-3px; float:none;}
img.arrow {margin-bottom:-3px; float:none;}

/* template */
div.template {display:none; float:none; width:600px;font-size:0.8em; font-weight:bold; margin-top:20px;padding:5px; height:15px;color:gray;border-top:solid 1px silver;}

/* pngfix */


/*sitemap*/
div#sitemap ul li {list-style-type:none;padding:2px;}
div#sitemap ul li ul li{list-style-type:square;padding:2px;}


/* products in shop */
div#products div.product {width:500px; float:left;}
div#products div.product div.text {width:410px; float:right;}
div#products div.product div.image {width:80px; float:left;}

#footercontainerhome .concept {font-size:0.8em; display:block; float:right; padding:5px 5px 0 0}
#footercontainer .concept {font-size:0.8em; display:block; float:right; padding:5px 5px 0 0}
.concept a {color:black; text-decoration:none;}

.rewardcategory {float:left; display:block; background:url(/images/rewards.png) no-repeat left top; width:633px;height:28px; margin:20px 0 10px 0; font-weight:bold; font-size:1.3em; color:gray;}
.rewardcategory span.name {float:left; display:block; padding:5px 8px; }
.rewardcategory span.points {float:right; display:block; padding:5px 8px;}


html, body {width:100%; height:100%}
.png {behavior:url(/iepngfix.htc);}

#bannermodal 
{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:9998; 
    background:#000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

#bannerimage
{
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    z-index:9999; 
    display:table;
}