* { outline-color: #000; }
input, textarea { outline-color: #1f5ccf; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
html, body, h1, h2, h3, nav ul, nav ul li, #pager, #pager li, #brands, #brands li, fieldset, input[type=text], input[type=email], input.input-text, textarea, table, #image-nav, #image-nav li, #index .block ul, #index .block li, #index .block li img { list-style: none; margin: 0; padding: 0; }
header h1 a, .brand a, #pager li, #brands li a, .product-big #exit { text-indent: -9999em; overflow: hidden; }

html { width: 100%; background: #fff; color: #3c3c3c; font: 12px/1.4 'Gill Sans MT', sans-serif; }
body { background: transparent url(img/body-border.png) repeat-y top center; width: 100%; height: 582px; position: absolute; top: 50%; margin-top: -318px; }
 @media all and (max-height: 650px) { 
  body { position: static; margin: 0; }
 }

#uber { padding: 1px 0; background: #e7e6e6 url(img/body.png) no-repeat center center; height: 580px; }

a { text-decoration: none; }
 a img { border: 0; }

section h1 { color: #c21616; font: normal normal 36px 'Gill Sans MT'; margin-top: 55px; margin-bottom: 10px; }
 section h1 a { border-bottom: 1px dotted #c21616; }
 section h1 a:hover, section h1 a:focus { border: 0; }
 #index section h1 { display: none; }
h2 { font-size: 14px; font-weight: bold; }

#container { width: 720px; margin-top: 1px; height: 580px; margin: 0 auto; position: relative; }
 .js #container { width: 700px; }
header h1 a, nav ul { position: absolute; height: 57px; bottom: -43px; }
 header h1 a { left: 0; width: 350px; height: 57px; background: transparent url(img/logo.png) no-repeat 0 0; z-index: 99; }

nav ul { right: 0; list-style: none; width: 250px; height: 38px; padding-top: 11px; }
 nav ul li { float: left; display: block; }
  nav ul li a { float: left; display: block; width: 70px; padding: 2px 0 1px; text-align: center; color: #abacac; font-size: 11px; text-transform: uppercase; }
  nav ul li a:hover, nav ul li a:focus { color: #4f4f4f; }
  nav ul li.current a { color: #c21616; }

section { height: 580px; overflow: hidden; background: #fff; }
 body#lenzen section { background: #fff url(img/lenzen.png) no-repeat bottom right; }
 section a { color: #c21616; }

.products { overflow: auto; height: 390px; position: relative; }
 #index section { width: 760px; position: relative; left: -20px; padding-top: 50px; height: 530px; }
 #index .block { position: relative !important; float: left; width: 330px; height: 195px; border: 1px solid #dad8d8; margin: 20px; overflow: hidden; _margin-left: 10px; }
 #index .block h2 a { display: block; position: absolute; top: 165px; /*background: #cecece;*/ background: rgba(0, 0, 0, .22); z-index: 999; width: 320px; padding-right: 10px; height: 30px; line-height: 30px; font-weight: normal; text-transform: uppercase; text-align: right; color: #3c3c3c; }
  #index .block h2 a:hover, #index .block h2 a:focus { color: #c21616; }
  #index .block li { width: 330px; height: 300px; line-height: 270px; _padding-top: 30px; background: #fff; position: absolute; top: 0; text-align: center; }
  *:first-child+html #index block li { line-height: 180px; } /* IE7 only */
  #index .lenzen li { top: 27px; }
   .js #index .product .figure { cursor: pointer; }

 .js .products { overflow: hidden; }
 .products-view { width: 700px; }
 .product { width: 350px; height: 195px; line-height: 195px; float: left; position: relative; vertical-align: middle; text-align: center; }
  .product img { vertical-align: middle; }
  .brand a { display: block; background: transparent url(img/merken/small/alain-mikli.png) no-repeat bottom right; width: 109px; height: 40px; position: absolute; right: 10px; bottom: 10px; }
  #index .brand a { position: relative; left: 520px; }
   #index .brand a { bottom: 160px; }
   a.alain-mikli { background-image: url(img/merken/small/alain-mikli.png); }
   a.anne-et-valentin { background-image: url(img/merken/small/anne-et-valentin.png); }
   a.bbig { background-image: url(img/merken/small/bbig.png); }
   a.bi-mini { background-image: url(img/merken/small/bi-mini.png); }
   a.binoche { background-image: url(img/merken/small/binoche.png); }
   a.bulgari { background-image: url(img/merken/small/bulgari.png); }
   a.cartier { background-image: url(img/merken/small/cartier.png); }
   a.ck { background-image: url(img/merken/small/ck.png); }
   a.dolce-gabbana { background-image: url(img/merken/small/dg.png); }
   a.diesel { background-image: url(img/merken/small/diesel.png); }
   a.dior { background-image: url(img/merken/small/dior.png); }
   a.emporio-armani { background-image: url(img/merken/small/emporio-armani.png); }
   a.entourage { background-image: url(img/merken/small/entourage.png); }
   a.faconnable { background-image: url(img/merken/small/faconnable.png); }
   a.fendi { background-image: url(img/merken/small/fendi.png); }
   a.giorgio-armani { background-image: url(img/merken/small/giorgio-armani.png); }
   a.gucci { background-image: url(img/merken/small/gucci.png); }
   a.hackett { background-image: url(img/merken/small/hackett.png); }
   a.jil-sander { background-image: url(img/merken/small/jil-sander.png); }
   a.karavan { background-image: url(img/merken/small/karavan.png); }
   a.lafont { background-image: url(img/merken/small/lafont.png); }
   a.markus-t { background-image: url(img/merken/small/markus-t.png); }
   a.michel-henau { background-image: url(img/merken/small/michel-henau.png); }
   a.mykita { background-image: url(img/merken/small/mykita.png); }
   a.natan { background-image: url(img/merken/small/natan.png); }
   a.nike { background-image: url(img/merken/small/nike.png); }
   a.oakley { background-image: url(img/merken/small/oakley.png); }
   a.orgreen { background-image: url(img/merken/small/orgreen.png); }
   a.oxydo { background-image: url(img/merken/small/oxydo.png); }
   a.porsche-design { background-image: url(img/merken/small/porsche-design.png); }
   a.prada { background-image: url(img/merken/small/prada.png); }
   a.prego { background-image: url(img/merken/small/prego.png); }
   a.pro-design { background-image: url(img/merken/small/pro-design.png); }
   a.ray-ban { background-image: url(img/merken/small/ray-ban.png); }
   a.reiz { background-image: url(img/merken/small/reiz.png); }
   a.serengeti { background-image: url(img/merken/small/serengeti.png); }
   a.seventh-street { background-image: url(img/merken/small/seventh-street.png); }
   a.silhouette { background-image: url(img/merken/small/silhouette.png); }
   a.swarovski { background-image: url(img/merken/small/swarovski.png); }
   a.tag-heuer { background-image: url(img/merken/small/tag-heuer.png); }
   a.zen-kids { background-image: url(img/merken/small/zen-kids.png); }
   a.zenka { background-image: url(img/merken/small/zenka.png); }

#pager, .brand-link { list-style: none; position: absolute; top: 78px; right: 5px; }
 .brand-link { top: 48px; }
  section .brand-link a { padding: 0 4px; color: #3c3c3c; }
  .brand-link a:hover, .brand-link a:focus { color: #c21616; }
 #pager li { display: block; float: left; width: 14px; height: 16px; background: transparent url(img/bol.png) no-repeat -6px 5px; cursor: pointer; }
  #pager li.current { background-position: -22px 5px; }

.product-big { position: absolute; top: -1em; top: 0\9; left: 0; height: 500px; width: 700px; background: #fff; z-index: 998; line-height: 500px; line-height: 300px\9; display: table-cell; cursor: pointer; text-align: center; }
.product-big img { vertical-align: middle; }
.product-big #exit { display: block; position: absolute; top: 0; left: 600px; background: url(img/sluit.gif); z-index: 999; width: 30px; height: 30px; }

#image-nav li { float: left; }
#image-nav a { float: left; width: 330px; text-align: left; padding: 10px; font-size: 1.6em; }
 #image-nav .next a { text-align: right; }
#image-nav a:hover, #image-nav a:focus { background-color: #e7e6e6; }


#brands { list-style: none; }
 #brands li { display: block; float: left; }
  #brands a, #index .brand a { display: block; float: left; width: 140px; height: 78px; background: transparent url(img/merken/alain-mikli.png) no-repeat center center; }
  #brands a { height: 56px; }
  #brands a:hover, #brands a:focus { background-color: #e7e6e6; }
   #nav-merken-alain-mikli a, #index a.alain-mikli { background-image: url(img/merken/alain-mikli.png); }
   #nav-merken-anne-et-valentin a, #index a.anne-et-valentin { background-image: url(img/merken/anne-et-valentin.png); }
   #nav-merken-bbig a, #index a.bbig { background-image: url(img/merken/bbig.png); }
   #nav-merken-bi-mini a, #index a.bi-mini { background-image: url(img/merken/bi-mini.png); }
   #nav-merken-binoche a, #index a.binoche { background-image: url(img/merken/binoche.png); }
   #nav-merken-bulgari a, #index a.bulgari { background-image: url(img/merken/bulgari.png); }
   #nav-merken-cartier a, #index a.cartier { background-image: url(img/merken/cartier.png); }
   #nav-merken-ck a, #index a.ck { background-image: url(img/merken/ck.png); }
   #nav-merken-dolce-gabbana a, #index a.dolce-gabbana { background-image: url(img/merken/dg.png); }
   #nav-merken-diesel a, #index a.diesel { background-image: url(img/merken/diesel.png); }
   #nav-merken-dior a, #index a.dior { background-image: url(img/merken/dior.png); }
   #nav-merken-emporio-armani a, #index a.emporio-armani { background-image: url(img/merken/emporio-armani.png); }
   #nav-merken-entourage a, #index a.entourage { background-image: url(img/merken/entourage.png); }
   #nav-merken-faconnable a, #index a.faconnable { background-image: url(img/merken/faconnable.png); }
   #nav-merken-fendi a, #index a.fendi { background-image: url(img/merken/fendi.png); }
   #nav-merken-giorgio-armani a, #index a.giorgio-armani { background-image: url(img/merken/giorgio-armani.png); }
   #nav-merken-gucci a, #index a.gucci { background-image: url(img/merken/gucci.png); }
   #nav-merken-hackett a, #index a.hackett { background-image: url(img/merken/hackett.png); }
   #nav-merken-jil-sander a, #index a.jil-sander { background-image: url(img/merken/jil-sander.png); }
   #nav-merken-karavan a, #index a.karavan { background-image: url(img/merken/karavan.png); }
   #nav-merken-lafont a, #index a.lafont { background-image: url(img/merken/lafont.png); }
   #nav-merken-markus-t a, #index a.markus-t { background-image: url(img/merken/markus-t.png); }
   #nav-merken-michel-henau a, #index a.michel-henau { background-image: url(img/merken/michel-henau.png); }
   #nav-merken-mykita a, #index a.mykita { background-image: url(img/merken/mykita.png); }
   #nav-merken-natan a, #index a.natan { background-image: url(img/merken/natan.png); }
   #nav-merken-nike a, #index a.nike { background-image: url(img/merken/nike.png); }
   #nav-merken-oakley a, #index a.oakley { background-image: url(img/merken/oakley.png); }
   #nav-merken-orgreen a, #index a.orgreen { background-image: url(img/merken/orgreen.png); }
   #nav-merken-oxydo a, #index a.oxydo { background-image: url(img/merken/oxydo.png); }
   #nav-merken-porsche-design a, #index a.porsche-design { background-image: url(img/merken/porsche-design.png); }
   #nav-merken-prada a, #index a.prada { background-image: url(img/merken/prada.png); }
   #nav-merken-prego a, #index a.prego { background-image: url(img/merken/prego.png); }
   #nav-merken-pro-design a, #index a.pro-design { background-image: url(img/merken/pro-design.png); }
   #nav-merken-ray-ban a, #index a.ray-ban { background-image: url(img/merken/ray-ban.png); }
   #nav-merken-reiz a, #index a.reiz { background-image: url(img/merken/reiz.png); }
   #nav-merken-serengeti a, #index a.serengeti { background-image: url(img/merken/serengeti.png); }
   #nav-merken-seventh-street a, #index a.seventh-street { background-image: url(img/merken/seventh-street.png); }
   #nav-merken-silhouette a, #index a.silhouette { background-image: url(img/merken/silhouette.png); }
   #nav-merken-zen-kids a, #index a.zen-kids { background-image: url(img/merken/zen-kids.png); }
   #nav-merken-zenka a, #index a.zenka { background-image: url(img/merken/zenka.png); }
   #nav-merken-swarovski a, #index a.swarovski { background-image: url(img/merken/swarovski.png); }
   #nav-merken-tag-heuer a, #index a.tag-heuer { background-image: url(img/merken/tag-heuer.png); }

fieldset { border: 0; }
 form p { border: 1px solid #acacac; border-width: 0 0 1px 0; width: 330px !important; }
 legend { display: none; }
 body#lenzen label[for], body#lenzen label.for { cursor: pointer; display: block; float: left; width: 60px; height: 18px; font: italic 12px 'Gill Sans MT'; color: #acacac; text-transform: lowercase; line-height: 17px; }
  body#lenzen label[for=form-1-input-3], body#lenzen label.for-textarea { height: 81px; line-height: 15px; }
input[type=text], input[type=email],input.input-text, textarea { padding-bottom: 1px; border-width: 0; font: italic 12px 'Gill Sans MT'; width: 270px; color: #acacac; height: 16px; }
 textarea { height: 80px; }
 p.submit { margin-top: -10px; border: 0; }
  input[type=submit], input.submit { border: 1px solid #acacac; background: #eaeaea; width: 330px; height: 24px; text-transform: lowercase; cursor: pointer; font: 12px 'Gill Sans MT'; }
 label.label-error, input.error, textarea.error { color: #c21616 !important; }
 body#info form p { border: 0; }
 body#info input { border-bottom: 1px solid #acacac; }
 body#info p.figure a { float: right; margin-top: 30px; padding: 30px 30px 30px 20px; }

table { width: 335px; border-collapse: collapse; position: relative; margin: 16px 0; }
 caption { display: none; }
 th { text-transform: uppercase; font-weight: normal; text-align: left; }
 table tr:first-child th, table tr.first th, td { text-align: center; }
 td { color: #fff; }
  td em { font-style: normal; color: #c21616; }

/*table { text-indent: -9999em; overflow: hidden; background: transparent url(img/openingsuren.png) no-repeat 0 0; }*/

.js .google-maps { display: none; }
.google-maps-styled { width: 350px; height: 470px; position: absolute; top: 55px; right: 0; }
 .js body#info section, body#lenzen section p { width: 350px; }
 body#info label { cursor: pointer; display: block; }
 body#info input[type=text], input.text { width: 230px; float: left; margin-right: 10px; margin-top: 9px; }
 body#info input.submit { width: 90px; height: 18px; margin-top: 9px; }

footer { display: none; }