/* CSS Document */

*     { margin: 0; padding: 0; border-collapse: collapse;}
body  { font-family: Helvetica, Arial, Sans Serif; font-size: 12px; color: #fff; background: none #fff; text-align: center; border: 0px;  behavior: url(csshover.htc);}

#wrap 	{ width: 800px; height: 620px; background: url(../inlays/entwurf1.jpg) no-repeat top left; margin-top: 30px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;}
#wrap0 	{ width: 800px; height: 600px; background: url(../inlays/entwurf1.jpg) no-repeat top left; margin-top: 30px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;}

  .intro { float: left; width: 800px; height: 600px; border: none;}
  #bot, #bot a { float: left;  width: 800px; height: 20px; color: #000; text-decoration: none; text-align: right; border: none;}
  
  #cont1 { background: url(inlays/main.jpg) no-repeat top left;}
  #cont2 { background: url(inlays/bio.jpg) no-repeat top left;}
  #cont3 { background: url(inlays/theater.jpg) no-repeat top left;}
  #cont4 { background: url(inlays/film.jpg) no-repeat top left;}
  #cont5 { background: url(inlays/presse.jpg) no-repeat top left;}
  #cont6 { background: url(inlays/bilder.jpg) no-repeat top left;}
  .ident { width: 173px; height: 27px;}
            
  #menu {float: left; width: 450px; height: 27px; border: none; margin: 123px 0 0 50px;}
   #bio { float: left; width: 91px; height: 27px; border: none; }
  .bio, .bio a { width: 91px; height: 27px; border: none; background: url(inlays/bio0.png);}
  .bio:hover, .bio a:hover { background: url(inlays/bio1.png);}
   #theater { float: left; width: 57px; height: 27px; border: none;}
  .theater, .theater a { width: 57px; height: 27px; border: none; background: url(inlays/theater0.png);}
  .theater:hover, .theater a:hover { background: url(inlays/theater1.png);}
   #film { float: left; width: 102px; height: 27px; border: none;}
  .film, .film a { float: left; width: 102px; height: 27px; border: none; background: url(inlays/film0.png);}
  .film:hover, .film a:hover { background: url(inlays/film1.png);}
   #presse { float: left; width: 52px; height: 27px; border: none;  margin: 0 0 0 10px}
  .presse, .presse a { float: left; width: 52px; height: 27px; border: none; background: url(inlays/presse0.png);}
  .presse:hover, .presse a:hover { background: url(inlays/presse1.png);}
   #bilder { float: left; width: 45px; height: 27px; border: none; }
  .bilder, .bilder a { float: left; width: 45px; height: 27px; border: none; background: url(inlays/bilder0.png);}
  .bilder:hover, .bilder a:hover { background: url(inlays/bilder1.png);}
   #kontakt { float: left; width: 79px; height: 27px; border: none;}
  .kontakt, .kontakt a { float: left; width: 79px; height: 27px; border: none; background: url(inlays/kontakt0.png);}
  .kontakt:hover, .kontakt a:hover { background: url(inlays/kontakt1.png);}

#left { float: left; width: 430px; height: 370px; border: none; margin: 0 0 0 50px;}
#leftb { float: left; width: 430px; height: 320px; border: none; margin: 30px 0 0 50px;}  
#content { float: left; width: 430px; height: 320px; color: #000; overflow: auto; direction: rtl;}
#contentb { float: left; width: 430px; height: 300px; color: #000;}
#context { float: left; width: 430px; height: 20px; font-size: 8px; color: #000; background: none; margin: 3px 0 0 0;}    
var {color: #fff;}
var0 {color: #7a7a7a;}  
#ident { float: left; width: 300px; height: 27px; margin: 10px 0 0 0;}  
#copy { float: left; width: 300px; height: 100px; font-size: 8px; color: #000; margin: -30px 0 0 250px;}  
#copy a { text-decoration: none;} 
#bildmeno { float: left; width: 160px; height: 158px; background: none; margin: 202px 0 0 20px;}  
#bildmenu { float: left; width: 630px; height: 74px; background: none; margin: 0 0 0 50px;}  
.pics {width: 74px; height: 74px; border: none; margin: 0 2px 0 0;}
.pico1 {width: 74px; height: 74px; border: none; margin: 2px 2px 0 55px;}    
.pico {width: 74px; height: 74px; border: none; margin: 2px 2px 0 0;}