/* CSS Document */
* { padding: 0; margin: 0;}
body { font-family: Helvetica, Arial, Sans Serif; font-size: 12px; color: #000; behavior: url(csshover.htc); background-color: #009; text-align: center; border: 0px; margin: 0; padding: 0; overflow: auto;}
.in, .in a, .in a:hover, .in:hover { position: relative; margin-left: auto; margin-right: auto; width: 800px; height: 12px; text-align: right; font-size: 12px; color: #fff; text-decoration: none;}
#wrap {position: relative; top: 20px; margin-left: auto; margin-right: auto; width: 790px; height: 600px; text-align: left;}
.film { width: 800px; height: 600px; border: none;}

#film { width: 100%; height: 100px; position: absolute;  top: 471px; left: 0px; background: url(../inlays/film.png) #888; text-align: left; overflow: hidden;}
  .mini {  width: 102px; height: 76px; border: 0px; text-decoration: none;}
  .mini a {text-decoration: none;}
  .mini a:hover {text-decoration: none;}
  #foto01 { position: relative; left:    2px; top:   10px; width: 106px; height: 80px;  background: url(../inlays/1.png);  margin: 0px; padding: 0px;}
  #foto02 { position: relative; left:  112px; top:  -70px; width: 106px; height: 80px;  background: url(../inlays/2.png);}
  #foto03 { position: relative; left:  222px; top: -150px; width: 106px; height: 80px;  background: url(../inlays/3.png);}
  #foto04 { position: relative; left:  332px; top: -230px; width: 106px; height: 80px;  background: url(../inlays/4.png);}
  #foto05 { position: relative; left:  442px; top: -310px; width: 106px; height: 80px;  background: url(../inlays/5.png);}
  #foto06 { position: relative; left:  552px; top: -390px; width: 106px; height: 80px;  background: url(../inlays/6.png);}
  #foto07 { position: relative; left:  662px; top: -470px; width: 106px; height: 80px;  background: url(../inlays/7.png);}
  #foto08 { position: relative; left:  772px; top: -550px; width: 106px; height: 80px;  background: url(../inlays/8.png);}
  #foto09 { position: relative; left:  882px; top: -630px; width: 106px; height: 80px;  background: url(../inlays/9.png);}
  #foto10 { position: relative; left:  992px; top: -710px; width: 106px; height: 80px;  background: url(../inlays/10.png);}
  #foto11 { position: relative; left: 1102px; top: -790px; width: 106px; height: 80px;  background: url(../inlays/11.png);}
  #foto12 { position: relative; left: 1212px; top: -870px; width: 106px; height: 80px;  background: url(../inlays/12.png);}
  #foto13 { position: relative; left: 1322px; top: -950px; width: 106px; height: 80px;  background: url(../inlays/13.png);}
  #foto14 { position: relative; left: 1432px; top: -1030px; width: 106px; height: 80px;  background: url(../inlays/14.png);}
  #foto15 { position: relative; left: 1542px; top: -1110px; width: 106px; height: 80px;  background: url(../inlays/15.png);}
  #foto16 { position: relative; left: 1652px; top: -1190px; width: 106px; height: 80px;  background: url(../inlays/16.png);}
  #foto17 { position: relative; left: 1762px; top: -1270px; width: 106px; height: 80px;  background: url(../inlays/17.png);}
  #foto18 { position: relative; left: 1872px; top: -1350px; width: 106px; height: 80px;  background: url(../inlays/18.png);}
  #foto19 { position: relative; left: 1982px; top: -1430px; width: 106px; height: 80px;  background: url(../inlays/19.png);}
  #foto20 { position: relative; left: 2092px; top: -1510px; width: 106px; height: 80px;  background: url(../inlays/20.png);}



#main		{ position: relative; top: 20px; margin-left: auto; margin-right: auto; width: 790px; height: 450px; background: #ffc; text-align: left;}
  #content { float: left; width: 610px; height: 450px; background: none;}
  #contento { float: left; width: 610px; height: 60px;}
  .titel {  width: 570px; height: 23px; background: #fc0; color: #009; font-size: 16px; font-weight: bold; padding: 7px 0 0 5px; margin: 25px 0 0 15px;}

  #contentu{ float: left; width: 588px; height: 380px; background: none; overflow: hidden; margin: 5px 0 0 0; padding: 0px;}
    p.info   { width: 570px; color: #009; margin: 0 0 0 18px; padding: 0;}
    p.infob   { width: 570px; color: #009; background: url(../inlays/casas.jpg) no-repeat top left; margin: 0 0 0 18px; padding: 0;}
    p.event  { width: 570px; color: #009; background: url(../inlays/10jahre.jpg) no-repeat 0px 18px; margin: 0 0 0 18px; padding: 0; text-align: center;}
    .ev { width: 10px; height: 450px; border: nhone;}
    .casa { width: 280px; height: 190px; border: none; background: none;}

    .bild { width: 400px; height: 300px; border: none;}
  #contentur{ float: left; width: 22px; height: 390px; background: none;}
      #hoch1 { float: right; width: 20px; height: 20px; background: url(../inlays/navo1.png) no-repeat 0px 0px; cursor: pointer; margin: 346px 0 0 0;}
      #hoch1:hover { background: url(../inlays/navo1.png) 0px -20px;}
      #runter1 { float: right; width: 20px; height: 20px; border: 0px; background: url(../inlays/navu1.png) no-repeat 0px 0px; cursor: pointer; margin: 4px 0 0 0;}
      #runter1:hover { background: url(../inlays/navu1.png) 0px -20px;}

#menu   { float: left; width: 177px; height: 403px; background: url(../inlays/logo.png) no-repeat -10px -10px #009; border-top: 3px solid #ffc; overflow: hidden;}
  div#menu ul.level1 { list-style-type: none; font-weight: bold; color: #ffc; width: 170px; margin: 110px 0 0 7px;}
  div#menu ul.level1 li a, ul.level1 li a { color: #ffc; text-decoration: none;}
  div#menu ul.level2   { display: none;  font-weight: normal; margin-left: 12px; list-style-type: none;}
  div#menu ul.level1 li a:focus, #menu ul.level1 li a:hover { text-decoration: none; color: #ffc; background: url(../inlays/pfeil.png) 0 4px no-repeat; padding-left: 12px;}
  div#menu ul.level2 li, div#menu ul.level2 li a { width: 157px; line-height: 17px; background:  #009; color: #ffc;}
  div#menu ul li.submenu:hover, div#menu ul li.submenu a:hover { width: 157px; color: #009; background: url(../inlays/pfeilb.png) 0 4px no-repeat #ffc;}




#schieber {float: left; width: 177px; height: 45px; background: #009;}
  #hoch2 { width: 20px; height: 20px; background: url(../inlays/navo1.png) no-repeat -20px 0px; cursor: pointer; margin: 0 0 0 0;}
  #hoch2:hover { background: url(../inlays/navo1.png) -20px -20px;}
  #runter2 { width: 20px; height: 20px; border: 0px; background: url(../inlays/navu1.png) no-repeat -20px 0px; cursor: pointer; margin: 4px 0 0 0;}
  #runter2:hover { background: url(../inlays/navu1.png) -20px -20px;}

#bot    { position: relative; top: 121px; margin-left: auto; margin-right: auto; width: 790px;  height: 90px; text-align: left; background: #ffc;  border-collapse: collapse;}
  #botleft  { float: left; width: 610px; height: 90px; }
  #bildtext { float: left; width: 450px, height: 39px; margin-top: 5px;}
  .explain { width:  450px; height:  30px; margin-left: 15px; border: 0px;}
  .explain li { display: none; list-style-type: none;}

   .explain { width:  450px; height:  30px; margin-left: 15px; border: 0px;}
  .explain li { display: none; list-style-type: none;}
  #adresse { float: left; width: 608px; height: 12px; margin-top: 10px; color: #009; font-size: 11px; border: none; text-align: left;}
  #botright { float: left; width: 167px; height: 75px; background: #009;  color: #fff; padding: 5px;}
  #botright a, #botright a:hover { color: #fff; text-decoration: none;}

/*pfeile fuer IE 6 */
  #pfeil  { position: relative; top: 10px; left: -370px; width:  20px; height:  39px; background: url(../inlays/navb.png); cursor: pointer; border: 0px;}
  #pfeir  { position: relative; top: -29px; left: -345px; width:  20px; height:  39px; background: url(../inlays/navv.png); cursor: pointer;  border: 0px;}
  #pfeil:hover  { float: left; width:  20px; height:  39px; background: url(../inlays/navb.png) -20px 0; cursor: pointer; border: 0px;}
  #pfeir:hover  { float: left; width:  20px; height:  39px; background: url(../inlays/navv.png) -20px 0; cursor: pointer; border: 0px;}
/*pfeile fuer Firefox etc  */
  #pfeil0  { float: left;  width:  20px; height:  39px; background: url(../inlays/navb.png); cursor: pointer; border: 0px; margin: -21px 0 0 15px;}
  #pfeir0  { float: left; width:  20px; height:  39px; background: url(../inlays/navv.png); cursor: pointer;  border: 0px; margin: -21px 0 0 5px;;}
  #pfeil0:hover  { float: left; width:  20px; height:  39px; background: url(../inlays/navb.png) -20px 0; cursor: pointer; border: 0px;}
  #pfeir0:hover  { float: left; width:  20px; height:  39px; background: url(../inlays/navv.png) -20px 0; cursor: pointer; border: 0px;}
/* organigramm*/
  .org { width: 570px; height: 350px; border-collapse: collapse; background: none; }
  .berlin  { width: 364px; height: 220px; border-collapse: collapse; background: url(../inlays/organi1.png) no-repeat -2px -20px #ccf; }
  .ohne { width: 3px; height: 220px;}
  .geron  { width: 203px; height: 220px; border-collapse: collapse; background: url(../inlays/organi1.png) no-repeat -368px -20px #ccf;}
  .verein  { width: 370px; height: 120px; border-collapse: collapse; background: url(../inlays/organi1.png) no-repeat -2px -250px ;}
/* die stille */
  .still {width: 570px; border-collapse: collapse; border: none; font-size: 12px; color: #009;}
  #still { width: 155px; border: none; vertical-align: top;}
  #stille { width: 415px; border: none; vertical-align: top;}
  .stille1 { width: 150px; height: 223px; border: none;}
  .stille2 { width: 150px; height: 99px; border: none; margin: 3px 0 0 0;}
/* anfrage */
  .form1 { float: left; width: 400px; height: 400px; font-size: 11px;}
  var { font-weight: bold; color: #ff0000; font-size: 16px;}
  input { display: block; width: 270px; background-color: #fff;}
  textarea { float: left;  width: 400px; height: 200px; background-color: #fff; margin: 0 0 5px 0; overflow: auto;}
  .butt0		{  float: left;  width: 130px; height: 24px; background: none;}
  .butt1		{  float: left;  width: 70px; height: 18px; background: url(../inlays/button2.png); border: none; font-size: 12px;  font-weight: bold; color: #009; cursor: pointer; text-align: center; text-decoration: none;}
  .butt1:hover, .butt1 a:hover		{  float: left;  width: 70px; height: 18px; background: url(../inlays/button2.png) 0 -19px; border: none; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer;}
  var.butt2, var.butt2 a	{  float: left;  width: 70px; height: 18px; background: url(../inlays/button2.png) no-repeat; border: none; font-size: 12px;  font-weight: bold; color: #009; cursor: pointer; text-align: center; text-decoration: none; margin-left: 15px;}
  var.butt2:hover, var.butt2 a:hover		{  float: left;  width: 70px; height: 18px; background: url(../inlays/button2.png) no-repeat 0 -19px; border: none; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer;}
var5 { color: #FF008E; font-weight: bold; }
  em { font-size: 10px;}