article, aside, figure, footer, header, hgroup, nav, section { display: block; }
html, body, fieldset, nav ul, nav ul li, h1, h2, h3, #container, footer, #images, #images li, .image-list, .image-list li { margin: 0; padding: 0; color: #333; }
h1 a { text-indent: -9999em; overflow: hidden; }

html { font: 11px/1.6 Verdana, sans-serif; background: #f4f4f4 url(img/nav.png) repeat-x 0 79px; }
body { margin: 0 auto; width: 750px; position: relative; }

a { text-decoration: none; cursor: pointer; }
 a img { border: 0; }
 section a { color: #333; border-bottom: 1px dotted #333; padding: 2px 1px 1px 1px; }
  section a.has-img, section .google-maps-styled a { border: 0; }
  section a:hover, section a:focus { border: 0; background: #d4acec; }
   section a.has-img:hover, section a.has-img:focus, section .google-maps-styled a:hover, section .google-maps-styled a:focus { background: transparent !important; border: 0; }
   body#index section a:hover, body#index section a:focus { background: #a2d2ae; }
   body#traiteur section a:hover, body#traiteur section a:focus { background: #eca4c7; }
   body#folder section a:hover, body#folder section a:focus { background: #f4e692; }
   body#contact section a:hover, body#contact section a:focus { background: #94d5e5; }
   body#info section a:hover, body#info section a:focus { background: #f8c692; }
   body#acties section a:hover, body#acties section a:focus { background: #f6a292; }
   body#jobs section a:hover, body#jobs section a:focus { background: #d4acec; }

fieldset { border: 0; }
 legend { display: none; }
 input[type=text], input[type=email], input.text, textarea { font: 11px/1.6 Verdana; color: #333; border: 1px solid #04a6cf; padding: 3px 2px; height: 16px; width: 367px; }
  #jobs input, #jobs textarea { border-color: #a43fe0; }
  textarea { height: 60px; }
 label[for], label.for, input[type=submit], input.submit { cursor: pointer; }
  .generated label[for], .generated label.for { display: block; float: left; width: 60px; line-height: 22px; }
  #jobs .generated label[for], #jobs .generated label.for { width: 150px; }
   label span, label em { color: red; font-style: normal; font-weight: bold; }
 #directions input { width: 427px; }
  input.submit { font: 11px Verdana; background: #fff; border: 1px solid #04a6cf; padding: 1px 2px 5px; height: 24px; margin-left: 60px; width: 373px; }
   #jobs input.submit { margin-left: 150px; }
  #directions label { display: block; padding-bottom: 6px; }
  #directions input.submit { float: right; width: 90px; margin: 0; }
  input.error, textarea.error { border: 1px solid red; }
 .file-input-wrapper { position: relative; }
  .file-input-wrapper input.file-input { opacity: 0; }
  .file-input-wrapper input { cursor: pointer; }
  .file-input-wrapper .text { position: absolute; top: 0; left: 150px; }

h1, section h2, section h3 { font-size: 12px; font-weight: bold; border-bottom: 1px solid transparent; }
 section h2, section h3 { font-size: 11px; }
 section h2 + h3 { margin-top: 1em; }
 section h1, section h2 { border-color: #a43fe0; }
 section h3 { border-color: transparent; }
 body#index section h1, body#index section h2 { border-color: #409a4b; }
 body#traiteur section h1, body#traiteur section h2 { border-color: #e12d83; }
 body#folder section h1, body#folder section h2 { border-color: #f3d200; }
 body#contact section h1, body#contact section h2 { border-color: #04a6cf; }
 body#info section h1, body#info section h2 { border-color: #ff8100; }
 body#acties section h1, body#acties section h2 { border-color: #f92800; }
 body#jobs section h1, body#jobs section h2 { border-color: #a43fe0; }

h1 a { background: transparent url(img/logo.gif) no-repeat 0 20px; width: 104px; height: 85px; display: block; padding: 20px; z-index: 99; position: relative; outline-color: #000; }

nav ul { height: 26px; width: 100%; list-style: none; position: absolute; top: 79px; left: 145px; width: 587px; }
 nav ul li { display: inline; }
 nav ul li a { padding: 0 18px; display: block; float: left; outline-color: #000; }
  nav ul li a span { color: #fff; line-height: 26px; height: 25px; display: block; float: left;  border-bottom: 3px solid transparent; padding: 0 2px; }
  nav ul li a:hover span, nav ul li a:focus span { border-color: #a43fe0; }
  nav ul li#menu-home.current a span, nav ul li#menu-home a:hover span, nav ul li#menu-home a:focus span { border-color: #409a4b; }
  nav ul li#menu-traiteur.current a span, nav ul li#menu-traiteur a:hover span, nav ul li#menu-traiteur a:focus span { border-color: #e12d83; }
  nav ul li#menu-folder.current a span, nav ul li#menu-folder a:hover span, nav ul li#menu-folder a:focus span { border-color: #f3d200; }
  nav ul li#menu-contact.current a span, nav ul li#menu-contact a:hover span, nav ul li#menu-contact a:focus span { border-color: #04a6cf; }
  nav ul li#menu-info.current a span, nav ul li#menu-info a:hover span, nav ul li#menu-info a:focus span { border-color: #ff8100; }
  nav ul li#menu-acties.current a span, nav ul li#menu-acties a:hover span, nav ul li#menu-acties a:focus span { border-color: #f92800; }
  nav ul li#menu-jobs.current a span, nav ul li#menu-jobs a:hover span, nav ul li#menu-jobs a:focus span { border-color: #a43fe0; }

section { margin-left: 164px; padding-top: 13px; min-height: 150px; width: 527px; }
aside { width: 104px; padding: 0 20px; position: absolute; top: 0; height: 100%; background: transparent url(img/punt.png) repeat 0 0; clear: both; }
 aside h1 { margin: 138px 0 -12px 0; border: 0; text-transform: uppercase; }
 aside h2 { font-size: 11px; font-weight: bold; margin-bottom: -10px; }

footer { clear: both; background: transparent url(img/bollen.png) no-repeat 612px -732px; height: 122px; margin-bottom: 13px; }
 #index footer { background-position: 612px 0; }
 #traiteur footer { background-position: 612px -122px; }
 #folder footer { background-position: 612px -244px; }
 #contact footer { background-position: 612px -366px; }
 #info footer { background-position: 612px -488px; }
 #acties footer { background-position: 612px -610px; }
 #jobs footer { background-position: 612px -732px; }
 footer a { position: relative; top: 104px; left: 15px; padding: 5px; color: #333; }
  .js-enabled body#index footer a { display: none; }

#images { position: fixed !important; bottom: 230px; }
 #images li { list-style: none; margin-left: -252px; width: 406px; height: 230px; }
  #images li img { display: block; }
#images, #images li, #images li img { background: transparent; }

@media all and (max-height: 609px) {
 #images { display: none; }
}

section p { clear: both; }

.image-list { list-style: none; }
 .image-list li { display: block; float: left; margin-right: 18px; margin-bottom: 1em; }
  #folder .image-list li a, #folder .image-list li a:hover, #folder .image-list li a:focus { border: 0 !important; }
   #folder .image-list li a img { display: block; float: left; width: 240px; border: 0; }
  #traiteur .image-list { position: relative; margin: 1em 0; height: 270px; width: 527px; }
   #traiteur .image-list li { margin: 0; position: absolute; top: 0; left: 0; text-align: center; width: 527px; height: 270px; }
    #traiteur .image-list li img { width: 527px; height: 270px; }

.google-maps-styled { clear: both; width: 527px; height: 270px; margin-top: 15px; }

table { width: 100%; margin: 1em 0; border-collapse: collapse; }
 tr:hover td { background: #ccc; }
 td { vertical-align: top; }
 td + td { text-align: right; width: 150px; }
 td em { color: #e12d83; font-weight: bold; font-style: normal; }

body#info .figure { text-align: center; }

.success { font-weight: bold; }
.error { color: red; }

.clear { clear: both; }

/* footerStickAlt */
html, body { height: 100%; }
#container { position: relative; min-height: 100%; margin: 0; }
footer { position: relative; margin-top: -135px; }
 .js-enabled #index footer { margin-top: -215px; margin-top: -135px; }
section { padding-bottom: 150px; }
 .js-enabled #index section { padding-bottom: 220px; }