body {
background-color: #fff; 
font: 0.9em/1.3 Tahoma,Verdana,Segoe,Helvetica,sans-serif;
margin: 0;
padding: 0;
border: 0;
height: 91%; 
}
#sitebox {
position: relative;
margin: 0 auto; 
background-color: #fff; 
color: #2e2e2e; 
width: 100%;
max-width: 70em;
z-index: 2;
}
#index_content {
background: #fff;
position: absolute; 
margin: 0;
width: 100%;
z-index: 2;
}
div.hoogte {
min-height: 220px;
height: 220px;
}
div[class] .hoogte {
height: auto;
}
#contentbox {
position: relative;
margin: 6.5em 1em 0 180px;
padding: 0 0 70px 0;
}
#overgang {
position: fixed;
width: 100%;
margin: 0;
padding: 0;
background: url(../picture_library/overgang.png) repeat-x;
}
p {
margin: 1em 1em 1em 0;
}
h1 {
margin: 1.4em 1em 1em 0;
font-size: 1em;
letter-spacing : 0.2em;
text-transform: uppercase;
color: #c9d207; 
}
h2 {
margin: 1.6em 1em 1em 0;
font-size: 1em; 
letter-spacing : 0.2em;
text-transform: uppercase; 
color: #c9d207; 
}
h3 {
font-size: 0.9em; 
letter-spacing : 0.1em;
text-transform: uppercase;
}
a {
color: #cc6633;
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 1px;
}
a:hover, a:focus, a:active {
color: #fff;
background-color: #cc6633;
text-decoration: none;
}
strong {
color: #7c8d94; 
}
abbr, acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
div.header {
background-color: #fff;
position: fixed;
width: 100%;
max-width: 70em;
height: 6.2em;
z-index: 3;
}
#breadcrumbs {
position: relative;
margin: 4em 1em 0 180px;
padding: 0;
font-size: 0.8em;
color: #7c8d94;
}
.breadcrumbs_link {
color: #cc6633;
}
.breadcrumbs_link a:hover, a:focus, a:active {
background: #cc6633;
color: #fff;
}
ul.navigation {
position: relative;
margin: 0 14px 0 180px;
padding: 0;
text-align: right;
z-index:  4;
}
.navigation li {
display: inline;
}
.navigation li a {
background: #fff;
border-bottom: thick solid #c9d207;
color: #cc6633;
margin: 0 0.5em 0 0;
padding: 0;
font-size: 1em;
text-transform: uppercase; 
}
.navigation li a:hover, li a:focus, li a:active {
background: #cc6633;
color: #fff;
margin: 0 0.5em 0 0;
padding: 0;
}
.navigation img {
border: 0;
}
#footerbox {
background-color: #c9d207;
position: fixed;
bottom: 0;
right: 0;
width: 100%;
height: 55px;
z-index: 3;
}
#footer {
text-align: right;
margin: 0;
padding: 20px 20px 0.5em 1em;
color: #2e2e2e;
font-size: 0.8em;
}
#navigation_home {
background: #fff;
position: fixed;
top: 20px;
left: 70px;
z-index: 4;
}
#navigation_home img{
border: 0;
}
#navigation_home a {
background: #fff;
border: 0;
}
#navigation_home a:hover img, a:focus img, a:active img {
background: #fff url(../picture_library/home_hover.gif);
text-decoration: none;
}
#navigation_sitemap {
background: #fff;
position: fixed;
top: 110px;
left: 20px;
z-index: 4;
}
#navigation_sitemap img{
border: 0;
}
#navigation_sitemap a {
background: #fff;
border: 0;
}
#navigation_sitemap a:hover img, a:focus img, a:active img {
background: #fff url(../picture_library/sitemap_hover.gif);
text-decoration: none;
}
#logo {
background-color: #fff;
position: fixed;
top: 10px;
right: 20px;
z-index: 4;
}
#background_logo {
background-color: transparent;
position: fixed;
bottom: 10px;
left: 20px;
z-index: 4;
}
.floatright {
float: right;
margin: 0;
padding: 0 1em;
}
.floatright img{
margin: 0;
padding: 0;
border: 3px solid #c9d207;
}
.floatleft {
float: left;
margin: 0;
padding: 0 1em;
}
.floatleft img{
margin: 0;
padding: 0;
border: 3px solid #c9d207;
}
#portfolio h2 {
margin: 0.5em 1em 0 0;
color: #7c8d94;
}
#portfolio h3 {
color: #cc6633;
}
#portfolio li {
list-style-type: none;
}
#portfolio li img {
float: left;
margin: 1em 1em 0 -2em;
border: 0;
}
#portfolio li p {
margin: 0.5em 0em 1em 0;
}
#portfolio li p.sub {
font-size: 0.8em;
color: #7c8d94;
}
#portfolio li a {
text-decoration: none;
}
.client {
overflow: hidden;
margin: 0 0 1em 0;
}
.quote {
float:right;
width: 21%;
color: #7c8d94;
font-size: 1.1em;
line-height:140%;
margin: 1em 0 0 0;
padding: 0 0 0 10px;
}
.openquote:first-letter {
background: url(/picture_library/openquote.gif) no-repeat left top !important;
background /**/: url(); /* Disabling quote effect in IE5 + */
padding:12px 0 10px 40px !important;
padding /**/:0px; /* Disabling quote effect in IE5 + */
}
.closequote {
font-size: 0.7em;
font-weight: bold;
padding: 0.5em 25px 0 25px;
background: url(/picture_library/closequote.gif) no-repeat bottom right !important;
background /**/:url(); /* Disabling quote effect in IE5 + */
}
.sitemap {
list-style-type: none;
}
.sitemap li{
margin: 5px 0 0 0;
}
.w3c {
border: 0;
}
ul.w3c_list {
width: 100%;
margin: 0 0 1em 0;;
padding: 0;
border: none;
}
.w3c_list li{
display: inline;
margin: 0 2em 0 0;
}
.w3c_list li a{
text-align: left;
border: 0;
}