/* --- VOORSTELLINGEN LIJST -------------------------------- */
.agendalijstitem
{
   
    position: relative;
    height: 36px;
    padding: 0px;
    background-color: #fff;
    border-bottom: 1px solid #000;
    
}

    .agendalijstitem .col1
    {
       position: absolute;
       width: 50px;
       top:0px;
       left: 0px;
       margin-top: 4px;  
    }
    
    .agendalijstitem .col1 .img
    {
        height: 28px;
        width: 43px;
    }


    .agendalijstitem .col2
    {
       position: absolute;
       top:0px;
       left: 50px;
       width: 80px;
       margin-top: 4px;
       
    }
        .agendalijstitem .col2 .datum
        {
            text-transform:  uppercase;
            font-size: 0.8em;
            font-weight: 600;
            height: 17px;
        }
        .agendalijstitem .col2 .datum .maand
        {
            text-transform:  lowercase;
            font-size: 0.8em;
            font-weight: 600;
        }
        
        .agendalijstitem .col2 .tijd
        {
            font-size: 0.6em;
           
        }

    .agendalijstitem .col3
    {
        margin-top: 4px;
        position: absolute;
        top:0px;
        left: 130px;
        width: 80px
        
    }
    
         .agendalijstitem .col3 .genre
         {
             font-size: 0.6em;
             line-height: 1.5em;
             height: 17px;
         }

        .agendalijstitem .col3 .festival
        {
            font-size: 0.6em;
        }
     
    .agendalijstitem .col4
    {
        margin-top: 4px;
        position: absolute;
        top:0px;
        left: 215px;
        width: 225px;     
    }
    
         .agendalijstitem .col4 .titel
         {
             font-size: 0.7em;
			 font-weight: bold;
             line-height: 1.1em;
             height: 17px;
   
         }

        .agendalijstitem .col4 .meer
        {
            font-size: 0.6em;

        }
        
    .agendalijstitem .col5
    {
        margin-top: 4px;
        position: absolute;
        top:0px;
        left: 440px;       
    }
        .agendalijstitem .col5 img
        {
            margin-top: 5px;
        }
        


.agendalijstitem:hover
{
    background-color: #d6d6d6;
}


.geweest * {color: #626262;}

/* --- VOORSTELLING DETAIL -------------------------------- */
#voorstelling h2 a
{
    color: #626262;    
}
#voorstelling .contentareaheader .visual 
{
    text-align: right;
}




/* --- GASTENBOEK -------------------------------- */
#gastenboek 
{
	width: 565px;
}
#gastenboek .row {margin-bottom: 1px;}

#gastenboekform 
{
    font-size: 0.8em;
    line-height: 1.4em;
    margin: 15px 0; 
    padding: 5px 0; 
}
#gastenboekform label
{
	display: block;
	width: 170px;
	float: left;
    font-weight: bold;
    height: 18px;
    text-transform: uppercase;
}
#gastenboekform input,
#gastenboekform textarea 
{
    border: none; 
    background-color: #ffee01;
}
#gastenboekform input 
{
    height: 18px;
    width: 185px;
}
#gastenboekform textarea 
{
    height: 80px;
    width: 390px;
    overflow: hidden;
}
#gastenboekform input.submitbtn
{
    font-weight: bold;
    padding-bottom: 4px;
}
#gastenboekform input.submitbtn:hover
{
    cursor: pointer;
}



#gastenboeklijst {}
#gastenboeklijst .item {margin-top: 15px;}
#gastenboeklijst .item .info {padding: 2px 5px; font-size: 10px; background-color: #ffee01;}
#gastenboeklijst .item .info .naam {font-size: 13px;}
#gastenboeklijst .item .info .datum {float: right; font-size: 13px;}
#gastenboeklijst .item .bericht {font-size: 13px; padding: 5px; }