@font-face { font-family:'Open-Sans-Bold'; 
    src: local('Open Sans Bold Italic'),
        url('OpenSans-BoldItalic.ttf') format('truetype'); font-weight: bold; } 
@font-face { font-family:'Open-Sans'; 
    src: local('Open Sans'), 
        url('OpenSans-Regular.ttf')  format('truetype');  } 
@font-face { font-family:'Open-Sans-Italic'; 
    src: local('Open Sans Italic'), 
        url('OpenSans-Italic.ttf')  format('truetype'); font-style: italic; } 


body 
{ background-color:grey; link:black; vlink=blue; alink:red; text-align: center; margin:0; border: none; background-image:url(KachelMusterVerlauf.gif), url(KachelMustergrau.gif); background-position: 0px px, 0px 400px; background-repeat: repeat-x, repeat;  }

a:link { text-decoration:none !important; color:black; }
a:visited { text-decoration:none !important; color:black; }
a:hover { text-decoration:none !important; color:#00618a; }
a:active { text-decoration:none !important; color:blue; }
a:focus { text-decoration:none !important; }

#Header {
        margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
        position:relative; z-index:1;
        width: 806px; height: 131px;
        background-color: white;
        
         -moz-box-shadow: 0px 5px 10px #6E6E6E;
         -webkit-box-shadow:  0px 5px 10px #6E6E6E;
        box-shadow:  0px 5px 10px #6E6E6E;
                }
#a1 { position:absolute; top:51px; left:34px; width:90px; height:30px;
      z-index:1;  }
#a2 { position:absolute; top:80px; left:140px; width:90px; height:30px;
      z-index:1; }
#a3 { position:absolute; top:59px; left:248px; width:90px; height:30px;
      z-index:1;  }
#a4 { position:absolute; top:88px; left:422px; width:90px; height:30px;
      z-index:1;  }
#a5 { position:absolute; top:73px; left:604px; width:90px; height:30px;
      z-index:1;  }
#l6 { position:absolute; top:52px; left:728px; width:70px; height:40px;
      z-index:1; padding-top: 10px;  }
#l7 { position:absolute; top:50px; left:50px; width:70px; height:40px;
      z-index:1; padding-top: 10px;}



#Seite {
    text-align: left; z-index:2;
    margin: 10px auto;      /* standardkonforme horizontale Zentrierung */
    position:relative; z-index:2;
    width: 736px; 
    padding-left: 35px;
        padding-right: 35px;
    
    -moz-box-shadow:  0px 5px 10px #6E6E6E;
         -webkit-box-shadow:  0px 5px 10px #6E6E6E;
        box-shadow:  0px 5px 10px #6E6E6E;
      background-color: white;
  }
#Navspalte {float: left; width: 216px;
        background-color: white;    }


#Navigation {width: 216px;  margin: 0; padding:0; padding-top: 10px;
        background-color: #f6f5f3; color: #00618a;
      }

  ul#Navigation li {
    list-style: none;
    margin: 0;
    font-style: italic;

  }
.weiss   {background-color: white;}
.NavNoLink1 {background-color: white; padding-left: 10px; font-size: 18px;  line-height: 42px;   }
.Nav2 {background-color: white; padding-left: 10px; font-size: 14px;  line-height: 25px ;  }

 #Navigation a {     display: block; padding-left: 10px;  font-size: 18px;  line-height: 42px;
          }

  #Navigation a:link { font-style: italic;
    color: #3e4c48;
  }
  #Navigation a:visited {
    color: #3e4c48;
  }
  #Navigation a:hover {
    color: #00618a; background-color: white;
  }
  #Navigation a:active {
    color: blue; background-color: white;
  }


.NavEbene2  { font-size: 14px;  line-height: 25px ; }
.Nav2Platz {height: 10px; background-color: white}

#AddrBereich { margin: 0; padding: 5px 0 }
       }
#ImprBereich {padding-top: 15px;  margin: 0; display:table;
       }
  #ImprBereich a:link { font-style: italic;
    color: #66a0b8;
  }
  #ImprBereich a:visited {
    color: #66a0b8;
  }
  #ImprBereich a:hover {
    color: #00618a;
  }
  #ImprBereich a:active {
    color: blue;
}
.td {display: table-cell; width: 10%;}


#Inhalt {
    margin-left: 315px;
    padding: 0;
    border: none;
    width: 421px;
    background-color: white;


  }
#Inhalt:after { content:"clear"; clear:both; display:block; height: 80px; overflow:hidden; visibility:hidden; }

.filmmenue {width: 421px;  font-size: 13px; font-style: italic; color: #00618a; valign: baseline
}

  .filmmenue a:link { font-style: italic;
    color: #66a0b8;
  }
  .filmmenue a:visited {
    color: #66a0b8;
  }
  .filmmenue a:hover {
    color: #00618a;
  }
  .filmmenue a:active {
    color: blue;
    }


.Jahrmenue { font-size: 13px; font-style: italic; color: #00618a; line-height: 18px ; margin-bottom: 18px
}

  .Jahrmenue a:link {font-style: italic;
    color: #66a0b8;
  }
  .Jahrmenue a:visited {
    color: #66a0b8;
  }
  .Jahrmenue a:hover {
    color: #00618a;
  }
  .Jahrmenue a:active {
    color: blue;
    }
.Jahrmenue td { width: 6em}

.film {padding:0; margin: 20px 0; overflow:hidden; }

/* .cf { zoom: 1; }
        .cf:before,
        .cf:after { content: ""; display: table; }
        .cf:after { clear: left; }    */


.filmplakat {  float:left; width:109px ; min-height: 50px }
.stab { overflow:hidden; }

.stab a:link { color: #3e4c48; }
.stab a:visited {color: #3e4c48; }
.stab a:hover { color:#00618a; }
.stab a:active { color:blue; }
.stab a:focus { }


.stab p, .stab a { vertical-align:top; margin:0; padding:0; valign: top}

.galzelltext { margin: 4px; width: 94px; height: 72px; float: left; } 

.ListeInhalt li {
    list-style: circle;
    margin-left: 5px; margin-top: 5px; color: grey;
    font-style: normal;
     font-size: 13px;

  }


h1,h2,h3,h4,h5,h6,p,p.it, nav1, nav1.akt, nav2, nav2.akt, nav2.imp,ul,ol,li,div,td,th,address,blockquote,nobr,b,i {
 font-family: Open-Sans, Verdana; margin: 0;}



h1,h2 { font-style: italic; font-weight: bold; font-size:17px; line-height: 18px; }

h1 { padding-top:24px; color: #00618a; }
h1.fotogal {padding-bottom: 27px; }


h2 { padding-top:18px; color: #3e4c48; }

h3,h4, h5, h6 { font-style: italic; font-weight: bold; font-size:13px; line-height: 18px; }

h3 { color: #00618a; }

.addr { font-weight: normal; color: #3e4c48; }
.Jahreszahl { padding-top: 12px; }

h4 { padding-top: 10px; color: #3e4c48; }


p, p.it, p.header {font-size:13px; line-height: 18px; color: #3e4c48; padding-top: 5px; padding-bottom: 10px; margin:0; }

p.it { font-style: italic; }
p.impr { font-size: 14px; color: #00618a; padding-top: 10px;   }
p.header { font-style: italic; color: #00618a;  padding: 0; padding-top: 10px; text-align: left; }
p.gal { margin: 0; padding: 0}
p.ul {margin-left: 20px; font-style: italic; font-size: 9px}
    
hr, hr.Neujahr, hr.nav, hr.fotostrich, hr.film {size: 0px;  color: #3e4c48; padding: 0; border:none;
border-top: 1px dotted #3e4c48;}

hr.Neujahr { border-top: 1px solid #3e4c48;  padding: 0; margin: 0;}
hr.nav { margin:0; }
hr.fotostrich {  width 80px; color: #3e4c48; padding: 0;  border:none;
border-top: 1px dotted blue;  margin:0; }
hr.film { margin-left: 109px;}


hr.add { size: 0px; width: 216px ; margin-top:48px; border-top:1px solid;}


/* p#Fusszeile {
    clear: both;
    margin: 0; padding: 35px;
    text-align: right;
      }      */




/* @font-face { font-family:Open Sans; src:url(garamond.eot), url(garamond.pfr); } */