body { margin: 0; }

.form1{
 font-size:10px;
 font-family:arial;
 padding:0px;
 margin:0px;
 border:1px solid #ffffff;
 background-color: #000000;
 color:#ffffff;
 margin-top:2px;
 margin-bottom:2px;
 padding-left:1px;
}

#spantext0{
margin-bottom:0px;
}

#spantext{
margin-bottom:4px;
}

#spantext1{
padding-left      :10px;
}

#spantext2{
margin-bottom     :4px;
padding-left      :10px;
}

#spantext3{
color:    #eac722;
}

#spantext4{
padding-left      :10px;
color:    #eac722;
}

#spantext5{
margin-bottom     :4px;
padding-left      :10px;
color:    #eac722;
}

#spanpause{
height    : 8px;
width     : 30px;
}




a:link    { color:#eac722; text-decoration:none;}
a:visited { color:white; text-decoration:none;}
a:active  { color:white; text-decoration:none;}
a:hover   { color:white; text-decoration:underline;}

span{
 cursor:pointer;
}

#reportage {
 z-index: 5; left:35px; top:105px; width:223px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.0;
 filter:alpha(opacity=70);
}

#dokumentation {
 z-index: 5; left:277px; top:453px; width:231px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.0;
 filter:alpha(opacity=70);
}

#dokusoap {
 z-index: 5; left:277px; top:105px; width:231px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#trailer {
 z-index: 5; left:35px; top:452px; width:223px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:1.0;
 filter:alpha(opacity=70);
}

#fiction {
 z-index: 5; left:35px; top:105px; width:223px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#dokufiction {
 z-index: 5; left:35px; top:274px; width:223px; height:159px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#kinospot {
 z-index: 5; left:772px; top:452px; width:220px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#industrie {
 z-index: 5; left:528px; top:102px; width:223px; height:152px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#messefilm {
 z-index: 5; left:528px; top:452px; width:223px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#event {
 z-index: 5; left:772px; top:102px; width:220px; height:152px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 padding:10px;
 background-color: #000000;
 display:none;
 opacity:0.1;
 filter:alpha(opacity=70);
}

#promo {
 z-index: 5; left:772px; top:274px; width:220px; height:159px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 background-color: #000000;
 display:none;
 opacity:0.1;
 padding:10px;
 filter:alpha(opacity=70);
}

#schulung {
 z-index: 5; left:772px; top:452px; width:220px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 background-color: #000000;
 display:none;
 opacity:0.1;
 padding:10px;
 filter:alpha(opacity=70);
}

#pr {
 z-index: 5; left:772px; top:102px; width:220px; height:152px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 background-color: #000000;
 display:none;
 opacity:0.1;
 padding:10px;
 filter:alpha(opacity=70);
}

#vran {
 z-index: 5; left:528px; top:452px; width:223px; height:150px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;
 background-color: #000000;
 display:none;
 opacity:0.1;
 padding:10px;
 filter:alpha(opacity=70);
}


#container { z-index: 1; text-align:left; width:1017px; height:711px; position: relative;}
#pic { filter:alpha(opacity=10); -moz-opacity:0.1; z-index: 5;height:711px; width:1017px; position: absolute;}
#time { z-index: 5;left:820px; top:84px; font-size:8pt; font-family:arial; color:#ffffff;  position: absolute;}
#text { z-index: 2; text-align:left; position: relative; height:711px; width:1017px;}
#service { margin-bottom:2px; z-index: 5;font-family:verdana; font-weight:800;  font-size:10pt; top:10px; left:35px; color:#d9c100; text-align:left; position: relative; }

#impressum { top:660px;  left:50px; width:100px; color: #282828; margin-bottom:2px; z-index: 199; font-family:verdana; font-size:8pt; color:#ffffff; text-align:left; position: absolute; }
#nutzung { display:none; top:660px;  left:050px; color: #282828; margin-bottom:2px; z-index: 199; font-family:verdana; font-size:8pt; color:#ffffff; text-align:left; position: absolute; }

#referenzen { margin-bottom:2px; z-index: 5; font-family:verdana; font-weight:800;  font-size:10pt; top:15px; left:35px; color:#ffffff; text-align:left; position: relative; }
#info { z-index: 5;font-family:verdana; font-weight:800; font-size:10pt; top:20px; left:35px; color:#ffffff; text-align:left; position: relative; }
#menu1 { opacity: 0.5;  filter:alpha(opacity=50); z-index: 5;  background-image: url(http://www.expixel.de/a2t2_neu/images/menu.png); width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px; top:222px; left:277px; background-color:#000000; color:#ffffff; text-align:left; position: relative; }
#menu1_left { z-index: 9; line-height: 1.7em; width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px; top:25px; left:20px;  color:#ffffff; text-align:left; position: absolute; }
#menu1_right { z-index: 9; line-height: 1.7em; width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px; top:25px; left:270px;  color:#ffffff; text-align:left; position: absolute; }

#menu2 { opacity: 0.5;  filter:alpha(opacity=50); z-index: 5;  background-image: url(http://www.expixel.de/a2t2_neu/images/menu2.png); width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px; top:222px; left:277px; background-color:#000000; color:#ffffff; text-align:left; position: relative; }
#menu2_left { z-index: 9; line-height: 1.7em; width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px; padding-top:120px; top:25px; left:20px;  color:#ffffff; text-align:left; position: absolute; }
#menu2_right { z-index: 9; line-height: 1.7em; width:494px;  height:178px; font-family:verdana; font-size:8pt; width:495px; height:179px;  padding-top:120px;  top:25px; left:270px;  color:#ffffff; text-align:left; position: absolute; }

#menu_referenzen { -moz-border-radius:5px; opacity: 0.9; filter:alpha(opacity=90); padding:10px; display:none; z-index: 5; font-family:verdana; font-size:8pt; width:765px; height:379px; top:115px; left:140px; background-color:#000000; color:#ffffff; text-align:left; position: relative; }

#menu_info { -moz-border-radius:5px; opacity: 0.9; filter:alpha(opacity=90); padding:10px; display:none; z-index: 5; font-family:verdana; font-size:8pt; width:565px; height:510px; top:55px; left:40px; background-color:#000000; color:#ffffff; text-align:left; position: relative; }

#menu_nutzung_impress { -moz-border-radius:5px; opacity: 0.9; filter:alpha(opacity=90); padding:10px; display:none; z-index: 5; font-family:verdana; font-size:8pt; width:545px; height:222px; top:55px; left:40px; background-color:#000000; color:#ffffff; text-align:left; position: relative; }

#expixel { top:677px;  left:880px; width:100px; color: #282828; margin-bottom:2px; z-index: 199; font-family:verdana; font-size:8pt; color:#ffffff; text-align:left; position: absolute; }

