html {
min-height: 101%;
}
body {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    color: #323232;
    text-align: center;
    background: #004D93 url('../img/background/body_background_1.jpg') repeat-x top;
}
body, a {
    /* http://www.alistapart.com/articles/sizematters/ */
    font: xx-small/1.5em Verdana, sans-serif;
    voice-family: "\"}\""; 
    voice-family: inherit;
    font-size: x-small;
} html>body, html>body a {
    font-size: x-small;
}

a,
a:link,
a:visited,
a:link:hover {
    text-decoration: underline;
    font: x-small/1.5em Verdana, sans-serif;
    color: #004D93;
}
a span.raquo {
    font-size: 0.9em;
}

img             {margin: 0; border: 0;}
form            {margin: 0;}
input           {margin: 0;}

.icon           {cursor: pointer;}
.nowrap         {white-space: nowrap;}
.error          {color: red;}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}


ul {
    margin: 0px; 
    padding: 0px;
    padding-left: 20px;
    font: normal 1.1em/18px Verdana, sans-serif;
}

ul li {
    margin: 0px; 
    padding: 0px;
    list-style-position: outside;
    list-style-type: square;
    list-style-image: url('../img/background/list_style_image_minus.gif');
}

ul a,
ul a:link,
ul a:visited,
ul a:link:hover {
    text-decoration: underline;
    font: normal 1.0em/18px Verdana, sans-serif;
    color: #004D93;
}

/* lay out
---------------------------------------------- */
.center {
    margin: 0px auto 0px auto;
    padding: 5px 5px 5px 5px;
    background-color: #E9E9E9;
    border: 1px solid #002E57;
    text-align: left;
    width: 910px; /* 920px - 2 x 5px */
}

.visual {
    float: left;
    margin: 0px 0px 5px 0px;
    width: 910px;
    height: 204px;
    background-color: #002E57;
    background-position: top;
    background-repeat: no-repeat;
    color: white;
}
.visual.home                        {background-image: url('../img/visuals/visual1.jpg');}
.visual.veiligheid                  {background-image: url('../img/visuals/veiligheid.jpg');}
.visual.mobiliteit                  {background-image: url('../img/visuals/mobiliteit_en_bereikbaarheid.jpg');}
/* .visual.bereikbaarheid              {background-image: url('../img/visuals/bereikbaarheid.jpg');} */
/* .visual.projecten                   {background-image: url('../img/visuals/projecten.jpg');} */
.visual.nieuws                      {background-image: url('../img/visuals/nieuws_3.jpg');}
.visual.over_infra_engineering      {background-image: url('../img/visuals/over_infra_enigneering_3.jpg');}
.visual.contact                     {background-image: url('../img/visuals/contact_3.jpg');}
.visual.sitemap                     {background-image: url('../img/visuals/sitemap.jpg');}
.visual.enquete                        {background-image: url('../img/visuals/visual1.jpg');}

#column_wrapper {
    float: left;
    width: 910px;
}

#right_column {
    float: right;
}
#content_center {
    float: left;
    width: 495px;
    background-color: #E9E9E9;
    border-top: 1px solid white;
/*    border-bottom: 1px solid white; /* */
}
#content_right {
    float: left;
    margin-left: 18px;
    background-color: white;
    width: 204px;
}

#left_column {
    float: left;
    width: 173px; /* 176 - 2 - 1 */
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: 2px solid white;
    border-right: 1px solid white;
    height: 702px;
    background-color: #EDEDEE;
}

/* search box
---------------------------------------------- */
#search {
    margin: 12px 11px 0px 12px;
    padding-bottom: 13px;
    height: 21px;
    border-bottom: 1px solid #BCBCBC;
/*    background-color: yellow; /* */
}
#search input {
    float: left;
}
#search input.text {
    font: normal 10px/10px Verdana, sans-serif;
    color: #181818;
    padding: 4px 0px 3px 5px;
    margin-right: 8px;
    border: 1px solid #A6A6A6;
    background-color: white;
    width: 120px; /* 127 -2x1(border)- 5px(padding) */
}

/* colofon
---------------------------------------------- */
#colofon {
    padding: 223px 0px 10px 24px;
}
#colofon, #colofon a {
    font: 1em/1.3em Verdana, sans-serif;
    color: #575757;
}
#colofon a {
    text-decoration: underline;
}

/* download links
---------------------------------------------- */
p.rights {
    background: url('../img/background/icon_copyright.gif') no-repeat 2px 0px; /* x-pos y-pos*/
    padding: 0px 0px 7px 19px;
}
p.doc {
    background: url('../img/background/icon_doc.gif') no-repeat 2px 2px; /* x-pos y-pos*/
    padding: 0px 0px 7px 19px;
}
p.pdf {
    background: url('../img/background/icon_pdf.gif') no-repeat 0px 2px;
    padding: 0px 0px 7px 19px;
}

/* pdf download link
---------------------------------------------- */
.pdf_download {
    padding: 8px 6px 5px 44px;
    border: 2px solid white;
    background: #F4F4F5 url('../img/background/icon_pdf_color.gif') no-repeat 10px 7px;
}
.pdf_download a,
.pdf_download a:hover,
.pdf_download a:visited {
    font: normal 1.0em/18px Verdana, sans-serif;
    color: #181818;
}
.pdf_download img {
    margin-top: -3px; /* */
    margin-bottom: 0px !important;
/*    border: none !important; /* */
    float: right;
}


/* Clear Floats Without Structural Markup
http://www.positioniseverything.net/easyclearing.html
----------------------------------------------------------*/
/* put period after content and clear it to expand div */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* ONLY seen by IE-win */
/* End hide from IE-mac */