body { font: 12px Arial, Verdana, sans-serif; color: black; margin: 0; padding: 0; }

div.wrapper { width: 1010px; margin: 0 auto; position: relative; }

div#webetui_bar { z-index: 15; }

h1 { font-size: 17px; color: #17599b; }

h2 { font-size: 13px; color: #17599b; margin: 0 0 4px; }

p { margin: 0 0 1em; line-height: 1.4em; }

a { color: #17599b; text-decoration: none; }
a:hover { text-decoration: underline; }

div.intro { font-weight: bold; }

div.header { height: 341px; }
div.header a { display: block; }
div.header img { display: block; }
div.header h1 { position: absolute; font-size: 40px; top: 67px; left: 132px; margin: 0; padding: 0; }
div.header ul.menu2 { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 10px; right: 200px; }
div.header ul.menu2 li { display: block; float: left; }
div.header ul.menu2 li a { color: #838383; text-decoration: none; display: block; float: left; padding: 0 5px; font-size: 95%; }
div.header ul.menu2 li a:hover, div.header ul.menu2 li a.selected { color: #17599b; }
div.header ul.menu2 li:after { content: '|'; color: #bbbbbb; font-size: 13px; position: relative; top: -2px; }
div.header ul.menu2 li:last-child:after { content: ""; }
div.header form.zoeken { position: absolute; margin: 0; top: 6px; right: 0px; }

div.slideshow { position: relative; }
div.slideshow img { position: absolute; top: 0; left: 0; z-index: 8; }
div.slideshow img.bovenop { z-index: 10; }
div.slideshow img.erachter { z-index: 9; }
div.slideshow div.buttons { display: none; }
div.slideshow ul { display: none; }

div.slideshow_desc { display: none; }

div.menu { height: 29px; padding: 7px 0 0 0; background: #17599b; position: relative; top: -1px; z-index: 13; }
div.menu ul.menu1 { margin: 0; padding: 0 0 0 10px; list-style-type: none; }
div.menu ul.menu1 li { float: left; }
div.menu ul.menu1 li a { color: white; display: block; float: left; font-weight: bold; font-size: 11px; height: 23px; margin: 0 15px 0 0; padding: 6px 9px 0 9px; text-decoration: none; }
div.menu ul.menu1 li a:hover, div.menu ul.menu1 li a.selected { color: #17599b; background: white; }
div.menu ul.menu1 li ul { display: none; list-style-type: none; margin: 0; padding: 0; }
div.menu ul.menu1 li.selected ul { width: 319px; position: absolute; left: -8px; top: 99px; display: block; z-index: 13; }
div.menu ul.menu1 li.selected ul li { float: none; }
div.menu ul.menu1 li.selected ul li a { color: black; float: none; font-size: 12px; font-weight: normal; background: #e3e3e3; height: auto; margin: 0 0 2px; padding: 4px 8px 4px 19px; position: relative; }
div.menu ul.menu1 li.selected ul li a:before { content: '\f111'; font-family: FontAwesome; font-size: 4px; color: #838383; position: absolute; left: 8px; top: 9px; }
div.menu ul.menu1 li.selected ul li a.selected { background: #b9e5ff; }
div.menu ul.menu1 li.selected ul li a:hover, div.menu ul.menu1 li.selected ul li a.selected:hover { background: #17599b; color: white; }
div.menu ul.menu1 li.selected ul li.has_ul > a:after { content: '\f0da'; font-family: FontAwesome; font-size: 12px; color: #838383; position: absolute; right: 8px; top: 5px; }
div.menu ul.menu1 li.selected ul li.has_ul > a:hover:after { color: white; }
div.menu ul.menu1 li.selected ul li.has_ul.selected > a:after { content: '\f0d7'; }
div.menu ul.menu1 li.selected ul li ul { display: none; }
div.menu ul.menu1 li.selected ul li.selected { background: #b9e5ff; }
div.menu ul.menu1 li.selected ul li.selected ul { width: auto; display: block; position: static; padding: 0 0 10px 14px; margin: 0 0 2px; }
div.menu ul.menu1 li.selected ul li.selected ul li a { background: none; margin: 0; }
div.menu ul.menu1 li.selected ul li.selected ul li a:hover, div.menu ul.menu1 li.selected ul li.selected ul li a.selected, div.menu ul.menu1 li.selected ul li.selected ul li a.selected:hover { color: #17599b; background: none; }

h2.menutitle { position: absolute; top: -12px; left: 10px; color: #838383; font-size: 20px; }

div.page { margin: 30px 0 0 370px; }
div.page ul.breadcrumb { margin: 0; padding: 0; list-style-type: none; font-size: 11px; height: 35px; padding-top: 1px; }
div.page ul.breadcrumb li { display: inline; color: #838383; }
div.page ul.breadcrumb li a { color: #838383; text-decoration: none; }
div.page ul.breadcrumb li a:hover { color: #17599b; }
div.page div.text { margin: 0 0 60px; }
div.page div.text img { display: block; max-width: 350px; padding: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); transform: rotate(2deg); margin: 30px 0 0px 50px; }
div.page a.terug { float: left; display: block; margin-right: 20px; color: white; background: #bbbbbb; text-decoration: none; height: 11px; padding: 2px 10px 1px 5px; font-size: 8px; text-transform: uppercase; position: relative; }
div.page a.terug:after { right: 100%; top: 7px; border: solid transparent; content: " "; height: 0; width: 0; background-color: none; position: absolute; border-color: white; border-right-color: #bbbbbb; border-width: 7px; margin-top: -7px; }
div.page a.terug:hover { background: #17599b; }
div.page a.terug:hover:after { border-right-color: #17599b; }
div.page h1 { margin: 0 0 1em; }

body.index div.page { margin: 30px 0 0 10px; }
body.index ul.breadcrumb { display: none; }
body.index a.terug { display: none; }
body.index h2.menutitle { display: none; }
body.index div.left { width: 450px; padding: 0 35px 0 0; }
body.index div.homemenu { width: 475px; float: right; }
body.index div.homemenu a { display: block; position: relative; background: #17599b; color: white; text-decoration: none; padding: 15px 35px 15px 15px; margin: 0 0 5px; height: 60px; }
body.index div.homemenu a:after { content: '\f0da'; position: absolute; font: 32px FontAwesome; right: 10px; top: 30px; }
body.index div.homemenu a h2 { color: white; font-size: 165%; }
body.index div.homemenu a p { margin: 0; }
body.index div.homemenu a:hover { background: #457aaf; }
body.index div.homemenu a.projecten-nieuwe-werken { background: #f68938; }
body.index div.homemenu a.projecten-nieuwe-werken:hover { background: #f8a160; }
body.index div.homemenu a.onderhoud { background: #00a2d1; }
body.index div.homemenu a.onderhoud:hover { background: #33b5da; }
body.index div.homemenu a.voorbeelden { background: #33a643; }
body.index div.homemenu a.voorbeelden:hover { background: #5cb869; }
body.index div.homemenu a.ik-ben-bezig-met { background: #f68938; }
body.index div.homemenu a.ik-ben-bezig-met:hover { background: #f8a160; }

div.alfabet { position: absolute; left: -8px; top: 40px; width: 264px; }
div.alfabet a, div.alfabet span { display: block; width: 20px; float: left; font-size: 12px; font-weight: normal; background: #e3e3e3; height: auto; margin: 0 2px 2px 0; padding: 4px 8px 4px 19px; }
div.alfabet a { color: black; }
div.alfabet a:hover, div.alfabet a.selected { background: #17599b; color: white; text-decoration: none; }
div.alfabet span { color: #bbbbbb; }

body.sitemap div.page ul.menu1 { margin: 0; padding: 0; }
body.sitemap div.page ul.menu1 li { margin: 0 0 4px; }
body.sitemap div.page ul.menu1 > li > a { display: block; font-weight: bold; }
body.sitemap div.page ul.menu1 > li ul { margin: 5px 0 10px 20px; padding: 0; }
body.sitemap div.page ul { list-style-type: none; }

body.ik-ben-bezig-met div.begrippen { display: none; }

ol.path { margin: 0 0 1px 0; padding: 20px 20px 20px 33px; background: #b9e5ff; position: relative; }
ol.path li { margin: 0 0 10px; }

div.beslisboom { padding: 20px 20px 80px 20px; background: #b9e5ff; position: relative; }
div.beslisboom div.vraag { display: none; }
div.beslisboom div.vraag:first-child { display: block; }
div.beslisboom div.vraag h2 { color: black; margin: 0 0 15px; line-height: 1.3em; }
div.beslisboom div.vraag span.begrip { border-bottom: 1px dashed #1c70c4; cursor: pointer; }
div.beslisboom div.vraag div.uitleg { background: #dcf2ff; position: absolute; width: 400px; padding: 15px; font-size: 90%; color: #838383; }
div.beslisboom div.vraag div.items { margin: 0 0 30px; }
div.beslisboom div.vraag div.items a { display: block; font-weight: bold; color: black; margin: 0 0 10px 17px; text-indent: -17px; outline: 0; }
div.beslisboom div.vraag div.items a:before { content: '\f10c'; font: 12px FontAwesome; font-weight: normal; margin: 0 6px 0 0; }
div.beslisboom div.vraag div.items a.selected:before { content: '\f192'; }
div.beslisboom div.vraag div.items a:hover, div.beslisboom div.vraag div.items a.selected { color: #17599b; text-decoration: none; }
div.beslisboom div.vraag div.items a div.response { display: none; position: absolute; left: 0; bottom: 0; color: white; background: #17599b; width: 100%; text-indent: 0; }
div.beslisboom div.vraag div.items a div.response div.inner { padding: 20px; }
div.beslisboom div.vraag a.verder { display: none; color: white; background: #17599b; text-transform: uppercase; position: relative; padding: 3px 12px; font-size: 10px; }
div.beslisboom div.vraag a.verder:after { left: 100%; top: 9px; border: solid transparent; content: " "; height: 0; width: 0; background-color: none; position: absolute; border-color: #b9e5ff; border-left-color: #17599b; border-width: 9px; margin-top: -9px; }
div.beslisboom div.vraag a.verder:hover { background: black; text-decoration: none; }
div.beslisboom div.vraag a.verder:hover:after { border-left-color: black; background-color: none; }

/*# sourceMappingURL=waerf.css.map */