/* CSS Document */
* { margin: 0px; padding: 0px; border-collapse: collapse; text-decoration: none; border: none;}
body  { font-family: Helvetica, Arial, Sans Serif; font-size: 11px; color: #000; background: #fff; text-align: center; border: 0px;  behavior: url(csshover.htc);}
#wrap	{ width: 800px; height: 580px;  margin: 20px auto 0 auto; text-align: left; border-collapse: collapse; background: url(inlays/logob.jpg) no-repeat 70px 70px;}
#wrapintro	{ width: 800px; height: 580px;  margin: 20px auto 0 auto; text-align: left; border-collapse: collapse; background: url(inlays/titel.jpg) no-repeat;}

 #film { float: left; width: 705px; height: 580px; background: none;}
 #filmr { float: left; width: 95px; height: 40px; background: none; margin: 540px 0 0 0; font-size: 14px; color: #0387b8; font-weight: bold;}
 #bild { float: left; width: 150px; height: 570px; background: none; overflow: hidden;}
  .qua { font-size: 12px; width: 120px; color: #a6a6a6; margin: 10px 0 0 0;}
 #weiss { float: left; width: 30px; height: 125px;}
 #top { float: left; width: 610px; height: 125px; background: url(inlays/logo.png) no-repeat 300px 5px;} 
  .qua2 {margin: 0 0 0 -30px;}
  .toptext { font-weight: bold; font-size: 16px; margin: 57px 0 0 0;}
  .atoptext { font-weight: bold; font-size: 16px; margin: 10px 0 0 0;}
  h2 { font-size: 14px; font-style: normal; font-weight: bold; color: #034c7c; margin: 5px 0 3px 0;}
  .weiss {position: relative; top: 0px; left: -150px; width: 150px; height: 100px; background: none;}


 #content  { float: left; width: 500px; height: 480px; background: none; overflow: hidden;}  /*height: 412px;*/ 
  #contl   { float: left; width:  30px; height: 480px; background: none;}
  #contm   { float: left; width: 440px; height: 480px; background: none;  overflow: hidden;}
     #qu   { float: left; width: 430px; height: auto; background: none;  overflow: hidden;}
  #contr   { float: left; width:  30px; height: auto; background: none;}
    .hoch  { float: left; width: 20px; height: 28px; background: url(inlays/navo2.png) no-repeat 0px 0px; cursor: pointer; margin: 355px 0 0 3px;}
      .hoch:hover, hoch a:hover { background: url(inlays/navo2.png) 0px -28px;}
      .runter { float: left; width: 20px; height: 28px; border: 0px; background: url(inlays/navu2.png) no-repeat 0px -33px; cursor: pointer;margin: 0 0 0 3px;}
      .runter:hover, runter a:hover { background: url(inlays/navu2.png) 0px 0px;}

  table.data { width: 100%; font-size: 11px;}
  table.data td { vertical-align: top;}

  .con { width: 420px; margin: 5px 0 0 5px;}
  .conb { width: 300px;  font-size: 12px; margin: 5px 0 0 110px;}
  .cont { width: 420px; margin: 0 0 5px 0;}
  .contb { width: 420px; font-weight: bold; margin: 0 0 5px 0;}
  .papier, .papier a { width: 440px; font-size: 12px; text-decoration: none;}
/*  .cont1 { width: 420px; font-size: 12px; color: #f60; font-weight: bold; margin: 0 0 5px 0;}
  .cont2 { width: 420px; font-size: 12px; color: #f03; font-weight: bold; margin: 0 0 5px 0;}
  .cont3 { width: 420px; font-size: 12px; color: #00f; font-weight: bold; margin: 0 0 5px 0;} */
  .name { width: 140px; font-size: 11px;  font-weight: bold; color: #0387b8;}
  .funktion { width: 180px; font-size: 11px;}
  .tel { width: 110px; background: #e2e2e2; text-align: center; font-size: 11px;}
  .fax { width: 110px; background: #ededed; text-align: center;  font-size: 11px; border-bottom: 1px solid #0387b8;}
  .mail { background: #c2c2c2; border-bottom: 1px solid #0387b8;  font-size: 11px;}

 #menu, #amenu { float: left; width: 140px; height: 480px; background: none; font-weight: bold; color: #333; font-size: 12px;} 
 
   #menu a { color: #0387b8;}
  #menu a:hover { color: #000;}
  var { font-size: 12px; font-style: normal; font-weight: bold; color: #0387b8;}
  h1 { font-size: 12px; font-style: normal; font-weight: bold; color: #034c7c;}
/*archiv menu*/
  ul.klapp {  height: 240px; overflow: auto; list-style-position: inside;  margin: 0 0 0 5px;}
  ul.klappa {  height: 32px; overflow: auto; list-style-position: inside;  margin: 0 0 0 5px;}
  ul.klappb {  height: 100px; overflow: auto; list-style-position: inside;  margin: 0 0 0 5px;}
  ul.klappc {  height: 150px; overflow: auto; list-style-position: inside;  margin: 0 0 0 5px;}

  ul.klapp li, ul.klapp li a, ul.klappa li, ul.klappa li a, ul.klappb li, ul.klappb li a, ul.klappc li, ul.klappc li a { color: #0387b8; font-size: 11px;}
  ul.klapp li:hover, ul.klapp li a:hover, ul.klappa li:hover, ul.klappa li a:hover, ul.klappb li:hover, ul.klappb li a:hover, ul.klappc li:hover, ul.klappc li a:hover { color: #000;}

/*bildformate*/
.foto  { width: 400px; height: 400px; border: none;}
.pic10 { width: 150px; height: 100px; border: none; margin-bottom: 3px;}
.pic11 { width: 150px; height: 110px; border: none; margin-bottom: 3px;}
.pic12 { width: 150px; height: 120px; border: none; margin-bottom: 3px;}
.pic15 { width: 150px; height: 150px; border: none; margin-bottom: 3px;}
.pic18 { width: 150px; height: 180px; border: none; margin-bottom: 3px;}
.pic20 { width: 150px; height: 200px; border: none; margin-bottom: 3px;}
.pic22 { width: 150px; height: 220px; border: none; margin-bottom: 3px;}
.pic30 { width: 150px; height: 300px; border: none; margin-bottom: 3px;}
.pic43 { width: 150px; height: 430px; border: none; margin-bottom: 3px;}
.pic17 { width: 172px; height: 150px; border: none; }
/*Ueberschriften*/

h3 { color: #fc0; font-size: 12px; font-weight: bold;}
h4 { color: #0c0; font-size: 12px; font-weight: bold;}
h5 { color: #c00; font-size: 12px; font-weight: bold;}
h6 { color: #000; font-size: 12px; font-weight: bold;}
h7 { color: #06f; font-size: 12px; font-weight: bold;}