/* erstellt von eismann-it.de mai 2009 */
/*generelles*/
body {background: #2d3731;font:9px helvetica, arial, sans-serif;}
a:focus {outline:none;}
.clear {clear:both;line-height:0px;}
.window {padding-bottom:20px;height:348px;overflow:auto;}
 * html .window {padding-bottom:0px;margin-bottom:0px;}  /* nur für den IE6 */
/*container weisser hintergrund*/
#dungeon {width:980px;height:625px; margin: 22px auto;background:white;padding-top:25px;}
* html #dungeon {padding:0;}/* nur für den IE6 */
/*framecontainer*/
#framecontainer {float:left;margin-left:47px;height:327px;width:885px;border:1px solid #666;}
* html #framecontainer {height:348px;border:0;}/* nur für den IE6 */
/*speziell panorama*/
#panorama {padding-top: 0px;height:327px;}
/*linker header*/
#header-left {float:left;width:565px;height:185px;padding-top:25px;padding-bottom:25px;}
#header-left img {margin-left:50px;margin-top:28px;border:0;}
#header-left a {text-decoration:none;color:black;letter-spacing:2px;line-height:1.8em;}
#header-left a:hover {color:#00FF00;}
#header-left a#active {color:black;}
#header-left ul {position:relative;top:63px;text-align:right;text-transform:uppercase;margin:0;}
* html #header-left ul {top:60px;} /* nur für den IE6 */
#header-left li {list-style-type:none;margin-right:6px;}
/*rechter header*/
#header-right {float:right;margin-right:43px;margin-top:54px;padding:0;}
#header-right ul {margin:0px;padding:0;float:right;}
 *+html #header-right ul {margin-top:3px;} /* nur für den IE7 */
#header-right li { float:left;list-style-type:none;height:40px; width:65px;border: 1px solid #666;margin:3px;padding:0;}
#header-right a {text-decoration:none;width:65px;height:40px;display:block;}
#header-right img {border:0;}
/*die ersten fuenfzehn menufelder*/
#header-right a#projekt-eins:hover,#header-right a#projekt-eins.current {background-image: url(../hakotowi/menu-farben/projekt-eins.jpg);background-repeat:repeat;}
#header-right a#projekt-zwei:hover,#header-right a#projekt-zwei.current {background-image: url(../hakotowi/menu-farben/projekt-zwei.jpg);background-repeat:repeat;}
#header-right a#projekt-drei:hover,#header-right a#projekt-drei.current {background-image: url(../hakotowi/menu-farben/projekt-drei.jpg);background-repeat:repeat;}
#header-right a#projekt-vier:hover,#header-right a#projekt-vier.current {background-image: url(../hakotowi/menu-farben/projekt-vier.jpg);background-repeat:repeat;}
#header-right a#projekt-fuenf:hover,#header-right a#projekt-fuenf.current {background-image: url(../hakotowi/menu-farben/projekt-fuenf.jpg);background-repeat:repeat;}
#header-right a#projekt-sechs:hover,#header-right a#projekt-sechs.current {background-image: url(../hakotowi/menu-farben/projekt-sechs.jpg);background-repeat:repeat;}
#header-right a#projekt-sieben:hover,#header-right a#projekt-sieben.current {background-image: url(../hakotowi/menu-farben/projekt-sieben.jpg);background-repeat:repeat;}
#header-right a#projekt-acht:hover,#header-right a#projekt-acht.current {background-image: url(../hakotowi/menu-farben/projekt-acht.jpg);background-repeat:repeat;}
#header-right a#projekt-neun:hover,#header-right a#projekt-neun.current {background-image: url(../hakotowi/menu-farben/projekt-neun.jpg);background-repeat:repeat;}
#header-right a#projekt-zehn:hover,#header-right a#projekt-zehn.current {background-image: url(../hakotowi/menu-farben/projekt-zehn.jpg);background-repeat:repeat;}
#header-right a#projekt-elf:hover,#header-right a#projekt-elf.current {background-image: url(../hakotowi/menu-farben/projekt-elf.jpg);background-repeat:repeat;}
#header-right a#projekt-zwoelf:hover,#header-right a#projekt-zwoelf.current {background-image: url(../hakotowi/menu-farben/projekt-zwoelf.jpg);background-repeat:repeat;}
#header-right a#projekt-dreizehn:hover,#header-right a#projekt-dreizehn.current {background-image: url(../hakotowi/menu-farben/projekt-dreizehn.jpg);background-repeat:repeat;}
#header-right a#projekt-vierzehn:hover,#header-right a#projekt-vierzehn.current {background-image: url(../hakotowi/menu-farben/projekt-vierzehn.jpg);background-repeat:repeat;}
#header-right a#projekt-fuenfzehn:hover,#header-right a#projekt-fuenfzehn.current {background-image: url(../hakotowi/menu-farben/projekt-fuenfzehn.jpg);background-repeat:repeat;}
/*die zweiten funfzehn menufelder*/
#header-right a#projekt-sechszehn:hover,#header-right a#projekt-sechzehn.current {background-image: url(../hakotowi/menu-farben/projekt-sechszehn.jpg);background-repeat:repeat;}
#header-right a#projekt-siebzehn:hover,#header-right a#projekt-siebzehn.current {background-image: url(../hakotowi/menu-farben/projekt-siebzehn.jpg);background-repeat:repeat;}
#header-right a#projekt-achtzehn:hover,#header-right a#projekt-achtzehn.current {background-image: url(../hakotowi/menu-farben/projekt-achtzehn.jpg);background-repeat:repeat;}
#header-right a#projekt-neunzehn:hover,#header-right a#projekt-neunzehn.current {background-image: url(../hakotowi/menu-farben/projekt-neunzehn.jpg);background-repeat:repeat;}
#header-right a#projekt-zwanzig:hover,#header-right a#projekt-zwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-zwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-einundzwanzig:hover,#header-right a#projekt-einundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-einundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-zweiundzwanzig:hover,#header-right a#projekt-zweiundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-zweiundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-dreiundzwanzig:hover,#header-right a#projekt-dreiundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-dreiundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-vierundzwanzig:hover,#header-right a#projekt-vierundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-vierundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-fuenfundzwanzig:hover,#header-right a#projekt-fuenfundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-fuenfundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-sechsundzwanzig:hover,#header-right a#projekt-sechsundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-sechsundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-siebenundzwanzig:hover,#header-right a#projekt-siebenundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-siebenundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-achtundzwanzig:hover,#header-right a#projekt-achtundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-achtundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-neunundzwanzig:hover,#header-right a#projekt-neunundzwanzig.current {background-image: url(../hakotowi/menu-farben/projekt-neunundzwanzig.jpg);background-repeat:repeat;}
#header-right a#projekt-dreissig:hover,#header-right a#projekt-dreissig.current {background-image: url(../hakotowi/menu-farben/projekt-dreissig.jpg);background-repeat:repeat;}
/*umschalter fuer projekte*/
#switcher {float:right;margin-right:1px;}
*+html #switcher {padding-top:3px;}/* nur für den IE7 */
#switcher a {float:left;border:0;display:block;height:10px; width:10px;background-repeat:no-repeat;}
#switcher a#plus{background-image: url(img/plus-normal.gif);padding-right:10px;}
#switcher a#plus:hover {background-image: url(img/plus-aktiv.gif);}
#switcher a#plus.active {background-image: url(img/plus-aktiv.gif);}
#switcher a#minus{background-image: url(img/minus-normal.gif);}
#switcher a#minus:hover {background-image: url(img/minus-aktiv.gif);}
#switcher a#minus.active {background-image: url(img/minus-aktiv.gif);}