/*  stylesheet: www.fittz.net
 grey background light: F8F8F8
 grey lines less light: E5E5E5
 black background: #544219
 white background:
============================================ */

/*  Algemene instellingen
    breedte: 978px
-------------------------------------------- */
* { margin: 0; padding: 0; }
html,
body { margin: 0 auto; color: #000; background: #fff url(images/background-f.gif) no-repeat center 0 ; font-size: 99%; line-height: 130%; font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial; }
img { border:0px; }
ul { margin: 0.5em 0 1em; padding: 0; list-style: square; }
  ul li { margin: 0 0 0.3em 1em; padding: 0 0 0 7px; color: inherit; }
ol { margin: 0.5em 0 1em; padding: 0; }
  ol li { margin: 0 0 0.6em 2.4em; padding: 0; }
p { margin-bottom: 1em; }
h1 { margin-bottom:1em; }

/*  Structuur
-------------------------------------------- */
.wrapper { width:980px; margin: 0px auto; padding: 0px;   }

/*  Beeldmerk
-------------------------------------------- */
#logo { position:absolute; top:0px; width:980px; height:50px; padding-top: 12px; }
  #logo img { margin-left:0px; }

/*  Content
-------------------------------------------- */
#inhoud { position:absolute; top:105px; font-size: 0.80em; }
  #tekst { width: 710px; min-height:400px; }
  .shopinfo { min-height:400px; }
#inhoud h1 { font-size:1.2em; }
#inhoud h2 { font-size:1em; }
#inhoud a { color: #000000; }
  #inhoud a:hover { color: #333333; }

#inhoud table { width:240px; }
#inhoud table caption { font-weight:bold; text-align:left; width:240px; }
  #inhoud table th { vertical-align:top; text-align:left; font-weight:normal; border-bottom:1px solid #e5e5e5; }
  #inhoud table td { vertical-align:top; border-bottom:1px solid #e5e5e5; }
  #inhoud table td .opmerking { font-size:0.80em; }

#inhoud div.adres { width:225px; font-size:0.86em; }
address {padding:0 0 5px;}

img.links { float:left; padding: 0 3px 3px 0; }
img.rechts { float:right; padding: 0 0 3px 3px;  }
img.midden { float:left; padding: 0 3px 3px 3px; }

/*  collection
width:732px  (home)
height: 450px
-------------------------------------------- */
#collection { width:878px; height:415px; padding-left:100px; padding-top:15px; background:#F8F8F8; border: 1px solid #E5E5E5; }
  #homepage #collection { width:725px; padding: 0;}

/*  shops
-------------------------------------------- */
ul#shoplist { width:700px; margin-left:-12px;}
  #shoplist li { list-style:none; display:inline; width:220px; padding-left:0; float:left; margin-bottom:1em;  }
  #shoplist img { }
  #shoplist a { text-decoration:none; }
    #shoplist a:hover span { text-decoration:underline; cursor:pointer; }
    #shoplist a span {z-index:999; display:block; margin-top:-.7em; padding-left:5px; background:#f8f8f8; width:213px; border: 1px solid #E5E5E5; }

/*  kaart
-------------------------------------------- */
#kaart { position:absolute; top:0px; left:250px; width:460px; height:415px; padding-left:15px; padding-top:15px; background:#F8F8F8; border: 1px solid #E5E5E5; }
  #kaart object { margin-top:10px; margin-bottom:10px; width: 443px; height:360px; border: 1px solid #E5E5E5;}
#map_canvas { width: 443px; height:360px; border: 1px solid #E5E5E5; }

/*  Gerelateerde info
-------------------------------------------- */
#gerelateerd  { position:absolute; top:0px; left:740px; width: 240px; }
  #gerelateerd h2 { font-size: 1em; }
  #gerelateerd ul { border-top: 1px solid #e5e5e5; margin:0; list-style: none; }
    #gerelateerd ul li { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; list-style:none; padding-top:4px; padding-bottom:4px; line-height:1.2em; }
      #gerelateerd ul li a { color: #544219; text-decoration:none; }
      #gerelateerd ul li a:hover { color: #544219; text-decoration:underline; }
#homepage #gerelateerd ul li a { font-size:.8em; }

.imageviewer #gerelateerd  { left:740px; }
.about #gerelateerd {background: url(images/zumo-feeling.jpg) bottom left no-repeat; height:400px; }

/*  Formulier
-------------------------------------------- */
form { width:504px; margin-top:2em; }
fieldset { width:490px; padding:0 0 18px 18px; margin:0; background:#F8F8F8; border: 1px solid #E5E5E5; }
label { display:block; line-height:2.5em; }
  label input { margin-right:0.5em; vertical-align:middle; }

.knop { display: block; position: relative; background: #aaa; padding: 0px 5px; margin-right:1em; float: left; color: #fff; font-size:1em; font-weight:bold; text-decoration: none; cursor: pointer; }
  .knop.grijs { background: #cccccc; border-top: 1px solid #DAF1FC; border-left: 1px solid #DAF1FC; border-right: 1px solid #0B394F; border-bottom: 1px solid #0B394F; }
  .knop:hover { background-color: #aaaaaa; border-top: 1px solid #0B394F; border-left: 1px solid #0B394F; border-right: 1px solid #DAF1FC; border-bottom: 1px solid #DAF1FC; }
  .knop:active { background-color: #444; }
  .knop[class] {  background-image: url(images/shade.png); background-position: bottom; }
* html .knop { border: 3px double #aaa; }
* html .knop.grijs { border-color: #cccccc; }
* html .knop:hover { border-color: #157; }

/*  T.b.v. toegankelijkheid
-------------------------------------------- */
#skip { position:absolute; left:-100em; }
#skip a:focus { display:block; position: absolute;top: 10px;left: 91em;z-index: 1;width: 12em;padding: 0.25em 0.5em;background: #ffffff;color: #000000;border : 1px solid #dddddd;font-size: 1.3em;text-align: center; }
.hidden { position:absolute; left:-100em; }

/*  Navigatie
-------------------------------------------- */
#navigatie { position:absolute; background:#F8F8F8; border: 1px solid #E5E5E5; top:60px; width:978px; height: 30px; color: #fff; font-size: 0.9em; line-height: 30px; clear: both; }
  #navigatie h2 { display: none; }
  #navigatie ul { position: relative; margin: 0 0 0 1em; padding: 0; float: left; list-style: square;}
    #navigatie ul li { float: left; text-align: center; color:#3e3e3e; font-weight:bold;  }
    #navigatie ul li.actief { color: #ddd;  }
    #navigatie ul li a { display: block; margin: 0; padding: 0 15px 0 0; color:#000000; text-decoration: none; font-weight:bold; border: none; background-color: inherit; }
    #navigatie ul li.actief { padding: 0 15px 0 0; text-decoration: underline; }
    #navigatie ul li.actief a  { padding:0; text-decoration: underline; }
    #navigatie ul li a:hover, #navigatie ul li a:focus { color:#555555; }
    #navigatie li { position: relative; }
a#webshopnavigatie:after { content:url(images/enter-webshop.gif); }


/*  Servicemenu
-------------------------------------------- */
#servicemenu { height:2em; width:978px; margin:0 0 0 0; padding:0 0 5px 0; border: 1px solid #E5E5E5; background:#F8F8F8;  }
  #servicemenu { }
  #servicemenu ul li { display:inline; list-style:none; }
    #servicemenu ul li a { margin-right:1em; color: #224455; text-decoration:none; font-weight:bold;}
    #servicemenu ul li a:hover,
    #servicemenu ul li a:focus { color: #333333; text-decoration:none; font-weight:bold;}
    #servicemenu ul li.actief a  { text-decoration: underline; }

/*  Footer
-------------------------------------------- */
#voet { position: relative; margin-top: 0px; height:78px; clear:both; }

#scroller { margin:0; padding:0; }
#scroller li { display:inline; list-style:none; }

#extras { width:978px; height:29px; border-bottom: 1px solid #E5E5E5; }

/*  Social media...
-------------------------------------------- */
#socialmedia { text-align:right;  background:#F8F8F8; border: 1px solid #E5E5E5; height:21px; width:978px; }
  #socialmedia img { margin: 2px 5px; }


#sexy-socialmedia { margin:5px 0 0 730px; clear: both; }
    #sexy-socialmedia ul.socials { margin:0; padding:0; }
    #sexy-socialmedia ul.socials { background:transparent none; border:0 none; outline:0 none; }
        #sexy-socialmedia ul.socials li { background:url(images/sexy-sprite.png) no-repeat; display:inline; float:left; list-style-type:none; margin:0; height:29px; width:60px; cursor:pointer; clear:none; }
        #sexy-socialmedia ul.socials li:before,
        #sexy-socialmedia ul.socials li:after,
            #sexy-socialmedia ul.socials li a:before,
            #sexy-socialmedia ul.socials li a:after { content:none; }
        #sexy-socialmedia ul.socials a { display:block; width:60px; height:29px; text-indent: -9999px; background-color:transparent; }
        #sexy-socialmedia ul.socials a:hover,
        #sexy-socialmedia ul.socials li:hover { background-color:transparent; border:0; outline:0 none; }
    li.sexy-hyves { background-position:-3990px bottom !important; }
    li.sexy-hyves:hover { background-position:-3990px top !important; }
    li.sexy-facebook { background-position:-1330px bottom !important; }
    li.sexy-facebook:hover { background-position:-1330px top !important; }
    li.sexy-twitter { background-position:-490px bottom !important; }
    li.sexy-twitter:hover { background-position:-490px top !important; }