html, body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }

body { font-family: Tahoma, sans-serif; font-size: 90%; background: #ccc; padding: 10px 0; }
hr { display: none; }
a img { border: none; }

.skip { text-align: right; width: 850px; font-size: 80%; margin: 2px auto; }
 .skip a { text-transform: lowercase; color: #30619a; text-decoration: none; }
 .skip a:hover { text-decoration: underline; }

#container { width: 850px; margin: 0 auto; position: relative; border: 1px solid #30619a; background: #fff /* url(img/background.png) no-repeat 320px 450px */; }

#head { height: 160px; background: #65a6ed url(img/head.png) no-repeat top left; margin: 0 !important; }
 #head a { display: block; height: 160px; width: 850px; color: #fff; }
  #head a em { position: absolute; left: -9999px; }

#banner { position: absolute; right: 0; top: 0; z-index: 20; padding: 21px 33px 21px 20px; background: #65a6ed url(img/random-image.png) no-repeat top right; display: block; }

#content { margin: 46px 0 10px 10px; width: 480px; min-height: 750px; padding-bottom: 15px; overflow: hidden; }

#container h1, #container h2, #container h3, #container p, #content ul, #content ol, #container table, #container address, #content form { margin: 1.2em 0; }
#container p, #content ul, #content ol, #container table, #container address { font-size: 90%; line-height: 1.5; }

#content h1, #content h2 { font-family: Verdana, sans-serif; font-weight: normal; margin: 0.4em 0; }
#content h1 { font-size: 190%; margin-left: 15px; text-indent: -15px; line-height: 1; font-style: italic; }
#content h2 { font-size: 130%; }
#content h3 { font-size: 100%; font-weight: bold; letter-spacing: 1px; margin: 1em 0; }

#content a { color: #30619a; text-decoration: underline; }
#content a:hover { color: #000; text-decoration: none; }

#content p#intro { font-weight: bold; }
#content ul, #content ol { margin-left: 2.5em; line-height: 1.4; }
#content ul { list-style: square; }
#content ul ul { font-size: 100%; margin: 0.5em 0 0.5em 1.5em; }
#container table { width: 100%; margin: 1em 0; border-collapse: collapse; border-top: 1px solid #30619a; clear: both; }
 #container table th { text-align: left; font-weight: normal; border-bottom: 1px solid #30619a; }
 #container table td { text-align: right; border-bottom: 1px solid #30619a; }
 #content table.producten { border-top: none; }
  #content table.producten th { font-weight: bold; padding: 3px 0; }
  #content table.producten td { text-align: left; padding: 3px 0; }
  #content table.producten .submit { text-align: right; }
   #content table.producten .submit form, #content table.producten .submit div { margin: 0; }
   #content table.producten .submit input.text { width: 2em; text-align: right; margin-right: 1em; }
   #content table.producten .submit input.image { vertical-align: middle; width: auto; border: none; padding: 0; }
#content address { padding: 0; font-style: normal; }

#content form { clear: both; }

#content fieldset { border: 1px solid #30619a; font-size: 90%; border-left: none; border-right: none; border-bottom: none; }
 #content fieldset legend { padding: 0.2em 0.5em; border: 1px solid #30619a; font-weight: bold; }
 #content fieldset dl { margin: 0.7em 0; }
 #content label { cursor: pointer; display: block; }
 #content label:hover { color: #30619a; }
 #content dd label { display: inline; padding-left: 5px; }
 #content dt, #content dd { margin: 0.4em 0; }
 #content input, #content textarea, #content select { border: 1px solid #30619a; width: 100%; padding: 2px 0; font-family: Tahoma, sans-serif; font-size: 100%; }
 #content input.submit { width: auto; padding: 2px; }
 #content input.error { border-color: #f00; }
 #content input.radio, #content input.checkbox { width: auto; }
 #content dd.submitted { font-weight: bold; color: #30619a; }
 #content dd.error { color: #f00; }
  
#container .img { margin: 10px 0; }
 #container .img img { display: block; }
 
 #container .mini, #container .mini-liggend { margin: 0; width: 170px; background: #fff url(img/borders/mini-boven.png) no-repeat top left; }
  #container .mini img, #container .mini-liggend img { width: 150px; padding: 10px; background: transparent url(img/borders/mini-onder.png) no-repeat bottom left; }
 #container .klein, #container .klein-liggend { margin: 0; width: 320px; background: #fff url(img/borders/klein-boven.png) no-repeat top left; }
  #container .klein img, #container .klein-liggend img { width: 300px; padding: 10px; background: transparent url(img/borders/klein-onder.png) no-repeat bottom left; }
 #container .normaal, #container .normaal-liggend { margin: 0; width: 480px; background: #fff url(img/borders/middel-boven.png) no-repeat top left; }
  #container .normaal img, #container .normaal-liggend img { width: 460px; padding: 10px; background: transparent url(img/borders/middel-onder.png) no-repeat bottom left; }

 #container .mini-staand { margin: 0; height: 170px; background: #fff url(img/borders/mini-links.png) no-repeat top left; }
  #container .mini-staand img { height: 150px; padding: 10px; background: transparent url(img/borders/mini-rechts.png) no-repeat top right; }
 #container .klein-staand { margin: 0; height: 320px; background: #fff url(img/borders/klein-links.png) no-repeat top left; }
  #container .klein-staand img { height: 300px; padding: 10px; background: transparent url(img/borders/klein-rechts.png) no-repeat top right; }
 #container .normaal-staand { margin: 0; height: 480px; background: #fff url(img/borders/middel-links.png) no-repeat top left; }
  #container .normaal-staand img { height: 460px; padding: 10px; background: transparent url(img/borders/middel-rechts.png) no-repeat top right; }

#container .links { float: left; margin-right: 10px; clear: both; }
#container .rechts { float: right; margin-left: 10px; clear: both; }
#container .midden { margin: 0 auto; }
#container .midden img { margin: 0 auto; }
#container .meer-ruimte { margin-bottom: 120px; }

#content ul.images { list-style: none; margin: 20px 0; line-height: 1; text-align: center; }
 #content ul.images li { display: inline; margin-left: 20px; }
 #content ul.images li.first { margin-left: 0; }

#content iframe { z-index: 1; }

#content .google-maps-styled { margin: 1em 0; width: 480px; height: 340px; background: #fff url(img/borders/google-maps.png) no-repeat top left;}
 #content .google-maps-styled .inner { height: 320px; width: 460px; top: 10px; left: 10px; }

#content .youtube-styled { background: #fff url(img/borders/youtube.png) no-repeat top left; margin: 0 auto; width: 445px; height: 370px; }
 #content .youtube-styled p { margin: 0; padding: 0; }
 #content .youtube-styled object, #content .youtube-styled embed { display: block; position: relative; top: 10px; left: 10px; margin: 0; padding: 0; }

#content .vimeo-styled { background: #fff url(img/borders/youtube.png) no-repeat top left; margin: 0 auto; width: 445px; height: 370px; }
 #content .vimeo-styled p { margin: 0; padding: 0; }
 #content .vimeo-styled object, #content .vimeo-styled embed { display: block; position: relative; top: 10px; left: 10px; margin: 0; padding: 0; }

#content #fotos { list-style: none; margin: 0; }
 #content #fotos li { float: left; margin: 0 10px 10px 0; width: 150px; height: 150px; }
  #content #fotos li a { width: 150px; height: 150px; text-align: center; display: table-cell; vertical-align: middle; }
   #content #fotos li a img { display: inline; vertical-align: middle; }

#reacties { margin: 20px 0; }
 #reacties p { font-size: 110%; margin: 0; }
 #reacties #reactie-toevoegen { margin-top: 15px; }

#sidebar { position: absolute; top: 384px; right: 33px; width: 296px; }
 #sidebar dl { list-style: none; font-size: 90%;  margin: 0.7em 0; overflow: hidden; width: 100%; }
  #sidebar dt { float: left; clear: left; width: 60px; padding: 2px 0; }
  #sidebar dd { padding: 2px 0 2px 65px; }
 #sidebar p { font-size: 90%; }
 #sidebar p.more { text-align: left; margin: 0.7em 0 1.7em 65px; }
 #sidebar a { color: #30619a; text-decoration: underline; display: block; }
 #sidebar a:hover { color: #000; text-decoration: none; }
 #sidebar h2 { font-family: Verdana, sans-serif; font-weight: normal; font-size: 140%; margin: 0 0 0.7em 0; }
  #sidebar h2 a { display: inline; }
 #sidebar ul { list-style: square; font-size: 90%; margin: 0.7em 2em; }
 #sidebar .img { margin-top: 20px; }
 #sidebar .klein, #sidebar .klein-liggend, #sidebar .klein-staand { margin: 20px 0 20px -12px; }
 #sidebar .bij-testimonial { margin-top: -40px; margin-left: -12px; border-right: 10px solid #fff; }

 #sidebar #agenda dt { width: 90px; }
 #sidebar #agenda dd { padding-left: 95px; }
  #sidebar #agenda a { display: inline; }

#sidebar #twitter a { background: transparent url(img/twitter.png) no-repeat right center; padding-right: 28px; }

#container p.bijschrift { text-align: center; color: #30619a; font-style: italic; font-family: Georgia, serif; font-weight: bold; margin-top: 5px; }
#sidebar p.bijschrift { margin-top: -15px; }

 #sidebar #instellingen { }
  #sidebar #instellingen h2 { margin-top: 1em; }
   #sidebar #instellingen h2 em { font-size: 60%; vertical-align: baseline; }
  #sidebar #instellingen ul { list-style: none; margin: 0.7em 0 1em 0; }
   #sidebar #instellingen ul li { padding: 2px 0; }
    #sidebar #instellingen ul li em { font-size: 70%; }
  #sidebar #instellingen label { cursor: pointer; }
  #sidebar #instellingen label.disabled { color: #aaa !important; cursor: default; }
  #sidebar #instellingen label:hover { color: #30619a; }
  #sidebar #instellingen p { margin-left: 0; }

 #sidebar h2#bestelling a, #sidebar h2#bestelling span { background: transparent url(img/icons/cart.png) no-repeat right center; padding-right: 22px; }
 #sidebar h2#gegevens span { background: transparent url(img/icons/vcard.png) no-repeat right center; padding-right: 22px; }
 #sidebar table#overzicht-bestelling { width: 100%; border-collapse: collapse; font-size: 0.9em; margin-bottom: 15px; }
  #sidebar table#overzicht-bestelling thead tr th, #sidebar table#overzicht-bestelling thead tr td { border-bottom: 1px solid #30619a; }
  #sidebar table#overzicht-bestelling th, #sidebar table#overzicht-bestelling td { text-align: left; padding: 3px 0; }
  #sidebar table#overzicht-bestelling td form { margin: 0; }
  #sidebar table#overzicht-bestelling tr.totaal td { background: #eee; border-top: 1px solid #30619a; }
   #sidebar table#overzicht-bestelling tr.totaal td input { vertical-align: middle; }

#sidebar #vlucht { list-style: none; margin: 0; overflow: hidden; text-align: center; }
 #sidebar #vlucht li { display: inline; padding: 0 2px; line-height: 30px; }
  #sidebar #vlucht li a { display: inline; }
   #sidebar #vlucht li a img { vertical-align: middle; }

.testimonial { font-family: Verdana, sans-serif; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; }
#content .testimonial { margin: 20px 10px; }
#sidebar .testimonial { margin: 30px 0 10px 0; }
 #content .testimonial p, #sidebar .testimonial p { font-size: 90%; text-indent: 1em; font-style: italic; margin: 0; text-align: left; line-height: 1.3; }
  #content .testimonial p cite, #sidebar .testimonial p cite { font-style: italic; text-align: right; color: #999; font-family: Georgia, serif; font-size: 120%; margin-top: 10px; display: block; }
   #sidebar .testimonial a { display: inline; }

#q { color: #30619a; text-align: center; font-size: 90%; position: absolute; bottom: 65px; right: 33px; width: 296px; margin: 0 !important; }
 #q a { color: #30619a; text-decoration: none; }
 #q a:hover { color: #30619a; text-decoration: underline; }
  #q img { display: block; margin: 1em auto 0 auto; }

#menu { position: absolute; top: 163px; background: #30619a url(img/menu.png) no-repeat top left; width: 845px; height: 33px; list-style: none; padding-left: 5px;}
 #menu li { position: relative; float: left; line-height: 33px; }
  #menu li a { color: #fff; text-decoration: none; display: block; padding: 0 5px; }
  #menu li a:hover { text-decoration: underline; }
  #menu li a.current { text-decoration: underline; }
  #menu li ul { display: none; position: absolute; list-style: none; width: 240px; padding-top: 1px; z-index: 30; background: #fff; }
  #menu li:hover ul { display: block; }
   #menu li ul li { float: none; position: relative; line-height: 1.8; background: #30619a url(img/menu.png) no-repeat top left; }
    #menu li ul li a { border-bottom: 1px solid #fff; }

#foot { background: #30619a url(img/menu.png) no-repeat top left; clear: both; color: #fff; height: 33px; line-height: 33px; padding: 0 10px; font-size: 85%; }
 #foot p { margin: 0; font-size: 100%; line-height: 33px; }
 #foot ul { float: right; }
  #foot ul li { display: inline; padding-left: 10px; }
   #foot ul li a { color: #fff; text-decoration: underline; }
   #foot ul li a:hover { text-decoration: none; }

.ext, .zip, .pdf, .doc, .xls, .ppt, .txt, .jpg { padding: 3px 20px 3px 0; background-repeat: no-repeat; background-position: center right; }
.zip { background-image: url(img/zip.png); }
.pdf { background-image: url(img/pdf.png); }
.doc { background-image: url(img/doc.png); }
.xls { background-image: url(img/xls.png); }
.ppt { background-image: url(img/ppt.png); }
.txt { background-image: url(img/txt.png); }
.jpg { background-image: url(img/jpg.gif); }
.ext { background-image: url(img/ext.png); padding-right: 14px; }

.home #content ul.images { text-align: left; margin: 0; width: 100%; }

#button { position: absolute; top: 270px; right: -105px; z-index: 30; }
 #button a { display: block; width: 230px; height: 230px; }
  #button img { display: block; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px;  color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }