* {
padding: 0;
margin: 0;
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
height: 1%;
}

.clear {
display: block;
}
/* End hide from IE-mac */

body {
font-family: "century gothic", sans-serif;
background: url(pic/bg.gif) #C6CBC2;
color: white;
}

#contain {
width: 865px;
margin: 0.25em auto;
border: 5px solid #DDE0DA;
padding-top: 1.75em;
background: url(pic/bg_head.gif) #0099CC;
}

a img.head {
float: left;
border-top: 1px solid white;
border-right: 0px;
border-bottom: 1px solid white;
border-left: 0px;
}

a {
color: white;
}

h1 {
line-height: 1.3em;
}

h1.nieuws_titel {
font-size: 1.3em;
}

h2.home_nieuws {
float: left;
}

h2 {
line-height: 1.1em;
}

h2.home_nieuws_titel {
font-weight: normal;
}

ol {
padding-left: 20px;
font-size: small;
}

hr {
height: 1px;
background: #DDE0DA;
border: 0px;
margin: 1.1em 0.35em;
color: white;
}

a.permalink {
font-size: small;
}

p {
font-size: 0.95em;
margin-bottom: 1em;
}

p.small {
font-size: small;
}

.datum {
font-size: 0.75em;
font-weight: normal;
}

/* ------------------- Omschrijving van het menu ------------------- */

#nav {
float: left;
width: 100%;
background: url(pic/bg_nav.gif) #86BDC9;
border-top: 5px solid #DDE0DA;
border-bottom: 5px solid #DDE0DA;
overflow: hidden;
}

#nav ul {
list-style: none;
z-index: 1;
}

#nav h3 {
font-size: 1em;
}

/* Hier stijl ik de a */

#nav a, #nav h3 a {
text-decoration: none;
font-size: 1em;
font-weight: bold;
color: #333;
}

#nav ul li a:hover, #nav h3 a:hover {
color: white;
}

#nav a.home, #nav h3 a.home {
display: block;
}
/* width: 3.3em; */

#nav a.nieuws, #nav h3 a.nieuws {
display: block;
}
/* width: 3.5em; */

#nav a.diensten {
display: block;
}
/* width: 4.5em; */

#nav a.diensten a {
display: block;
}

#nav a.overige_diensten, #nav h3 a.overige_diensten {
display: block;
}
/* width: 11.5em; */

#nav a.solliciteren, #nav h3 a.solliciteren {
display: block;
}
/* width: 6em; */

#nav a.offerte, #nav h3 a.offerte {
display: block;
}
/* width: 3.5em; */

#nav a.referenties, #nav h3 a.referenties {
display: block;
}
/* width: 6em; */

#nav a.contact, #nav h3 a.contact {
display: block;
}
/* width: 4.75em; */

/* Hier gaat het om de li */

#nav li, #nav h3 {
margin-left: 1.44em;
position: static; /* make menus not sticky in IE7 */
padding-top: 0.25em;
padding-bottom: 0.25em;
}

#nav li.home, #nav h3.home {
float: left;
}
/* width: 3.3em; */

#nav li.nieuws, #nav h3.nieuws {
float: left;
}
/* width: 3.8em; */

#nav li.diensten {
float: left;
}
/* width: 4.7em; */

#nav li.diensten ul {
background: url(pic/bg_nav.gif) #86BDC9;
padding: 0.2em;
border: 2px solid #DDE0DA;
width: 15em;
font-size: small;
margin-top: 0.5em;
}

#nav li.diensten ul li {
margin-left: 0.2em;
display: block;
width: 100%;
}

#nav li.overige_diensten, #nav h3.overige_diensten {
float: left;
}
/* width: 9.25em; */

#nav li.solliciteren, #nav h3.solliciteren {
float: left;
}
/* width: 5.9em; */

#nav li.offerte, #nav h3.offerte {
float: left;
}
/* width: 3.5em; */

#nav li.referenties, #nav h3.referenties {
float: left;
}
/* width: 5.8em; */

#nav li.contact, #nav h3.contact {
float: left;
}
/* width: 4.4em; */

#nav li ul {
position: absolute;
width: 15em;
left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

/* Einde omschrijving menu */

#main {
clear: left;
}

#left {
float: left;
background: url("pic/bg_main.gif") repeat-y black;
width: 490px;
}

#left_form {
float: left;
background: black;
width:675px;
}

#content, #content2, #content_nieuws_all, #content_contact  {
padding: 25px;
line-height: 1.2em;
border-right: 5px solid #DDE0DA;
border-bottom: 5px solid #DDE0DA;
}

#content {
height: 18.2em;
}

#content_nieuws_all, #content_contact  {
height: 32.7em;
overflow: auto;
}

#content2 {
height: 11.1em;
overflow: auto;
}

#content_nieuws_all ul {
padding-left: 2em;
}

#content_form {
font-size: 1.0em;
height: 35em;
background: url(pic/bg_head.gif) #0099CC;
padding: 25px;
line-height: 1.2em;
border-right: 5px solid #DDE0DA;
overflow: auto;
}

/* ------------------- Omschrijving filmstrip ------------------- */

ul.pic_bar {
list-style: none;
display: block;
height: 68px;
overflow: hidden;
border-bottom: 0;
}

ul.pic_bar li {
float: left;
border-right: 5px solid #DDE0DA;
margin-bottom: 0;
}

ul.pic_bar li img, ul.pic_bar li a {
border: 0;
}

ul.pic_bar li.last {
border: 0;
}

/* Einde omschrijving filmstrip */

/* ------------------- Sidebar ------------------- */

#sidebar {
float: right;
background: #009D43;
}

#sidebar img, #actie_pdiensten img {
border-bottom: 5px solid #DDE0DA;
}

#content_sitebar_img {
padding: 0;
}

#content_sidebar, #content_sidebar2, #content_sidebar3, #actie_pdiensten, #content_sidebar4, #content_sidebar5, #subnav_diensten, #subnav_odiensten {
padding: 20px;
border-bottom: 5px solid #DDE0DA;
padding-top: 15px;
}

#content_sidebar1 {
padding-top: 10px;
padding-bottom: 8px;
}

#content_sidebar2 {
height: 8em;
width: 335px;
overflow: hidden;
}

#content_sidebar3 {
background: url("pic/bg_actie.jpg") no-repeat #1D8EB4;
border-bottom: 0px;
height: 177px;
width: 100%;
overflow: hidden;
padding: 0;
}

#actie_pdiensten {
background: url("pic/bg_actie.jpg") no-repeat #1D8EB4;
border-bottom: 0px;
height: 160px;
width: 100%;
overflow: hidden;
padding: 0;
}

#content_sidebar4 {
height: 3em;
width: 335px;
}

#content_sidebar5 {
height: 14em;
width: 335px;
}

ul.meer_nieuws {
list-style: circle;
margin-left: 20px;
color: white;
width: 315px;
}

ul.meer_nieuws li a {
font-size: small;
}

ul.meer_nieuws li a:hover {
color: black;
}

.tel {
font-size: 1.5em;
font-weight: bold;
}

p.actie {
font-size: medium;
font-weight: bold;
color: black;
}

p.actie a {
color: white;
text-decoration: none;
padding-bottom: 2px;
border-bottom: dotted 1px #ccc;
}

p.actie a:hover {
padding-bottom: 2px;
border-bottom: solid 1px white;
}

#sidebar_form, #sidebar_form1 {
overflow: hidden;
width: 190px;
background: #009D43;
}

#content_adres, #content_adres_shortr, #content_sidebar_form1 {
padding: 20px;
padding-top: 15px;
}

#content_sidebar_form1 {
height: 18.5em;
border-bottom: 5px solid #DDE0DA;
}

#content_adres {
height: 14.95em;
}

#content_adres_shortr {
height: 13.8em;
}

img.form {
border-bottom: 5px solid #DDE0DA;
}

.a_little_smaller {
font-size: 0.9em;
}

/* ------------------- Omschrijving submenu -------------------- */

#subnav_diensten {
/* height: 16.4em; */
height: 23.5em;
width: 335px;
overflow: hidden;
}

#subnav_odiensten {
/* height: 21.5em; */
height: 16.4em;
width: 335px;
overflow: hidden;
}

#subnav_diensten ul, #subnav_odiensten ul {
padding-left: 2em;
}

#subnav_diensten a:hover, #subnav_odiensten a:hover {
color: black;
}


/* ------------------- Foot ------------------- */

ul.footer {
width: 17em;
margin: 0.5em auto 0.5em auto;
list-style: none;
font-size: small;
}

ul.footer li {
float: left;
color: black;
padding-right: 1em;
}

ul.footer li a {
padding-left: 0.2em;
padding-right: 0.2em;
color: #1D8EB4;
text-decoration: none;
padding-bottom: 1px;
border-bottom: dotted 1px black;
}

ul.footer li a:hover {
color: #009D43;
border-bottom: solid 1px black;
background: white;
}

/* ------------------- Bedankt -------------------- */

#bedankt {
width: 400px;
margin: 3em auto;
margin-bottom: 0em;
padding: 25px;
border: 5px solid #DDE0DA;
background: url(pic/bg_head.gif) #0099CC;
}

ul.footer_bedankt {
width: 25.5em;
margin: 0.5em auto 0.5em auto;
list-style: none;
font-size: small;
}

ul.footer_bedankt li {
float: left;
color: black;
padding-right: 1em;
}

ul.footer_bedankt li a {
padding-left: 0.2em;
padding-right: 0.2em;
color: #1D8EB4;
text-decoration: none;
padding-bottom: 1px;
border-bottom: dotted 1px black;
}

ul.footer_bedankt li a:hover {
color: #009D43;
border-bottom: solid 1px black;
background: white;
}