/*
 * Filename: default.css
 * Author: Klaas Schaafsma <klaas <at> sentico <dot> nl>
 * Copyright: (C) 2006 Sentico IT Services
 *
 * This is the global layout for IECRT
*/

/* Include the layout code for the menu */
@import url(menu.css);

/* Globals */
html, body {
    margin: 10px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

.center {
    text-align: center;
}

a img {
    border: 0;
}

.centerBigger {
    text-align: center;
    font-size: 1.2em;
}

/* Global site layout */

div#wrapper {
    background: url(../images/headerback.jpg) repeat-x top left;
    margin: auto;
    width: 766px;
    border: 1px solid #f00;
}

div#header {
    margin: 18px;
}

img#fotoheader {
    margin-top: 30px;
}

div#content {
    margin: 18px;
    font-size: 9pt;
}

div#content-main {
    background: url(../images/achter_wereld.jpg) no-repeat;
    height: 460px;
    margin: 18px;
    font-size: 9pt;
}

/* Sublayout */
div#content div#left {
    float:left;
    width: 49%;
    text-align: justify;
}

div#content div#right {
    float: right;
    width: 49%;
    text-align: justify;
}

div#content-main h2 {
    font-size: 11pt;
}

div#content h2 {
    margin: 0;
    font-size: 11pt;
}

a#home {
    font: bold 15px arial, helvetica, sans-serif;
    margin-bottom: 15px;
    display: block;
    width: 55px;
    text-align: right;
    background: #f00;
    color: #fff;
    padding: 5px;
    text-decoration: none;
}

img.right {
    float: right;
}

p.right {
    text-align: right;
    margin-right: 5px;
}

div#content div#right img.borderimg {
    border: 2px solid #f00;
}

div#content div#left p#imagebar {
    margin: 2px;
    padding: 8px;
    background: #efefef;
}

div#content div#left p#imagebar img {
    margin-right: 10px;
    border: 1px solid #f00;
}

div#content div#left p.imagebarinfo {
    margin: 0;
    font-family: verdana, sans-serif;
    font-style: italic;
    color: #444;
}

p.subimg {
    color: #f00;
    font-weight: bold;
    font-style: italic;
}

table#contact td {
    padding-right: 5px;
}

/* Project table */

table#projecten {
    width: 80%;
    border: 1px solid #f00;
    margin-top: 30px;
}

table#projecten td.caption {
    color: #000;
    background-color: #fabea7;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
    border: 2px solid #f00;
    padding: 5px;
    font-style: italic;
}

table#projecten td {
    border: 2px solid #f00;
    padding: 10px;
}

table#projecten td a {
    color: #f00;
    text-decoration: none;
}

table#projecten td.img {
    width: 90px;
    padding: 0;
    margin: 0;
}

table#projecten td img {
    margin: 0;
}

table#projecten td.header {
    background-color: #f00;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

table#projecten td.footer {
    text-align: center;
    font-style: italic;
    font-weight: bold;
}