/*
 * default.css
 *
 * Author: Klaas Schaafsma <css <at> 3ip <dot> nl>
 *
 * Copyright: 3IP Web Solutions B.V.
 *
 * Global layout for FairCall.nl
 */

/****** GLOBALS ******/
body, html {
    margin: 0;
    padding: 0;
    background: #FFF;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

img {
    border: 0;
}

.clear {
    clear: left;
}

/****** GLOBAL LAYOUT ELEMENTS ******/
div#wrapper {
    margin: 15px auto;
    width: 984px;
}

div#header {
    border-top: 26px solid black;
    background: url(../img/header.jpg) no-repeat;
    height: 130px;
}

div#main {
    padding: 0 20px 20px 20px;
    background: #1b528b url(../img/main-back-gradient.gif) repeat-x;
}

div#footer {
    background: url(../img/footer-back.gif) no-repeat;
    border-bottom: 15px solid #1f5c9b;
    min-height: 35px;
    height: auto !important; /* IE6 patch */
    height: 35px;
}

/****** MAIN AREA ******/
ul#nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
}

div#container {
    background: #fff;
    padding: 20px;
    width: 904px;
    height: 1%;
}

div#containerHeader {
    background: url(../img/main-top-trans.png) no-repeat;
    height: 15px;
}

div#containerFooter {
    background: url(../img/main-bottom-trans.png) no-repeat;
    height: 15px;
}

/****** CONTAINER ******/
ul#subnav {
    float: left;
    list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
    text-transform: uppercase;
}

ul#subnav li {
    line-height: 2em;
    font-weight: bold;
}

ul#subnav li a {
    text-decoration: none;
    color: #000;
}

ul#subnav li a:hover {
    color: #4984bf;
}

div#content {
    float: left;
    width: 650px;
    border-left: 2px dotted #4984bf;
    padding: 20px 0 0 30px;
    margin-left: 30px;
} 

div#content h1 {
    font-size: 9pt;
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

div#content h2 {
    font-size: 9pt;
    margin: 8px 0;
    padding: 0;
}

div#content img.photo {
    float: left;
    margin-right: 10px;
}

div#content table {
    width: 100%;
}

div#content p.listkop {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

div#content ul {
    margin-top: 0;
}

/****** MENU ELEMENTS ******/
ul#nav li {
    float: left;
}

ul#nav li a {
    display: block;
    margin-bottom: 20px;
}

a#wiezijnwij {
    background: url(../img/menu/wiezijnwij.gif) 0 0 no-repeat;
    width: 155px;
    height: 27px;
}

a#wiezijnwij:hover {
    background-position: -155px 0;
}

a#diensten {
    background: url(../img/menu/diensten.gif) 0 0 no-repeat;
    width: 151px;
    height: 27px;
}

a#diensten:hover {
    background-position: -151px 0;
}

a#nieuws {
    background: url(../img/menu/nieuws.gif) 0 0 no-repeat;
    width: 148px;
    height: 27px;
}

a#nieuws:hover {
    background-position: -148px 0;
}

a#werkenbij {
    background: url(../img/menu/werkenbij.gif) 0 0 no-repeat;
    width: 154px;
    height: 27px;
}

a#werkenbij:hover {
    background-position: -154px 0;
}

a#contact {
    margin-left: 181px;
    background: url(../img/menu/contact.gif) 0 0 no-repeat;
    width: 155px;
    height: 27px;
}

a#contact:hover {
    background-position: -155px 0;
}

/****** FOOTER *****/
div#footer p {
    padding: 10px 0 0 0;
    margin: 0;
    text-transform: uppercase;
}

div#footer p a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin-left: 40px;
}

div#footer p a:hover {
    color: #4984bf;
}