

/* new*/

.mainbox {
    padding-bottom: 30px;
    background: url(../../pic/image/divider-main.jpg) center bottom no-repeat; 
    
    }

    .mainbox_left {
        float: left;
        width: 450px;
        }
    
    .mainbox_right {
        float: left;
        width: 170px;
        margin-left: 30px;
        }
        
        .mainbox_right img {
            margin-bottom: 8px;
           
            }
        
        .mainbox_right h2 {
        text-align: center;
            }


.mainbox h2 {
    text-transform: uppercase;
    font-size: 1.85em;
    font-weight: bold;
    color: #631701; 
    border-bottom: 1px solid #a87c65;
    text-shadow:1px 1px 2px #b3b3b3;
    }
    
.mainbox h2 a.festname {
    cursor: pointer;
    font-size: 1.5em;
    padding-left: 5px;
    color: #811a02;  
    padding: 0px 10px;  
            
    
    }
.mainbox h2 a.festname:hover {
    background-color: #4e1301;
    color:#f1ad08;
     text-shadow: none;
      padding: 0px 10px;
    }

.mainbox .festreference {
    font-size: 1.3em;
    font-weight: bold;
    color: #631701; 
    margin-top: 0;
    margin-bottom: 5px;
    
    }

.mainbox p{
    margin-left: 20px;
    }
    
.mainbox p.flyerbox {
    padding-top: 5px;
    margin: 0;
    }
    
.mainbox p.flyerbox a {
    margin: 0;
    background: 0;
    padding: 0;
    }
    
.mainbox p.flyerbox img {
     width: 195px;
     float: left;
     margin-left: 13px;
     }
     
     .mainbox ul {
        padding:0;
        margin: 0;
        list-style: none;
       
        
        }
        
    .mainbox li {    
        display: block;
       
        }
        
    .mainbox li a { 
        display: block; 
        padding: 7px 2px 7px 3px; 
        color: #5c2214; 
        background: #ede8db url(../../pic/image/arrow_right_inactiv.gif) no-repeat right ;
        background-position: 97%;
        }

    .mainbox li a:hover {    
        background: #4e1605 url(../../pic/image/arrow_right2.jpg) no-repeat right;
        background-position: 97%;
        color: #f1ad09;
        }
    
    .mainbox li span.listDate {
        display: block;
        float:left;
        width: 48px;
        font-size: 0.8em;
        padding-left: 2px;
        /*border-right: 1px dashed #9b8f81;
        margin-right: 5px;  */
        }
     
    

    
    


        div#accordion{
            padding: 0 0 0 10px;
            width: 440px; 
            
            }
            
        h4.ui-accordion-header{
            position: relative; 
            padding: 0;
            margin: 0;
            background: transparent url(../../pic/accordion-menu-bg.jpg) no-repeat scroll 0 0; 
            border-bottom: none;
            margin-top: 2px;    
            }
            

            
        h4.ui-accordion-header a{
            height: 28px;
            padding: 0;
            display: block;
            padding-left: 40px;
            padding-top: 12px;
            color: #400d01; 
           }
           
        h4.ui-accordion-header a:hover{
            color: #6a0d01; 
            background: none;
            }
        h4.ui-accordion-header img.accordtype{
            border: none;
            float: right;
            background: none;
            margin-top: -5px;
            margin-left: 0;
            margin-right: 5px;
            width: 18px;
            }
        h4.ui-accordion-header span.typeright{
            border: none;
            float: right;
            background: none;
           
            margin-left: 0;
            margin-right: 5px;
            font-size: 0.7em;
            color: #876b5c;
            text-align: left;
            width: 35px;
            font-weight: normal;
            }
            
        h4.ui-accordion-header span.typeright img{
            border: none;
            background: none;
            margin-top: -4px;
           }

            
            
        h4.ui-state-active{
            color: #4d1406; 
            background-position:left bottom;
            }
        h4.ui-state-active a{
            color: #f1ad08; 
            
           
            }
        h4.ui-state-active a:hover{
            color: #fdb404; 
           
            }
            
            
        ul.ui-accordion-content{
            overflow: hidden;    /* required for effect */
            margin: 0;
            padding: 0;
            }


        ul.ui-accordion-content li {
           color: #631a09; 
           padding: 6px 5px 9px 5px;
           background: #f5f2ea;
           margin: 0 3px 6px 3px;
           margin-top: 0;
           border-left: 1px solid #e5e1d9;  
           border-bottom: 1px solid #dfdbd2;  
           border-right: 1px solid #dfdbd2;  
           float: left;
           }
       
        ul.ui-accordion-content li a {
             display: inline;
             background: none;
            }
            
        ul.ui-accordion-content li a:hover{
            background: none;
            }
        
        ul.ui-accordion-content img.leadImg{
            float: left;
            margin: 0;
            margin-right: 10px;
            width: 140px;
            margin-bottom: 0;
            }
                
        ul.ui-accordion-content li span.creator{
            background: url(../../pic/image/icon/write.gif) no-repeat;
            padding-left: 20px;
            padding-bottom: 2px;
            margin: 0;
            color: #786860;
            border-bottom: 1px dashed #e2dbc8;
            margin-bottom: 5px;
            float: left;
            width: 230px;
            display: block;  
            margin-bottom: 3px;
            }

        ul.ui-accordion-content li span.freshText {
            float: left;
            display: block;
            width: 260px;
            text-align: justify;
            font-size: 1.0em;
            }
    
        ul.ui-accordion-content a img.arrow{
            float: right;
            width: auto;
            display: inline;
            margin-top: 3px;
            margin-right: 0;
            margin-bottom: 0;
            margin-top: -15px;
            }
            
        ul.ui-accordion-content a {
            display:block;
            }

        ul.ui-accordion-content a:hover {
            color: #2c271e;
            }
    
        ul.ui-accordion-content li font.firstLetter{
            font-size: 1.6em;
            padding-right: 2px;
            float: left;
            }
    
     /* főoldali partnerlogo link hover alól kivesszük a bordó hátteret*/
        a.nobg {
            padding: 0;
            display: block;
            margin-bottom: 10px;
            }
            a.nobg:hover {
            background: none;
            }
    
    
    /* főoldali jobbra floatolt tovább nyíl*/
    .mainrightarrow {
        float: right;
        
        
    }
    
    .mainrightarrow a {
       font-size: 1.1em;
       padding: 4px;
       background: #f0eee9;
       border-bottom: 1px dashed #faf9f7;
       margin-right: 10px;
       margin-top: 5px;
    }
    .mainrightarrow a:hover {
        background-color: #ffffff;
        color:#863d03;
        
        
    }
    
    /* galéria box*/ 
     
            .mainbox ul.galleryList {
                display: inline;
                list-style: none;
                }
                
            .mainbox ul.galleryList  li{
                float: left;
                border: 1px solid #baaf92; 
                margin: 5px 4px 10px 13px;
            
                }
                
            .mainbox ul.galleryList  li span.galleryEvent{
                display:block;
                font-size: 1.2em;
                margin-bottom: 8px;
                font-weight: bold;
                text-align: center;
                }
                
                
            .mainbox ul.galleryList li a{
                display: block;
                padding: 10px 7px 20px 7px;
                margin: 0;
                background-color: #e5e2db; 
                }
                
                
            .mainbox ul.galleryList  li span.galleryTitle{
                display: block;
                padding: 4px;
                font-weight: bold;
                text-align: center;
                font-size: 1.1em;
                } 
                
                
            .mainbox ul.galleryList li .borderImg {
                padding: 5px;
                }
                
                
                
            .mainbox ul.galleryList li a:hover{
                background-position: 50% 98%; 
                border: none;
                background-color: #4e1605;
                }
            
            .mainbox ul.galleryList li p {
                padding: 5px;
                margin: 0;
                text-align: center;
                font-size: 0.8em;
                background-color: #eeeae0;
                border-top: 1px solid #cfc6b0;
                }
                
            .mainbox ul.galleryList li a.galleryCat {
                display: inline;
                padding: 0;
                margin:0;
                color: #4e1605;
                background: none;
                }
                
            .mainbox ul.galleryList li a.galleryCat:hover {
                background: none;
                color: #8c0f02;
                }     
     
     
     
     
/* koncert box*/
    
    .mainbox table.concertList {
        border: 0;
        margin-left: 20px;
        background-color: #edeae4;
        width: 96%;
        
        }
        
    .mainbox table.concertList .calendarIcon {
         width: 20%;
         }
    .mainbox table.concertList .eventBox {
         width: 73%;
         }
         
    .mainbox table.concertList .eventBox table{
         width: 560px;
         }

        
    .mainbox table.concertList .calendarIcon span.month, span.day, span.daytext { 
        padding-left: 8px;
        margin-left: 0;
        }
    .mainbox table.concertList .calendarIcon span.month {
        margin-top:7px;
        }
    .mainbox table.concertList .calendarIcon span.day {
        margin-top: 2px;
        }
    .mainbox table.concertList .calendarIcon span.daytext {
        margin-top: -5px;
        font-size: 0.6em;
        font-weight: normal;
        }
    
    
    
     .mainbox table.concertList .eventBox .eventBoxPlace{
        display: block;
        padding-left: 10px;
        padding-top: 5px;
        }
    
      .mainbox table.concertList .eventBox .eventDivider{
            border: 0;
            height:1px;
            padding: 0;
            margin: 0;
            background-color: #ec7400;
            }
  

            
    .mainbox table.concertList .eventBox .eventBoxArtist{
        padding-bottom: 0;
        margin-bottom: 2px;
        }
            
       .mainbox table.concertList .eventBox a.eventBoxLink{
            border: 1px solid #faf9f7;
            background-color: #f0eee9;
            margin-bottom: 7px;
            padding-bottom: 2px;
            }
            
        .mainbox table.concertList .eventBox a.eventBoxLink:hover{
            border: 1px dashed #bbb3b0;
            background-color: white;
            }
                            
            
      .mainbox table.concertList .eventBox .eventText{
        font-size: 1.2em;
        line-height: 150%;
        padding-left: 3px;
        padding-bottom: 3px;
        display: block;
        }
      
      .mainbox table.concertList .eventBox .eventTitle{
        font-weight: bold;
        text-transform: uppercase;
        }
      
      .mainbox table.concertList .eventBox .belepoRight{
        display:block;
        float: right;
        padding-right:5px;
        padding-top: 2px;
        }
      
    
     
   /* random fotók*/
   
   .mainbox_randompar {
   margin-left: 10px;
   margin-top: 20px;
   
   }
   .mainbox_randompar .imgWithSticker {
   float:left;
   margin-left: 12px;
   }
     
     
     
     
     
/* - KEZDÖLAP KIS- és NAGY BOX: - */  
    .boxLeft, .boxRight{
        width:307px;    
        margin-right: 20px;
        }
        
    .boxRight  {
        margin-right: 0;
        }
            
            
            
            
            
    .boxTitle {
        border: 1px solid #381303;
        height: 28px;
        background-color: #411806;
        padding: 4px;
        border-bottom:1px solid #1b0301;
        }

    .boxTitle a, .boxTitle .noLink {
        display:block;
        background-image:url(../../pic/image/bg_boxtitle.gif); 
        background-repeat: no-repeat;
        padding: 5px 0 0 30px;
        height: 20px;
        border: 1px solid #7b3900; 
        color: white;
        font: 1.4em Arial, serif; 
        text-transform: uppercase;
        font-weight: bold;
        /* letter-spacing: 0.3px; */
        }
        
    .boxTitle a:hover {
        color: #fae9b4;
        border-color: #a66613;
        }
     

     
        a.boxFirstRow span {
            display: block; 
             }
        a.boxFirstRow {
            display: block;
            padding-bottom: 5px;
            background-color: #f5f2ea;
            color: #631a09;
            }
            
        a.boxFirstRow:hover {
            background-color: white;  
            color: #631a09;
            }

        .boxFirstRow .boxFirstTitle {
            display: block;
            padding: 8px 4px 6px 6px;
            font-weight: bold;
            color: #631a09;
            font-size: 1.2em;
            background-color: white;  
            }

        /*.boxFirstRow a.boxFirstTitle:hover {
            color: #8c0f02;
            background-color: #ffffff;
            }     */
    
        .boxFirstDate {
            padding: 5px 0 2px 9px;
            border-top: 1px dashed #c6aea6;
            margin-bottom: 5px;
            background-color: #f8f6ef;
            color: #773425;  
            font-size: 0.8em;
            border-bottom: 1px dashed #c6aea6;
            }        
            
        .boxFirstDate img{
            border:none;
            background: none;
            vertical-align: middle;
            padding-right: 8px;
            margin-top: -5px;
            }
           
           
        /*.boxFirstRow .boxFirstSource {
            float: right;
            margin-top:-15px;
            }  */
            
        .boxLeadContent {
            padding: 5px 9px 15px 6px; 
            display:block;
                  
            }
            
       /* .boxLeadContent a{
            padding: 5px 9px 20px 6px; 
            display:block;
            color:#241A09;
            background-color: #f5f2ea;
            }
            
        .boxLeadContent a:hover{
            background-color: white;
            color:#721401;   
            }    */
            
        .boxLeadContent .borderImg {
            width: 100px;
            margin-right: 7px;
            padding: 3px;
            /* height: 90px;  */
            }
            
    .boxListContent ul {
        padding:0;
        margin: 0;
        list-style: none;
        border-top: 1px dotted #70634f;  
        
        }
        
    .boxListContent li {    
        display: block;
        border-bottom: 1px dashed #aa9d89;
        }
        
    .boxListContent li a { 
        display: block; 
        padding: 7px 2px 7px 3px; 
        color: #5c2214; 
        background: #ede8db url(../../pic/image/arrow_right_inactiv.gif) no-repeat right ;
        background-position: 97%;
        }

    .boxListContent li a:hover {    
        background: #4e1605 url(../../pic/image/arrow_right2.jpg) no-repeat right;
        background-position: 97%;
        color: #f1ad09;
        }
    
    .boxListContent li span.listDate {
        display: block;
        float:left;
        width: 48px;
        font-size: 0.8em;
        padding-left: 2px;
        /*border-right: 1px dashed #9b8f81;
        margin-right: 5px;  */
        }
      
      
   /* GALLERY */   
      
    .boxListContent ul.galleryList {
        display: inline;
        }
        
    .boxListContent ul.galleryList  li{
        float: left;
        border: 1px solid #baaf92; 
        margin: 15px 4px 10px 10px;
        }
        
    .boxListContent ul.galleryList  li span.galleryEvent{
        display:block;
        font-size: 1.2em;
        margin-bottom: 8px;
        font-weight: bold;
        text-align: center;
        }
        
        
    .boxListContent ul.galleryList li a{
        display: block;
        padding: 10px 7px 20px 7px;
        margin: 0;
        background-color: #f1ede4; 
        }
        
        
    .boxListContent ul.galleryList  li span.galleryTitle{
        display: block;
        padding: 4px;
        font-weight: bold;
        text-align: center;
        font-size: 1.1em;
        } 
        
        
    .boxListContent ul.galleryList li .borderImg {
        padding: 5px;
        }
        
        
        
    .boxListContent ul.galleryList li a:hover{
        background-position: 50% 98%; 
        border: none;
        background-color: #4e1605;
        }
    
    .boxListContent ul.galleryList li p {
        padding: 5px;
        margin: 0;
        text-align: center;
        font-size: 0.8em;
        background-color: #eeeae0;
        border-top: 1px solid #cfc6b0;
        }
        
    .boxListContent ul.galleryList li a.galleryCat {
        display: inline;
        padding: 0;
        margin:0;
        color: #4e1605;
        background: none;
        }
        
    .boxListContent ul.galleryList li a.galleryCat:hover {
        background: none;
        color: #8c0f02;
        }


      
      
    .boxDivider {
        height: 28px;
        background: #e9e3d4 url(../../pic/image/divider.jpg) center bottom no-repeat;
        }