@charset "UTF-8";
/* CSS Document */

body{
background-color:#F0F0F0;
hight:100%;
overflow: hidden;
font-size:12pt;
}

#wrapper {
position:absolute;
top: 50%;
left: 50%;
font: small helvetica,sans-serif;
width: 980px;
height: 655px;
scrollbar-base-color: grey;
background-color:#FFFFFF;
margin-top: -350px;
margin-left: -490px;
padding-left: 10px;
padding-top: 7px;
}

* html #wrapper {
position:absolute;
top: 50%;
left: 50%;
font: small helvetica,sans-serif;
width: 980px;
height: 655px;
scrollbar-base-color: grey;
background-color:#FFFFFF;
margin-top: -328px;
margin-left: -490px;
padding-left: 10px;
padding-top: 7px;
}

#header {
position:relative;
width: 970px;
height: 30px;
padding-top: 3px;
margin-top: 1px;
margin-left: 15;
border-top: 1px solid  #d9d9d9;
border-bottom: 1px solid  #d9d9d9;
}

*html #kontakt{
margin-left:280px;
}

#kontakt{
float:right;
}

#casten{
position: absolute;
height:540px;
width:965px;
overflow:hidden;
top:143px;
/*left:110px;*/
}

* html #casten{
position: absolute;
height:537px;
width:970px;
overflow:hidden;
top:196px;
/*left:110px;*/
}

.content{
position:relative;
height:260px;
}

#film1, #film2, #film3, #film4, #film5, #film6, #film7, #film8, #film9, #film10, #film11, #film12, #film13, #film14, #film15, #film16, #film17, #film18, #film19, #film20, #film21, #film22, #film23, #film24, #film25 {
position:relative;
background-color:#FFFFFF; 
height:460px;/* 435px*/
width:970px;
overflow:hidden;
top:10px;
left:0px;
z-index: 98;
}

.quick { 
position:absolute; 
top:0px;
left:0px;
width:970px;
overflow:hidden;
padding-top:40px;
z-index: 100;
}



* html #head{
padding-top: 13px;
}

* html #abstand{
padding-top: 0px;
}


/*----------Druck--------*/
.Text-Druck{
position: absolute; 
bottom:0px;
width: 200px;
font-size: 0.89em;
line-height:1.15em; 
letter-spacing: 0.02em;
}


.Bild-Druck{
float: left; 
margin-right: 18px;
}

.pos{
position: relative; 
float:left; 
height:175px;
width:170px;
}

* html .Bild-Druck{
float: left; 
margin-right: 18px;
}

* html .Text-Druck{
position: absolute; 
bottom:0px;
width: 160px;
font-size: 0,86em;
line-height:1.15em; 
letter-spacing: 0.02em;
}

* html .pos{
position: relative; 
float:left; 
height:175px;
width:150px;
}

.content-druck, .content-zeich{
position: relative; 
margin:13px 0 13px 0;
float: left; 
width: 430px;
}

* html .content-druck, .content-zeich{
position: relative; 
margin:13px 0 13px 0;
float: left; 
width: 430px;
}

* html #druckgrafik, #zeichnung{
position: absolute;
height:457px;
width:920px;
overflow:auto;
top:10px;
left:50px;
background-color:#FFFFFF;
}

/*----------Druck-Ende-------*/


.Bild-Projekt{
margin-bottom: 60px;
width:282px; 
float: left;
line-height:1.15em;
}

* html .content-projekt{
margin:0px 0 10px 0;
position: relative; 
float: left; 
width: 830px;
height: 500px;
}

.content-projekt{
position: relative; 
height: 260px;
}


* html .Bild-Projekt{
margin-bottom: 60px;
width:282px; 
float: left;
line-height:1.15em;
}


/*  filmografie-anfang */


.Text{
margin-left:60px; 
width:600px; 
height:240px; 
float:left; 
line-height:1.15em; 
letter-spacing: 0.02em;
}

* html .Text{
margin-left:60px; 
width:500px; 
height:240px; 
float:left; 
line-height:1.15em; 
letter-spacing: 0.02em;
}


* html .Bild-Film{
width:2px; 
float: left;
line-height:1.15em;
}

.Bild-Film{
width:202px; 
float: left;
line-height:1.15em;
}

.content-film{
position:relative;
height:260px;
}

* html .content-film{
position: relative; 
margin:0px 0 0px 0;
float: left; 
width: 830px;
}

.content-film-ende{
position:relative;
height:175px;
}

* html .content-film-ende{
height:205px;
position: relative; 
margin:0px 0 0px 0;
float: left; 
width: 830px;
}

.Text-ende{
margin-left:60px; 
width:600px; 
height:175px; 
float:left; 
line-height:1.15em; 
letter-spacing: 0.02em;
}

* html .Text-ende{
margin-left:60px; 
width:500px; 
height:205px; 
float:left; 
line-height:1.15em; 
letter-spacing: 0.02em;
}

/*  filmografie-ende */


/*  storyboard-anfang */

.content-story{
position:relative;
height:260px;
}

.content-story-head{
margin-top:11px;
position:relative;
height:260px;
}

* html .content-story{
position: relative; 
margin:0px 0 0px 0;
float: left; 
width: 830px;
}

* html .content-story-head{
position: relative; 
margin:0px 0 18px 0;
float: left; 
width: 830px;
}

.Bild-Story{
margin-bottom: 20px;
width:282px; 
float: left;
height: 10px;
line-height:1.15em;
}

.icks{
color:#d5d4d4;
float:right; 
padding-right: 200px;
}

.Text-Story{
margin-left:60px; 
margin-bottom: 60px; 
width:400px;  
float:left;
line-height:1.15em; 
letter-spacing: 0.02em;
}

* html .Text-Story{
margin-left:60px; 
margin-bottom: 60px; 
width:400px;  
float:left;
line-height:1.15em; 
letter-spacing: 0.02em;
}


/*  storyboard-ende */

#filmografie, #storyboard, #druckgrafik, #zeichnung, #projekte, #impressum{
position: absolute;
height:457px;
width:903px;
overflow:auto;
top:10px;
left:45px;
background-color:#FFFFFF;
}

 #druckgrafik, #zeichnung {
position: absolute;
height:457px;
width:903px;
overflow:auto;
top:10px;
left:45px;
background-color:#FFFFFF;
}

.menue li, h2 {
display: inline;
}

.menue {
width:830px;
float:left;
margin: -2px 0 5px 0;
font-size: 0.95em;
}

.head {
font-size: 0.95em;
}


* html .menue {
width:730px;
float:left;
margin: -2px 0 5px 0;
}

.menue a{
text-decoration:none;
color:#B1B1B1;
}

.menue a:hover{
text-decoration:none;
color:#000000;
}

.Bild-Projekt a{
color:#B1B1B1;
}

#impressum a{
text-decoration: none;
color:#B1B1B1;
}

#bottom{
position: absolute;
height:10px;
width:970px;
top:487px;
left:0px;
border-top: 1px solid  #d9d9d9;
line-height:23pt;
color: #908f8f;
font-size:11px;
letter-spacing:0.05em;
padding-left:2px;
}

* html #bottom{
padding-left:2px;
position: absolute;
height:6px;
width:973px;
top:488px;
left:0px;
border-top: 1px solid  #d9d9d9;
line-height:23pt;
color: #908f8f;
font-size:11px;
letter-spacing:0.05em;
}

#bottom a{
text-decoration:none;
color: #908f8f;
}
#bottom a:hover{
text-decoration:none;
color: #000;
}