html, body{height: 100%;}

body{color:#606060; overflow-x:hidden; font-family:sans-serif; font-size:8pt; line-height:12pt; margin: 0; padding: 0;}


img.bg{margin-top:-8px; width:102%; margin-left:-8px;}
.title{margin-top:15px; margin-left:230px;}

.line{margin-left:230px;}

table.text, table.archiv{margin-top:5px; margin-left:230px; border-spacing:30px;
      font-family:sans-serif; font-size:8pt; line-height:12pt; valign:top; }    


table.text td, table.archiv.td{width:350;}    

a.bold{font-weight:bold; text-decoration:none;}
             

b{color:#404040;}
b.hover, b.konzept, b.illu, b.visual{cursor:pointer; color:#000000;}

/*Projektlinks*/
b.hover{margin-left:100px;}
b.konzept{margin-left:90px;}
b.illu{margin-left:160px;}
b.visual{margin-left:100px;}

p.projekt{font-size:14pt; color:#000000; margin-top:20px; }

/*MENU*/
object{position:absolute; left:0; margin-top:-50px;}

/*FILM*/
div.film{margin-left:230px; padding-bottom:50px;}


span{color:#d446cf;}

a{text-decoration:none; font-weight:bold; color:#404040;}
a:hover{color:#707070;}

img.pfeil1, img.pfeil2{position:absolute; top:0; height:50px; margin-top:25%; cursor: pointer; z-index:10000;}
img.pfeil1{left:100%; margin-left:-100px;}
img.pfeil2{left:0%;}

#wrapper{min-height: 100%; position: relative;  margin:auto auto;}
* html #wrapper {height: 100%;}


#footer{background-color:#424242; width:100%; bottom: 0; left: 0; position:absolute; padding:5px;}
* html #footer {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */