/*
-----------------------------------------------
Stylesheet: Hettema
Author:   	Bas van Ekkendonk / Kemme Koolen
Version:  	14 april 2005
----------------------------------------------- */

@import url(hettema-introscherm.css);

body {
margin: 20px 0 20px 0; padding: 0;  
background: #dad9d8 url(i/bg.gif) repeat-y center;
font: small verdana, sans-serif;
text-align: center;
color: #333;
}

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

/* links */

a:link {
color: #0d5340;
}

a:visited {
color: #0d5340;
}

a:hover {
color: #caaa5a;
}

a:active {
color: #0d5340;
text-decoration: none;
}

/* layout structuur */

#container {
margin: 0 auto;
text-align: left;
width: 780px;
background: #dce7e0 url(i/containerbg.gif) repeat-y center;
}

/* header sectie ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#header {
background: transparent url(i/headerbg.jpg) no-repeat top center;
}

#header h1 { display: none; }

#main-nav {
padding: 112px 0 0 333px;
height: 48px;
}

/*
--------------------------------
begin: navigation
--------------------------------
*/

#main-nav ul {
list-style-type: none;
}

#main-nav li {
display: inline;
float: left;
}

#main-nav a {
display: block;
}

#main-nav li a span {
display: none;
}

#main-nav li.m_aanbod a {
width: 61px; height: 13px; 
background-image: url(i/menu.gif);
}

body.m_aanbod #main-nav li.m_aanbod a,
#main-nav li.m_aanbod a:hover {
background-position: 0 -14px;
}

#main-nav li.m_diensten a {
width: 71px; height: 13px; 
background-image: url(i/menu.gif);
background-position: -61px 0;
}

body.m_diensten #main-nav li.m_diensten a,
#main-nav li.m_diensten a:hover {
background-position: -61px -14px;
}

#main-nav li.m_taxatie a {
width: 62px; height: 13px; 
background-image: url(i/menu2.gif);
background-position: -61px 0;
}

body.m_taxatie #main-nav li.m_taxatie a,
#main-nav li.m_taxatie a:hover {
background-position: -61px -14px;
}

#main-nav li.m_zoekopdracht a {
width: 106px; height: 13px; 
background-image: url(i/menu.gif);
background-position: -132px 0;
}

body.m_zoekopdracht #main-nav li.m_zoekopdracht a,
#main-nav li.m_zoekopdracht a:hover {
background-position: -132px -14px;
}

#main-nav li.m_inschrijfformulier a {
width: 135px; height: 13px; 
background-image: url(i/menu2.gif);
background-position: -122px 0;
}

body.m_inschrijfformulier #main-nav li.m_inschrijfformulier a,
#main-nav li.m_inschrijfformulier a:hover {
background-position: -122px -14px;
}

#main-nav li.m_organisatie a {
width: 90px; height: 13px; 
background-image: url(i/menu.gif);
background-position: -238px 0;
}

body.m_organisatie #main-nav li.m_organisatie a,
#main-nav li.m_organisatie a:hover {
background-position: -238px -14px;
}

#main-nav li.m_contact a {
width: 54px; height: 13px; 
background-image: url(i/menu.gif);
background-position: -328px 0;
}

body.m_contact #main-nav li.m_contact a,
#main-nav li.m_contact a:hover {
background-position: -328px -14px;
}

/*
--------------------------------
end: navigation
--------------------------------
*/

/* --------------------------------------------------------------------- */


/* content sectie ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content {
padding: 0 40px 20px 40px;
background: transparent url(i/contentbg.jpg) no-repeat top center;
}

#cborder {
margin: 0 20px 0 20px;
border: 1px solid #458975;
background: #d9e8e1;
background: transparent url(i/cborderbg.gif) !important;
}

#cborder h2 {
padding: 4px 0 4px 10px;
font: bold 110% Georgia, serif;
color: #fff;
text-shadow: 2px 2px 1px #003f2d;
background: #003f2d url(i/verloop.jpg);
height: 18px;
}

#cbox {
clear: both;
margin: 10px; padding: 10px;
border: 1px solid #458975;
background: #fff;
}

#cbox h3 {
color: #0d5340;
font: bold 110% Georgia, serif;
border-bottom: 1px solid #666;
}

#cbox p {
margin: 20px;
font-size: 90%;
line-height: 1.6em;
}

#cbox ul {
margin: 0 0 0 15px;
}

#cbox li {
margin: 0 0 0 15px;
}

#cboxaanbod {
margin: 10px; padding: 10px;
}

#cboxaanbod-list {
float: left;
width: 500px;
}

.aanbodbox {
margin-bottom: 10px;
border: 1px solid #458975;
background: #fff;
}

.aanbod-information {
padding: 2px 5px 2px 5px;
width: 100%;
}

.aanbod-information a,
.aanbod-information a p {
color: #333;
text-decoration: none;
display: block;
}

.aanbod-price td {
color: #0d5340;
font-size: 80%;
}

.aanbod-information h3 {
color: #0d5340;
width: 100%;
font: bold 100% Georgia, Times, serif;
border-bottom: 1px solid #aaa;
}

.aanbod-information h3 a {
color: #0d5340;
display: block;
}

.aanbod-information p {
margin: 0; padding: 0;
font-size: 90%;
line-height: 120%;
}

.aanbod-information sup {
font-size: 50%;
}

#cboxaanbod-select {
float: right;
width: 100px;
}

#cboxaanbod-select select {
margin: 0 0 15px 0;
font-size: 90%;
text-align: center;
width: 100px;
}

.button {
font-size: 90%;
font-weight: bold;
color: #333;
background: #eee;
border: 3px double #ccc;
}

.clear {
clear: both;
}

#cboxdetail {
float: left !important;
float: none;
margin: 10px 0 10px 0; padding: 10px;
margin-left: 10px !important;
border: 1px solid #458975;
background: #fff;
width: 616px;
}

.cboxdetail {
margin: 0; padding: 0;
color: #0d5340;
}

.cboxphotos {
float: left;
margin: 10px 0 0 0;
}

.cboxphotos img {
padding: 5px 5px 0 0;
}

#cboxdetail-photo {
float: left;
width: 300px;
}

#cboxdetail-spec {
margin-left: -19px;
margin-left: 0 !important;
float: left;
width: 285px; /* width was 315px */
}

table, td, th {
text-align: left;
}

#spec {
padding: 0 0 9px 0;
border-bottom: 1px solid #666;
font-size: 90%;
width: 100%;
}

.spec {
color: #0d5340;
font: 120% Georgia, Times, serif;
width: 114px;
}

.fiwetigiet234oi56969298tw89t2090990fg {
padding: 2px;
border: 3px double #ccc;
}

.fiwetigiet234oi56969298tw89t2090990fgq {
background: #eee;
font-weight: bold;
border: 3px double #ccc;
}

#cbox-footer {
color: #0d5340;
border-top: 1px solid #666;
}

.terug {
font-weight: bold;
padding: 4px 0 10px 20px;
background: url(i/icons/terug.gif) no-repeat left;
}

.print {
font-weight: bold;
padding: 4px 25px 10px 0;
background: url(i/icons/printer.gif) no-repeat right;
}

.locatie {
font-weight: bold;
padding: 4px 25px 14px 0;
background: url(i/icons/vraagteken.gif) no-repeat right;
}

.reageer {
font-weight: bold;
padding: 4px 25px 14px 0;
background: url(i/icons/reageren.gif) no-repeat right;
}

/* --------------------------------------------------------------------- */


/* footer sectie ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
clear: both;
background: transparent url(i/footerbg.jpg) no-repeat top center;
}

#footer p {
padding: 9px 0px 28px 570px;
}

/* --------------------------------------------------------------------- */