@charset "UTF-8";

@media all
{
* { margin: 0; padding: 0; border: 0; }
html, body { margin: 0; padding: 0;}
body { font-family:  Arial, Helvetica, "Helvetica LT", "Helvetica LT Std", "HelveticaNeueLT Std",  sans-serif; /*background:  url(../img/raster_black.gif);*/}
/*body { behavior:url("../script/csshover.htc"); }*/
#container { width: 955px; margin:50px auto 0 auto;}
#logo { margin: 0 0 9px 2px; }
#logo h1 { text-indent:-999em; font-size:11px; width:10px; display:none; }

#left, #right { display:block; width: 465px; height:455px; float:left; overflow:hidden; background-color:#fff; }
/*#left, #right { border:1px solid #ccc;}*/

#mediacosmos {overflow:hidden!important;}

/* left */
#left { margin-right:15px; font-family:  Arial, Helvetica, "Helvetica LT", "Helvetica LT Std", "HelveticaNeueLT Std", sans-serif; }
#left li { list-style:none;  margin: 0 0 2px 0; overflow:hidden!important;}
#left li a { text-transform:uppercase; font-weight:bold; color:#000; text-decoration:none; overflow:hidden!important;}

#left li a  { font-size:24px; line-height:1em;  position:absolute; width:465px; overflow:hidden; }
#left li a span { line-height:0.72em; padding-right:10px;}

#left li.deu, #left li.eng { width:207px }

#left li.kunden { height:96px; }
#left li.agentur { height:84px; }
#left li.kontakt { height:86px;}

#left li.kunden a span {line-height:0.76em; font-size:128px; letter-spacing:-14px; margin:0 0 0 -6px; height:80px; }
#left li.agentur a span {line-height:0.76em; font-size:111px; letter-spacing:-13px; margin:0 0 0 0;}
#left li.kontakt a span {line-height:0.76em; font-size:114px; letter-spacing:-13px; margin:0 0 0 -6px;}


.eng #left li.kunden { height:98px; }
.eng #left li.agentur { height:96px; margin-top:-2px; }
.eng #left li.kontakt { height:90px;}
.eng #left li.kunden a span {line-height:0.81em; font-size:129px; letter-spacing:-14px; margin:0 0 0 0; }
.eng #left li.agentur a b { margin:2px 0 0 0!important; }
.eng #left li.agentur a span {line-height:0.83em; font-size:125px; letter-spacing:-13px; margin:0 0 0 0;}
.eng #left li.kontakt a span {line-height:0.78em; font-size:112px; letter-spacing:-13px; margin:0 0 0 0;}

#left div.lang{ margin-top:148px;}
.eng #left div.lang{ margin-top:130px;}

/*#left li.lang{ width:465px; display:block!important; margin-top:148px!important; height:44px; padding:0; margin:0;}
.eng #left li.lang{ margin-top:136px!important;}

#left li.lang a span { font-size:48px; letter-spacing:-4px; line-height:0.80em;}

#left li.lang a b { left:0; top:0; width:210px; height:50px;}
#left li.lang a.deu { margin-left:-2px; float:left;  width:240px; display:block;}
#left li.lang a.eng { float:right!important; text-align:right; width:220px; display:block; padding:0; margin:0;  clear:both; margin-right:-8px; position:relative;}
#left li.lang a.eng b { right:0; top:0; left:auto; }*/


#left li a b { background: url(../img/raster_black.gif) repeat!important; position:absolute; left:0; top:0; width:465px; height:100px; display:block; z-index:10; }

#left .lev3 li a b { width:320px; height:27px!important;}

#left .snav { height:189px!important; overflow:hidden; margin-top:-1px;}
.eng #left .snav { height:178px!important;}

#left .snav a.li { float:left; width:auto; display:block; }
#left .snav a.re { float:right; text-align:right; width:auto; display:block; position:relative;  clear:both; margin:0 -6px 0 0;}

#left .lev2 li { margin: 0 0 1px 0;}
#left .lev3 li { margin: 0 0 1px 0;}

#left .lev2 li a { height:40px; overflow:hidden; line-height:0.80em; font-size:48px; letter-spacing:-5px; }
#left .lev3 li a { height:27px; overflow:hidden; line-height:0.80em; font-size:33px; letter-spacing:-3px; }
#left .lev3 li a span {white-space:nowrap;}


/**/
#left .lev2s li { margin: 0 0 1px 0;}
#left .lev3s li { margin: 0 0 1px 0;}

#left .lev2s li a { height:23px; overflow:hidden; line-height:0.80em; font-size:28px; letter-spacing:-2px; }
#left .lev3s li a { height:18px; overflow:hidden; line-height:0.80em; font-size:21px; letter-spacing:-1px; }
#left .lev3s li a span {white-space:nowrap;}
/**/


a:hover, .red {color:#E60000!important;}

#right { font-size:11px; line-height:1.1em; position:relative;  }
#right h2{ font-size:11px;  }

#main h3 { font-family: Helvetica, Arial, sans-serif; font-size:1.1em; text-transform:uppercase;}

#right  { line-height:1.3em; padding:0 0 0 1px;}
#right h2 { text-transform:uppercase; }
#right p {margin-bottom:1em;}
#right p.down  {margin-bottom:0;}
#right a:link, #right a:visited, #right a:active  {color:#000; text-decoration:none; }
#right a:hover { color:#000; text-decoration: blink;}

#project { position:absolute; height:455px; }
/*#project #hovertxt {width:465px; height:400px;border:2px solid #FF0000 }*/
#project #hovertxt dt { margin-bottom:1em;}
#project #hovertxt .prodesc  { display:none; width:465px; position:absolute; z-index:10; background-color:#fff;  margin-right:1px;}
#project #hovertxt:hover .prodesc  {display:block!important; margin-right:0px;}
#project #hovertxt .prodesc a#clientlogo { position:absolute; top:0; right:0;}

#project #hovertxt #prodesc  { display:none; width:465px; position:absolute; z-index:10; background-color:#fff;  margin-right:1px;}
#project #hovertxt:hover #prodesc  {display:block!important; margin-right:0px;}
#project #hovertxt #prodesc a#clientlogo { position:absolute; top:0; right:0;}

#project #myGallery {position:absolute; bottom:37px; }
.propicnav {position:absolute; bottom:-3px; width:465px;}
.propicnav a {line-height:0.80em; font-size:32px; letter-spacing:-3px; text-transform:uppercase; color:#000; text-decoration:none!important; font-weight:bold; }
.propicnav a.prev { float:right; margin-right:10px; }
.propicnav a.start { float:left; margin-left:-2px; padding-right:2px; }
.propicnav a.next { float:right; padding-right:2px;  }

#cover { width:465px;}
#cover img {display:block; float:left; width:77px; height:93px; margin:0!important; padding:0!important;}

#cite p {padding-bottom:1px;}
#cite p span {display:block!important; padding-bottom:1px;}

/*.active { color: #e60000!important;}*/

a.active { color: #000;}
a:hover.active { color: #000!important;  cursor : default;}

.SimpleSlide {
        width: 465px;
        height:430px;
        overflow: hidden;
}
.SimpleSlide div {
        width: 1863px;
}

.SimpleSlide div div {
        width: 465px;
        height: 430px;
        float: left;
}
.SimpleSlide div div p{

}

.SimpleSlide div div p strong{
         padding:0!important; margin:0!important;
}


#presse { font-size:10px;}
#presse h2 { font-size:128px; letter-spacing:-14px; line-height:0.76em;  position:absolute; height:100px; top:98px; text-transform:uppercase;  margin:0 0 0 -6px; padding:0; }
#presse h2 a  { text-decoration:none; color:#000;}
#presse h3 { font-size:33px; letter-spacing:-2px; line-height:0.76em;  position:absolute; height:30px; top:200px; text-transform:uppercase;  margin:0 0 0 0; padding:0; }

#presse #logo {position:absolute; top:50px; z-index:100; }
#presse #container { padding-top:200px; }
#presse #container #logout { }

#presse #container ul#clients{position:absolute; top:200px; }
#presse #container ul#clients li { list-style:none; margin:0 0 0 0;  width:465px;   }
#presse #container ul#clients li a { position:relative;text-decoration:none;overflow:hidden; display:block; padding-top:3px}
#presse #container ul#clients li a span { /*line-height:0.76em;*/line-height:0.91em; font-size:33px; letter-spacing:-2px; margin:0 0 0 0;  text-transform:uppercase; font-weight:bold; color:#000;  overflow:hidden;}
#presse #container ul#clients li a b { background: url(../img/raster_black.gif) repeat!important; position:absolute; left:0; top:-20px; width:465px; display:block; text-transform:uppercase; z-index:10; margin-top:-2px;line-height:0.90em; font-size:33px; letter-spacing:-2px; text-indent:-999em; height:120px;}
#presse #container ul#clients li a:hover span { color:#FF0000; }
#presse #container form input { border: 1px dashed #000; padding:1px;}
#presse #container form input#button { padding:0; color:#fff; background-color:#000; border:1px solid #000; cursor:pointer; text-transform: uppercase;}

#presse #container a:link, #presse #container a:visited, #presse #container a:active { color:#000;}
#presse #container a:hover { text-decoration:none;}

#presse #container h4 {line-height:0.76em; font-size:20px; letter-spacing:-1px; margin:2em 0 1em 0; height:16px; text-transform:uppercase; font-weight:bold; color:#000; }
#presse #container #thumb { width:160px; height:210px; float:left; margin:0 20px 20px 0;border: dashed 1px #000;   }
#presse #container #thumb:hover { background: url(../img/raster_black.gif) repeat #000!important; }
 #presse #container #thumb dt {height:160px;}

#presse #container #thumb dd { background: #fff; text-align:left; margin-top:1em; padding-left:3px; }
#presse #container #thumb dd .description { background: #fff; text-align:left; }
#presse #container #thumb dd .title {  text-transform:uppercase; margin-right:0.5em;}

#presse #logout { position:absolute; top:50px; margin-left:800px;}
#presse p { width:500px;}

#presse #container h2 a:link, #presse #container h2 a:hover { color:#000!important;}

#presse h2 { display:block; width:440px; text-indent:-999em; background: url(../img/presse_headline_0.gif) no-repeat;}
#presse .eng h2 { background: url(../img/presse_headline_1.gif) no-repeat;}

}