html, body { margin: 0; padding: 0; min-height: 100%; _height: 100%; }
body { font-family: Arial, sans-serif; font-size: 80%; background: url(img/oog/website.jpg) no-repeat top center fixed; }
del { display: none; }

h1, h2 { margin: 0; padding: 0; }
h1 em { visibility: hidden; }
h1 a { display: block; height: 130px; background: #fff url(img/lake/header-lake.jpg) no-repeat top center; text-decoration: none; }
h2 { margin-bottom: 0.5em; }
h3 { margin-bottom: 0; font-size: 100%; clear: both; }
p.meta { margin-top: 0; color: #999; font-size: 80%; font-style: italic; }
a img { border: none; }
p.note { float: right; border: 1px solid #eee; padding: 10px; }

#qontainer { width: 800px; margin: 0 auto; padding: 0 0px 1px 0px; border-left: 0px solid #fff; border-right: 0px solid #fff; background: transparent; min-height: 100%; _height: 100%; }

#qMenu { margin: 0; padding: 0; list-style-type: none; width: 800px; overflow: hidden; margin: 0 auto; position: absolute; top: 80px; font-size: 150%;}
#qMenu li { float: left; width: 25%; height: 30px; }
#qMenu li a { display: block; text-align: center; background: transparent; height: 28px; line-height: 28px; color: #fff; font-weight: bold; border-left: 1px dotted #fff; text-decoration: none; }
#qMenu li a:hover { background-image: url(img/back-white.png); _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_css/img/back-white.png',sizingMethod='scale'); }

#qMenu #nav-home { width: 100% !important; height: 22px; }
#qMenu #nav-home a { height: 20px; line-height: 20px; border-bottom: 1px dotted #fff; border-top: 1px dotted #fff; border-left: none; }
#qMenu #nav-foto-albums a { border-left: none; }

#qSubmenu { width: 150px; margin: 0; padding: 0; margin-top: 0px; list-style-type: none; border-top: 1px solid #3D4144; float: left; }
#qSubmenu li { margin: 0; padding: 0; }
#qSubmenu a { font-weight: bold; text-decoration: none; display: block; padding: 0.4em 0 0.4em 0.5em; background-color: #B8B8B8; border-bottom: 1px solid #fff; color: #56555A; _height: 1%; }
#qSubmenu a:hover { background-color: #B7B7B7; color: #152582; }
#qSubmenu ul { font-weight: normal; border: none; padding: 0; list-style-type: none; margin: 0; }
#qSubmenu ul a { font-weight: normal; padding: 0.2em 0 0.2em 0.5em; background-color: #f4f5fb; }
#qSubmenu ul ul a { font-weight: normal; padding: 0.1em 0 0.1em 2.0em; background-color: #f4f5fb; }
#qSubmenu ul a:hover { font-weight: normal; background-color: #e8eaf7; color: #152582; }
#qSubmenu ul a.current { background-color: #e8eaf7; color: #152582;}

#qontent { float: left; color: #666; width: 540px; padding: 5px 0 5px 5px; font-size: 110%; }

.breed #qontent { width: 750px; }
.with-fotos #qontent { width: 645px; }

#qontent .img { margin-bottom: 10px; }
#qontent .img a { border-bottom: none !important; }
#qontent .links { float: left; margin-right: 10px; }
#qontent .midden, #qontent .gecentreerd { text-align: center; }
#qontent .rechts { float: right; margin-left: 10px; }
#qontent .links img, 
#qontent .midden img, 
#qontent .gecentreerd img, 
#qontent .rechts img { display: inline; }
#qontent .youtube { text-align: center; }
#qontent .google-maps-styled { margin: 10px 0; width: 100%; height: 300px; }

.paginas { margin-top: 60px; padding-top: 10px; border-top: 1px solid #999; font-size: 90%; clear: both; }

ul.images { list-style: none; margin: 10px 0; padding: 0; width: 100%; overflow: hidden; }
 ul.images li { float: left; }
  ul.images li img { display: inline; }

#reacties th { text-align: left; }

#qontent a:link { color: #666; border-bottom: 1px dotted #666; text-decoration: none; }
#qontent a:visited { color: #666; border-bottom: 1px dotted #666; text-decoration: none; }
#qontent a:hover { color: #c00; border-bottom: 1px solid #c00; }

#logs { list-style: none; margin-left: 0; padding-left: 0; }
#logs li { margin-left: 0; padding-left: 0; }

#fotos { width: 100px; list-style-type: none; margin: 0; padding: 0; float: right; margin-top: 5px; }
#fotos li { margin: 0; padding: 0; }
#fotos img { width: 100%; }

#foto-navigatie { list-style-type: none; margin: 0; padding: 0; float: right; margin-top: 0.5em; margin-right: 0.5em; display: inline; }
#foto-navigatie li { margin: 0; padding: 0; padding-left: 2em; display: inline; color: #ccc; }

#qFoot { font-size: 80%; text-align: center; clear: both; color: #666; padding: 2em 0; }
#qFoot a { color: #666; }

#q { clear: both; padding: 2em 0; line-height: 20px; color: #85941a; text-align: center; }
#q img { display: inline; vertical-align: middle; line-height: 20px; margin-left: 5px; }

#inline-photos { margin: 0; padding: 0; list-style: none; overflow: hidden; *$@padding-bottom: 5px; }
 #inline-photos li { float: left; width: 155px; height: 155px; margin: 0 5px 5px 0; }
  #inline-photos li a { border: 2px outset #f4f5fb !important; display: block; width: 150px; height: 155px; vertical-align: middle; text-align: center; display: table-cell; *display: inline-block; *font-size: 140.275px; }
  #inline-photos li a:hover { border-style: inset !important; background-color: #B8B8B8;}
   #inline-photos li a img { display: inline; vertical-align: middle; }
   #inline-photos li a:hover img { }
