* {margin: 0px; padding: 0px;}

body {overflow:-moz-scrollbars-vertical; font:76%/140% Verdana,Arial,Helvetica,sans-serif; background: #08194d url('/images/bg.jpg') repeat-x  0px 51px;}
.clear {clear: both;}
li {list-style-image: url('/images/li.jpg');}

#wrapper {border: 2px solid #08194d; border-top: 10px solid #08194d; border-bottom: 10px solid #08194d; min-height: 500px; background: #FCFFCA; padding: 25px; width: 930px; margin: 0px auto;}
#wrapper a {color: #C83231; text-decoration: none;}
#wrapper a:hover {border-bottom: 1px dotted #C83231;}

#header {height: 105px;}
#header .actief {font-weight: bold;}
#header ul{float: right; margin: 20px 10px;}
#header li{list-style: none;}

.logo {float: left; padding-top: 10px;}
.afbeelding {margin-left: 100px; float: right;}
#menu {font-weight: bold;}
#menu ul {margin-bottom: 20px; height: 30px; border-bottom: 1px solid #000;}
#menu li {margin-right: 10px; line-height: 30px; list-style: none; float: left;}
#menu a {padding: 0px 12px; margin: 1px; display: block; color: #C83231; text-decoration: none;}
#menu a:hover {margin: 0px; border: 1px solid #000; border-bottom: 0px; background-color: #FCFFCA;}
#menu .active a {color: #000; margin: 0px; border: 1px solid #000; border-bottom: 0px; background-color: #FCFFCA;}
#menu .links {float: left;}
#menu .rechts li{float: right;}

.welkom {min-height: 345px; padding-bottom: 3px; float: left; margin-bottom: 10px; width: 500px; border: 1px solid #D9DAAE; background-color: #FEFFDB;}
.welkom h1 {color: #C83231; font-weight: normal; font-size: 1.4em; padding: 10px;}
.welkom p {padding: 0px 10px 9px 10px;}

#images {float: left; border: 1px solid #D9DAAE; width: 421px; height: 348px; margin-left: 5px;}
#images img {top: 192px; position: absolute}

#werkzaamheden ul {float:left; margin-right: 10px; width: 288px;border: 1px solid #D9DAAE; background-color: #FEFFDB;}
#werkzaamheden li {list-style: none; margin: 10px 0px;  padding: 10px; border-top: 1px dotted #D9DAAE; }
#werkzaamheden h4 {padding-bottom: 10px;  padding: 10px; color: #C83231; font-weight: normal; font-size: 1.4em;}
#werkzaamheden img {display: none;}

.technieken {min-height: 345px; padding-bottom: 3px; float: left; margin-bottom: 10px; width: 500px; border: 1px solid #D9DAAE; background-color: #FEFFDB;}
.technieken h1 {color: #C83231; font-weight: normal; font-size: 1.4em; padding: 10px;}
.technieken p {padding: 0px 10px 9px 10px;}
.technieken ul {float: left; margin-left: 30px;}

#projecten ul {float:left; margin-right: 10px; width: 452px;border: 1px solid #D9DAAE; background-color: #FEFFDB;}
#projecten li {list-style-position: inside; margin: 5px 0px; padding: 4px 10px;}
#projecten h4 {border-bottom: 1px dotted #D9DAAE; padding-bottom: 10px; padding: 10px; color: #C83231; font-weight: normal; font-size: 1.4em;}
#projecten a {color: #000; text-decoration: none;}
#projecten a:hover {color: #C83231;}

#projecten .project {padding-bottom: 3px; float: left; margin-bottom: 10px; width: 928px; border: 1px solid #D9DAAE; background-color: #FEFFDB;}
#projecten .project h1 {color: #C83231; font-weight: normal; font-size: 1.4em; padding: 10px;}
#projecten .project p {padding: 0px 10px 9px 10px;}

#projecten .tekst {float: left; padding: 12px; width: 360px;}
#projecten .fotos {float: right; border: 1px solid #D9DAAE; margin: 5px; padding: 6px; width: 520px; margin-top: -32px; }
#projecten .fotos img {padding: 1px; border: 1px solid #D9DAAE;}

#links ul {float:left; margin: 0px 0px 10px 0px; border: 1px solid #D9DAAE; background-color: #FEFFDB;}
#links li {margin: 5px 20px; padding: 10px 0px;}
#links h4 {border-bottom: 1px dotted #D9DAAE; padding-bottom: 10px; padding: 10px; color: #C83231; font-weight: normal; font-size: 1.4em;}

#contact #left {float: left; width: 428px;}
#contact #right {float: right;}
#contact p {margin-bottom: 20px;}
#contact h3 {margin-bottom: 20px; font-weight: normal; color: #C83231; font-size: 1.4em;}
#contact TABLE {border: 1px solid #D9DAAE; background-color: #FEFFDB; float: left; width: 420px;}
#contact TD {padding: 3px;}
#contact input {padding: 2px;}
#contact textarea {padding: 2px; width: 285px; height: 100px;}
#contact #map {height: 500px; width: 500px; float: right; border: 1px solid #D9DAAE; margin-bottom: 20px;}

#error-404, #error-403 {background-color: #FEFFDB; border: 1px solid #D9DAAE; line-height: 25px; border: 1px solid #eee; padding: 10px;}
#error-404 li, #error-403 li {margin: 0px 20px;}
#error-404 h1, #error-403 h1 {font-size: 1.5em; font-weight: normal; color: #C83231;}
#error-404 h2, #error-403 h2 {font-size: 1.2em; font-weight: normal;}


#footer {clear: both; background-color: #FEFFDB; border: 1px solid #D9DAAE; margin-top: 20px; line-height: 25px;}
#footer p {font-size: 0.9em; color: #444; padding: 0px 10px; }
#footer a {color: #C83231; text-decoration: none; border-bottom: 1px dotted #C83231;}
#footer .links {float:left;}
#footer .rechts {float: right;}