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; }




/*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 */


/* Menue############################*/

#object{
	position:absolute; 
	left:0; 
	margin-top:-100px;
	height:auto;

	}


ul#navigation {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	margin: 0px;
    padding: 0px;
    left: 0px;
    list-style: none;
    z-index:999999;
	color:red;
}
ul#navigation li {
   text-align:right;
   width:100px;
   margin-left:1px;

}
ul#navigation li a {
    display: block;
    font-weight:bold;
    width: 140px;
  	text-align:right;
    color:fff;
    text-decoration:none;
    padding:6px 6px 5px;
	margin-bottom:5px;
    margin-left: -50px;
    cursor:pointer;

}


ul#navigation li.profil a{
background-image:url(menue/bg-profil.jpg);
background-repeat:repeat;
}

ul#navigation li.demoreel a{
background-image:url(menue/bg-demoreel.jpg);
background-repeat:repeat;
}

ul#navigation li.projekte a{
background-image:url(menue/bg-projekte.jpg);
background-repeat:repeat;

}

ul#navigation li.referenzen a{
background-image:url(menue/bg-referenzen.jpg);
background-repeat:repeat;
}

ul#navigation li.kontakt a{
background-image:url(menue/bg-kontakt.jpg);
background-repeat:repeat;

}

ul#navigation li.impressum a{
background-image:url(menue/bg-impressum.jpg);

}


ul#navigation li a:hover{
color:#ebee24;

}

img{border:0}