/*Theres Teichmann fuer www.zebraluchs.de November 2007*/

 /* allgemeingueltige Angaben */

body {
        color: #000;
        font-family: Arial, Helvetica, Verdana, sans-serif ;
        text-align:center;
        margin:0 0 0 0;
        padding:0 0 0 0;
         font-size:76%;
        height:100%;
        width:100%;
        background:#fff;
        }

html{
                                height: 100%;
                        }

abbr[title], acronym[title] {border-bottom: 1px #777 dotted; cursor: help}

img {
        border:0;
        padding:0;
        margin:0;
        text-align:left;
        }

p  {
        font-size:1em;
        font-weight:normal;
        line-height:1.2em;
        padding:0;
        margin:0;
        text-align:left;
        }

/* mittige Ausrichtung des Inhaltsfensters vertikal und horizontal*/

#container, #container_start {
        position:absolute;
        top:50%;
        left:50%;
        width:827px;
         min-height:358px;
        border:0px dotted #e00;
        margin-left:-413px;
        padding:0;
        margin-top:-179px;//margin-top:-179px;/*Hack fuer IE5 mac*/}

/*nur sichtbar in IE-win. Vor I5-mac verbergen
\*/

*+ html #container, *+ html #container_start    {
        margin-top:-179px;
        min-height:358px;
        }
* html #container, * html #container_start   {
        margin-top:-179px;
        height:358px;
        }

html>body #container, html>body #container_start   {
        min-height: 358px;
        margin-top:-179px;
        }

/*Ende des Hacks*/

#container_start {
        background: url(start.gif) 27px bottom no-repeat;}

#box  {
        position:relative;
        width:827px;
        margin:0 auto;
        padding:0 0 0 0;
        height:auto;
        border:0px solid #000;
        top:0;
        text-align:left;
        }

/*Inhaltsbereich*/

#inhalt  {
        width:420px;
        margin:0 0 1.2em 211px;
        padding:0 0 0 0;
        min-height:317px;
        border:0px solid #000;
        position:relative;
        z-index:2000;
        top:0;
        }

*+ html #inhalt    {
        min-height:317px;
        }
* html #inhalt   {
        height:327px;
        }

html>body #inhalt  {
        min-height:317px;
        }

#inhalt ul{
        bottom:0;
        width:420px;
        margin:0 0 0 0;
        padding:0 0 0 0;
        height:auto;
        list-style:none;
        position:relative;
        left:0;
        }

/*Bildunterschriften*/

#inhalt ul li p{
        width:420px;
        }

#inhalt ul ul#bilder{
        list-style:none;
        margin:0 0 .4em 0; /*Abstand unter schwarzem Strich zur Bildunterschrift*/
        padding:0 0 0 0;
        border-top:1px solid #000;
        clear:both;
        text-align:left;
        height:264px;
        }

#inhalt  ul li{
        list-style: none;
        list-style-image:none!important;
        margin:0 0 0 0;
        padding:0 0 0 0;
        }

/*Buttons unter Projektbildern*/

#inhalt ul.buttons{
        height:12px!important;
        list-style:none;
        margin:0 0 0 0;
        padding:0;
        border:0px solid #999;
        position:absolute;bottom:0;left:0;
        width:420px;
        background: url(line_bottom.gif) bottom left repeat-x;
        z-index:2000;
        }

#inhalt ul.buttons li{
        list-style: none;
        list-style-image:none!important;
        float:left;padding: 0 0 0 0; margin:0;height:12px!important;width:12px;border-right:7px solid #fff;}

#inhalt ul.buttons li a {display:block;width:12px;height:9px!important; text-decoration:none;
padding:0 0 0 0;margin:0 0 0 0;border-bottom:3px solid #000;font-size:1px;}

#inhalt ul.buttons li a.img_butt:link, #inhalt ul.buttons li a.img_butt:visited{background:#FFF!important;border-bottom:3px solid #000;}
#inhalt ul.buttons li a.img_butt:hover, #inhalt ul.buttons li a.img_butt:active{background:#FFF100;border-bottom:3px solid #000;}
#inhalt ul.buttons li a.img_butt_active, #inhalt ul.buttons li a.img_butt_active:hover{background:#FFF100;border-bottom:3px solid #000;}

#inhalt ul.buttons24{
        height:12px!important;
        list-style:none;
        margin:0 0 0 0;
        padding:0;
        border:0px solid #999;
        position:absolute;bottom:0;left:0;
        width:420px;
        background: url(line_bottom.gif) bottom left repeat-x;
        z-index:2000;
        }

#inhalt ul.buttons24 li{
        list-style: none;
        list-style-image:none!important;
        float:left;padding: 0 0 0 0; margin:0;height:12px!important;width:12px;border-right:3px solid #fff;}

#inhalt ul.buttons24 li a {display:block;width:12px;height:9px!important; text-decoration:none;
padding:0 0 0 0;margin:0 0 0 0;border-bottom:3px solid #000;font-size:1px;}

#inhalt ul.buttons24 li a.img_butt:link, #inhalt ul.buttons24 li a.img_butt:visited{background:#FFF!important;border-bottom:3px solid #000;}
#inhalt ul.buttons24 li a.img_butt:hover, #inhalt ul.buttons24 li a.img_butt:active{background:#FFF100;border-bottom:3px solid #000;}
#inhalt ul.buttons24 li a.img_butt_active, #inhalt ul.buttons24 li a.img_butt_active:hover{background:#FFF100;border-bottom:3px solid #000;}

/* Textauszeichnungen  Textseiten*/

#inhalt ul#texte{
        list-style:none;
        margin:0 0 0 0;
        padding:0 0 0 0;
        border-top:1px solid #000;
        clear:both;
        text-align:left;
        min-height:282px;
        position:relative;
        }

*+ html ul#texte  {
        min-height:282px;
        }
* html ul#texte {
        height:282px;
        }

html>body ul#texte {
        min-height:282px;
        }

#inhalt ul#texte ul{
        padding:0 0 0 0;
        margin:14px 0 0 7px;
        clear:both;
        text-align:left;
        height:auto;
        position:absolute;
        bottom:0;
        }

#inhalt ul#texte ul li p{
        width:380px;
        margin:0 0 .5em 0;
        padding: 0 0 0 0;
        font-size:.95em;
        line-height: 1.15em;
        }


#inhalt ul#texte ul li.tt p, #inhalt ul#texte ul li.ts p{
        width:260px;
        }

#inhalt ul#texte ul li.profil p, #inhalt ul#texte ul li.links p{
        width:310px;
        }

#inhalt ul#texte ul li.impressum p{
        width:330px;
        }

#inhalt ul#texte ul li p a{
         text-decoration:none; font-weight:normal;border:none; }
#inhalt ul#texte ul li p a:link, #inhalt ul#texte ul li p a:visited {color: #000; background:url(link.gif) bottom left repeat-x;}
#inhalt ul#texte ul li p a:hover, #inhalt ul#texte ul li p a:active{color: #000; background:#FFF;}
#inhalt ul#texte ul li p a.aktiv, #inhalt ul#texte ul li p a.aktiv:hover{color: #000; background:#FFF100!important;}
#inhalt ul#texte ul li h1{
         font-weight:bold;font-size:1.1em; padding:0 0 0 0; margin:1em 0 .5em 0;line-height:1.1em;border:0px solid #e00;width:380px; }
 #inhalt ul#texte ul li h1 a:link, #inhalt ul#texte ul li h1 a:visited {color: #000;text-decoration:none;}
#inhalt ul#texte ul li h1 a:hover, #inhalt ul#texte ul li h1 a:active{color: #000; text-decoration:none;}

#inhalt ul li p a{
         text-decoration:none; font-weight:normal;border:none; }
#inhalt ul li p a:link, #inhalt ul li p a:visited {color: #000; background:url(link.gif) bottom left repeat-x;}
#inhalt ul li p a:hover, #inhalt ul li p a:active{color: #000; background:#FFF;}

.kursiv {font-style:italic;}

#inhalt ul li p span,#inhalt ul#texte ul li p span {
         font-weight:bold; background:#FFF100;}
span.fct-name {color: #a0793c;background:none!important;}   /* extra formatierung fuer FORMKONTEXT */

/* Footer */

        div#footer{margin:-155px 0 0 0; padding:0; position:relative;text-align:left;bottom:0;z-index:1000;width:827px;clear:both;height:200px;border:0px solid #e00;
        background: url(navi_hintergrund.gif) 211px bottom no-repeat;}

/* Thumbnails */

#thumbs{position:absolute;width:153px; bottom:0px;right:0;margin:0 0 1.8em 0; padding:0;border:0px solid #999; }

*+ html body #thumbs {
        width:153px;
        }/* IE 7 */
* html body #thumbs {
        width:162px;
        }/* aelter IE 7, richtige Darstellung der Navigationsbreite */

#thumbs ul   {margin:0 0 0 9px; padding:0 0 0 0; width:42px; z-index:8000; text-align:left;display:block;font-weight:normal;list-style-type: none;float:left;}
#thumbs ul li {display:block;padding: 0 0 0 0;margin:0 0 5px 0;list-style: none;list-style-image:none!important;height: 28px;width:42px;}
#thumbs ul li img {width:42px;margin:0; padding:0;border:0;}
#thumbs ul li a {display:block;height:25px;width:42px;text-decoration:none;padding:0;margin:0 0 0 0;}
#thumbs ul li a:link, #thumbs ul li a:visited{border-top:1px solid #000; border-bottom:2px solid #000;}
#thumbs ul li a:hover, #thumbs ul li a:active{border-top:1px solid #FFF100; border-bottom:2px solid #FFF100;}
#thumbs ul li a.aktiv, #thumbs ul li a.aktiv:hover{border-top:1px solid #FFF100!important; border-bottom:2px solid #FFF100!important;}

*+ html body #thumbs ul li  {
        margin:0 0 5px 0;
        }/* IE 7 */
* html body #thumbs ul li  {
        margin:0 0 2px 0;
        }/* aelter IE 7, richtige Darstellung der Navigationsbreite */
/* Subnavi */

#subnavi{position:absolute; bottom:0px;margin:0 0 -16px 0; padding:0;border:0px solid #999;left:740px;
width:auto;}

*+ html body #subnavi  {
        width:auto;
        margin:0 0 -16px 0;
        }/* IE 7 */
* html body #subnavi  {
        width:90px;
        margin:0 0 -13px 0;
        }/* aelter IE 7, richtige Darstellung der Navigationsbreite */
html>body #subnavi  {
width:auto;
        margin:0 0 -16px 0;
        }

#subnavi ul {margin:0; padding:3px 0 0 10px;  z-index:0; text-align:left;border:0px solid #e00; display:block;font-weight:normal;list-style-type: none;background:#FFF;}
#subnavi li {padding: 0 0 0 0; margin:0;list-style: none;list-style-image:none!important;}
#subnavi li a{display:block;width:auto;font-size:.9em; line-height:1em; height:1.1em; text-decoration:none; font-weight:normal;white-space:nowrap; padding:0 16px 0 0;margin:0 0 .3em 0;text-transform:lowercase;text-align:left; }
#subnavi li a:link, #subnavi li a:visited {color: #000; background:#FFF;}
#subnavi li a:hover, #subnavi li a:active{color: #000; background:#FFF100;line-height:1em; height:1.1em;}
#subnavi ul li a.aktiv, #subnavi ul li a.aktiv:hover{color: #000; background:#FFF100!important;}

        /* Logo zebraluchs */

        div#logo{position:absolute; bottom:0px;margin:0 0 1.5em 0; padding:0; float:left;}

/* Hauptnavigation */

#navigation{position:absolute; bottom:0px;margin:0 0 2em 190px; padding:0;border:0px solid #fc3; clear:both;}
#navigation ul   {margin:0; padding:0 0 0 0;  z-index:1000; text-align:left;border:0px solid #e00; display:block;font-weight:normal;list-style-type: none;}
#navigation ul li {float:left;padding: 0 0 0 0; margin:0;list-style: none;list-style-image:none!important;}
#navigation ul li a {display:block;width:auto;font-size:1em; line-height:1em; text-decoration:none; white-space:nowrap;font-weight:bold;
padding:.02em 0 .02em 5px;margin:0 0 0 0;border-right:5px solid #fff;text-transform:lowercase; }
*+ html body #navigation ul li a   {
        width:auto;
        }/* IE 7 */
* html body #navigation ul li a   {
        width:auto;
        }/* aelter IE 7, richtige Darstellung der Navigationsbreite */

#navigation ul li a:link, #navigation ul li a:visited{color: #000; background: #fff;}
#navigation ul li a:hover, #navigation ul li a:active{color: #000; background: #FFF100;}
#navigation ul li a.aktiv{color: #000; background: #FFF100!important;}

/* Servicenavi */

#servicenavi{position:absolute; bottom:0px;margin:0 0 .3em 0; padding:0;border:0px solid #999;text-align:left;float:left;}
#servicenavi ul {margin:0; padding:0 0 0 0;  z-index:1000; text-align:left;border:0px solid #e00; display:block;font-weight:normal;list-style-type: none;}
#servicenavi li {float:left;padding: 0 0 0 0; margin:0;list-style: none;list-style-image:none!important;}
#servicenavi li a{display:block;width:auto;font-size:.9em; line-height:1em; text-decoration:none; white-space:nowrap;font-weight:normal;
padding:.01em 0 .01em 5px;margin:0 .4em 0 0;text-transform:lowercase; }
#servicenavi li a:link, #servicenavi li a:visited {color: #000; background:#FFF;}
#servicenavi li a:hover, #servicenavie li a:active{color: #000; background:#FFF100;}
#servicenavi li a.aktiv, #servicenavi li a.aktiv:hover{color: #000; background:#FFF100!important;}