﻿html {
    height: 100%;
    background: #F7F7F7 url("images/bg.png") center repeat-y;
    padding: 0; 
    color: #000;
    font: 12px "Arial", Sans-Serif;
}

body {
    height: 100%;
    width: 900px;
    background: url("images/bg.png") repeat-y;
    margin: 0 auto;
    padding: 0 12px;
}



div#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: url("images/left_bg.gif") 1px bottom no-repeat;
}

/* Link opmaak */
a {
    color: #be9d56;
    text-decoration: none;
}
a:hover {
    color: #be9d56;
    text-decoration: underline;
}
/* /Link opmaak */

/* Clear */
.clear {clear: both;}
/* /Clear */

/* Images */
img {border: 0;}
/* /Images  */

/* Alinea */
p {
    margin: 0;
    padding: 7px 0;
}
/* /Alinea  */

h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 24px;
    clear: both;
}
h2 {
    color: #be9d56;
    font-size: 16px;
    margin: 0;
    line-height: 150%;
}
h3 {
    margin: 1em 0 0 0;
    font-size: 12px;
    font-weight: bold;
}

div#right h1,
div#right h2,
div#right h3 { color: #fff; }

/* Header  */
div#header {
    height: 150px;
    background: url("images/header.jpg") no-repeat;
    padding: 0;
}
#sitenaam {
    margin: 0;
    padding: 0;
}
/* /Header */

/* Left */
div#left {
    float: left;
    width: 167px;
    margin: 33px 0 0 0;
    padding: 0 0 340px 25px;
    font-size: 11px;
}
div#left h3 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #be9d56;
}
div#left .Menu {
    margin: 3px 0 15px 0;
    padding: 0;
    list-style: none;
}
div#left .MenuItem a {
    line-height: 150%;
    font-weight: 700;
    font-size: 12px;
    color: #be9d56;
}
div#left .MenuItem .MenuItem
{
    margin-bottom: 2px;
}
div#left .MenuItem .MenuItem a
{
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}
div#left .MenuItem .MenuItem a:hover, div#left .MenuItem .MenuItemActive a {
    font-weight: bold;
    text-decoration: none;
}
div#left .MenuItem .MenuItemAdd 
{
    margin-top: 6px;
}
div#left .MenuItem .MenuItemAddBox
{
    margin-top: 6px;
}
div#left .MenuItem .MenuItem .MenuItemAdd 
{
    margin-left: 20px;
}
div#left div#sponsoren
{
    margin-top: 1em;
}

/* /Left  */

/* Content */
div#content {
    display: inline;
    float: left;
    width: 478px;
    margin: 33px 15px 33px 14px;
    line-height: 150%;
}

div#detailcontent {
    float: left;
    width: 680px;
    margin: 33px 0 33px 14px;
}

ul#kruimelpad {
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    font-size: 10px;
    list-style: none;
    overflow: hidden;
}
ul#kruimelpad {
    float: left;
    margin: 0 5px 0 0;
}
.terug {
    display: block;
    margin: 7px 0;
    font-size: 13px;
    font-weight: bold;
    color: #be9d56;
    text-decoration: underline;
}
a.terug:hover {
    color: #be9d56;
    text-decoration: none;
}

/* /Content  */

/* Right */
div#right {
    float: right;
    width: 175px;
    margin: 33px 0 0 0;
    padding: 0 10px 0 0;
    line-height: 150%
}
div#right h3 {  
    margin: 0;
    padding: 0;
    color: #be9d56;
    font-size: 18px;
    font-weight: normal;
}
div#right a {
    color: #be9d56;
    font-weight: bold;
    text-decoration: underline;
}
div#right a:hover {text-decoration: none;}
div.stroke {
    height: 1px;
    background: #C5C5C5;
    margin: 7px 0;
    font-size: 1px; /* IE Fix */
    line-height: 0%; /* IE Fix */
}
div#right img {margin: 5px;}
small {font-size: 11px;}
div.index p {line-height: 120%;}
div#right h1 {
    margin: 0;
    font-size: 18px;
}
/* /Right */

/* Footer */
div#footer {
    clear: both;
}
/* /Footer  */


/* Content */

.ContentItem .LeftContentCol {
    float: left;
    width: 478px;
    margin: 0px 15px 0px 0px;
    line-height: 150%;
}

.ContentItem .RightContentCol {
    float: right;
    width: 175px;
    margin: 33px 0 0 0;
    padding: 0;
    line-height: 150%;
}

    .ContentItem .RightContentCol .FormLabel
    {
        margin-top: 1.5em;
        font-weight: bold;
    }

/* WebsiteMenu */

.ContentItemWebsiteMenu .MenuItem 
{
    margin-right: 1em;
    font-size: 14px;
    display: inline;
}

    .ContentItemWebsiteMenu .MenuItemNotLast
    {
        float: left; 
    }

    .ContentItemWebsiteMenu .MenuItem:hover
    {
        font-weight: bold;
    }

    .ContentItemWebsiteMenu .MenuItemActive 
    {
        font-weight: bold;
    }

/* Concertseries */

.ContentItemConcertSeries .Code
{
    margin-top: 3px;
    margin-right: 1em;
    float: left;
    color: #be9d56;
}

    .ContentItemConcertSeries h1
    {
        clear: none;
    }

    .ContentItemConcertSeries .Pricing
    {
        margin: 1em 0;
    }

        .ContentItemConcertSeries .Pricing .FormLabel
        {
            font-weight: bold;
            float: left;
            margin-right: 1em;
        }


.ContentItemSummaryConcertSeries {
    padding: 3px 10px 3px 8px;
    margin: 0;
    background: #F5F5F5;
}

.ContentItemSummaryConcertSeriesAlt 
{
    background: none;
}

    .ContentItemSummaryConcertSeries .Code
    {
        width: 120px;
        height: 16px;
        overflow: hidden;
        float: left;
        margin: 0;
    }

/* Ensembles en musici */

.ContentItemEnsemble .Title, .ContentItemMusician .FullName {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 24px;
}

    .ContentItemMusician .FullName {
        margin: 0;
    }

    .ContentItemMusician .Instrument {
        margin-bottom: 20px;
    }

.ContentItemSummaryEnsemble, .ContentItemSummaryMusician {
    margin: 0;
    background: #F5F5F5;
}

.ContentItemSummaryEnsembleAlt, .ContentItemSummaryMusicianAlt 
{
    background: none;
}

    .ContentItemSummaryEnsemble .Title, .ContentItemSummaryMusician .FullName 
    {
        margin: 0;
        padding: 3px 0 3px 10px;
        font-size: 12px;
        font-weight: bold;
    }

        .ContentItemSummaryEnsemble .Title a, .ContentItemSummaryMusician .FullName a {
            color: #000;
        }

    .ContentItemSummaryMusician .Instrument 
    {
        margin: 0;
        padding: 3px 10px 3px 8px;
        float: right;
    }

    .ContentItemSummaryEnsemble .ContentImages, .ContentItemSummaryMusician .ContentImages 
    {
        display: none;
    }

/* Locaties */

.ContentItemSummaryLocation {
    padding: 3px 10px 3px 8px;
    margin: 0;
    background: #F5F5F5;
}

.ContentItemSummaryLocationAlt 
{
    background: none;
}

.ContentItemLocation .RightContentCol .FormField
{
    margin-bottom: 1em;
}

/* Agenda */

.ContentItemAppointment .DateTime {
    font-weight: bold;
}

    .ContentItemAppointment .Description {
        margin-top: 1em;
    }

    .ContentItemAppointment .FormFieldAudioTrack 
    {
        margin-top: 2em;
    }

    .ContentItemAppointment .RightContentCol h2 {
        font-size: 14px;
    }

        .ContentItemAppointment .RightContentCol h2 a {
            color: #000;
        }

    .ContentItemAppointment .ContentItemSummaryEnsemble, .ContentItemAppointment .ContentItemSummaryMusician {
        margin: 0;
        padding: 0;
        background: none;
    }

        .ContentItemAppointment .ContentItemSummaryEnsemble .Title, .ContentItemAppointment .ContentItemSummaryMusician .FullName {
            margin: 0;
            padding: 0;
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            line-height: 150%;
        }

        .ContentItemAppointment .ContentItemSummaryEnsemble .Title a, .ContentItemAppointment .ContentItemSummaryMusician .FullName a {
            color: #be9d56;
        }

        .ContentItemAppointment .ContentItemSummaryMusician .FormFieldFullName 
        {
            display: inline;
            margin-right: 0.5em;
        }
        .ContentItemAppointment .ContentItemSummaryMusician .FullName
        {
            display: inline;
        }

        .ContentItemAppointment .ContentItemSummaryMusician .FormFieldInstrument 
        {
            display: inline;
            text-align: left;
        }
        .ContentItemAppointment .ContentItemSummaryMusician .Instrument
        {
            display: inline;
            float: none;
            padding: 0;
            font-size: 10px;
        }

.ContentItemSummaryAppointment {
    padding: 15px;
    margin: 0;
    background: #F5F5F5;
    line-height: 150%;
}

.ContentItemSummaryAppointmentAlt {background: #fff;}

    .ContentItemSummaryAppointment a {
        color: #000;
    }

    .ContentItemSummaryAppointment .DateTime {
        font-weight: normal;
    }

    .ContentItemSummaryAppointment .FormFieldLocation.Title {
        font-weight: bold;
    }

    .ContentItemSummaryAppointment .ContentItemConcertSeries {
        margin-top: 5px;
    }

        .ContentItemSummaryAppointment .ContentItemConcertSeries .FormFieldTitle, .ContentItemSummaryAppointment .ContentItemConcertSeries .FormFieldCode
        {
            display: inline;
        }

        .ContentItemSummaryAppointment .ContentItemConcertSeries .Title, .ContentItemSummaryAppointment .ContentItemConcertSeries .Code {
            display: inline;
            font-size: 10px;
        }

    .ContentItemSummaryAppointment .LeftCol {
        width: 280px;
    }

    .ContentItemSummaryAppointment .RightCol {
        float: right;
        text-align: right;
        width: 160px;
    }

/* Mini-agenda */

.MiniDiary .ContentItemSummaryAppointment {
    float: left;
    width: 134px;
    height: 152px;
    overflow: hidden;
    background: url("images/footer_bg.png") repeat-x;
    margin: 3px 9px 0 0;
    padding: 0 8px;
    font-size: 11px;
}

    .MiniDiary h1
    {
        margin: 0;
    }

    .MiniDiary .Title
    {
        font-size: 8pt;
    }

    .MiniDiary .Musicians
    {
        margin: 6px 0;
    }

    .MiniDiary .ContentItemEnsemble .Title, .MiniDiary .ContentItemMusician .FullName 
    {
        font-size: 8pt;
    }

/* Radio */

.ContentItemBroadcast .Header
{
    margin-top: 1em;
}

/* Content buttons */

.ContentButtonsTop {
    display: none;
}
.ContentButtons a
{
    font-weight: bold;
}

/* Fix IE6 peek-a-boo */
* html .FormField 
{
    height: 1%;
}

.FormFieldPrice_Amount *, FormFieldPrice_AmountReduced *
{
    display: inline;
    padding-right: 3px;
}

.ContentItemContentGroupFormBase .ContentGroupMenu { display: none; }

div#right .ContentItemContentGroupFormBase { margin-top: -10px; margin-bottom: 25px; }