body {
    background: #FFFFFF url('images/background.jpg') top center;
    font: normal 12px Arial;
    line-height: 18px;
    margin: 0;
    padding: 0px 0px 30px 0px;
    text-align: justify;
}

/* Container */

#container {
    margin: 0 auto;
    width: 990px;
}

/* Basis frame bestaande uit een table */

table#frame {
    clear: both;
    margin-top:5px;
    width: 990px;
}

#frame td {
    padding: 0px 0px 10px 0px;
    vertical-align: top;
}

td#left div {
    width: 210px;
}

td#center {
    width: 530px;
}

td#right div {
    width: 210px;
}

/* Logo */

td#logo {
    padding: 0;
}

/* Login scherm */

#login form {
    margin: 0;
    padding: 0;
}

#login ul {
    list-style: none;
    margin: 0;
    padding: 0px 12px 0px 0px;
}

#login li {
    margin: 0px 0px 2px 0px;
}

#login input {
    background: #FFFFFF;
    border: 1px solid #AEAEAE;
    color: #AEAEAE;
    font: normal 12px Arial;
    padding: 2px 5px;
    width: 100%;
}

#login .button {
    background: #EAEAEA url('images/button.jpg') repeat-x top left;
    color: #777777;
    border: 1px solid #AEAEAE;
    float: right;
    font: normal 11px Arial;
    width: 155px;
}

/* Menu */

td#menu {
    background: url('images/menubar.png') no-repeat top left;
    height: 74px;
    padding: 0;
}

td#menu #mainmenu {
    margin: 0px 0px 0px 50px;
}

#mainmenu .menu, #mainmenu .menu_active  {
    border-left: 1px solid #888888;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: bold 17px Arial;
    margin: 0;
    padding: 12px 20px;
    text-decoration: none;
}

#mainmenu .menu_active {
    background: #F3F3F3;
    color: #028bd3;
}

/* Submenu, nu gebruikt voor de breadcrumbs */

#subnavigation {
    background: url('images/subnavigation.jpg') repeat-x top left;
    clear: both;
    height: 20px;
    padding: 5px 0px 5px 0px;
}

#breadcrumb {
    text-align: left;
    margin-left: 230px;
}

/* Header */

td#header {
    height: 200px;
    padding: 0;
}

#headerdescription {
    color: #028BD3;
    font: bold 15px Tahoma;
    text-align: right;
    margin: -150px 250px 0px 0px;
}

/* Basic formatting */

a {
    color: #0071AD;
}

h3 {
    color: #666666;
    font: bold 13px Tahoma;
    margin: -26px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    text-align: left;
}

h1 {
    color: #028BD3;
    font: bold 17px Tahoma;
    margin: 0px 20px 15px 20px;
    padding: 15px 0px 0px 0px;
    text-align: left;
}

h1 a {
    color: #028BD3;
    text-decoration: none;
}

h2 {
    color: #028BD3;
    font: bold 12px Tahoma;
    margin: 15px 20px -10px 20px;
    text-align: left;
}

p {
    margin: 10px 20px;
}

img {
    border: 0;
}

.error {
    color: #FF0000;
    font-weight: bold;
}

/* Submenu */

#submenu {
    background: #EAEAEA;
    margin: 0px 0px 10px 0px;
}

#submenu ul {
    margin: -10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

#submenu li {
    color: #F35200;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    padding: 5px 20px 5px 20px;
}

#submenu li:hover {
    background: #CCCCCC;
    cursor: pointer;
}

#submenu .active, #submenu .active:hover {
    background: #FFFFFF;
}

/* Content */

#content {
    background: #FFFFFF url('images/content.jpg') no-repeat top left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    width: 525px;
}

#content table {
    background: url('images/th.png') no-repeat top left;
    border-collapse: collapse;
    margin: 10px 20px;
    width: 490px;
}

#content th {
    color: #666666;
    font: bold 12px Verdana;
    padding: 5px 10px 8px 10px;
    text-align: left;
    vertical-align: top;
}

#content sub {
    font-weight: normal;
}

#content td {
    background: #EAEAEA;
    padding: 3px 10px;
    text-align: left;
}

#content td.indent {
    padding-left: 20px;
}

#sizeSelection {
    padding: 10px 20px 20px 20px;
    text-align: center;    
}

#sizeSelection a {
    background: url('images/submenu.jpg') repeat-x top left;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font: bold 14px Arial;
    padding: 6px 12px;
    text-decoration: none;
}

#sizeSelection a:hover {
    background: url('images/submenu.jpg') repeat-x 0px -60px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

/* Contact */

#contact img {
    margin: 10px 0px 10px 20px;    
}

table#meer {
    background: none;
    border: none;
    margin: 0px 20px -10px 20px;
}

#meer h2 {
    margin: 0;
}

#meer td {
    background:none;
    padding :0;
}

#print {
    float: right;
    margin: 15px 20px 0px 0px;
}

/* Vacatures */

#vactures {
    text-align: left;
}

/* Contactformulier */

table#form {
    background: none;
    border: none;
}

#form td {
    background: none;
    padding: 3px 10px 3px 0px;
}

#form .label {
    width: 110px;
}

#form input {
    background: #EAEAEA;
    border: 1px solid #AEAEAE;
    font: normal 12px Arial;
    padding: 2px;
    width: 100%;
}

#form .button {
    background: #EAEAEA url('images/button.jpg') repeat-x bottom left;
    border: 1px solid #AEAEAE;
    font: normal 12px Arial;
    height: 25px;
    width: 100px;
}

/* CV formulier */
#form input.file {

}


/* Referenties */

#referenties {
    margin: 0px 0px 10px 0px;
    padding: 10px 0px 10px 0px;
}

#referenties img {
    margin:10px 0px;
}

/* Bereken formulier */
#calculate input {
    border: 1px solid #C0C0C0;
}

#calculate .button {
    background: #EAEAEA url('images/button.jpg') repeat-x bottom left;
    border: 1px solid #AEAEAE;
    font: normal 12px Arial;
    padding: 2px 20px;
    margin: 8px 0px 10px 0px;
}

/* Blok */
.blok {
    background: #EAEAEA;
    text-align: justify;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}

/* Navigatie */
a.niveau0 {
    margin-left: -8px;
}

a.niveau1 {
    margin-left: 8px;
}

a.niveau2 {
    margin-left: 24px;
}

a.niveau3 {
    margin-left: 40px;
}

/* rss link */
a.rss {
    color: #0071AD;
    font: 11px Arial;
    padding: 1px 1px;
    /*text-decoration: none;*/
}

div.rss {
    text-align: left;   
}

/* Bedrijfsnieuws */
div.bedrijfsnieuws {
    text-align: left;   
}