@font-face {
 font-family: custom;
 src: url("/_css/custom.eot") /* EOT file for IE */
}
@font-face {
 font-family: custom;
 src: url("/_css/custom.ttf") /* TTF file for CSS3 browsers */
}
.mf{
    display:block;
    position:absolute;
    top:0px;
    left:0px; 
    margin-left:10px;
}
.content h1{     
    clear:both;
    padding:5px 0px 5px 0px;
    font-family:custom; 
    font-size:50px;
}    
.social{
padding-top:20px;
    float:right;
    width:50px;
}

h1 span{
    color:black;
}
body{
    background-attachment:fixed;
    background-image:url(/_img/bg.png);  
    font-size:13px;
}
a{
    color:#395669;
} 
.selected,
a:hover{
    color:#395669;
}
.lnk{                
    border:1px solid #FFF;
    cursor:pointer;
}
.lnk:hover{
    
}
.content h1{   
    color:#395669;
}      
.content h1 b,
.content h1 strong{
    color:#000;   
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:left;  
    padding:5px 0px 5px 25px;
}
.content h2{    
    color:#395669;  
    padding:5px 0px 10px 0px;
}          
.content h3{
    padding:5px 0px 5px 0px; 
    background-image:none;
    clear:both;
}
.content h3 span,
.content h3 a span{
    color:#395669;
}
.adres span{
    color:#395669;
}
.film h2{
    color:#B95124;   
}   
.film .item h2{    
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:0px 14px;    
    padding:5px 0px 5px 20px;
}     
.agenda .item h2{    
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:0px 14px;    
    padding:5px 0px 5px 20px;
}      
.agenda .item h3{
    background-image:url(/_img/arrow_small.png);
    background-repeat:no-repeat;
    background-position:0px 6px; 
    padding:0px 10px 0px 15px; 
    clear:none;    
    float:left;
}        
   
.item h4{
    background-image:url(/_img/arrow_small.png); 
    background-repeat:no-repeat;
    background-position:0px 6px; 
    color:#000;            
    padding:5px 10px 0px 15px; 
    clear:none; 
    float:left;
    text-decoration:none;    
    text-transform:lowercase;
}
.item h4 a{          
    color:#000;            
    text-decoration:none;
    text-transform:lowercase;
} 


.agenda .item h4{  
    background-image:url(/_img/arrow_small.png); 
} 
.agenda .item h4 a:hover{  
    color:#B95124;
}     
.film .item h4{
    background-image:url(/_img/arrow_film_small.png); 
}
.film .item h4 a:hover{  
    color:#B95124;
}

  
.theater .item h4{
    background-image:url(/_img/arrow_small.png); 
}
.theater .item h4 a:hover{  
    color:#395669;
}

  
.expo .item h4{
    background-image:url(/_img/arrow_expo_small.png); 
}
.expo .item h4 a:hover{  
    color:#B1006B;
}


body.film{
    background-image:url(/_img/bg_film.png);
} 
.film a{
    color:#B95124;
}  
.film .selected,
.film a:hover{
    color:#B95124;
}
.film h1{   
    color:#B95124;
}      
.film .item h2{    
    color:#B95124;   
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:0px 14px;  
    padding:5px 0px 5px 20px;
    
} 
.film .item h3{
    background-image:url(/_img/arrow_film_small.png); 
    background-repeat:no-repeat;
    background-position:0px 6px; 
    padding:0px 10px 0px 15px; 
    clear:none; 
    float:left;
}        
.film .item h3 span{
    color:#000;
}
.film .adres span{
    color:#B95124;
} 
  
body.theater{
    background-image:url(/_img/bg_theater.png);
}      
.theater .item h2{    
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:0px 14px;  
    padding:5px 0px 5px 20px;
}      

.theater .item h3{
    background-image:url(/_img/arrow_small.png); 
    background-repeat:no-repeat;
    background-position:0px 6px; 
    padding:0px 10px 0px 15px; 
    clear:none;  
    float:left;
}  

.theater .selected,
.theater a:hover{
    color:#395669;
}      
body.expo{
    background-image:url(/_img/bg_expo.png);
}

.expo a{
    color:#B1006B;
}  

.expo .selected,
.expo a:hover{
    color:#B1006B;
}     
.expo  h1,  
.expo .item h1{   
    color:#B1006B;
}      
.expo .item h2{    
    color:#B1006B; 
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:0px 14px;  
    padding:5px 0px 5px 20px;
}      
.expo .item h3{
    background-image:url(/_img/arrow_expo_small.png);
    background-repeat:no-repeat;
    background-position:0px 6px; 
    padding:0px 10px 0px 15px; 
    clear:none;    
    float:left;
}        
.expo .item h3 span{
    color:#000;
}
.expo .adres span{
    color:#B1006B;
}   

html,
body {
   font-family:"Helvetica Narrow", Arial;
   margin:0;
   padding:0;
   height:100%;
}
p, td, th, input , textarea, button, li, a{
    font-family:"Helvetica Narrow", Arial;   
    font-size:13px;
}
    
.content h3 a {
    color:#000;    
    font-family: custom;
    text-decoration:none;
    text-transform:uppercase;
}
.page{
	border-collapse: separate;
	border-spacing: 20px;
    width:1000px;
    margin-right:auto;
    margin-left:auto;   
    height:100%;
}
.page tr td{
    vertical-align:top;
}
.header{
    position:relative;
    padding:20px;
    background-color:#FFF;
    height:90px;
    padding-left:250px;
}
.logo{
}
.menu{
    
}
.menu ul{
margin-left:-18px;

}
.menu li{           
    text-align:left;
    float:left;
    font-size:40px;
    display:block;
    color:#000;
    text-transform:uppercase;  
    font-family:custom;  
    text-decoration:none;     
    padding:0px 20px 0px 20px;
    background-image:url(/_img/arrow.png);
    background-repeat:no-repeat;
    background-position:0px 16px;
}
.menu li a{
    text-align:left;
    float:left;
    font-size:40px;      
    
    display:block;
    color:#000;
    text-transform:uppercase;  
    font-family:custom;  
    text-decoration:none;     
    
} 
.menu ul li:first-child{
    background-image:none;
}

.menu ul li ul li{   
    background-image:none;  
    font-size:30px;
    padding:0px; 
    float:left;
    
}
.menu li li a{
  font-size:30px;  
    padding:0px 10px 0px 15px; 
    background-image:url(/_img/arrow_small.png);
    background-repeat:no-repeat;          
    background-position:left;
}
.maand{
    background-color:#FFF;   
    padding:10px;    
    margin-bottom:20px;
}
.sub{
    background-color:#FFF;   
    padding:10px;    
    margin-bottom:20px;
}
body .sub a{
    display:block;
    color:#000;   
    font-family:custom;  
    text-decoration:none;
    padding:5px 0px 5px 15px;    
    margin-left:5px; 
    font-size:25px;
    background-image:url(/_img/arrow_small.png);
    background-repeat:no-repeat;
    background-position:0px 14px;   
}
.sub li li a{
    margin-left:25px;
    font-size:18px;
}
.sub li li li a{
    margin-left:50px;
    font-size:18px;
}                 
.sub li li li li a{
   margin-left:20px;
    font-size:16px;
}
.algemeen{
    background-color:#FFF;
    padding:10px;
}
body .algemeen  a{      
    font-size:25px;
    display:block;
    color:#000;   
    font-family:custom;  
    text-decoration:none;
    padding:5px 0px 5px 15px;      
    margin-left:5px;
    background-image:url(/_img/arrow_small.png);
    background-repeat:no-repeat;
    background-position:0px 14px;   
}
.main{
    height:100%;
}
.content{   
    background-color:#FFF;   
    padding:10px;
    position: relative;
    min-height: 100%;
    height:auto !important; /* voor moderne browsers */
    height:100%;  
}  
.content p{
    padding-bottom:15px;
    padding-top:5px;
}
.content h2{     
    clear:both;
    font-family:custom; 
    font-size:25px;
    padding:0px;
}
.content h2 span{    
    background-image:url(/_img/arrow_black.png);
    background-repeat:no-repeat;
    background-position:left;
    color:black;
    margin-left:10px;
    padding-left:20px;
}
.content h3{   
    display:block;
    font-family:custom;  
    color:#000;
    font-size:20px;
}

.content h3 span{
    padding-right:5px;
}        
.content ul{
    margin:5px 0px 10px 25px;
}
.content li{
    list-style-image: url(/_img/arrow_small.png); 
    padding:0px;
    margin:0px 0px 5px 25px;
}

.adres {
   margin-top:20px;
   padding:10px;
   background-color:#FFF;
   text-transform:uppercase;  
   font-family:custom;  
   font-family:10px;
}         
.adres td{
    padding:5px;     
   font-family:custom;  
   font-family:10px;  
   white-space:nowrap;
}
.clear {
    clear:both;   
}
     
.item td{
    vertical-align:top;
}
.item{
    clear:both;  
    width:100%; 
    margin-bottom:20px;
}
.item .img {
    width:175px;
    height:250px;
    background-repeat:no-repeat;
    background-position:center;  
}/* --- from inline --- */
.detailInfoView{
    display:none;
    position:absolute;
    top:0px;
    left:450px;  
    width:auto;                                                                    
}
.ui-datepicker-prev {
    padding:4px;
    width:18px;
    height:18px;
    float:left;
    display:block;
    cursor:pointer;
}
.ui-datepicker-title {
   font-size:12px;
   text-align:center;
   line-height:23px;
    
}
.ui-datepicker-year,
.ui-datepicker-month {
    text-transform: uppercase;
    color: #395669;
}

.ui-datepicker table{
  margin:5px;
    
}
.ui-datepicker-next {
    padding:4px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;
    display:block;
}
.ui-datepicker-next:hover {
    background-position: right bottom;
}
.ui-datepicker-week-end{

    
}       
#datepicker .ui-state-default{
    padding:5px;  
    color:#666; 
    display:block;
    text-decoration:none;
    border:1px solid #ccc;
}
#datepicker .ui-state-default:hover {
    display:block;
    border:1px solid #395669;
}
#datepicker .ui-state-highlight {
    border:1px solid #395669;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
}   
                      
#datepicker .ui-state-active  .ui-state-default{
    background-color:#395669;
    border:1px solid #395669;
    font-weight:bold;   
    color:#FFF:
    
}
#datepicker .ui-state-active:hover {
    color:#FFF;                     
    background-color:#395669;
    
}
#datepicker .ui-datepicker-calendar tr td {   
  text-align:center;
} 
#datepicker .ui-datepicker-calendar tr th span {
    text-transform:uppercase;
    color:#395669;
    padding:5px;
}
#datepicker .ui-state-disabled .ui-state-default {
    color:#CDCDCD;
}                    
#datepicker .ui-state-disabled .ui-state-default:hover {
    display:block;
    border:1px solid #ccc;
}
a.thumb {
    display:block;
    width:150px;
    height:250px;
    float:left;
    margin:5px;
    background-position:center;     
}   
div.content p img{
    margin:5px;
}
a.goBack{
    display:block;
    font-family:custom;  
    color:#000;
    font-size:12px;
    background-image:url(/_img/arrowr_black.png); 
    background-repeat:no-repeat;
    background-position:left;  
    padding:5px 10px 5px 25px; 
    clear:none; 
    float:left;      
    text-decoration:none;
|