body, p a{
        color: white;
        background-image:url(bilder/Bannerkl.jpg);
        background-color: #000000;
        background-repeat:repeat-x;
        font-family: Arial,sans-serif;
        text-decoration: none;
        margin: 0; padding: 0em;
        min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
        max-width: 1100px;
}
html>body h1 {
        /*border-color: gray;  Farbangleichung an den Internet Explorer */
}

#banner1 {
        position:absolute;
        top:0px;
        left:190px;
        right: 50px;
        height:81px;
        min-width: 20em;
        max-width: 910px;
}

#logo {
      position:absolute;
      top:3px; left:38px;
      z-index:3;
      background:transparent;
}
html>body #logo {
      position:fixed;
      top:3px;
      left:38px;
      z-index:3;
      background:transparent;
}
/*********************************************************************************************/
/********************-infobox links-**********************************************************/
/*********************************************************************************************/
#box a {
        text-align:center;
        text-indent:0em; /* Textposition im Textfeld Schalter */
}
#box a:hover {
        color:black;
        background-color:transparent;
        margin-top:0.1em;
        text-indent:0.3em; /* Textposition im Textfeld Schalter bei hover */
        /*margin-left:0.3em;*/
}
#box a span {
        display:none;
}
#box a:hover span {
        position:absolute;
        top:215px;
        left:3em;
        display:block;
        width:11em;
        color:yellow;
        background-color:transparent;
        font:11px Arial, sans-serif;
        text-indent:0em;
        text-align:center;
}
#box2 a:hover {
        color:black;
        background-color:transparent;
        margin-left:0.3em;
}
#box2 a span {
        display:none;
}
#box2 a:hover span {
        position:absolute;
        top:-3em;
        left:1em;
        display:block;
        width:11em;
        color:yellow;
        background-color:transparent;
        font:11px Arial, sans-serif;
        text-indent:0em;
        text-align:center;
}
#box3 a:hover {
        color:black;
        background-color: transparent;
        margin-left:0.3em;
}
#box3 a span {
        display:none;
}
#box3 a:hover span {
        position:absolute;
        top:-7em;
        left:-3em;
        display:block;
        width:11em;
        color:yellow;
        background-color:transparent;
        font:11px Arial, sans-serif;
        text-indent:0em;
        text-align:center;
}
#box4 a {
        text-decoration:none;
}
#box4 a span {       /* Box Hinweis auf moderne Browser */
        display:none;
}

#box4 a:active span,
#box4 a:hover span {

        position:absolute;
        border-width:2px;
        left:180px;
        top:20px;
        display:block;
        color:yellow;
        width:525px;
        background-color:transparent;
        background-image:url(bilder/transback.png);
        background-repeat:repeat;
        font:14px Arial, sans-serif;
        text-align:left;
        text-decoration:none;
        border-style:solid;
        border-color:blue;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -khtml-border-radius:10px;
        -moz-box-shadow:10px 10px 20px #000;  /* css3 für Firefox */
        -webkit-box-shadow:10px 10px 20px #000;  /* css3 für Safari und Chrome */
        box-shadow:10px 10px 20px #000;        /* css3 für Opera */
        border-radius: 10px;    /* css 3  Attribut*/
        padding:0 0 0px 20px;
}
/*********************************************************************************************/
/********************-Navigationsbereich links-***********************************************/
/*********************************************************************************************/
#fixiert12 {         /*St Josef Seite*/
        position: absolute;
        float:left;
        top: 400px; left: 1em;
        width: 9em;
        /*color: yellow;*/
        background-color: transparent;
        text-align: left;
}
html>body #fixiert12 {  /* nur fuer moderne Browser! */
        position: fixed;
        top: 400px;
}
#fixiert121 {         /*Essen singt*/
        position: absolute;
        float:left;
        top: 450px; left: 3.5em;
        width: 9em;
        /*color: yellow;*/
        background-color:transparent;
        text-align: left;
}
html>body #fixiert121 {  /* nur fuer moderne Browser! */
        position: fixed;
        top: 450px;
}
#fixiert11 {         /*Titel*/
        position: absolute;
        float:left;
        top: 100px; left: 0px;
        width: 170px;
        color:yellow;
        background-color: transparent;
        text-align: center;
}
html>body #fixiert11 {  /* nur fuer moderne Browser! */
        position: fixed;
        top: 100px;
}
#fixiert11 a {
        font-size: 11px;

}
#fixiert11 p {
        font-size: 11px;
        line-height:0px;
}
#fixiert11 a:link{
        color: #FFFF00;
}
#fixiert11 a:visited{
        color: #FFFF00;
}
#fixiert11 a:active{
        color: #FFFF00;
}
#fixiert11 a:hover{
        color: #00E0FF;
}
#fixiert {
        position: absolute;
        float:left;
        top: 135px; left: -22px;
        width: 200px;
        background-color: transparent;
}
html>body #fixiert {  /* nur fuer moderne Browser! */
        position: fixed;
        top: 135px;
        width: 200px;
}
html>body ul#Navigation {   /* nur fuer moderne Browser! */
        background-color:transparent;
        /*-moz-border-radius:7px;*/
        font-size: 0.80em;
        /*float: left;*/ width: 200px;  /* Textfeldbreite Schalter */
        margin: 0 0 0;
        padding: 0;
}
html>body ul#Navigation li {   /* nur fuer moderne Browser! */
        list-style: none;
        margin: 0;
        padding: 0.5px;
}
html>body ul#Navigation a {   /* nur fuer moderne Browser! */
        display: block;
        padding: 0.8em 0em 0em 0em;
        font-weight: bold;
        text-decoration:none; height: 25px;
        font-size: 12px;
}

html>body ul#Navigation a:link {   /* nur fuer moderne Browser! */
        color: #FFDF00;
        background-color: transparent;
        background-image:url(bilder/schalterneut.gif);
        /*background-image:url(bilder/schalterneutgrbl.gif);*/
        background-repeat:no-repeat;
}
html>body ul#Navigation a:visited {   /* nur fuer moderne Browser! */
        color: #FFDF00;
        background-color: transparent;
        background-image:url(bilder/schalterneut.gif);
        /*background-image:url(bilder/schalterneutgrbl.gif);*/
        background-repeat:no-repeat;
}
html>body ul#Navigation a:hover {   /* nur fuer moderne Browser! */
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalterhover.gif);
        /*background-image:url(bilder/schalteraktivgrbl.gif);*/
        background-repeat:no-repeat;
        margin-left:0.3em;
}
html>body ul#Navigation a:active {   /* nur fuer moderne Browser! */
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalteraktiv.png);
        /*background-image:url(bilder/schaltergedrbl.gif);*/
        background-repeat:no-repeat;
}
html>body ul#Navigation a:focus {   /* nur fuer moderne Browser! */
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalteraktiv.png);
        /*background-image:url(bilder/schaltergedrbl.gif);*/
        background-repeat:no-repeat;
}

ul#Navigation {
        background-color:transparent;
        /*-moz-border-radius:7px;*/
        font-size: 0.80em;
        /*float: left;*/ width: 17em;  /* Textfeldbreite Schalter */
        margin: 0 0 1.2em;
        padding: 0;
}
ul#Navigation li {
        list-style: none;
        margin: 0;
        padding: 0.4em;
}
ul#Navigation a {
        display: block;
        padding: 0.2em;
        font-weight: bold;
        text-decoration:none; height: 21px;
        padding-top:8px;
        font-size: 12px;
}
ul#Navigation a:link {
        color: #FFDF00;
        background-color: transparent;
        background-image:url(bilder/schalterneut.gif);
        /*background-image:url(bilder/schalterneutgrbl.jpg);*/
        background-repeat:no-repeat;
}
ul#Navigation a:visited {
        color: #FFDF00;
        background-color: transparent;
        background-image:url(bilder/schalterneut.gif);
        /*background-image:url(bilder/schalterneutgrbl.jpg);*/
        background-repeat:no-repeat;
}
ul#Navigation a:hover {
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalterhover.gif);
        /*background-image:url(bilder/schalteraktivgrbl.jpg);*/
        background-repeat:no-repeat;
        padding-left:0.3em;
}
ul#Navigation a:active {
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalteraktiv.png);
        /*background-image:url(bilder/schaltergedrbl.jpg);*/
        background-repeat:no-repeat;
}
ul#Navigation a:focus {
        color: yellow;
        background-color: transparent;
        background-image:url(bilder/schalteraktiv.png);
        /*background-image:url(bilder/schaltergedrbl.jpg);*/
        background-repeat:no-repeat;
}
/*********************************************************************************************/
/********************-Inhaltsbeschreibung mitte-**********************************************/
/*********************************************************************************************/
html>body #Inhalt1 {   /* nur fuer moderne Browser! */
        position: absolute;
        background-color: transparent;
        text-decoration:none;
        text-align:center;
        right: 20px;
        top: 50px;
        max-left:450px;
        padding: 0;
        z-index:19;
        width:20%;
}
* html #Inhalt1 {
        background-color: transparent;
        position: absolute;
        text-decoration:none;
        margin:2em;
        padding: 10em 0 0 17em;
        width:200px;
        right:10em;
        z-index:1;
}
html>body #Inhalt {   /* nur fuer moderne Browser! */

        text-decoration:none;
        margin-top:0em;
        padding: 6em 7em 0 17em;
        z-index:18;
}
* html #Inhalt {
        position: static;
        text-decoration:none;
        margin-top:0em;
        padding: 10em 0 0 17em;
        width:65%;
        right:100em;
        z-index:18;
}
/*html>body #Inhalt {
        margin: 0em 0em 1em 13em;
        top:200em;
        margin: 10em 5em;
        width:66% ;
        margin-top:4em;
}*/
/** html #Inhalt {
        height: 1em; *//* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
        /*margin: 0 0.5em 0em 0.5em;
}*/
#Inhalt h2 {
        font-size: 1.0em;
        margin: 0.2em 0;
}
#Inhalt, p a {
        font-size: 16px;
        margin: 1em 0;
}

#Inhalt a:link{
        color: #FFFF00;
}
#Inhalt a:visited{
        color: #FFFF00;
}
#Inhalt a:active{
        color: #FFFF00;
}
#Inhalt a:hover{
        color: #00E0FF;
}

/*********************************************************************************************/
/********************-Fusszeile-**************************************************************/
/*********************************************************************************************/
p#Fusszeile1 {
        clear: left;
        font-size: 0.9em;
        margin: 0;
        padding: 0.1em;
        /*align:center;*/
        color: black;
        background-color: transparent;
}
html>body #Fusszeile1 {  /* nur fuer moderne Browser! */
        left:100px;
}
#Fusszeile {
        position:absolute;
        /*text-align: center;*/
        background-image:url(bilder/Bannerswkl.gif);
        background-repeat:repeat-x;
        height:24px;
        left:190px;
        right:20px;
        min-width: 20em;
        max-width: 910px;
        z-index:19;
        }
#Fusszeile a:link{
        color: #FFFF00;
}
#Fusszeile a:visited{
        color: #FFFF00;
}
#Fusszeile a:active{
        color: #FFFF00;
}
#Fusszeile a:hover{
        margin-top:0.1em; color: #00E0FF;
}