html { margin:0px; height:100%; width:100%; overflow:auto;} 
body { background-color:#000; margin-top:0px; margin-right:0px; margin-bottom:100px; margin-left:0; padding:20px; font-family:Arial, Helvetica, sans-serif; overflow:visible; height:100%; width:100%;} 
/* --- MENU ---*/ 
#menuTop {position:absolute;top:20px;left:20px;z-index:3;font-size:12px;} 
#menuZuhause {} 
#menuProduktionen {clear:both;} 
#menuMenschen {clear:both;} 
#menuMitmenschen {clear:both;} 
#menuEcho {clear:both;} 
#menuKontakt {clear:both;} 
.menuZuhause {color:#999;padding-left:32px;background-color:#033;line-height:17px;padding-right:12px;margin-bottom:2px;} 
.menuProduktionen {color:#9f0;padding-left:44px;background-color:#033;line-height:17px;padding-right:12px;margin-bottom:2px;} 
.menuMenschen {color:#99f;padding-left:56px;background-color:#033;line-height:17px;padding-right:12px;margin-bottom:2px;} 
.menuMitmenschen {color:#993;padding-left:68px;background-color:#033;line-height:17px;padding-right:12px;margin-bottom:2px;} 
.menuEcho {color:#fc6;padding-left:80px;background-color:#033;line-height:17px;padding-right:12px;margin-bottom:2px;} 
.menuKontakt {color:#3c9;padding-left:92px;background-color:#033;line-height:17px;padding-right:12px;} 
/* --- CLAIMER--- */ 
#claimerArea {position:absolute; top:165px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF00FF; overflow:visible;} 
/*--- CONTENT AREA ---*/ 
#wrapper {position:absolute; top:0; left:0; height:100%; width:100%; z-index:00;} 
#intro {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} 
#contentZuhause {position:absolute;top:200px;left:0px;z-index:10;background-color:transparent;} 
#contentProduktionen {position:absolute;top:200px;left:0px;z-index:10;background-color:transparent;} 
#contentProduktion {position:absolute;top:0px;left:0px;z-index:10;width:100%; overflow:visible;background-color:transparent;} 
#contentMenschen {position:absolute;top:200px;left:0px;z-index:10;background-color:transparent;} 
#contentMitmenschen {position:absolute;top:200px;left:0px;z-index:10;background-color:transparent;} 
#contentEcho {position:absolute;top:200px;left:0px;z-index:10;background-color:transparent;} 
#contentKontakt {position:absolute;top:200px;left:0px;z-index:1;} 
/*--- SPALTEN ---*/ 
#zuhauseSpalte1 {position:absolute;top:0px;left:20px;width:300px; border-bottom: 100px solid transparent;z-index:21;} 
#zuhauseSpalte2 {position:absolute;top:0px;left:324px;width:300px;z-index:22;} 
#zuhauseSpalte3 {position:absolute;top:0px;left:628px;width:300px; color:#00FF33;z-index:23;} 
#produktionenSpalte1{position:absolute;top:0px;left:20px;width:300px;z-index:22;} 
#produktionenSpalte2{position:absolute;top:0px;left:324px;width:300px; z-index:23;} 
#produktionenSpalte3{position:absolute;top:0px;left:628px;width:300px; color:#00FF33;border-bottom: 100px solid transparent;z-index:24;} 
#produktionClaimer {position:absolute;top:168px;left:20px; overflow:visible;z-index:21;} 
#produktionImages {position:absolute;top:250px;left:20px;width:908px; height:195px; background-color:black; cursor:pointer; z-index:22;} 
#produktionSpalte1 {position:absolute;top:483px;left:20px;width:300px; border-bottom: 100px solid transparent;z-index:21;} 
#produktionSpalte2 {position:absolute;top:540px;left:324px;width:300px;z-index:22;} 
#produktionSpalte3 {position:absolute;top:540px;left:628px;width:300px;z-index:23;} 
#menschenSpalte1 {position:absolute;top:0px;left:20px;width:300px;border-bottom: 100px solid transparent;z-index:21;} 
#menschenSpalte2 {position:absolute;top:0px;left:324px;width:300px;border-bottom: 100px solid transparent;z-index:22;} 
#menschenSpalte3 {position:absolute;top:0px;left:628px;width:300px;border-bottom: 100px solid transparent;z-index:23;} 
#mitmenschenSpalte1 {position:absolute;top:0px;left:20px;width:300px;border-bottom: 100px solid transparent;z-index:21;} 
#mitmenschenSpalte2 {position:absolute;top:0px;left:324px;width:300px;border-bottom: 100px solid transparent;z-index:22;} 
#mitmenschenSpalte3 {position:absolute;top:0px;left:628px;width:300px;border-bottom: 100px solid transparent;z-index:23;} 
#echoSpalte1 {position:absolute;top:0px;left:20px; width:908px;background-color:transparent; border-bottom: 100px solid transparent;z-index:21;} 
#kontaktSpalte1 {position:absolute;top:0px;left:20px;width:908px;background-color:transparent; border-bottom: 100px solid transparent;z-index:21;} 
/*--- BOXEN ---*/ 
#begruessung {background-color:#033;margin-bottom:2px;} 
#krautprodukte {background-color:#033;margin-bottom:2px;} 
#selbstportrait {background-color:#033;margin-bottom:2px;} 
#akut {background-color:#303;margin-bottom:2px;} 
#aktuell {background-color:#300;margin-bottom:2px;} 
#archiv {background-color:#333;margin-bottom:2px; padding:0px;} 
#sternbutton {position:absolute; top:440px; left:990px; width:auto; z-index:12;} 
#produktion {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#vorfuehrungen {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#downloads {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#menschen {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#mitmenschen {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#echo {background-color:#000;margin-bottom:2px;background-color:transparent;} 
#kontakt {background-color:#000;margin-bottom:2px;background-color:transparent;} 
/*--- FONTS ---*/ 
h1 {font-size:12px;font-weight:normal;color:#fff;line-height:19px;margin:00px 5px 00px 5px;padding-left:5px;padding-right:5px;} 
h2 {font-size:12px;font-weight:normal;color:#fff;line-height:19px;margin:19px 5px 19px 5px;padding-left:5px;padding-right:5px;} 
h3 {font-size:12px;font-weight:normal;color:#fff;line-height:19px;margin:19px 5px 00px 5px;padding-left:5px;padding-right:5px;} 
h5 {font-size:12px;font-weight:normal;font-weight:normal;line-height:19px;margin:0px 5px 0px 5px;padding-left:5px;padding-right:5px;color:#999;} 
P, UL {font-size:12px;font-weight:normal;line-height:19px;color:#999;margin:0px 5px 0px 5px; padding-left:5px;padding-right:5px;} 
img {border:0px; margin-top:19px;} 
.gray {color:#999;} 
a {text-decoration:none; cursor:pointer} 
a:visited {text-decoration:none; cursor:pointer;} 
a:hover {text-decoration:none; background-color:#000; color:#FFF; cursor:pointer;} 
a:active {text-decoration:none; background-color:#000; cursor:pointer} 
/*--- FONTS ZUHAUSE ---*/ 
#krautprodukte a {text-decoration:none; color:#9f0;padding-right:2px;padding-left:1px;} 
#krautprodukte a:visited {text-decoration:none; color:#9f0;padding-right:2px;padding-left:1px;} 
#krautprodukte a:hover {text-decoration:none; background-color:#9f0; color:#000; padding-right:2px;padding-left:1px;} 
#krautprodukte a:active {text-decoration:none; color:#9f0;padding-right:2px;padding-left:1px;} 
#zuhauseSpalte3 a {text-decoration:none; background-color:transparent; color:#fc6;} 
#zuhauseSpalte3 a:visited {text-decoration:none; background-color:transparent; color:#fc6;} 
#zuhauseSpalte3 a:hover {text-decoration:none; background-color:#fc6; color:#000; padding-right:2px;padding-left:1px;} 
#zuhauseSpalte3 a:active {text-decoration:none; background-color:transparent; color:#fc6;} 
/*--- FONTS PRODUKTIONEN ---*/ 
#akut h1 {color:#9f0;line-height:17px;background-color:#4c4c4b;margin-bottom:2px;} 
#aktuell h1 {color:#9f0;line-height:17px;background-color:#4c4c4b;margin-bottom:2px;} 
#aktuell p {color:#300; background-color:#999; line-height:17px;margin-bottom:2px;} 
#archiv h1 {color:#9f0;line-height:17px;background-color:#4c4c4b; margin-top:1px; margin-bottom:1px;} 
#akut a {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#akut a:visited {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#akut a:hover {text-decoration:none; background-color:#9f0; color:#4c4c4b;} 
#akut a:active {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#aktuell a {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#aktuell a:visited {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#aktuell a:hover {text-decoration:none; background-color:#9f0; color:#4c4c4b; padding-right:2px;padding-left:1px;} 
#aktuell a:active {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#archiv a {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#archiv a:visited {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
#archiv a:hover {text-decoration:none; background-color:#9f0; color:#4c4c4b; padding-right:2px;padding-left:1px;} 
#archiv a:active {text-decoration:none; background-color:#4c4c4b; color:#9f0;} 
/*---FONTS EINZELNE PRODUKTION ---*/ 
#produktion h2 {margin-bottom:19px;} 
#vorfuehrungen h2 {margin-bottom:19px;} 
#produktionClaimer h1 {color:#fff; font-size:60px; line-height:66px; white-space: nowrap;} 
#produktionArchiv h1 {color:#9f0; line-height:17px; background-color:#4c4c4b;} 
#produktion p {color:#9c3;} 
#produktionImages img { border: 0px; background-color: black; } 
#produktion a {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
#produktion a:visited {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
#produktion a:hover {text-decoration:none; background-color:#9c3; color:#000; padding-right:2px;padding-left:1px;} 
#produktion a:active {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
#vorfuehrungen p {color:#9c3;} 
#vorfuehrungen a {text-decoration:none; background-color:#000; color:#999; padding-right:2px;padding-left:1px;} 
#vorfuehrungen a:visited {text-decoration:none; background-color:#000; color:#999; padding-right:2px;padding-left:1px;} 
#vorfuehrungen a:hover {text-decoration:none; background-color:#9f0; color:#000; padding-right:2px;padding-left:1px;} 
#vorfuehrungen a:active {text-decoration:none; background-color:#000; color:#999; padding-right:2px;padding-left:1px;} 
#downloads a {text-decoration:none; background-color:#000; color:#999;} 
#downloads a:visited {text-decoration:none; background-color:#000; color:#999;} 
#downloads a:hover {text-decoration:none; background-color:#9f0; color:#000; padding-right:2px;padding-left:1px;} 
#downloads a:active {text-decoration:none; background-color:#000; color:#999;} 
#produktionArchiv a {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
#produktionArchiv a:visited {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
#produktionArchiv a:hover {text-decoration:none; background-color:#9f0; color:#000; padding-right:2px;padding-left:1px;} 
#produktionArchiv a:active {text-decoration:none; background-color:#000; color:#999;padding-right:2px;padding-left:1px;} 
/*#sternbutton a {text-decoration:none; background-color:transparent;} 
#sternbutton a:visited {text-decoration:none; background-color:transparent;} 
#sternbutton a:hover {text-decoration:none; background-color:transparent;} 
#sternbutton a:active {text-decoration:none; background-color:transparent;}*/ 
#sternbutton a {background-image:url(../myGfx/stern_anim.gif); background-position: 0 0; background-repeat:no-repeat; display:block;} 
#sternbutton a:visited {background-image:url(../myGfx/stern_anim.gif); background-position: 0 0; background-repeat:no-repeat; display:block;} 
#sternbutton a:hover {background-image:url(../myGfx/stern_rollover.gif); background-position: 0 0; background-repeat:no-repeat; display:block;} 
#sternbutton a:active {background-image:url(../myGfx/stern_anim.gif); background-position: 0 0; background-repeat:no-repeat; display:block;} 
/*--- FONTS MENSCHEN ---*/ 
#menschen h3 {color:#999;} 
#menschen p, #menschenSpalte2 p, #menschenSpalte3 p, #menschen ul {color:#99f;} 
#menschen a {text-decoration:none; color:#9f0;} 
#menschen a:visited {text-decoration:none; color:#9f0;} 
#menschen a:hover {text-decoration:none; background-color:#9f0; color:#000;} 
#menschen a:active {text-decoration:none; color:#9f0;} 
/*---FONTS MITMENSCHEN ---*/ 
#mitmenschen h3 {color:#999;} 
#mitmenschen p, #mitmenschenSpalte2 p, #mitmenschenSpalte3 p, #mitmenschen ul {color:#993;} 
/*--- FONTS ECHOS ---*/ 
#echo p {color:#fc6;} 
#kontakt p {color:#3c9;} 
#aktuell img {border:0px; margin-top:0px; margin-right:0px; padding-right:5px; margin-left:0px; padding-left:5px; /*margin-bottom:19px;*/} 
#archiv img {border:0px; margin-top:57px; margin-right:0px; padding-right:5px; margin-left:0px; padding-left:5px;} 
#aktuell img, #archiv img {background-image:url(../myGfx/bottomLine.gif); background-position: 0px 111px; background-repeat:no-repeat; padding-bottom:20px; } 
/*---KONTAKT---*/ 
#kontakt a {text-decoration:none; background-color:#3c9; color:#000; padding-right:2px;padding-left:1px;} 
#kontakt a:visited {text-decoration:none; background-color:#3c9; color:#000; padding-right:2px;padding-left:1px;} 
#kontakt a:hover {text-decoration:none; background-color:#3c9; color:#000; padding-right:2px;padding-left:1px;} 
#kontakt a:active {text-decoration:none; background-color:#3c9; color:#000; padding-right:2px;padding-left:1px;} 
/*---------------*/ 
/*--------MENU-LINKS--------*/ 
#menuZuhause a {text-decoration:none; background-color:#033; color:#999;} 
#menuZuhause a:visited {text-decoration:none; background-color:#033; color:#999;} 
#menuZuhause a:hover {text-decoration:none; background-color:#999; color:#033;} 
#menuZuhause a:active {text-decoration:none; background-color:#033; color:#999;} 
#menuProduktionen a {text-decoration:none; background-color:#033; color:#9f0;} 
#menuProduktionen a:visited {text-decoration:none; background-color:#033; color:#9f0;} 
#menuProduktionen a:hover {text-decoration:none; background-color:#9f0; color:#033;} 
#menuProduktionen a:active {text-decoration:none; background-color:#033; color:#9f0;} 
#menuMenchen a {text-decoration:none; background-color:#033; color:#99f;} 
#menuMenschen a:visited {text-decoration:none; background-color:#033; color:#99f;} 
#menuMenschen a:hover {text-decoration:none; background-color:#99f; color:#033;} 
#menuMenschen a:active {text-decoration:none; background-color:#033; color:#99f;} 
#menuMitmenchen a {text-decoration:none; background-color:#033; color:#993;} 
#menuMitmenschen a:visited {text-decoration:none; background-color:#033; color:#993;} 
#menuMitmenschen a:hover {text-decoration:none; background-color:#993; color:#033;} 
#menuMitmenschen a:active {text-decoration:none; background-color:#033; color:#993;} 
#menuEcho a {text-decoration:none; background-color:#033; color:#fc6;} 
#menuEcho a:visited {text-decoration:none; background-color:#033; color:#fc6;} 
#menuEcho a:hover {text-decoration:none; background-color:#fc6; color:#033;} 
#menuEcho a:active {text-decoration:none; background-color:#033; color:#fc6;} 
#menuKontakt a {text-decoration:none; background-color:#033; color:#3c9;} 
#menuKontakt a:visited {text-decoration:none; background-color:#033; color:#3c9;} 
#menuKontakt a:hover {text-decoration:none; background-color:#3c9; color:#033;} 
#menuKontakt a:active {text-decoration:none; background-color:#033; color:#3c9;} 
/* --- STOERELEMENTE ---*/ .stoerIndex { background-image:url(../myGfx/stoer11_2.gif); background-repeat:no-repeat; background-position: 670px 350px; background-attachment:scroll; } 
.stoerProduktionen { background-image:url(../myGfx/stoer45_2.gif); background-repeat:no-repeat; background-position: 770px 50px; background-attachment:scroll; } 
.stoerProduktion { background-image:url(../myGfx/stoer11.gif); background-repeat:no-repeat; background-position: 770px 50px; background-attachment:scroll; } 
.stoerEcho { background-image:url(../myGfx/stoer44_2.gif); background-repeat:no-repeat; background-position: 470px 150px; background-attachment:scroll; } 
.stoerKontakt { background-image:url(../myGfx/stoer45.gif); background-repeat:no-repeat; background-position: 400px 350px; background-attachment:scroll; } 
/*</group=styles used by openBox CM >*/ 
.iptH1{border:1px dotted #CCCCCC;color:#993300;font-weight:bold; font-size:18px; line-height:19px;margin:0px 0px 0px 0px;padding:0;} 
.iptH2{border:1px dotted #CCCCCC;color:#339900;font-weight:bold; font-size:16px; line-height:19px;margin:0px 0px 19px 0px;padding:0;} 
.iptH3{border:1px dotted #CCCCCC;color:#0033CC;font-weight:bold; font-size:14px; line-height:19px;margin:19px 0px 0px 0px;padding:0;} 
.iptH4{border:1px dotted #CCCCCC;color:#351e69;font-weight:bold; font-size:12px; line-height:19px;margin:0px 0px 0px 0px;padding:0;} 
.iptH5{border:1px dotted #CCCCCC;color:#351e69;font-weight:bold; font-size:12px; line-height:19px;margin:0px 0px 0px 0px;padding:0;} 
.iptH6{border:1px dotted #CCCCCC;color:#351e69;font-weight:bold; font-size:10px; line-height:19px;margin:0px 0px 0px 0px;padding:0;} 
.ipt a {text-decoration:underline; background-color:transparent; color:#ccc;} 
.ipt a:visited {text-decoration:underline; background-color:transparent; color:#ccc;} 
.ipt a:hover {text-decoration:underline; background-color:transparent; color:#ccc;} 
.ipt a:active {text-decoration:underline; background-color:transparent; color:#ccc;} 
body.HardCoreWebEditor { background-color:#000; background-image:url(); color:#ccc; font-weight:normal; font-size: 12px; line-height:19px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding: 0px; height: 100%; width: 100%; } 
.HardCoreWebEditor h1 {color:#fff; text-decoration:underline;} 
.HardCoreWebEditor h2 {color:#ccc; text-decoration:underline;} 
.HardCoreWebEditor h3 {color:#ccc; text-decoration:underline; font-style:italic;} 
.HardCoreWebEditor p, .HardCoreWebEditor ul, .HardCoreWebEditor li {color:#ccc; font-size:12px; font-weight:normal; line-height:19px; margin:0px 5px 0px 5px; padding-left:5px;padding-right:5px;} 
.HardCoreWebEditor a:link, .HardCoreWebEditor a:visited, .HardCoreWebEditor a:hover, .HardCoreWebEditor a:active {color:red; background-color:transparent;margin:0;padding:0;}