﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
li a{color:#000;text-decoration: none;}

h1 {color: #333;font-size:19px;font-family:Arial;font-weight:bold;}
h2 {font-size: 13px;font-weight:bold;color:#ecd7c2;}
h3 {font-weight: normal; font-size: 13px; font-style: italic;}
a {text-decoration:none; color:#ecd7c2;}
hr { height: 0px; border: none; border-top: solid 1px #ecd7c2; margin: 10px 0; }

html, body, form
{
    height: 100%;
}

body
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    line-height: 17px;
    color: #ECD7C2;
    background: #85daff;
}

div#container
{
    background: url(images/schaduw.jpg) repeat-y left top;
}

    div#header a
    {
        display: block;
        width: 777px;
        height: 84px;
        background: url(images/logo.jpg);
        text-decoration: none;
    }

    div#headerhome
    {
        padding: 0 40px 10px 40px;
    }
    
    div#body
    {
        float: left;
        width: 777px;
    }
    
        div#content
        {
            padding: 10px 40px;
            background: url(images/bg.jpg) repeat-y left top;
        }

        div.bodycolumns div#content
        {
            padding-right: 30px;
            background-image: url(images/bg-2col.jpg);
        }

        div.bodycolumns div#contentLeft
        { 
            float: left;
            width: 401px;
        }
        
        div.bodycolumns div#contentRight
        {
            float: left;
            width: 255px;
            padding: 10px 0 10px 45px;
        }

div#mainmenu
{
    float: left;
    width: 40px;
    padding-top: 113px;
}

    div#mainmenu li.MenuItem a
    {
        display: block;
        padding-left: 39px;
        width: 0;
        height: 40px;
        margin-top: 2px;
        overflow: hidden;
        background: #4b3729 no-repeat left top;
    }
    div#mainmenu li.MenuItem a:hover,
    div#mainmenu li.MenuItemActive a { background-position: left bottom; }

        div#mainmenu li.MenuItemTitleCT a { margin: 0; height: 101px; background-image: url(images/nav_ct.jpg); }
        div#mainmenu li.MenuItemTitleProjecten a { margin: 0; height: 80px; background-image: url(images/nav_projecten.jpg); }
        div#mainmenu li.MenuItemTitleBiografie a { margin: 0; height: 92px; background-image: url(images/nav_biografie.jpg); }
        /*div#mainmenu li.MenuItemTitleNieuws a { margin: 0; height: 101px; background-image: url(images/nav_ct.jpg); }
        div#mainmenu li.MenuItemTitleAgenda a { margin: 0; height: 101px; background-image: url(images/nav_ct.jpg); }*/
        div#mainmenu li.MenuItemTitleTIS a { margin: 0; height: 78px; background-image: url(images/nav_tis.jpg); }
        /*div#mainmenu li.MenuItemTitleContact a { margin: 0; height: 101px; background-image: url(images/nav_ct.jpg); }*/

    div#copyright
    {
        width: 39px;
        height: 194px;
        background: url(images/copyright.jpg) no-repeat left top;
    }

.ContentItemNewsItem { border-bottom: solid 1px #ecd7c2; padding-bottom: 10px;}
.ContentItemNewsItem .DateTime { color: #fff; font-size: 8px; font-style: italic; margin-bottom: 5px; }

.ContentItemHover { background-color: #AB795E; }

div.clear { clear: both; }
