/* General CSS ENGLISH*/ body {margin:0; padding:0; font-family: verdana, lucida, helvetica, sans-serif; font-size:70%; text-align:left; color:#444444; line-height:18px;} a {position:absolute; display:block; text-indent:-9999px; text-decoration: none; font-weight:bold; color: #666666; font-size: 0.9em; margin:0px;} img {border-width:0px;} p {margin:0px 0px 8px 0px;} span {display: none;} #sprache a.schliessen {left:510px; width:63px; height:14px; background-image:url("../img/kontakt/schliessen.gif");} #sprache {position:fixed; bottom:20px; left:10px;} /* Backslash Hack. Dieser Slash \ sorgt dafuer, dass IE5 Mac die folgende Regel ignoriert */ #sprache {position:absolute;} #sprache a.englisch {left:20px; width:55px; height:15px; background: url("../img/links/english.gif");} #sprache a.deutsch {left:20px; width:55px; height:15px; background: url("../img/links/deutsch.gif");} #sprache a.impressum {margin:0px; width:70px; height:15px; background: url("../img/kontakt/impressum.gif");} #sprache a.klub {left:139px; width:51px; height:15px; background-image:url("../img/links/klub.gif");} #sprache a:hover {background-position: 0 -14px;} /* Text */ #scroll {position:inline; top:170px; right:20px; left:558px; padding-right: 10px; width:380px; height:300px; overflow:auto;} .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 10px; background-color: white; } .vscrollerbar { width: 10px; background-color: black; } .hscrollerbase { height: 10px; background-color: white; } .hscrollerbar { height: 10px; background-color: black; } .scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; } #introtext {position:absolute; max-width:287px; width:expression(document.body.clientWidth > 1031? "287px": "auto" ); top:101px; right:20px; left:729px;} #text {position:absolute; top:121px; right:20px; left:558px;} #text_neu {position:absolute; top:212px; right:20px; left:558px;} #text>div, #text_neu>div {width:expression(document.body.clientWidth > 958? "375px": "auto" ); max-width:375px;} #text a, #introtext a, #imp a, #text_neu a, #scroll a {text-indent:0px; display:inline; position:static;} #text a:hover, #introtext a:hover, #imp a:hover, #scroll a:hover, #text_neu a:hover {text-decoration: underline;} #text a:visited, #introtext a:visited, #scroll a:visited, #imp a:visited {text-decoration: none;} #text a.zurueck, #introtext a.zurueck, #text_neu a.zurueck {display:block; text-indent:-9999px; text-decoration: none; margin:12px 8px 0px 0px; width:45px; height:26px; background-image:url("../img/links/zur.gif"); } #text a.vor, #introtext a.vor, #text_neu a.vor {display:block; text-indent:-9999px; text-decoration: none; margin:4px 0px 0px 0px; width:68px; height:26px; background-image:url("../img/links/vor.gif"); background-repeat:no-repeat; float: right;} #text a.vor_p, #introtext a.vor_p, #text_neu a.vor_p {display:block; text-indent:-9999px; text-decoration: none; margin:12px 8px 0px 0px; width:93px; height:26px; background-image:url("../img/links/vor_p.gif"); background-repeat:no-repeat; float: right;} #text a:hover.zurueck, #introtext a:hover.zurueck, #text_neu a:hover.zurueck {background-position: 0 -26px;} #text a:hover.vor, #introtext a:hover.vor, #text_neu a:hover.vor {background-position: 0 -26px;} #text a:hover.vor_p, #introtext a:hover.vor_p, #text_neu a:hover.vor_p {background-position: 0 -26px;} img.imp {float:left; margin:5px 10px 0px 0px;} /* --> Video Rollover <-- */ #vid { position:absolute; top:200px; right:20px; left:558px; height:250px; width: 320px; background-image:url(..img/download/bg.jpg); border:1px solid #888; visibility:hidden; } /* --> Video Download-Funktionalität unter Player <-- */ #save { position:absolute; top:450px; right:20px; left:558px; height:25px; width: 265px; visibility: hidden; } #save a { display:inline; position:static; color: #666; font-weight:normal; } #save a:hover { color: #888; } /* --> Video Stop-Funktionalität unter Player <-- */ #vidcap { position:absolute; top:450px; right:20px; left:828px; height:25px; width: 50px; visibility: hidden; } #vidcap a { display:inline; position:static; font-weight:normal; color: #666; } #vidcap a:hover { color: #888; } /* FELDER */ /* --> Bottom Navifeld <-- */ #back { position:absolute; top:480px; right:20px; left:558px; height:26px; width: 70px; } /* die folgende DIV ist in ihrer Positionierung abhängig von der WIDTH der BACK A. DIV ... */ #cat { position:absolute; top:483px; right:20px; left:640px; /* CHANGE THIS VALUE TO MOVE LEFT AND RIGHT */ height:26px; width: 200px; font-size:9px; } /* --> Back/Zurück <-- */ #back a.zurueck { display:block; width:45px; height:26px; background-image:url("../img/links/zur.gif"); } #back a:hover.zurueck { background-position: 0 -26px; } /* --> More Projects/Weitere Projekte <-- */ #back a.weiter { display:block; width:90px; height:26px; background-image:url("../img/links/archive.gif"); } #back a:hover.weiter { background-position: 0 -26px; } /* DIVs */ #pressematerialien { position:absolute; top:170px; right:20px; left:558px; height:300px; width: 240px; visibility:hidden; } #pressematerialien a { display:inline; position:static; font-weight:normal; color: #666; } #pressematerialien a:hover { color: #888; } #pm1 { position:inherit; visibility:hidden; } #pm2 { position:inherit; top: 100px; width: 366px; visibility:hidden; } #pm3 { position:inherit; width: 240px; visibility:hidden; } /* HAUPTNAVIGATION FÜR EINZELNE SEKTIONEN */ #logo {position:absolute; top:55px; left:189px; border-width:0px;} #nav {position:absolute; top:66px; left:290px;} #nav ul, #nav li {position:absolute; margin:0; padding:0; display:inline; list-style:none;} /* Navigationsleiste left=width+10 */ #nav a {height:14px;} #nav a:hover, #nav a.ho {background-position: 0 -14px;} #nav a#refe {width:59px; background-image:url("../img/links/refe_nav.gif");background-repeat: no-repeat;} #nav a#shop {left:69px; width:62px; background-image:url("../img/links/shop.gif");background-repeat: no-repeat;} #nav a#kinzo {left:141px; width:52px;background-image:url("../img/links/info.gif");background-repeat: no-repeat;} /*#nav a#download {left:189px; width:66px; background-image:url("../img/links/press.gif");background-repeat: no-repeat;}*/ #nav a#kontakt {left:189px; width:57px; background-image:url("../img/links/kontakt.gif");background-repeat: no-repeat;} #nav a#impressum {left:253px; width:53px; background-image:url("../img/links/impressum.gif");background-repeat: no-repeat;} #nav a#deutsch {left:319px; width:58px;background-image:url("../img/links/deutsch.gif");background-repeat: no-repeat;} /* SUBNAVIGATION */ #subnav {position:absolute; top: 211px; left: 558px;} #subnav ul {position:absolute;margin:0; padding:0;list-style:none;} #subnav li {margin:0; padding:0;list-style:none;} #subnav a {position: static; width:300px; height:26px;} #subnav a:hover, #subnav a.ho {background-position:0 -26px;} /* MESSE */ #subnav a#pvd07 {background-image:url("../img/links/pvd07.gif");background-repeat: no-repeat;} #subnav a#butv07 {background-image:url("../img/links/butv07.gif");background-repeat: no-repeat;} #subnav a#resort {background-image:url("../img/links/resort.gif");background-repeat: no-repeat;} #subnav a#butv {background-image:url("../img/links/butv.gif");background-repeat: no-repeat;} #subnav a#ifa {background-image:url("../img/links/ifa.gif");background-repeat: no-repeat;} #subnav a#audi {background-image:url("../img/links/audi.gif");background-repeat: no-repeat;} #subnav a#butv08 {background-image:url("../img/links/butv08.gif");background-repeat: no-repeat;} #subnav a#radio {background-image:url("../img/links/messe.gif");background-repeat: no-repeat;} #subnav a#verdo {background-image:url("../img/links/verdo.gif");background-repeat: no-repeat;} #subnav a#pre {background-image:url("../img/links/premiere.gif");background-repeat: no-repeat;} /* EVENT */ #subnav a#adi {background-image:url("../img/links/adi.gif");background-repeat: no-repeat;} #subnav a#cebit {background-image:url("../img/links/cebit.gif");background-repeat: no-repeat;} #subnav a#cfp {background-image:url("../img/links/cfp.gif");background-repeat: no-repeat;} #subnav a#coca {background-image:url("../img/links/coca.gif");background-repeat: no-repeat;} #subnav a#gala {background-image:url("../img/links/gala.gif");background-repeat: no-repeat;} #subnav a#icc {background-image:url("../img/links/icc.gif");background-repeat: no-repeat;} #subnav a#loreal {background-image:url("../img/links/loreal.gif");background-repeat: no-repeat;} #subnav a#mango {background-image:url("../img/links/mango.gif");background-repeat: no-repeat;} #subnav a#mo {background-image:url("../img/links/modenschau.gif");background-repeat: no-repeat;} #subnav a#yahoo {background-image:url("../img/links/yahoo.gif");background-repeat: no-repeat;} #subnav a#autobild {background-image:url("../img/links/autobild.gif");background-repeat: no-repeat;} #subnav a#qcells {background-image:url("../img/links/qcells.gif");background-repeat: no-repeat;} #subnav a#cebit2 {background-image:url("../img/links/cebit2.gif");background-repeat: no-repeat;} /* AUSBAU */ #subnav a#bild {background-image:url("../img/links/bild.gif");background-repeat: no-repeat;} #subnav a#apo {background-image:url("../img/links/apotheke.gif");background-repeat: no-repeat;} #subnav a#asdtv {background-image:url("../img/links/asdtv.gif");background-repeat: no-repeat;} #subnav a#asdtvg {width: 250px; background-image:url("../img/links/asdtvg.gif");background-repeat: no-repeat;} #subnav a#fs200 {background-image:url("../img/links/fs200.gif");background-repeat: no-repeat;} #subnav a#goya {background-image:url("../img/links/goya.gif");background-repeat: no-repeat;} #subnav a#gapfel {background-image:url("../img/links/gapfel.gif");background-repeat: no-repeat;} #subnav a#ic {background-image:url("../img/links/ic.gif");background-repeat: no-repeat;} #subnav a#klubpro {background-image:url("../img/links/klub_.gif");background-repeat: no-repeat;} #subnav a#loft {background-image:url("../img/links/loft.gif");background-repeat: no-repeat;} #subnav a#lobby {background-image:url("../img/links/lobbies.gif");background-repeat: no-repeat;} #subnav a#lumen {background-image:url("../img/links/lumen.gif");background-repeat: no-repeat;} #subnav a#mun {background-image:url("../img/links/mun.gif");background-repeat: no-repeat;} #subnav a#ax_vgf {background-image:url("../img/links/ax_vgf.gif");background-repeat: no-repeat;} #subnav a#gosub {background-image:url("../img/links/gosub.gif");background-repeat: no-repeat;} #subnav a#z_kueche {background-image:url("../img/links/z_kueche.gif");background-repeat: no-repeat;} #subnav a#az {background-image:url("../img/links/az.gif");background-repeat: no-repeat;} #subnav a#arkona {background-image:url("../img/links/arkona.gif");background-repeat: no-repeat;} /* DESIGN */ #subnav a#foto {background-image:url("../img/links/huehne.gif");background-repeat: no-repeat;} #subnav a#mlp {background-image:url("../img/links/mlp.gif");background-repeat: no-repeat;} #subnav a#dvn {background-image:url("../img/links/dvn.gif");background-repeat: no-repeat;} #subnav a#media {background-image:url("../img/links/hellel.gif");background-repeat: no-repeat;} #subnav a#eti {background-image:url("../img/links/etienne.gif");background-repeat: no-repeat;} #subnav a#apart {background-image:url("../img/links/apart.gif");background-repeat: no-repeat;} #subnav a#onyx {background-image:url("../img/links/onyx.gif");background-repeat: no-repeat;} #subnav a#kirsch {background-image:url("../img/links/kirsch.gif");background-repeat: no-repeat;} #subnav a#ey {background-image:url("../img/links/ey.gif");background-repeat: no-repeat;} /* Video Menu in Flip Mode (vertikal ohne Filmsequenz #subnav/horizontal mit Filmsequenz #menu */ #menu_v {position:absolute; top: 170px; left: 558px;} #menu_v ul {position:absolute;margin:0; padding:0;list-style:none;} #menu_v li {margin:0; padding:0;list-style:none;} #menu_v a {position: static; width:220px; height:26px;} #menu_v a:hover, #menu_v a.ho {background-position:0 -26px;} #menu_v a#havanna {background-image:url("../img/links/berlin-havanna.gif");background-repeat: no-repeat;} #menu_v a#verdopolis {background-image:url("../img/links/verdopolis.gif");background-repeat: no-repeat;} #menu_v a#cooler {background-image:url("../img/links/cooler.gif");background-repeat: no-repeat;} #menu_v a#cds {background-image:url("../img/links/cds.gif");background-repeat: no-repeat;} #menu_v a#mra {background-image:url("../img/links/mra.gif");background-repeat: no-repeat;} #menu_v a#kdesign {background-image:url("../img/links/design.gif");background-repeat: no-repeat;} #menu_v a#kslide {background-image:url("../img/links/slide.gif");background-repeat: no-repeat;} #menu_h {position:absolute;top:145px;left:558px;visibility:hidden; } #menu_h ul {position:absolute;margin:0; padding:0;list-style:none;display: inline; line-height:15px;} #menu_h li {margin:0; padding:0;list-style:none; display:inline;line-height:15px;} #menu_h a {display:inline;position: static;color: #666;font-weight:normal;font-size:9px;} #menu_h a:hover, #menu_h a.ho{background-position:0 -26px;color: #333;font-weight:normal;font-size:9px;} /* Press Materials in Flip Mode (vertikal ohne Filmsequenz #subnav/horizontal mit Visible Div #menu */ #menu_v a#vcf {background-image:url("../img/links/vcf.gif");background-repeat: no-repeat;} #menu_v a#kl {background-image:url("../img/links/kl.gif");background-repeat: no-repeat;} #menu_v a#pf {background-image:url("../img/links/pf.gif");background-repeat: no-repeat;} #menu_v a#reviews {background-image:url("../img/links/reviews.gif");background-repeat: no-repeat;} #menu_v a#team {background-image:url("../img/links/team.gif");background-repeat: no-repeat;} #menu_v a#awards {background-image:url("../img/links/awards.gif");background-repeat: no-repeat;} #menu_v a#films {background-image:url("../img/links/films.gif");background-repeat: no-repeat;} #menu_v a#bau {background-image:url("../img/links/bauforschung.gif");background-repeat: no-repeat;} #menu_v a#red {background-image:url("../img/links/reddot.gif");background-repeat: no-repeat;} #menu_v a#cebit_awards {background-image:url("../img/links/cebit_awards.gif");background-repeat: no-repeat;} #menu_v a#designpreis {background-image:url("../img/links/designpreis.gif");background-repeat: no-repeat;} #menu_v a#zweizu {background-image:url("../img/links/kinzo_air.gif");background-repeat: no-repeat;} #menu_v a#cx {background-image:url("../img/links/cx.gif");background-repeat: no-repeat;} #menu_v a#airflite {background-image:url("../img/links/airflite.gif");background-repeat: no-repeat;} /* Übergeordnet */ #start {position: absolut; left:189; top: 400} #start ul, #start li {position:absolute; margin:0; padding:0; display:inline; list-style:none;} #start a {height:18px;} #start a:hover, #start a.ho {background-position: 0 -18px;} /* Übergeordnet */ #top {position:absolute;top: 121px; left: 558px;} #top ul, #top li {position:absolute; margin:0; padding:0; display:inline; list-style:none;} #top a {height:18px;} #top a:hover, #top a.ho {background-position: 0 -18px;} /* SUBNAVIGATION IN PROJEKTE */ #top a#ausbau {width:53px;background-image:url("../img/referenzen/ausbau.gif");} #top a#ausstellung {left: 58px; width:116px; background-image:url("../img/referenzen/messe.gif"); background-repeat:no-repeat;} #top a#event {left:179px; width:44px; background-image:url("../img/referenzen/event.gif"); background-repeat:no-repeat} #top a#beratung {left:231px; width:120px; background-image:url("../img/referenzen/design.gif");} /* SUBNAVIGATION IN PRODUKTE */ #top a#zweizu {width:73px; background-image:url("../img/shop/zweip.gif");} #top a#cx {left:75px; width:15px;/*mit strich 31px*/ background-image:url("../img/shop/cx.gif");} #top a#airflite {left:98px; width:127px;background-image:url("../img/shop/airflite.gif");} #top a#airflite {left:66px; width:31px; background-image:url("../img/shop/airflite.gif");} /*SUBNAVIGATION in PROFIL */ #top a#menschen {width:55px; background-image:url("../img/kinzo/menschen_t.gif");background-repeat: no-repeat;} /* #top a#dinge_ {left:55px; width:131px; background-image:url("../img/kinzo/dinge_t.gif");background-repeat: no-repeat;} */ #top a#presse {left:50px; width:103px; background-image:url("../img/kinzo/presse_t.gif");background-repeat: no-repeat;} #top a#preise {left:134px; width:50px; background-image:url("../img/kinzo/preise_t.gif");background-repeat: no-repeat;} /*Subnavigation in DOWNLOAD */ #top a#movies {width:86px; background-image:url("../img/download/movies_t.gif");background-repeat: no-repeat;} #top a#materials {left:86px; width:105px; background-image:url("../img/download/materials_t.gif");background-repeat: no-repeat;} /* POLAROID NAVIGATION */ #pola {position: absolute; top:118px; left:189px; width:336px; height:388px; padding:6px 0 0 5px; background-image:url("../img/back_pola.gif"); background-repeat:no-repeat;} #pola a {bottom:40px; width:10px; height:8px; line-height: 8px; background-image:url("../img/kasten.gif");} /* Kästchenabstand 11px */ #pola a#eins {left:10px; background-image:url("../img/kastengrau.gif");} #pola a#zwei {left:21px;} #pola a#drei {left:32px;} #pola a#vier {left:43px;} #pola a#fuenf {left:54px;} #pola a#sechs {left:65px;} #pola a#sieben {left:76px;} #pola a#acht {left:87px;} #pola a#neun {left:98px;} #pola a#zehn {left:109px;} #pola a#elf {left:120px;} #pola a#zwoelf {left:131px;} #pola a#dreizehn {left:142px;} #pola a:hover {background-position:0 -8px;} #pola a.grau {background-image:url("../img/kastengrau.gif");}