html { font-family: 'Myriad Pro', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; background: #5e67a8 url(img/html.png) no-repeat center center; color: #fff; min-height: 100%; }
body { position: absolute; margin: -250px 0 0 -450px; top: 50%; left: 50%; width: 900px; height: 500px; overflow: hidden; background: #202c76; }
a { text-decoration: none; color: #fff; }
h1 { margin: 0; }
 h1 a, #h1 { outline: 0; background: transparent url(img/h1.png) no-repeat -10px 0; margin: 0 0 20px 0; padding: 0; display: block; width: 900px; height: 162px; text-indent: -9999em; overflow: hidden; }
h2 { display: none; }

#menu { position: absolute; left: 180px; bottom: 10px; background: #4755a0; margin: 0; padding: 0; display: block; width: 720px; height: 28px; }
 body#index #menu { background: transparent; left: 427px; width: 473px; bottom: 100px; }
 #menu li { display: block; float: left; margin: 0; padding: 0; }
  #menu li a { font-size: 14px; padding: 10px 40px 15px 20px; line-height: 30px; background: transparent url(img/menu.png) no-repeat 0 0; outline: 0; }
  #menu li#menu-nl-diensten a, #menu li#menu-fr-services a { font-weight: bold; }
  body#index #menu li a { background: transparent; border-left: 2px solid #fff; padding: 0 20px 10px 10px; }
   #menu li a:hover, #menu li a:focus { color: #fff; background-position: 0 -40px; }
   body#index #menu li a:hover, body#index #menu li a:focus { border-color: #666; }
   #menu li.current a { color: #70f28c; }
#content { float: left; margin-left: 180px; margin-right: 100px; width: 310px; height: 270px; overflow: auto; outline: 0; }
 body.js-enabled #content { margin-left: 0; }
 #content *:first-child, #content .first-child { margin-top: 0; }
 #content *:last-child, #content .last-child { margin-bottom: 0; }
 #content strong { color: #009ee4; font-weight: normal; }
  #content a { border-bottom: 1px solid #009ee4; }
   #content a:hover, #content a:focus { border-bottom: 1px solid #fff; }
 #content blockquote { margin: 0; padding: 0; font-style: italic; }
 #content p.source { text-align: right; }
#images, .google-maps-styled { width: 280px; height: 190px; overflow: hidden; float: right; padding-right: 30px; background: #009ee4; overflow: hidden; }
 #images .figure, #images .figure img { margin: 0; display: block; }
 .image-list { list-style: none; margin: 0; padding: 0; }
  .image-list li { width: 310px; height: 190px; }
  .image-list-cycle li { cursor: pointer; display: block; }
   .image-list li img { display: block; }

#prev a, #next a { position: absolute; top: 377px; left: 590px; text-indent: -9999em; overflow: hidden; background: url(img/slideshow-arrows.png) no-repeat 0 0; display: block; width: 140px; height: 15px; }
#next a { left: 731px; background-position: 125px -15px; }

p.coming-soon { position: absolute; top: 390px; left: 427px; text-transform: uppercase; font-size: 120%; color: yellow; }

#credits { display: none; }

.google-maps-styled { padding-right: 0; width: 310px; }

ul#scroll { position: relative; list-style: none; margin: 70px 0 0 0; padding: 0; height: 122px; overflow: hidden; background: transparent url(img/scroll.png) repeat-x 0 112px; white-space: nowrap; }
 ul#scroll li { display: inline-block; white-space: nowrap; margin: 0; padding: 0; }
  ul#scroll li img { padding: 0; margin: 0; }

body.js-enabled #wrapper { margin-top: 70px; width: 900px !important; }
 body.js-enabled #wrapper #scroll { margin-top: 0; }

.js-enabled #content { position: relative; left: 180px; }
.js-enabled .jScrollPaneContainer #content { left: 0 !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #menu li a { padding-top: 9px; }
}