﻿body
{
    background-color: #e3e3e3;
    margin: 16px 0px 0px 0px;
    padding: 0px;
}

h1
{
    font: normal 24px arial;
	color: #4d8dcd;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

p
{
    font: 12px/18px arial;
    color: #666666;
}

img
{
    border: solid 0px;
}

div.containerTop
{
    width: 190px;
    background-image: url(/Images/ContainerTopBG.gif);
    font: bold 12px arial;
	color: #ffffff;
	padding: 5px 0px 11px 10px;
}

div.containerBody
{
    width: 185px;
    padding: 0px 5px 0px 10px;
    background-image: url(/Images/ContainerBodyBG.gif);
}

div.containerBottom
{
    width: 200px;
    height: 7px;
    background-image: url(/Images/ContainerBottomBG.gif);
    background-repeat: no-repeat;
}

table
{
    font: 12px/18px arial; 
    color: #666666; 
}

th
{
    text-align: left;
    font-weight: bold;
}

td
{
    vertical-align: top;
}

td.rssFrontPageLeft
{
    width: 19%; 
    font: 12px arial; 
    color: #aaaaaa; 
    border-bottom: solid 1px #aaaaaa;
    padding: 8px 0px 8px 0px;
}

td.rssFrontPageRight
{
    width: 81%; 
    border-bottom: solid 1px #aaaaaa;
    padding: 8px 0px 8px 0px;
}

td.portfolioFrontPageLeft
{
    width: 25%; 
    font: 12px arial; 
    color: #aaaaaa; 
    border-bottom: solid 1px #aaaaaa;
    padding: 8px 0px 8px 0px;
}

td.portfolioFrontPageRight
{
    width: 75%; 
    border-bottom: solid 1px #aaaaaa;
    padding: 8px 0px 8px 0px;
}

#cv th, #cv td, #cv li
{
    padding-bottom: 10px;
}

#centerColumn a 
{
    font: bold 12px/18px arial;
    color: #D56900;
    text-decoration: none;
}

#centerColumn a:hover 
{
    color: #3A8D7B;
}

a.rssContainer 
{
    font: 12px arial;
    color: #3274AA;
    text-decoration: none;
}

a.rssContainer:hover 
{
    color: #FF0000;
}

a.rssFrontPage
{
    font: 12px arial;
    color: #666666;
    text-decoration: none;
}

a.rssFrontPage:hover 
{
    color: #FF0000;
}

ul.rssContainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.contactContainer {
	margin-top: 0px;
}

li.rssContainer {
	list-style-type: none;
	padding: 0px 0px 5px 5px;
	margin: 0px 0px 0px 0px;
	font: 12px arial;
	color: #777777;
}

li.address {
	list-style-image: url(/Images/address.gif);
	margin: 0px 0px 0px -10px;
	font: 12px/16px Arial;
	color: #626971;
}

li.phone {
	list-style-image: url(/Images/phone.gif);
	margin: 10px 0px 0px -10px;
	font: 12px/16px Arial;
	color: #626971;
}

li.email {
	list-style-image: url(/Images/email.gif);
	margin: 10px 0px 0px -10px;
	font: 12px/16px Arial;
	color: #626971;
}

li.email a 
{
    font: 12px/16px Arial;
	color: #626971;
}

li.email a:hover
{
	text-decoration: underline;
}

li.print {
	list-style-image: url(/Images/print.gif);
	margin: 25px 0px 0px -10px;
	font: 11px Arial;
	color: #626971;
}

li.fav {
	list-style-image: url(/Images/fav.gif);
	margin: 4px 0px -18px -10px;
	font: 11px Arial;
	color: #626971;
}

/* Layout van de pagina's */
#body
{
    width: 991px;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    width: 100%;
    height: 69px;
    background-image: url(/Images/HeaderBG.gif);
}

#mainMenu
{
    width: 989px;
    height: 27px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #f0f0f0;
    background-image: url(/Images/MenuBG.gif);
    background-repeat: repeat-x;
}

#headerImage
{
    width: 989px;
    height: 140px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #2E75AC;
    background-image: url(/Images/Bridge.gif);
}

#mainContent
{
    width: 989px;
    padding: 0px 0px 50px 0px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    background-color: #ffffff;
    float: left;
}

#leftColumn
{
    margin: 0px 33px 0px 26px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    float: left;
    border: solid 0px #666666;
}

#centerColumn
{
    padding: 0px 10px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 451px;
    float: left;
    border: solid 0px #666666;
    background-image: url(/Images/CenterColumnBG.gif);
    background-repeat: repeat-x;
}

#rightColumn
{
    margin: 0px 26px 0px 33px;
    padding: 0px 0px 0px 0px;
    width: 200px;
    float: left;
    border: solid 0px #666666;
}

#footer
{
    width: 100%;
    height: 10px;
    background-image: url(/Images/FooterBG.gif);
    font: 11px arial;
    color: #333333;
    text-align: center;
    letter-spacing: 1px;
    clear: both;
}

#copyright
{
    margin: 3px 0px 3px 0px;
    font: 10px arial;
	color: #666666;
	text-align: center;
}