* {margin: 0;} html, body {height: 100%;} .wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */} body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/backgrounds/bg-body.jpg) repeat-x left top; line-height:18px;} #container {margin:0px auto; padding:0; width:990px;} #container #logo {margin:67px 0 0 25px; padding:0; position:absolute;} #container #top-menu {margin:0 0 25px 0; padding:0 0 25px 0; width:990px;} #container #top-menu ul {margin:10px 0 0 0; padding:0; width:300px; float:right; list-style:none;} #container #top-menu li {margin:5px 0 0 0; padding:0 10px 0 10px; float:left; border-right:1px solid #737373;} #container #top-menu li a {margin:0; padding:0; color:#fff; font-size:11px; text-decoration:none;} #container #top-menu li a:hover {margin:0; padding:0; text-decoration:underline;} #container #midden-menu {margin:1px 0 1px 0; padding:25px 0 0 0; width:990px; height:405px; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-bottom:1px solid #eeeeee;} #container #midden-menu ul {margin:0; padding:0;} #container #midden-menu li {margin:0; padding:0; list-style:none; float:left;} #container #midden-menu .schilders {padding:0 7px 0 45px; margin:0; text-decoration:none; display:block;} #container #midden-menu .schilders a {margin:0; padding:25px; text-decoration:none; width:230px; height:340px; background:url(../images/backgrounds/menu/schilders-bg.gif); color:#87b000; display:block;} #container #midden-menu .schilders a:hover {margin:0; padding:25px; background: url(../images/backgrounds/menu/schilders-bg-hover.jpg); color:#fff!important;} #container #midden-menu .bouw {padding:0 25px 0 20px; margin:0; text-decoration:none; display:block;} #container #midden-menu .bouw a {margin:0; padding:25px; text-decoration:none; width:230px; height:340px; background:url(../images/backgrounds/menu/bouw-bg.gif); color:#e5322d; display:block;} #container #midden-menu .bouw a:hover {margin:0; padding:25px; background: url(../images/backgrounds/menu/bouw-bg-hover.jpg); color:#fff!important;} #container #midden-menu .materieel {margin:0; padding:0; text-decoration:none; display:block;} #container #midden-menu .materieel a {margin:0; padding:25px; text-decoration:none; width:230px; height:340px; background:url(../images/backgrounds/menu/materieel-bg.gif); color:#f29400; display:block;} #container #midden-menu .materieel a:hover {margin:0; padding:25px; background: url(../images/backgrounds/menu/materieel-bg-hover.jpg); color:#fff!important;} .clear {margin:0; padding:0; line-height:0; clear:both;} /* CONTENT STYLING */ #container #onderhoud {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #onderhoud ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:210px!important;} #container #onderhoud li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #onderhoud li a {margin:0!important; padding:0!important; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #onderhoud li a:hover {margin:0; padding:0; text-decoration:underline;} #container #onderhoud .right-menu .goen {margin:0!important; padding:0; color:#96bf0d; font-weight:bold;} #container #onderhoud .right-menu .rood {margin:0!important; padding:0; color:#e5322d; font-weight:bold;} #container #onderhoud .right-menu .oranje {margin:0!important; padding:0; color:#f29400; font-weight:bold;} #container #onderhoud .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:175px; list-style:none;} #container #onderhoud .right-menu ul {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #onderhoud .right-menu li {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #onderhoud h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left;} #container #onderhoud p {margin:0; padding:0; float:left;} #container #onderhoud img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #onderhoud a {margin:0!important; padding:0!important; width:auto;} #container #voorwaarden {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #voorwaarden ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:210px!important;} #container #voorwaarden li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #voorwaarden li a {margin:0!important; padding:0!important; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #voorwaarden li a:hover {margin:0; padding:0; text-decoration:underline;} #container #voorwaarden .right-menu .goen {margin:0!important; padding:0; color:#96bf0d; font-weight:bold;} #container #voorwaarden .right-menu .rood {margin:0!important; padding:0; color:#e5322d; font-weight:bold;} #container #voorwaarden .right-menu .oranje {margin:0!important; padding:0; color:#f29400; font-weight:bold;} #container #voorwaarden .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:175px; list-style:none;} #container #voorwaarden .right-menu ul {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #voorwaarden .right-menu li {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #voorwaarden h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left;} #container #voorwaarden p {margin:0; padding:0; float:left;} #container #voorwaarden img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #voorwaarden a {margin:0!important; padding:0!important; width:auto;} /* REFERENTIE SLIDER STYLING */ #container #referentie-content {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #referentie-content ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:210px!important;} #container #referentie-content li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #referentie-content li a {margin:0!important; padding:0!important; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #referentie-content li a:hover {margin:0; padding:0; text-decoration:underline;} #container #referentie-content .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:200px!important; list-style:none;} #container #referentie-content .right-menu ul {margin:0!important; padding:0; float:left; width:175px!important; list-style:none;} #container #referentie-content .right-menu li {margin:0!important; padding:0; float:left; width:175px!important; list-style:none;} #container #referentie-content h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left;} #container #referentie-content p {margin:0; padding:0; float:left;} #container #referentie-content img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #referentie-content a {margin:0!important; padding:0!important;} #container #referentie-content #referentie1 {display:block; padding:0; margin:0; float:left; width:635px;} #container #referentie-content #referentie2 {display:none; padding:0; float:left; width:635px;} #container #referentie-content #referentie3 {display:none; padding:0; float:left; width:635px;} #container #referentie-content #referentie4 {display:none; padding:0; float:left; width:635px;} #container #referentie-content #referentie5 {display:none; padding:0; float:left; width:635px;} #container #referentie-content #referentie6 {display:none; padding:0; float:left; width:635px;} #container #referentie-content #referentie1-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:none;} #container #referentie-content #referentie1-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content #referentie2-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important;} #container #referentie-content #referentie2-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content #referentie3-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important;} #container #referentie-content #referentie3-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content #referentie4-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important;} #container #referentie-content #referentie4-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content #referentie5-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important;} #container #referentie-content #referentie5-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content #referentie6-button {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important;} #container #referentie-content #referentie6-button:hover {width:200px; text-transform:none; font-size:12px; font-weight:normal; color:#69686c!important; text-decoration:underline!important;} #container #referentie-content .button {margin:0; background:none!important; color:#69686c!important; cursor:pointer; border:none;} #container #referentie-content .button:hover {margin:0; background:none!important; padding:0; text-decoration:underline; color:#000!important;} /* EINDE REFERENTIE SLIDER STYLING */ #container #nieuwsbrief {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #nieuwsbrief ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:210px!important;} #container #nieuwsbrief li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #nieuwsbrief li a {margin:0!important; padding:0!important; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #nieuwsbrief li a:hover {margin:0; padding:0; text-decoration:underline;} #container #nieuwsbrief .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:175px; list-style:none;} #container #nieuwsbrief .right-menu ul {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #nieuwsbrief .right-menu li {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #nieuwsbrief h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left; width:auto;} #container #nieuwsbrief p {margin:0; padding:0; float:left; width:auto;} #container #nieuwsbrief img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #nieuwsbrief a {margin:0!important; padding:0!important;} #container #contact {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #contact ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:230px!important;} #container #contact li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #contact li a {margin:0!important; padding:0!important; display:inline; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #contact li a:hover {margin:0; padding:0; text-decoration:underline;} #container #contact .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:175px; list-style:none;} #container #contact .right-menu ul {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #contact .right-menu li {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #contact h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left;} #container #contact p {margin:0; padding:0; float:left;} #container #contact img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #contact a {margin:0!important; padding:0!important;} #container #vacatures {margin:1px 0 0 0; padding:20px 0 0 0; background:url(../images/backgrounds/menu/bg-menu.jpg) no-repeat; border-top:1px solid #eeeeee;} #container #vacatures ul {margin:20px 0 0 115px!important; padding:0!important; float:left; list-style:none; width:210px!important;} #container #vacatures li {margin:0 0 0 0!important; padding:0!important; width:205px; list-style:none;} #container #vacatures li a {margin:0!important; padding:0!important; color:#69686c; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:none;} #container #vacatures li a:hover {margin:0; padding:0; text-decoration:underline;} #container #vacatures .right-menu {margin:20px 0 0 47px!important; padding:0; float:left; width:175px; list-style:none;} #container #vacatures .right-menu ul {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #vacatures .right-menu li {margin:0!important; padding:0; float:left; width:175px; list-style:none;} #container #vacatures h1 {margin:0; padding:0; font-size:14px; text-transform:uppercase; float:left;} #container #vacatures p {margin:0; padding:0; float:left;} #container #vacatures img {margin:10px 0 0 0; padding:0; width:262px; float:left;} #container #vacatures a {margin:0!important; padding:0!important;} /* FORMULIER - CONTACT */ #container form {margin:0; padding:0 0 0 0; width:230px;} #container label {margin:0; padding:0 0 0 0; width:85px; float:left; height:20px; line-height:20px;} #container input {margin:2px 0 0 0; padding:3px; width:85px; border:1px solid #e5e6dd; height:12px; line-height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d;} #container .input {margin:2px 0 0 0; padding:3px; width:105px; border:1px solid #e5e6dd; height:12px; line-height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d; float:left;} #container textarea {margin:2px 0 0 0; padding:3px; width:110px; border:1px solid #e5e6dd; line-height:15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5d5d5d;} #container .button {margin:2px 0 0 25px; padding:0; width:105px; background:#9bc219!important; border:1px solid #e5e6dd; height:25px; line-height:25px; font-weight: bold; text-decoration:none!important; font-size:10px; text-transform:uppercase; color:#fff!important; float:left;} #container .button-nieuws {margin:0 0 0 0; padding:0; width:90px; background:#9bc219!important; border:1px solid #e5e6dd; height:24px; line-height:25px; font-weight: bold; text-decoration:none!important; font-size:10px; text-transform:uppercase; color:#fff!important; float:right;} #container .button-nieuws:hover {margin:0 0 0 0; padding:0; width:90px; background:#fff!important; border:1px solid #e5e6dd; height:24px; line-height:25px; font-weight: bold; text-decoration:none!important; font-size:10px; text-transform:uppercase; color:#9bc219!important; float:right;} #container .button:hover {margin:2px 0 0 25px; padding:0; width:105px; background:#fff!important; border:1px solid #e5e6dd; height:25px; line-height:25px; font-weight: bold; text-decoration:none!important; color:#9bc219!important; float:left;} #container form b {margin:0; padding:0; color:#ff0000;} /* FOOTER */ .footer {padding:20px 0 0 0; width:100%; height:193px; text-align:center!important; background: url(../images/backgrounds/bg-body-bottom.jpg) repeat-x left bottom; color:#c5c7c8; /* .push must be the same height as .footer */} .footer a {margin:0; padding:0 10px 0 10px; color:#c5c7c8; text-decoration:none; font-size:11px; font-weight:normal!important; border-right:1px solid #c5c7c8;} .footer a:hover {margin:0; padding:0 10px 0 10px; text-decoration:underline;} .push {width:100%; height:193px;/* .push must be the same height as .footer */}