/*layout*/
html{overflow-y: scroll;}
#main{
  position: relative;
  width:770px;
  margin-left:auto;  
  margin-right:auto;     
  unused:~ border-left:1px solid transparent;     
  background-color: #F7F7F7;
  background: url(/img/maerchenteppich_hg_middle_blank.gif) 0px 103px repeat-y;
}
.banner{
  width:771px;
  overflow: hidden;
  margin-bottom:-2px;
}

.search{
  margin-left:30px;
  unused:~ position:absolute;
  unused:~ right:10px;
  unused:~ top: 0px; 
  unused:~ z-index:200;  
}
.search_box{
  width:130px;
  border:1px solid #650000;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;    
  padding:2px; 
  background: url(/img/find.png) 2px 2px no-repeat; 
  padding-left:20px;  
}
.suggestion, .page_navi{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}

h1{
  text-align:center;
}

.logo{
  position:absolute;
  left: 0px;
  bottom: -2px;
  z-index:100;  
}
.breadcrumb{
  padding:10px;
  unused:~ padding-left:10px;
  padding-bottom:0px;
}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited{
  text-decoration: none;  
}
.breadcrumb a:hover{
  text-decoration: underline;  
}
.navi{
  clear:both;
  width:217px;
  min-height: 30px;
  display:block;
  float:left;
  margin-left:13px;
}
.info{
  clear:both;
  width:200px;  
  display:block;  
  margin-top:10px;
  margin-bottom:60px;
}
.news{
  margin-left:10px;
  padding:15px; 
  border:1px solid; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}
.content{
  width:auto;
  width:720px;
  display:block;
  margin-left:auto;  
  margin-right:auto;
  unused:~ float:left;
  margin-top:0px;
  margin-bottom:40px;
  padding-bottom:40px;
}

.ce{
  border: 1px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;   
  margin: 0px 10px 0px 10px!important;
  margin-bottom: 0px;
}
.c{
  padding:10px;  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}
.cd{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;    
}
.atitle{

}

/*FußNavi*/
.footnavi{
  width:950px;
  margin-left:auto;  
  margin-right:auto; 
  text-align:right;  
}
.footnavi div{
  background-color: transparent!important;  
}
.n-2-1000 .me{
  padding:5px 0px 5px 15px;
}
.n-2-1000 a:link, .n-2-1000 a:active, .n-2-1000 a:visited, .n-2-1000 a:hover{
  text-decoration: none!important;  
}
.n-2-1000 a:link span, .n-2-1000 a:active span, .n-2-1000 a:visited span, .n-2-1000 a:hover span{
  color: #FFFFFF;
  text-decoration:none;  
  margin-top:0px;  
  margin-bottom:0px;  
}

 
/*navi level 1*/  
.n-1-0{
  margin-top:-10px;
  margin-left:0px;
  text-align: center;
  display:block;
  unused:~ width:100%;
  unused:~ padding:15px;
  unused:~ padding-top:7px;
  unused:~ border: 1px solid;
  
  
}

@font-face{
  font-family: 'Arial';
  src: url('/fnt/HARNGTON.woff') format('woff'),
       url('/fnt/HARNGTON.TTF') format('truetype');  
}

.n-1-0 .me{
  text-align: left;
  display:inline-block;
  width:135px;
  padding:12px 0px 18px 30px; 
  background: url(/img/menu-hg.png) 0px 0px no-repeat;
  
}
.n-1-0 a:link, .n-1-0 a:active, .n-1-0 a:visited, .n-1-0 a:hover{
  font-family: Arial;
  unused:~ font-size:22px;
  text-shadow: 1px 1px 4px black;
  color: #404040;
  text-decoration:none;  
  font-weight:bold;
   
}
.n-1-0 .me:hover, .on-1-0{
  font-weight:bold!important;
}


/*navi level 2*/
.n-1-1{
  margin-left:20px;
}
.n-1-1 .me{
  display:block;
  padding:3px 20px 3px 0px;  
  background: url();
}
.n-1-1 a:link, .n-1-1 a:active, .n-1-1 a:visited, .n-1-1 a:hover{
  color: #404040;
  text-decoration:none;   
}
.n-1-1 .me:hover, .on-1-1{
  font-weight:bold!important;
}

/*navi level 3*/
.n-1-2{
  margin-left:25px;
}
.n-1-2 .me{
  display:block;
  padding:3px 20px 3px 0px;  
}
.n-1-2 a:link, .n-1-2 a:active, .n-1-2 a:visited, .n-1-2 a:hover{
  color: #404040;
  text-decoration:none;   
}
.n-1-2 .me:hover, .on-1-2{
  font-weight:bold!important;
}

/*navi level 4*/
.n-1-3{
  margin-left:30px;
}
.n-1-3 .me{
  display:block;
  padding:3px 20px 3px 0px;  
}
.n-1-3 a:link, .n-1-3 a:active, .n-1-3 a:visited, .n-1-3 a:hover{
  color: #404040;
  text-decoration:none;   
}
.n-1-3 .me:hover, .on-1-3{
  font-weight:bold!important;
}



/*main shadows*/ 
.right-border{      
  position: absolute;
  overflow:visible;
  top:22px;
  right:-13px;
  height:100%;
  width:13px;
  background: url(/img/cb.png) 0px 0px repeat-y;
}
.right-border-start{
  position: absolute;
  left:0px;
  top:-22px; 
  width:13px;
  height:22px;
  background: url(/img/cb.png) -13px 0px no-repeat;
}
.bottom-border{
  position: absolute;
  bottom:-43px;
  left:0px;
  width:928px;
  height:13px;
  margin-left:13px;
  background: url(/img/cbh.png) 0px 1px repeat-x;
  overflow: visible;
}
.bottom-border-start{
  position:absolute;
  left:-13px;
  top:0px;
  width:13px;
  height:13px;
  background: url(/img/cb.png) -27px -8px no-repeat; 
}
.bottom-border-end{
  position: absolute;
  top:-8px;
  right:-22px;
  z-index:100;
  width:22px;
  height:22px;
  background: url(/img/cb.png) -39px 0px no-repeat; 
}
.bottomspace{
  position: absolute;
  bottom:-31px;
  left:0px;
  height:113px;
  width:770px;
  unused:~ border-left:1px solid transparent;
  background: url(/img/maerchenteppich_hg_bottom_blank.gif) 0px 0px no-repeat;
  unused:~ background-color: #F7F7F7;
}


/****************************************************************
  Programm styles
****************************************************************/

.progtab{
    margin-top: -30px;
    margin-left:auto;
    margin-right:auto;
    unused:~ border-collapse: collapse;
    border-spacing: 0;
}
.prog{
  unused:~ margin-left: 29%;
  unused:~ margin-top: -26px;
}
.progtab td{ 
  margin:1px;
  vertical-align:top;
}

.progmonth{
  font-weight: bold;
  font-size: 20px;
  padding-top: 26px;
}
.progday{
  padding-top: 26px;
}
.weekend{
  color: white!important;
}
.progtime{
  unused:~ display:inline-block;
  unused:~ float:left;
  white-space: nowrap;
  margin-right:20px;
  margin-left:20px;
  padding-right:10px;
  padding-left:24px;
}
.progitem{
  unused:~ display:inline-block;
  unused:~ float:left;
}
.itembefore{
  color:white;
}
.proglink:link, .proglink:active, .proglink:visited, .proglink:hover{
  text-decoration: none!important;
}
.itembehind{
  color:white;
}

.distance{
padding:5px;
}