body,div,dl,dt,dd,ul.Menu,li.MenuItem,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;}ul.Menu{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.MenuItem a{color:#000;text-decoration: none;}

h1 {font-size: 190%; color: #fff568; letter-spacing: 1px; }
h2 {font-size: 150%; margin-top: 26px;}
h3 {font-weight: bold;}
p, h1, h2, h3 { margin-bottom: 1em; }
a { color: #fff568; }

form.Repertoire h1,
form.Repertoire a { color: #a0a140; }

form.Programma h1,
form.Programma a { color: #7b0046; }

form.Agenda h1,
form.Agenda a { color: #00aeef; }

form.Contact h1,
form.Contact a { color: #ffffff; }

html, body { height: 100%; }

body
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 10pt;
    line-height: 160%;
    color: #fff799;
    background: #23020f;
}

form
{
    width: 1005px;
    margin: 0 auto;
    background: url(images/bg.gif) repeat-y center top;
}

div#container
{
}
div#container2
{
    width: 955px;
    margin-left: 25px;
    background: #3a051a url(images/bg-north-east.jpg) no-repeat right top;
}
div#container3
{
    background: url(images/bg-north-west.jpg) no-repeat left top;
}
div#container4
{
    background: url(images/bg-south-west.jpg) no-repeat left bottom;
}

    div#header
    {
        height: 188px;
    }
    
        div#header a#homelink
        {
            display: block;
            width: 216px;
            height: 188px;
            float: left;
        }

        div#header ul.Menu li
        {
            float: left;
        }
        div#header ul.Menu li div.MenuItemAddContainer { display: none; }
    
            div#header ul.Menu li a
            {
                display: block;
                width: 0px;
                height: 118px;
                margin: 0;
                overflow: hidden;
                background: no-repeat left top;
                text-indent: -1000px;
            }
            div#header ul.Menu li.MenuItemTitleMidas a { padding-left: 107px; background-image: url(images/menu-midas.gif); }
            div#header ul.Menu li.MenuItemTitleRepertoire a { padding-left: 116px; background-image: url(images/menu-repertoire.gif); }
            div#header ul.Menu li.MenuItemTitleProgramma a { padding-left: 149px; background-image: url(images/menu-programma.gif); }
			div#header ul.Menu li.MenuItemTitleCDs a { padding-left: 65px; background-image: url(images/menu-cd.gif); }
            div#header ul.Menu li.MenuItemTitleAgenda a { padding-left: 115px; background-image: url(images/menu-agenda.gif); }
            div#header ul.Menu li.MenuItemTitleContact a { padding-left: 95px; background-image: url(images/menu-contact.gif); }
    
    div#body
    {
        clear: left;
        background: url(images/body-sep.gif) repeat-y 221px 0;
    }
    
        div#margin
        {
            float: left;
            width: 170px;
            margin: 76px 0 250px 78px;
        }
        
            div#margin ul.Menu
            {
                width: 123px;
                background: #3a051a;
            }

                div#margin ul.Menu li a
                {
                    display: block;
                    padding-left: 24px;
                    margin-bottom: 22px;
                    color: #fff;
                    font-size: 10pt;
                    letter-spacing: 1px;
                }
                div#margin ul.Menu li.MenuItemActive a,
                div#margin ul.Menu li a:hover
                {
                    background: url(images/submenu-item-bg-active.gif) no-repeat left 2px;
                }
                
        div#content
        {
            width: 540px;
            float: left;
            padding-bottom: 80px;
        }
        
    div#south
    {
        height: 20px;
        padding: 5px 25px 0 0;
        font-size: 90%;
        background: url(images/bg-south.gif);
        color: #680121;
        text-align: right;
    }
        
div.clear { clear: both; }

.ContentItemAppointment { margin: 0; }

    .FormFieldDateTime
    {
        clear: left;
        float: left;
        width: 250px;
    }
    .Oud .FormFieldDateTime
    {
        width: 110px;
    }
    .ContentItemAppointment .FormFieldHeader
    {
        margin-left: 250px;
    }
    .ContentItemEdit .FormFieldHeader
    {
        margin-left: 0;
    }
    .ContentItemEdit .FormFieldDateTime
    {
        clear: none;
        float: none;
        width: auto;
    }
    h2.ContentContainerGroupTitle
    {
        font-size: 90%;
        margin: 1em 0 0 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    
.ContentItemHover { background-color: #2b0212; }


form.Intro div#intro
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: #2d0213;
}

    form.Intro div#introContainer
    {
        width: 955px;
        margin: 0 auto;
        position: relative;
    }

        form.Intro a#introLogo
        {
            position: absolute;
            left: 386px;
            top: 244px;
            width: 179px;
            height: 118px;
            background: url(images/intro-logo.gif);
        }
        
        form.Intro a#introWelkom
        {
            position: absolute;
            left: 386px;
            top: 244px;
            width: 179px;
            height: 118px;
            background: url(images/intro-welkom.gif);
            display: none;
        }
        
        form.Intro a#introVocal
        {
            position: absolute;
            left: 51px;
            top: 465px;
            width: 140px;
            height: 76px;
            background: url(images/intro-vocal.gif);
            display: none;
        }

        form.Intro a#introPiano
        {
            position: absolute;
            left: 53px;
            top: 73px;
            width: 107px;
            height: 70px;
            background: url(images/intro-piano.gif);
            display: none;
        }

        form.Intro a#introClarinet
        {
            position: absolute;
            left: 848px;
            top: 204px;
            width: 49px;
            height: 180px;
            background: url(images/intro-clarinet.gif);
            display: none;
        }


* form * a.SystemToolbarButton { color: #000 !important; }
* div.SystemMenu a { color: #000; }