/* CSS www.zonneheem.be@author: Webflow Webdesignwww.webflow.be*/* { margin: 0; padding: 0; }/* mozilla scrollbars */html { height: 100%; margin-bottom: 1px; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.clearfix {display: inline-table;}/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac *//* min height IE */* html #container { height: 902px; }body { background: #FFF; text-align: left; font-size: 72.5%; color: #000; font-family: Myriad, Helvetica, Arial, sans-serif; }/* BLOCKS */#container { margin: 0 auto; width: 900px; min-height: 902px; }/* LINKS */a { text-decoration: none; }a:link { color: #257082; font-weight: bold; }a:visited { color: #62C0D7; font-weight: bold; }a:hover, a.current { color: #257082; font-weight: bold; text-decoration: underline; }a:active { color: #C5E6EE; font-weight: bold; }/* HEADERS */h1 a, h1 a:hover { text-indent: -999em; float: left; width: 900px; height: 122px; }h2 { color: #808080; font-size: 1.8em; margin: 0 0 10px 0; text-transform: uppercase; }h3 { color: #257082; font-size: 1.2em; line-height: 14pt; margin: 10px 0 5px 0; text-transform: uppercase; }h4 { color: #257082; font-size: 1em; line-height: 12pt; text-transform: uppercase; }h5 { font-size: 1em; line-height: 12pt; color: #007184; }h6 { color: #000000; font-size: 1.2em; line-height: 14pt; margin: 10px 0 5px 0;  }/* ALGEMEEN */a img { border: 0; }dl { margin: 0 0 10px 0; }dt { padding: 4px; font-weight: bold; }dd { padding: 4px; }input.btn { color: #FFF; padding: 1px; font-weight: bold; background: #257082; border: 1px solid #257082; }.markerror { background-color: #FFF3EF; font-weight: bold; margin: 5px 0 5px 0; border: 1px solid #E23B00; padding: 5px; color: #E23B00; display: none; }.markerrordisplay { background-color: #FFF3EF; font-weight: bold; margin: 5px 0 5px 0; border: 1px solid #E23B00; padding: 5px; color: #E23B00; }.marksuccess { background-color: #CBECBF; font-weight: bold; margin: 5px 0 5px 0; border: 1px solid #268423; padding: 5px; color: #268423; display: none; }.marksuccessdisplay { background-color: #CBECBF; font-weight: bold; margin: 5px 0 5px 0; border: 1px solid #268423; padding: 5px; color: #268423; }input.error, textarea.error { background-color: #FFF3EF; color: #E23B00; border: 1px solid #E23B00; padding: 0; }p { margin: 0 0 12px 0; line-height: 14pt; }.clear { clear: both; }.error { color: #E23B00; display: block; }.nodisplay { display: none; }/* KALENDER */#events { width: 490px; float: left; margin: 0 15px 0 0; }#kalender { float: left; width: 240px; }table.events { width: 100%; border: 0; margin: 0 0 10px 0; }table.events th { background: #000;; color: #FFF; padding: 4px; font-weight: bold; }table.events td { padding: 2px; }table.events p { margin: 0 0 2px 0; }table.events p.line { background: #999; margin: 0; height: 1px; }table.events tbody#eventscontent tr.subday { background: #000; color: #FFF; font-weight: normal; padding: 4px; }table.events h3 { color: #000; font-size: 1em; margin: 5px 0 0 0; }table.kalender { text-align: center; }table.kalender th { background: #000; color: #FFF; padding: 4px; }table.kalender td a { color: #000; display: block; padding: 10px; }table.kalender td a:hover, table.kalender td a.current { background: #257082; color: #FFF; text-decoration: none; }table.kalender tr.dagen { color: #18799b; font-weight: bold; }ul.kalender li { list-style: none; clear: both; padding: 3px; text-transform: uppercase; }#page ul.kalender { margin: 5px 0 0 0; }.categoriekalender { height: 15px; width: 15px; float: left; margin: 0 10px 0 0; }#page ul.kalenderblogs { margin: 10px 0 0 0; list-style: none; }#page ul.kalenderblogs span { padding: 0 5px 0 0; }/* BLOG */#blog { float: left; width: 580px; }#blog .inleiding { font-size: 1.2em; }#blog h3 { font-size: 1.4em; }#blogside { float: left; width: 210px; margin: 0 0 0 20px; }/* BLOCKS */#header { background: url(../../images/header.jpg) no-repeat; height: 122px; margin: 50px 0 0 0; position: relative; }p#adres { position: absolute; top: 40px; left: 658px; color: #B7B7B7; line-height: 11pt; text-align: right }#content { overflow: hidden; margin: 20px 0 0 30px; position: relative; }#footer { margin: 0 auto; width: 640px; overflow: hidden; position: relative; height: 40px; }#eeklo { position: absolute; top: 10px; left: 710px; }#webflow { position: absolute; left: 0px; top: 0px; color: #B1B1B1; }#webflow a { color: #B1B1B1; }#logo { height: 128px; width: 322px; background: url(images/logo.png) no-repeat; float: left; text-indent: -999em; position: relative; margin: 82px 0 0 60px; }/* PAGE */#page { background: #FFF; margin: 20px 30px 0 30px; overflow: hidden; padding: 0 10px 25px 10px; }#page ul { margin: 0 0 0 20px; list-style: disc; }#zonneheem { background: url(../../images/zonneheem.jpg) top no-repeat; height: 188px; position: relative; margin: 0 0 20px 0; }#diensten { background: url(../../images/diensten.jpg) top no-repeat; height: 188px; position: relative; margin: 0 0 20px 0; }#dienstenblank { background: url(../../images/dienstenblank.jpg) top no-repeat; height: 188px; position: relative; margin: 0 0 20px 0; }#dienstensmall { background: url(../../images/dienstensmall.jpg) top no-repeat; height: 124px; position: relative; margin: 0 0 20px 0; }#diensten h2, #dienstenblank h2, #dienstensmall h2 { color: #000; font-size: 3.4em; position: absolute; top: 35px; left: 90px; }#dienstenblank h2 a, #dienstensmall h2 a { color: #000; text-decoration: none; }#diensten h3, #dienstenblank h3, #dienstensmall h3 { color: #000; position: absolute; top: 100px; left: 15px; }.kleur { height: 52px; width: 52px; position: absolute; top: 35px; left: 15px; }ul#submenu, ul#acties { position: absolute; list-style: none; top: 100px; left: 0; width: 640px; margin: 0 0 0 5px; }ul#acties li { float: left; padding: 0 0 0 5px; line-height: 25px; }ul#submenu li { float: left; padding: 0 5px 0 5px; line-height: 25px; }ul#menuacties { padding: 0 15px 0 0; margin: 10px 0 0 0; position: absolute; list-style: none; top: 5px; left: 665px;  }ul#menuacties li { line-height: 32px; }ul#menuacties a { text-transform: uppercase; color: #000; font-size: 1.2em; padding: 0 0 0 35px; }ul#submenu li a, ul#acties li a { text-transform: uppercase; color: #000; font-size: 1.2em; padding: 0 5px 0 5px; }ul#submenu li a:hover, ul#acties li a:hover, ul#menuacties a:hover, ul#submenu li a.current, ul#menuacties li a.current, ul#acties li a.current { color: #CCC; text-decoration: none; }#fotos { width: 400px; float: left; border: 1px solid #FFF; }#slideshow { height: 389px; }#photonumbers { text-align: right; }#photonumbers a { padding: 0 5px 0 5px; }#photonumbers a:hover, #photonumbers a.activeSlide { text-decoration: underline; }#tekst { width: 380px; float: left; margin: 0 0 0 20px; }#totaltekst { width: 750px; float: left; margin: 0 0 10px 10px; }p#nummering { text-align: right; color: #333; }p#nummering a { font-size: 1.2em; color: #666; }p#nummering a:hover, p#nummering a.current { color: #297384; text-decoration: none; }/* START */.leftblock { width: 260px; overflow: hidden; }.lefttop { background: url(../../images/lefttop.png) top no-repeat; height: 16px;}.leftcont { background: url(../../images/leftrep.png) repeat-y; padding: 0 15px 0 15px; }.leftcont h2 { margin: 0; }.leftcont h2 a { color: #000; text-transform: uppercase; font-size: 0.7em; position: relative; }.leftcont h2 a:hover, .leftcont h2 a:visited, .leftcont h2 a:active { color: #000; text-decoration: none; }.leftcont p { margin: 0 0 3px 0; }.leftbot { background: url(../../images/leftbot.png) no-repeat; height: 18px; }#event { position: absolute; top: 480px; left: 500px; width: 357px; }#eventtop { background: url(../../images/eventtop.png) no-repeat top; height: 19px; }#eventcont { background: url(../../images/eventrep.png) repeat-y; padding: 0 15px 0 15px; }#eventcont h3 { color: #000; text-transform: uppercase; margin: 0; }#eventcont h2 a { color: #257082; margin: 0 0 4px 0; position: relative; }#eventcont p { margin: 0; }#eventbot { background: url(../../images/eventbot.png) no-repeat; height: 21px; }p.meer { text-align: right; margin: 0; }/* FOTOALBUM */.album { width: 165px; float: left; margin: 0 10px 10px 10px; text-align: center; }.album .thumb { background: #e0eef0; }.album .thumb img { padding: 5px; width: 150px; }.album p { margin: 0; padding: 0; text-align: left; }p#countfotos { position: absolute; top: 130px; left: 15px; font-weight: bold; }p#paging { clear: both; text-align: center; border-top: 1px solid #62C0D7; font-size: 1.4em; }/* HOOFDMENU */#menu { width: 900px; height: 41px; background: url(../../images/menu.png); }#menu ul { margin: 0 0 0 455px; list-style: none; position: relative; } #menu ul li { float: left; }#menu ul li a { text-transform: uppercase; color: #000; font-size: 1.2em; }#menu ul li a:hover, #menu ul li a.current { color: #257082; text-decoration: none; }#menu ul li#btnldczonneheem { position: absolute; top: 14px; left: 2px; }#menu ul li#btnkalender { position: absolute; top: 14px; left: 142px; }#menu ul li#btnfotos { position: absolute; top: 14px; left: 246px; }#menu ul li#btngastenboek { position: absolute; top: 14px; left: 330px; }#menu ul li#btnnieuwbouw { position: absolute; top: 14px; left: 330px; }