/* Style sheet © 2007, Nander Cirkel - www.nandercirkel.nl */

html
{
    width: 100%;
    height: 100%;
}

body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: #fff;
    /* font */

    /* center on page workaround */
    text-align: center;

    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    
    scrollbar-base-color: #c3dcb9;
    scrollbar-shadow-color: #c3dcb9;
    scrollbar-darkshadow-color: #777;
}

img.PrintLogo
{
    display: none;
}

/* All pages */

div.Page
{
    position: relative;
    width: 863px;
    height: 100%;
    /* center on page */
    margin: 0px auto 0px auto;
    /* center on page workaround */
    text-align: left;
}

div.Logos
{
    position: absolute;
    left: 750px;
    top: 300px;
    width: 235px;
    text-align: center;
    z-index: 1;
    font-size: 80%;
}
div.Logos2
{
    position: absolute;
    right: 750px;
    top: 300px;
    width: 235px;
    text-align: center;
    z-index: 1;
    font-size: 80%;
}
div.LogosLeft
{
    float: left;
    width: 224px;
}
div.LogosRight
{
    float: left;
    margin-left: 10px;
    width: 224px;
}
div.Logos img
{
    margin-bottom: 10px;
}

div.ContentItemVideoPlayer
{
    text-align: center;
        
}


.ContentItemText img {
   border: none;
}

div.ContentSpacer
{
    padding-top: 250px;
}

div.ContentArea
{
    margin: 0 122px 0px 122px;
    border: solid 1px #607afa;
    background-color: #c3dcb9;
    filter: alpha(opacity=80);
    -moz-opacity: 0.90;
}

div.MainMenu, div.SubMenu
{
    background-color: #607afa;
    background-image: url(images/menu_bg.gif);
    background-repeat: repeat;
}

div.MainMenu ul.Menu, div.SubMenu ul.Menu
{
    width: 617px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
}
div.MainMenu li.MenuItem, div.SubMenu li.MenuItem
{
    white-space: nowrap;
    height: 25px;
    float: left;
}
div.MainMenu li.MenuItem a, div.SubMenu li.MenuItem a
{
    text-transform: uppercase;
    color: #fff;
    margin: 0px 25px 0px 8px;
}

div.Content li.MenuItemActive a
{
    font-weight: bold;
}

div.Content
{
    padding: 15px 20px 15px 20px;
}

div.MarginImages
{
    float: left;
}
div.MarginImages img
{
    margin-right: 20px;
    margin-bottom: 10px;
}

div.ImageArtists
{
    padding-left: 120px;
    background-image: url(artwork/artists.jpg);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-attachment: fixed;
}

div.Copyright
{
    margin: 5px 122px 0px 122px;
    color: #777;
    font-size: 7pt;
    clear: both;
}
div.Copyright a
{
    color: #777;
}

div.Actie
{
    margin: 5px;
    padding: 10px;
    border: dotted 1px #444;
    background-color: #d3ecc9;
}
div.Actie h1
{
    margin: 0px;
}
div.Actie p
{
    margin: 0px;
}

div.Featured
{
    float: right;
    width: 200px;
    padding: 10px;
    margin-left: 20px;
    border: solid 1px #888;
}

.FloatRight
{
    float: right;
}

.ImageMargin
{
    float: right;
    font-size: 80%;
    width: 130px;
    padding-left: 15px;
    line-height: normal;
}

.ImageMargin img
{
    border: solid 1px #888;
}

.ImageMarginLeft
{
    float: left;
    font-size: 80%;
    padding-right: 15px;
    line-height: normal;
    padding-top: 15px;
}

.ImageMarginLeft img
{
    border: solid 1px #888;
}

/* Page: programma */

.ScheduleBlock
{
    text-align: center;
    padding-top: 60px;
}
.ScheduleBlock a
{
    text-decoration: none;
    padding: 20px;
    color: #000;
    font-size: 150%;
    line-height: 150%;
    color: #3958f3;
}

.Schedule
{
    margin-top: 40px;
}

.Schedule p
{
    margin: 0px;
    padding: 0px;
}

.Schedule .ContentGroup
{
    margin-top: 20px;
}

.Schedule .ContentGroupHeader
{
    font-size: 120%;
    font-weight: bold;
    line-height: normal;
}

.ScheduleItem
{
    margin-bottom: 8px;
}

.ScheduleLocation
{
    margin-top: 10px;
    font-style: italic;
}
.ScheduleLocationName
{
    display: inline;
    font-weight: bold;
}
.ScheduleLocationAddress
{
    display: inline;
}

.ScheduleTime
{
    float: left;
    position: relative;
    left: -5px;
    top: 4px;
    color: #fff;
    background-color: #000;
    font-size: 80%;
    line-height: normal;
    padding-left: 5px;
    padding-right: 5px;
}

.ScheduleTimeStart
{
}

.ScheduleTimeFinish
{
}

.ScheduleContent
{
}

.ScheduleContent h2
{
    line-height: 160%;
    margin: 0px;
    padding: 0px;
}

.ScheduleAdmission
{
    font-style: italic;
}

.ScheduleContentMusicians
{
    font-style: italic;
}

.ScheduleContentMusicianName
{
}

.ScheduleContentMusicianInstrument
{
}

.ScheduleRepertoire
{
}

.ScheduleRepertoireComposer
{
    font-weight: bold;
}

.Uitgelicht
{
    margin: 5px;
    padding: 10px;
    border: solid 1px #444;
    background-color: #d3ecc9;
}

/* Page: artiesten */

.Person
{
    clear: left;
    margin-bottom: 40px;
}

.Person h2
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.Person p
{
    margin-top: 0px;
    padding-top: 0px;
}

.Person img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

.MapImage
{
    width: 210px;
    float: left;
    margin-right: 10px;
}

/* Content: Musicians */

.ContentItemMusician h2
{
    margin-bottom: 0;
}

    .ContentItemMusician .FullName
    {
        font-size: 11pt;
    }

    .ContentItemMusician .Instrument 
    {
        font-weight: bold;
    }

.ContentItemSummaryMusician
{
        padding: 5px;
        border: dotted 1px #444;
        background-color: #d3ecc9;
}

    .ContentItemSummaryMusician .ContentImages
    {
        float: left;
        width: 120px;
        height: 120px;
    }

    .ContentItemSummaryMusician .FormFieldAppointment
    {
        margin-top: 1em;
        font-size: 8pt;
    }

        .ContentItemSummaryMusician .FormFieldAppointment .ContentItem
        {
            margin: 0 1em 0 0;
        }

            .ContentItemSummaryMusician .FormFieldAppointment .ContentItem .DateTime
            {
                float: left;
                background-color: Transparent;
                color: #000;
                padding: 0;
                margin: 0 3px 0 0;
            }

/* Content: Location */

.ContentItemLocation .Title 
{
    font-weight: bold;
}

    .ContentItemLocation .FormFieldGoogleMap 
    {
        margin-top: 1em;
        width: 300px;
        border: solid 1px #888;
    }

.ContentItemSummaryLocation .ReadMore a
{
    font-size: 8pt;
    text-decoration: underline;
}

/* Content: Agenda */

.ContentItemAppointment h2
{
    margin-top: 0;
}

    .ContentItemAppointment .DateTime
    {
        display: inline;
        background-color: #000;
        color: #fff;
        font-size: 8pt;
        padding: 0 4px;
        margin-left: -4px;
    }
    
    .ContentItemAppointment .FormFieldDateTime
    {
        display: inline;
    }
    
    .ContentItemAppointment .FinishDateTime
    {
        display: inline;
        background-color: #000;
        color: #fff;
        font-size: 8pt;
        padding: 0 4px 0 0;
    }
    
    .ContentItemAppointment .FormFieldFinishDateTime
    {
        display: inline;
    }

    .ContentItemAppointment .LocationGroup div 
    {
        display: inline;
        font-weight: bold;
        margin-right: 3px;
    }

    .ContentItemAppointment .FormFieldMusician
    {
        float: right;
        width: 200px;
        padding: 5px;
        border: dotted 1px #444;
        background-color: #d3ecc9;
    }
    
        .ContentItemEditAppointment .FormFieldMusician
        {
            float: none;
            width: auto;
            padding: 0;
            border: none;
            background-color: transparent;
        }
    
        .ContentItemAppointment h2
        {
            font-size: 16pt;
        }

        .ContentItemAppointment .ContentItemMusician 
        {
            border: none;
            height: auto;
            margin: 0;
        }
        
        .ContentItemAppointment .ContentItemMusician .FullName
        {
            font-size: 10pt;
        }
    
        .ContentItemAppointment .ContentItemMusician .FormFieldFullName
        {
            display: inline;
            margin-right: 0.5em;
        }

            .ContentItemAppointment .ContentItemMusician .FormFieldFullName div
            {
                display: inline;
            }

        .ContentItemAppointment .ContentItemMusician .FormFieldInstrument
        {
            display: inline;
        }

            .ContentItemAppointment .ContentItemMusician .FormFieldInstrument div
            {
                display: inline;
            }

    .ContentItemAppointment .Body 
    {
        margin-top: 1em;
        padding: 5px;
        border: dotted 1px #444;
        background-color: #d3ecc9;
    }

    .ContentItemAppointment .FormFieldShopInfo 
    {
        margin-top: 1em;
        padding: 5px;
        border: dotted 1px #444;
        background-color: #d3ecc9;
        background-image: url(images/reserveeronline.gif);
        background-position: 5px 5px;
        background-repeat: no-repeat;
        padding-top: 50px;
    }

        .ContentItemAppointment .FormFieldShopInfo .AddToCartLink
        {
            display: block;
            font-size: 12pt;
            text-decoration: underline;
            margin-top: 1em;
        }

.ContentItemSummaryAppointment h2
{
    margin-bottom: 0;
}

    .ContentItemSummaryAppointment .ShopInfo_ShowInShopField
    {
        float: right;
    }

    .ContentItemSummaryAppointment .ShopInfo_ShowInShopField a
    {
        display: block;
        width: 111px;
        height: 35px;
        background-image: url(images/reserveeronline.gif);
        margin-right: 1em;
    }

.ContentItemSummaryLocation
{
        padding: 5px;
        border: dotted 1px #444;
        background-color: #d3ecc9;
}

.ContentButtonsTop
{
    display: none;
}

.ClearBoth 
{
    clear: both;
}

.Archief .ContentItemSummaryMusician .ContentImages
{
    width: 80px;
    height: 60px;
}

.MenuItemAdd a
{
    color: #000;
}