/* CSS Document */

*      { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:14px; letter-spacing:1px; }
h1     { font-size:14px; margin-bottom:20px; letter-spacing:1px; }
h2     { width:78px; font-size:14px; margin-bottom:20px; background-color: #444; }	
p      { font-size:14px; line-height:18px;  margin-bottom:20px; }
ul p   { margin-bottom:0; }
.back  { float:right; }     
strong { background-color:#666; font-weight:100; }



.menu          { border:1px solid #000; height:22px; background: rgba(20,20,20,0.7); padding:10px 10px 0 20px; clear:both; }	
.menu#footer   { margin-top:20px; clear:both; }
.menu#footer a { font-size:10px; }
					
.button
		{
		height:20px;
		float:left;
		margin-right:30px;	
		}
		
.button#lang{
		float:right;
		}
		
.button#limg
		{
		float:right;
		}
				
.button img 
		{ 
		margin:-10px -10px 0 -20px;
		}		

#box 	   { width:800px; margin-left:auto; margin-right:auto; }		
#inhalt	   { clear:both; border:1px solid #000; width:778px; margin:20px 0px 20px 0px; padding:20px 0px 30px 20px; background: rgba(20,20,20,0.7); float:left; }
#inhalt2   { float:left; border:1px solid #000; width:358px; margin:20px 0px 20px 0px; padding:20px; background: rgba(20,20,20,0.7); }
#inhalt3   { float:left; border:1px solid #000;  margin:20px 0px 20px 0px; padding:20px; background: rgba(20,20,20,0.7); 
             column-count:2; -moz-column-count: 2;column-gap:40px;-moz-column-gap:40px;
             column-width:270px; -moz-column-width: 270px; padding-bottom:58px;  }
#textblock { float:left; width:240px; color:#fff; margin:20px 0 0 0; font-size: 12px; }

#wrapper_filminfos { margin:10px 20px 10px 10px; }	
#wrapper_filminfos p { margin-bottom:25px; }		
#wrapper_filminfos img { margin:30px 30px 0 0 ; border: 1px solid #aaa; padding:8px; }
#wrapper_filminfos ul 	{background-color:transparent;}
#wrapper_filminfos li 	{padding:0;}
		
#textblock-filme { float:left; width:225px; margin:0px 20px 0px 0px; }

		
#textblock-info
		{
		float:left;
		width:235px;
		color:#fff;
		margin:20px 0px 0px 20px; 
		line-height:16px;
		font-size: 14px;
		}
		
#textblock-info-2
		{
		float:left;
		width:235px;
		color:#fff;
		margin:20px 0px 0px 20px; 
		line-height:16px;
		font-size: 14px;
		}

#film1
		{width:320px;
		margin:372px 0px 0px 460px; 
		}
#film2
		{
		float:left;
		overflow:auto;
		margin:20px 0px 20px 38px; 
		}
		
#filmframefloat { overflow:auto; padding:10px 0 -20px 0; }	
#map    { width:320px; margin:20px 0px 20px 298px; }

a, img {
		border:none;
		}
				
a:img:focus 
		{
		outline:none;
		}
			
a:link{
	letter-spacing:1px;
	text-decoration: none;
	border:0;
    }
a:visited{
	text-decoration: none;
	border:0;
    }
a:hover{
	background-color:#888;
	border:0;
	}
.coverpic {	 margin:-40px 0 40px 0; width:400px; height:auto; }
.bildgalerie { margin-top:-40px; }
.bildgalerie a:hover {background-color: transparent;}
	
a:active{
	text-decoration: underline; 
	border:0;
	}	

ul { list-style-type:square; margin:0px 0px 40px 20px; background: rgba(10,10,10,0.5); }

ul ul
	{
	list-style-type:none;
	margin:0px 0px 40px 0px;
	background: rgba(10,10,10,0.0);
	}
	
li 	{
	padding:10px 10px 10px 10px;
	line-height:18px;
	}

li li	{
	padding:10px 10px 0px 10px;
	line-height:18px;
	}
	
.filmlist { list-style-type: none;
            margin:20px 0 0 0px; 
			background: none; 
			
		  }
.filmlist li { padding:0 0 8px 0; line-height:17px;}	

.WebYepMenuItem {list-style-type: none; padding-left:0; }

body { background-repeat:no repeat; background-attachment:fixed; background-position: center center; background-size:cover; }
#bg_aktuelles	  { background-image:  url(../images/bg-aktuelles.jpg);}
#bg_filme         { background-image:  url(../images/bg-filme.jpg); }	 	 
#bg_ueber         { background-image:  url(../images/bg-ueberuns.jpg); }
#bg_kontakt       { background-image:  url(../images/bg-kontakt.jpg); }
#bg_impressum     { background-image:  url(../images/bg-impressum.jpg); }
#bg_datenschutz   { background-image:  url(../images/bg-datenschutz.jpg); }
#bg_nutzungsbed   { background-image:  url(../images/bg-nutzung.jpg); }
#bg_daheim        { background-image: url(../images/bg-daheim.jpg); }
#bg_nur           { background-image: url(../images/bg-nur.jpg); }
#bg_kindergaestehaus{ background-image: url(../images/bg-kindergaestehaus.jpg); }
#bg_habakuk       { background-image: url(../images/bg-habakuk.jpg); }
#bg_marco-goecke  { background-image: url(../images/bg-marco-goecke.jpg); }
#bg_eric-gauthier { background-image: url(../images/bg-eric-gauthier.jpg); }
#bg_wanderer      { background-image: url(../images/bg-wanderer.jpg); }
#bg_lin-hwai-min  { background-image: url(../images/bg-lin-hwai-min.jpg); }
#bg_maurice-bejart{ background-image: url(../images/bg-maurice-bejart.jpg); }
#bg_marcia-haydee-2{ background-image: url(../images/bg-marcia-haydee-2.jpg); }
#bg_m-for-marcia  { background-image: url(../images/bg-m-for-marcia.jpg); }
#bg_marcia-dskn   { background-image: url(../images/bg-marcia-dskn.jpg); }
#bg_staatsoper    { background-image: url(../images/bg-staatsoper.jpg); }
#bg_ernstbusch    { background-image: url(../images/bg-ernstbusch.jpg); }
#bg_film111pic08  { background-image: url(../images/bg-film111pic08.jpg); }
#bg_film111pic09  { background-image: url(../images/bg-film111pic09.jpg); }
#bg_film111pic10  { background-image: url(../images/bg-film111pic10.jpg); }
#bg_film111pic11  { background-image: url(../images/bg-film111pic11.jpg); }
#bg_film111pic12  { background-image: url(../images/bg-film111pic12.jpg); }
#bg_film111pic13  { background-image: url(../images/bg-film111pic13.jpg); }
#bg_film111pic14  { background-image: url(../images/bg-film111pic14.jpg); }
#bg_film111pic15  { background-image: url(../images/bg-film111pic15.jpg); }
#bg_film111pic16  { background-image: url(../images/bg-film111pic16.jpg); }

#bg_dauner-forever{ background-image: url(../images/bg-dauner-forever.jpg); }
#bg_st-konradihaus{ background-image: url(../images/bg-st-konradihaus.jpg); }
#bg_anders        { background-image: url(../images/bg-anders.jpg); }
#bg_wunderzaichen { background-image: url(../images/bg-wunderzaichen.jpg); }
#bg_solo-tanz-1   { background-image: url(../images/bg-solo-tanz-1.jpg); }
#bg_solo-tanz-2   { background-image: url(../images/bg-solo-tanz-2.jpg); }
#bg_yvonne        { background-image: url(../images/bg-yvonne.jpg); }
#bg_balladenabend { background-image: url(../images/bg-balladenabend.jpg); }

.referenz_txt     { }
.ref_block        {display: block; height:120px; margin-bottom:5px;  }
.ref_block img    {height:50px; width: auto; }

.col { column-count:3;column-gap:30px;column-width:170px; padding-bottom:20px;  margin-right:20px;}
.col img { margin-bottom: 10px; border:0; break-after: avoid;}
.col p { margin-bottom:0px; padding-bottom:10px; hyphens:auto; orphans:3; widows: 3; }
.col img  a {border:0;}
.col a:hover  { background-color:transparent;}
.col ul { list-style-type:square; padding:0 0 1.4ex 20px; margin:0; }
.col h3 { margin-bottom:10px; font-weight:700; break-after: avoid; }
.col  { 
   page-break-inside: avoid;                 /*Firefox  */ 
   column-break-inside: avoid;               /*Chrome, Opera, Safari*/
   -webkit-column-break-inside: avoid;
   -moz-column-break-inside: avoid;
   -ms-column-break-inside: avoid; }
   
.col4 {float:left; width:174px;  margin:0px 20px 0px 0px;  }
.col4 img {margin-bottom:10px; cursor: default;  }