* {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/schilders/backgrounds/bg-body.jpg) repeat-x left top; line-height:20px; color:#707070;} a {margin:0; padding:0; color:#69686c; text-decoration:none; font-weight:bold; text-transform:none; font-family:Arial, Helvetica, sans-serif;} a:hover {margin:0; padding:0; text-decoration:underline;} #container {margin:0px auto; padding:0; width:990px;} #container #logo {margin:67px 0 0 25px; padding:0; position:absolute;} #container #top-menu {margin:0; padding:0 0 12px 0; width:990px;} #container #top-menu ul {margin:0; padding:0; width:355px; float:right; list-style:none;} #container #top-menu li {margin:15px 0 0 0; padding:0 10px 0 10px; float:left; border-right:1px solid #b4d151;} #container #top-menu li a {margin:0; padding:0; color:#fff; font-size:11px; text-decoration:none; font-weight:normal;} #container #top-menu li a:hover {margin:0; padding:0; text-decoration:underline;} #container #top-menu img {margin:0; padding:0; float:right; border:none;} #container p {margin:5px 0 15px 0; padding:0 25px 0 27px; line-height:20px;} #container h1 {margin:0; padding:0 25px 0 27px; font-size:20px; width:248px; text-transform:uppercase; font-family:Calibri; font-weight:normal; color:#000;} #container h2 {margin:0; padding:0; font-size:14px; text-transform:uppercase;} #container h3 {margin:0; padding:0 25px 0 27px; color:#8eb50c; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #container b {margin:0; padding:0; color:#d4d4d4; font-size:22px; font-family:Calibri; font-weight:normal; font-style:italic;} #container #main-menu {margin:0 0 25px 0; padding:0 0 25px 0; width:990px; border-bottom:1px solid #eeeeee;} /* CONTENT STYLING */ #container #content {margin:1px 0 0 0; padding:50px 0 0 0; background:url(../images/schilders/backgrounds/menu/bg-menu-top.jpg) no-repeat; border-top:1px solid #eeeeee; width:990px;} #container #content #content-left {margin:0; padding:0; width:335px; float:left; text-align:center;} #container #content #content-left h1 {margin:0; padding:0; color:#8eb50c; font-size:16px; font-family:Calibri; font-weight:normal; font-style:italic;} #container #content #content-left h2 {margin:10px 0 10px 0; padding:0; color:#8eb50c; font-size:18px!important; font-family:Calibri!important; text-transform:none!important; font-style:italic; font-weight:normal!important;} #container #content #content-left h3 {margin:10px 0 0 0; padding:0; color:#8eb50c; font-size:12px!important; font-family:Arial, Helvetica, sans-serif;} #container #content #content-left img {margin:0; padding:0;} #container #content #content-left span {margin:0; padding:0; color:#9c9e9f;} #container #content #content-left ul {margin:10px 0 0 0!important; padding:0; float:left; list-style:none; width:325px; text-align:left!important;} #container #content #content-left li {margin:0!important; padding:2px 3px 2px 25px!important; width:275px!important;} #container #content #content-left .menu a {margin:0!important; padding:2px 3px 2px 25px!important; width:275px!important; border-top:1px dotted #dbdbdb; background:url(../images/schilders/buttons/bg-btn-normal-referenties.jpg); display:block; color:#707070; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none;} #container #content #content-left .menu a:hover {margin:0!important; padding:2px 3px 2px 25px!important; width:275px!important; background: url(../images/schilders/buttons/bg-btn-hover-referenties.jpg); display:block; color:#707070; cursor:pointer; font-weight:normal; text-decoration:none;} #container #content #content-left .menu a.active {margin:0!important; padding:2px 3px 2px 25px!important; width:275px!important; background: url(../images/schilders/buttons/bg-btn-hover-referenties.jpg); display:block; color:#000; font-weight:bold;} #container #content #content-right {margin:0 0 0 45px!important; padding:0; width:550px!important; float:left!important;} #container #content #content-right h1 {margin:0; padding:0; font-size:20px; width:248px; text-transform:uppercase; font-family:Calibri; font-weight:normal; color:#000;} #container #content #content-right h3 {margin:10px 0 0 0; padding:0; color:#8eb50c; font-size:12px!important; font-family:Arial, Helvetica, sans-serif;} #container #content #content-right p {margin:0; padding:0; line-height:20px;} #container #content #content-right span {margin:0; padding:0; color:#8eb50c;} #container #content #content-right ul {margin:10px 0 0 0!important; padding:0; float:left; list-style:none; width:550px;} #container #content #content-right li {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important;} #container #content #content-right a {margin:0; padding:0; color:#8eb50c; text-decoration:none; font-weight:bold; text-transform:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #container #content #content-right a:hover {margin:0; padding:0; text-decoration:underline;} #container #content #content-right .menu a {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; border-top:1px dotted #dbdbdb; background:url(../images/schilders/buttons/bg-btn-normal.jpg) no-repeat bottom left; display:block; color:#707070; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none;} #container #content #content-right .menu a:hover {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; background:url(../images/schilders/buttons/bg-btn-hover.jpg) no-repeat bottom left #f5f9e8; display:block; color:#707070; cursor:pointer; text-decoration:none;} #container #content #content-right .menu a.active {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; color:#ff0000;} #container #content #content-right .nieuws a {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; border-top:1px dotted #dbdbdb; background:url(../images/schilders/buttons/bg-btn-normal-nieuws.jpg) no-repeat center; display:block; color:#707070; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none;} #container #content #content-right .nieuws a:hover {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; background:url(../images/schilders/buttons/bg-btn-hover-nieuws.jpg) no-repeat center #f5f9e8; display:block; color:#707070; cursor:pointer; text-decoration:none;} #container #content #content-right .nieuws a.active {margin:0!important; padding:2px 3px 2px 25px!important; width:470px!important; color:#ff0000;} #container #content #content-right .referenties a {margin:0 0 0 3px; padding:10px 3px 10px 5px; width:480px; border-top:1px dotted #dbdbdb; background:url(../images/schilders/buttons/bg-btn-normal-groot.jpg) no-repeat bottom left; display:block; color:#707070; font-weight:normal; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:none;} #container #content #content-right .referenties a:hover {margin:0 0 0 3px; padding:10px 3px 10px 5px; width:480px; background:url(../images/schilders/buttons/bg-btn-hover-referenties-groot.jpg) no-repeat bottom left #f5f9e8; display:block; color:#707070; cursor:pointer; text-decoration:none;} #container #content #content-right .referenties img {margin:5px; padding:0; width:148px; float:left; border:1px solid #9c9e9f;} /* FORMULIER - CONTACT */ #container #content #content-right form {margin:0; padding:0; width:350px; float:left;} #container #content #content-right label { display:block; margin:0; padding:0; width:145px; height:20px; line-height:20px;} #container #content #content-right input {margin:2px 0 0 0; padding:5px 3px; width:250px; border:1px solid #e5e6dd; font-size: 12px; color: #5d5d5d;} #container #content #content-right textarea {margin:2px 0 0 0; padding:3px; width:275px; border:1px solid #e5e6dd; line-height:15px; font-size: 12px; color: #5d5d5d; font-family:Arial, Helvetica, sans-serif;} #container #content #content-right .button {margin:2px 0 0 0; padding:0; width:105px; background:#9bc219!important; border:1px solid #e5e6dd; height:25px; line-height:25px; font-weight:bold; color:#fff!important;} #container #content #content-right .button:hover {background:#fff!important; color:#9bc219!important;} #container #content #content-right form b {margin:0; padding:0; color:#ff0000; font-size:11px;} .footer {padding:20px 0 0 0; width:100%; height:193px; text-align:center!important; background: url(../images/schilders/backgrounds/bg-body-bottom.jpg) repeat-x left bottom; color:#9bc219; /* .push must be the same height as .footer */} .footer a {margin:0; padding:0 10px 0 10px; color:#9bc219; text-decoration:none; font-size:11px; font-weight:normal!important; border-right:1px solid #9bc219;} .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 */} .clear {margin:0; padding:0; line-height:0; clear:both;}