/* logo */
h1#logo a {
    display: block;
    position: absolute;
    top: 28px;
    left: 29px;
    width: 235px;
    height: 37px;
    overflow: hidden;
    background: url('../images/layout/logo.gif') no-repeat;
    text-indent: -9999px;
}

/* headers */
h1 {
    font-size: 160%;
}
h2 {
    margin: 0px 0px 10px 0px;
    font-size: 360%;
    font-weight: bold;
    color: #5eae2b;
}
h3 {
    margin: 0px 0px 10px 0px;
    font-size: 140%;
    font-weight: bold;
}
    body.bedrijven h3 {
        margin: 10px 0px 20px 0px;
        font-size: 240%;
        font-weight: bold;
        color: #5eae2b;
    }
h4 {
    margin: 0px 0px 10px 0px;
    font-size: 110%;
    font-weight: bold;
}



/* paragraph */
p {
    margin: 0px 0px 15px 0px;
    font-size: 120%;
    line-height: 17px;
}

/* tables */
table {
    margin: 5px 0px 15px 0px;
    font-size: 120%;
}

/* lists */
ul, ol {
}
    ul li,
    ol li {
        font-size: 120%;
    }

/* ruler */
.hr {
    clear: both;
    height: 1px;
    margin: 0px 0px 10px 0px;
    background-color: #e8e8e8;
}
/* green ruler */
.hr.green {
    background-color: #5eae2b;
}

/* content-box */
div.content-box {
    float: right;
    width: 207px;
    margin: 0px 0px 30px 30px;
    background: url('../images/content/content-box.gif') repeat-y;
}
    div.content-box .logo {
        width: 204px;
        background-color: white;
        border: 1px solid #e8e8e8;
        text-align: center;
    }
    div.content-box .logo img {
        display: block;
        margin: 0 auto 0 auto;
    }
    div.content-box p {
        margin: 16px 0px 16px 19px;
        line-height: 19px;
        color: white;
    }
        div.content-box p a {
            color: black;
        }
        div.content-box p a:hover {
            text-decoration: none;
        }

/* intro */
div.intro p {
    font-weight: bold;
    font-size: 120%;
}

/* content */
div.content p {
}
    /* content-image */
    img.content-image {
        float: right;
        border: 1px solid #e8e8e8;
        margin: 0px 0px 10px 20px;
    }

/* date*/
div.date {
    font-size: 110%;
    font-weight: bold;
    margin: 0px 0px 5px 10px;
    color: #7cc94b;
}

/* map */
div.map {
    clear: right;
    border: 1px solid #e8e8e8;
    margin: 20px 0px 10px 0px;
}

/* project-container */
.project-container {
    clear: both;
    margin: 0px 0px 20px 0px;
}
.project-container p {
    font-size: 110%;
}

/* project-container image*/
.project-container img {
    float: right;
    border: 1px solid #e8e8e8;
    margin: 0px 0px 20px 20px;
}
.project-container a {
    font-size: 110%;
    color: #5eae2b;
}
    .project-container a:hover {
        text-decoration: none;
    }

/* homepage headers */
.home #content-container h1, 
.home #content-container h2 {
    font-size: 480%;
    line-height: 48px;
    color: #555555;
    text-transform: uppercase;
}
.home #content-container h2 {
    color: #5eae2b;
    margin: 60px 0px 30px 0px;
}
.home #content-container h2 a {
    color: #5eae2b;
    text-decoration: none;
}
.home #content-container h2 a:hover {
    color: #5eae2b;
    text-decoration: underline;
}

.home #content-container h3 {
    color: #5eae2b;
    font-size: 210%;
    line-height: 40px;
    text-transform: none;
}

#project-list ul {
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 0px;
}
    #project-list li {
        margin: 10px 0px 0px 0px;
    }
        #project-list li a {
            padding: 0px 0px 0px 17px;
            display: block;
            line-height: 13px;
            font-weight: normal;
            text-transform: none;
            text-decoration: none;
        }
            #project-list li a span.company {
                display: block;
                font-size: 100%;
                color: #555555;
            }
            #project-list li a span.project {
                display: block;
                font-size: 110%;
                color: #5eae2b;
            }

        #project-list li a:hover {
            background: url('../images/layout/arrow.gif') no-repeat 3px 90%;
            font-weight: bold;
        }
        #project-list li a:hover span.company,
        #project-list li a.sel span.company {
            color: #555555;
        }

        #project-list li a:hover span.project,
        #project-list li a.sel span.project {
            color: #5eae2b;
        }

        #project-list li a.sel {
            background: url('../images/layout/arrow.gif') no-repeat 3px 90%;
            font-weight: bold;
        }