/* Reset stylesheet by Eric Meyer (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html { overflow-y: scroll; }

ol, ul {
    list-style: none;
}

:focus {
    outline: 1px solid #B0DAE7;
}

br.clear {
    clear: both;
}

section, article, aside, header, footer, nav { display: block; }

/* Adfino CSS Rules for the layout */

body {
    line-height: 1;
    font-family: Verdana;
    font-size: 11px;
    background: url(../images/body_background.jpg) repeat-x;
}    

h2 {
    font-size: 16px;
    color: #ee0100;
    margin: 25px 0px 0px 0px; 
}

p {
    line-height: 21px;
    padding: 12px 0px 8px 0px;
    color: #393939;
    text-align: left;
}

img {
    border: none;
}

a {
    color: #EE0100;
}

ul li {
    line-height: 20px;
    background : url(../images/list_square.jpg) no-repeat left 8px;   
    padding: 0px 0px 0px 15px; 
}
                            
#referenties #left_text ul, #page #left_text ul {
    color: #ee0100;
    list-style: none;
    padding-left: 5px;            
}

html, body, #background-gradient { min-height: 100%; }

#adfino {
    margin: auto;
    width: 1000px;
}

header {
    width: 1000px;
    height: 149px;
}

#nav { z-index: 50; position: absolute; bottom: 23px; left: 768px }

#nav a { margin: 0 4px; padding: 3px 8px; background: url(../images/bullet.gif) no-repeat; text-decoration: none;
    z-index: 1000;line-height: 18px; }

#nav a.activeSlide { background: url(../images/bullet_active.gif) no-repeat;  }

#nav a:focus { outline: none; }

#slideshow {
    float: left;
    height: 149px;
    width: 1000px;
}

header img {
    float: left;
}

#logo {
    margin-top:-139px;
    margin-left: 10px;
    position: relative;
    z-index: 1000;
}

#content {
    width: 1000px;
    padding: 0px 0px 0px 0px;
    background: url(../images/content_background.jpg) repeat-y;
    padding-bottom: 30px;  
    margin: 1px 0px 0px 0px;
}

.default {
    background: url(../images/default_content_background.jpg) repeat-y !important;
}

#text p {
    padding-left: 0px !important;
}

.default #left_text {
    padding: 0px 19px 0px 19px;
}

.referenties {
    background: url(../images/slider_content_background.jpg) repeat-y !important;
}

#referenties {
    float: left;
    width: 550px;    
    padding: 0px 0px 0px 0px;
}

.referenties-background {
    background: url(../images/referenties_content_back.jpg) repeat-y !important; 
    width: 540px;
    margin-left: 6px;
}

#referenties img {
    display: block;
}

#referenties #left_text {
    margin: 0px 0px 0px 5px;
    width: 491px;
    background-color: #f8f6f6;
    padding: 0px 20px 0px 20px;
}

#referenties #left_text #text {
    margin: 10px 0px 0px 0px;
}

.referenties-page #text img {
}

#referenties #left_text #text p {
    padding: 0px 0px 0px 0px !important;
}

#referenties #left_text h2 {
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 0px 0px;
}

#overzicht {
    float: left;
    background: url(../images/overzicht_top_border.jpg) no-repeat;  
    width: 245px;    
    padding: 19px 0px 0px 0px;
}

#news_text {
    position: relative;
    z-index: 100;
}

#overzicht #news_text {
    margin: 0px 0px 0px 8px;
    width: 185px;
    background-color: #f8f6f6;
    padding: 0px 20px 0px 20px;   
}

#overzicht #news_text ul {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

#overzicht #news_text ul li {
    color: #ee0100;
    padding: 0px 0px 0px 15px;
    line-height: 20px;
    list-style:none;
    background : url(../images/list_square.jpg) no-repeat left 8px;
}

#overzicht #news_text ul li a {
    color: #393939;
    text-decoration: none;
    line-height: 20px;
    cursor: pointer;
}

#overzicht #news_text ul li a.selected {
    font-weight: bold;
    color: #EE0100;
}

#overzicht #news_text h2 {
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 0px 0px;
}

#black_border {
    float: left;
    margin-top: -1px;
}

#left {
    width: 279px;
    float: left;
    background: url(../images/left_top.jpg) no-repeat;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left .text {
    margin: 0px 0px 0px 4px;  
    background-color: #f8f6f6;
    width: 231px;
    padding: 0px 20px 0px 20px;
}

#left h2 {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#left_top {
    display: block;
}

#left div {
    width: 231px;
}

#left_text {
    position: relative;
    z-index: 100;
}

#news {
    margin: 0px 0px 0px 0px;
    width: 455px;
    float: left;
    padding: 5px 27px 0px 27px;
    background: url(../images/right_background.jpg) no-repeat;
}

#news ul {
    margin: 15px 0px 0px 2px;
    
}

#news ul li {
    width: 380px;
    list-style:none;
    background : url(../images/list_square.jpg) no-repeat left 14px;
    color: #b30000; 
    padding: 5px 0px 5px 18px;  
    
}
     
.meer {
    font-weight: normal !important;
    color: #EE0100 !important;
}

#news #ondernemen {
    margin-left: 15px;
}

#news #ondernemen li {
    background : url(../images/list_point.jpg) no-repeat left 12px;
    padding: 5px 0px 5px 18px;
    list-style: none;
}

#news #ondernemen li a {
    color: #007d45;
}

#news ul li p {
    padding: 0px 0px 0px 0px !important;
}

.red {
    color: #ab3d26;
}

.green {
    color: #007d45;
}

#news ul a {
    font-weight: bold;
    line-height: 20px;
    color: #434343;
}

#news ul p {
    color: #7b7b7b;
    line-height: 20px;
}

#news_footer {
    padding: 0px 0px 0px 35px;
    position: absolute;
}

#lees_meer {
    color: #EE0100;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    display: block;
}

nav {
    width: 205px;
    float: right;
    position: relative;
    z-index: 100;
}

nav p {
    padding: 0px;
}

nav img {
    display: block;
}

.slider_background {
    background: url(../images/slider_content_background.jpg) repeat-y !important;   
}

nav .selected {
    background: url(../images/menu_button_over.jpg) no-repeat top left;
    color: white;       
}

footer {
    background: url(../images/footer_background.jpg) repeat-x;
    height: 200px;
    width: 100%;
    position: absolute;
    top:700px;
    z-index: 3;
}

#footer_content {
    position: absolute;
}

#footer_content img {
    padding: 12px 0px 0px 0px;
}

#footer_content p {
    margin: -18px 0px 0px 36px;
    position: relative;
    color: #b0afaf;
    line-height: 20px;
    padding: 0px;
    font-size: 10px;
}

/* jquery */

.menu_list {    
    width: 192px;
    margin-left: 4px;
    background-color: #f8f6f6;     
}

.menu_head {
    height:28px;
    padding: 0px 0px 0px 20px;
    width: 172px;
    cursor: pointer;
    background:url(../images/menu_button_background.jpg) no-repeat;
    line-height: 28px;
    clear: both;
    font-weight: bold;
    color: #393939;
}

nav .last {
    border-bottom: 1px solid #e6e5e5;
    
}

.menu_head a:hover {
    text-decoration: none;
    color: white;
}

.menu_body {
    display:none;
    padding: 0px 3px 0px 3px;
    width: 192px;
    background-color: white !important;
    margin-left: -3px;
    z-index: 1001;
    position: relative;
}

.menu_body ul {
    background-color: white;
    width: 195px;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.menu_body ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    padding-left: 31px;
    width: 159px;
    height: 27px;
    border-left:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    background: none;
}

.menu_body a{
    display:block;
    color:#393939;
    background: url(../images/menu_list_point.jpg) no-repeat;   
    text-decoration:none;
    font-family: Arial;
    font-size: 13px;
    line-height: 27px; 
    padding-left: 22px;
}

.menu_body a:hover{
    display:block;
    color:#ee333e;
    text-decoration:none;
    font-family: Arial;
    font-size: 13px;
    line-height: 27px;
}

/* referenties */

#page {
    width: 795px;
    float: left;  
    background: url(../images/default_top_border.jpg) no-repeat;
    padding-top: 19px;
}

#page #left_text {
    margin-left: 11px;
    width: 734px;
    background-color: #f8f6f6;
}

.default-footer {
    padding-left: 19px !important;
    width: auto !important;
}

#page img {
    display: block;
}

#page h2 {
    padding: 10px 0px 10px 0px;
    margin-left: 13px;
    margin: 0px 0px 0px 0px !important;
}

article {
    height: 174px;
    width: 729px;
    padding: 20px 19px 0px 19px;
    text-align: right;
    margin-left: 13px;
}

article h3 {
    text-align: left;
    color:#393939;
    font-size: 11px;
    padding-bottom: 10px;
}

article p {
    padding-top: 0px;
}

article .link {
    color: #b30000;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px;
    display: block;
}

article img {
    float: left;
    padding-right: 15px;
}

article.gray {
    background-color: #f8f6f6;
}

#meet_uw_rendement {
    width: 745px;
    margin: auto;
    height: 380px;
    margin-top: 10px;
    padding: 0px 0px 0px 0px;
}

/* default page */

.default p {
    padding-left: 25px;
}

#menu p {
    padding-left: 20px;
}

.contact-root {
    margin-top: 20px;
}

.contact-root td{
    padding-right: 10px;
    line-height: 25px;
}

#footer {
    width: 1000px;
    margin: auto;
}

#footer a {
    display: block;
    margin: 30px 0px 0px 815px;
    color: #777777;
    text-decoration: none;
}