﻿.MijnDetailsAchtergrond
{
    width: 313px;
    height: 318px;
    background-image: url(Images/MijnDetailsBack.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    top: 30px;
    z-index: 2;
}

.ContactAchtergrond, .ZoekenAchtergrond, .GastenboekAchtergrond
{
    width: 433px;
    height: 507px;
    position: absolute;
    top: 20px;
    left: -60px;
    background-image: url(Images/ContactBackground.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

.GastenboekAchtergrond
{
    top: 56px;
    left: -41px;
    width: 389px;
    height: 365px;
    background-image: url(Images/GastenboekBackground.jpg);
}

.ZoekenAchtergrond
{
    background-image: url(Images/ZoekenBackground.jpg);
}

.SpullenAchtergrond
{
    width: 155px;
    height: 355px;
    background-image: url(Images/SpullenAchtergrond.gif);
    position: absolute;
    top: 129px;
    left: 279px;
    z-index: 1;
}

#ProductBackgroundLeft
{
    position: absolute;
    top: 130px;
    left: 50%;
    margin-left: 259px;
    width: 142px;
    height: 351px;
    background-image: url(Images/ProductenLeft.gif);
    background-repeat: no-repeat;    
}

#LogoBarcode
{
    position: absolute;
    width: 181px;
    height: 85px;
    top: 28px;
    left: 50%;
    margin-left: 90px;
    z-index: 2;    
}

#Header, #ProductHeader
{
    margin: 0 auto;
    width: 999px;
    
        
}

#ProductHeader
{
    background-color: #000000;
    
}

#HeaderContent
{
    margin-left: 154px;
    background-color: #000000; 
    height: 238px;
    padding-top:10px;
}

ul#Lang
{
    display: block;
    height: 28px;
    padding-left: 143px;
    background: url(Images/Backgrounds/language.gif) no-repeat top left;
    margin-left: 50px;
    margin-top: 6px;
    list-style: none;
    
}

ul#LangProduct
{
    list-style: none;
    text-align: right;
    height: 18px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 87px;
    margin: 0;
    padding: 0;
    text-indent: -99999em;
}

ul#LangProduct li
{
    float: left;
    display: block;
    padding: 0;
    margin: 0;
}

a.English, a.Dutch
{
    display: block;
    width: 87px;
    height: 18px;
    background-image: url(Images/Backgrounds/english.gif);
    background-position: 0 -18px;
    text-indent: -9999em;
    position: absolute;
    right: 49px;
    bottom: 8px;
    
}

a.Dutch
{
    background-image: url(Images/Backgrounds/nederlands.gif);
    right: 37px;
}

a.English:hover, a.Dutch:hover
{
    background-position: 0 0;
}

ul#Lang li
{
    float: left;
    display: block;
}

ul#Lang li a
{
    height: 18px;
    text-indent: -9999em;
    display: block;
    margin-top: 6px;
    background-position: 0 -18px;
    width: 87px;
    margin-left: 15px;
    line-height: 1em;
}

h2.account, h2.logIn, h2.winkelmandje, h2.basket
{
    background: url(Images/Backgrounds/login.gif) no-repeat;
    display: block;
    height: 28px;
    margin: -30px 0 0 5px;
    text-indent: -9999em;
    padding: 0;
}

h2.logIn
{
    padding-top: 12px;
}

h2.account
{
    background-image: url(Images/Backgrounds/myaccount.gif);
}

h2.winkelmandje
{
    background-image: url(Images/Backgrounds/winkelmandje.gif);
    margin-left: -7px;
    margin-bottom: 17px;
}

h2.basket
{
    background-image: url(Images/Backgrounds/shoppingbasket.gif);
    margin-left: -7px;
    margin-bottom: 17px;
}


ul#Lang li a.EnglishLarge
{
    
    background-image: url(Images/Backgrounds/english.gif);
    
    
    
}

ul#Lang li a.DutchLarge
{
    background-image: url(Images/Backgrounds/nederlands.gif);    
    
   
}

ul#Lang li a.selected
{
    background-position: 0 0;
    
}

ul#Lang li a:hover
{
    background-position: 0 0;
    
}





#ProductHeader
{
    padding-top: 17px;
    height: 32px;
    position: relative;
    line-height: 1em;
    
    
}

#ProductHeader h2
{
    color: #ffffff;
    padding-left: 223px;
    padding-top: 6px;
    margin: 0;
    font-size: 16px;
    letter-spacing: -0.04em;
    
}

#ProductHeader h2 a
{
    color: #ffffff;
}

#ProductHeader h2 a span
{
    word-spacing: -0.35em;
    font-family: Arial Black;
}

#Header h1
{
    display: block;
    width: 540px;
    height: 178px;
    
    
    margin-left: 45px;
    
    
}

#ProductHeader h1
{
     display: block;
     position: absolute;
     width: 148px;
     height: 54px;
     text-indent: -9999em;
     margin-top: -17px;
}


#ProductHeader h1 a
{
    display: block;
    width: 148px;
    height: 54px;
    background: url(Images/Backgrounds/logo-producten.gif) no-repeat top left;
}


#Header h1 a
{
    display: block;
    width: 540px;
    height: 178px;
    background: url(Images/Backgrounds/titel.gif) no-repeat;
    text-indent: -9999em;
}

#ThuisBackground
{
    position: absolute;
    top: 0px;
    left: -38px;
    width: 420px;
    height: 465px;
    background-image: url(Images/BackgroundFotoHome.jpg);  
    z-index: 1;
}

#StippelLijnLinks
{
    position: absolute;
    left: 0px;
    top: 208px;
    width: 2px;
    height: 550px;
    background-image: url(Images/Stippellijn.gif);
    background-repeat:repeat-y;
    z-index: 2;    
}

#StippelLijnRechts
{
    position: absolute;
    left: 380px;
    top: 158px;
    width: 2px;
    height: 600px;
    background-image: url(Images/Stippellijn.gif);
    background-repeat:repeat-y;
    z-index: 0;    
}

#Cadeau
{
  position: absolute;
  top: 455px;
  background-image: url(Images/Cadeau.gif);
  left: 256px;
  z-index: 2;
  width: 114px;
  height: 118px;   
}

.Winkelwagentje
{
    position: absolute;
    width: 228px;
    height: 329px;
    top: 11px;
    left: 180px;
    background-image: url(Images/Winkelwagentje.gif);
}