body, table, td, tr, div, p, pre {
font-family : 'Libre Baskerville', serif;
}
body, td, div, p, pre, ul {
font-size : 14px;
}
h1, h2, h3, h4 {
font-family : 'Sniglet', cursive;
}

h1 {font-size: 1.5em;
 border-bottom:solid thin black;
 font-weight: bold;
 color: #FFFFFF;
 text-shadow: 2px 2px 2px #000;
 }

.h1groß {font-size: 2.5em;
text-align: center;
 }

 .h1groß1 {font-size: 2em;
text-align: center;
 }
h2 {font-size: 0.9em; background-color:white;
padding: 3px;
opacity: 0.9;
text-align: center;
border-radius: 10px;}

.hh
 {font-size: 0.9em; background-color:white;
padding: 3px;
opacity: 0.9;
text-align: center;

border-radius: 10px;}

.h2a {font-size: 0.9em; background-color:white;
padding: 3px;
opacity: 0.9;
width:80%;
float:right;
text-align: center;
border-radius: 10px;}

.h3a
{font-size: 1.1em;
padding: 1px;
padding-right: 5px;
text-align: left;
line-height: 150%;
}
.h3b
{font-size: 1.2em;
font-weight:bold;
text-decoration:underline;
padding: 1px;
padding-right: 5px;
text-align: left;
line-height: 120%;
}

h3 {font-size: 1.2em;
background-color:#F9E196;
padding: 3px;
opacity: 0.9;
-moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius: 5px;
break-before: column;
break-after: avoid;
border-bottom:solid thin black;}

h4 {font-size: 1.2em;
 border-bottom:solid thin black;
 font-weight: bold;
 color: #1F0000;

 }
h5 {font-size: 1.5em;
padding: 3px;

text-align: center;
}

h6 {font-size: 1.4em;
 font-style: italic;
 text-align: center;
 border-bottom:solid thin black;
 font-weight: bold;
 color: #FFFFFF;
 text-shadow: 2px 2px 2px #000;
 }

.meinAbsatz
{text-align: left;}

tr:hover { background-color:silver; }

dfn {letter-spacing:0.1em;
     font-weight:bold;

     }


a:link { font-weight:bold; color:black; text-decoration:none; font-size: 1em;  }
a:visited { font-weight:bold; color:dimgray; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

#fn1
  {  font-size: smaller;
 font-style: italic;
 }

img {

opacity: 1;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px; }

.imgrund {

opacity: 1;
-moz-border-radius:50px;
-khtml-border-radius:50px;
border-radius: 50px; }


samp {
float:left;
color:DarkSalmon;
font-family:fantasy;
font-size:200%;
line-height:45%
}

.spaltenimg
{position:relative;
opacity: 1;
left:-5px;
border:solid thin black;
 }

 .rechtsimg
{position:relative;
float:right;
right:5px;
padding: 7px;

 }

 .linksimg
{position:relative;
float:left;
right:5px;
padding: 7px;

 }



 .divbox {
 position:relative;
 background-image:url(images/ornament1.png);
 top:25px;
 margin:5px;
 padding:10px;
 left:20px;
 width:29%;
 height:250px;
 float:left;
border-radius: 10px;}

 .divbox1 {
 position:relative;
 background-image:url(images/ornament1.png);
 top:80px;
 margin:5px;
 padding:10px;
 left:20px;
 width:89%;
 float:left;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;}

.divbox2 {
 position:relative;
 background-image:url(images/ornament1.png);
 top:25px;
border-radius: 10px;
z-index:22; }

#kbd {
 font-family: sans-serif;
 font-style: italic;
 text-align: center;
 color: #804000;
}
.kap
{ float:left;
color:DarkSalmon;
font-family:fantasy;
font-size:200%;
line-height:45%;
}



 .alth {
 display:none;
 }

 .pbottom {
  font-size: smaller;
  background: silver;
  vertical-align:bottom;
 }

 #download {color: #005F00;
            border:1px solid #000000;
            background-color:#FFBF00;
            font-weight: bold;
            border-bottom-right-radius: 8px;

 }
 #pfad {  color: blue; }
 #aktiv {  color: red; }

 tt {
  font-weight: bold;
  border-bottom:dotted thin black;

 }
 tt:hover {font-weight:bold; color:green;}


.extra {
  font-weight: bold;
  color: red;}

body { background-image:url(images/ornament.png);

}

body1 { background-image:url(../images/ornament.png)
}

.links
{
border:1px solid #aaaaaa;
position:absolute;width:190px; height:150%;
background-image:url(images/ornament1.png);
padding: 7px;
float:left;
left:10px;top:260px;
border-radius: 10px;
}

.floatlinks
{

float:left;
left:5px;top:10px;
margin:5px;
padding:5px;
}

.tipps
{
border:1px solid #aaaaaa;
position:relative;width:85%; height:auto;
background-image:url(images/ornament1.png);
padding: 5px;
margin: 5px;
float:left;
left:3px;top:10px;
border-radius: 10px;
}


.inc1
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:650px;

padding: 3px;
float:left;
top: 30px;
border-radius: 10px;
}

.inc1a
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:600px;

padding: 3px;
float:left;
top: 30px;
border-radius: 10px;
}

.inc2
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:500px;
 top: 30px;
padding: 3px;
float:left;
border-radius: 10px;
}

.inc3
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:900px;
top: 30px;
padding: 3px;
float:left;
border-radius: 10px;
}

.inc4
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:850px;
top: 30px;
padding: 3px;
float:left;
border-radius: 10px;
}

.inc
{
border:0px solid #aaaaaa;
position:relative;width:99%; height:750px;
top: 30px;
padding: 3px;
float:left;
border-radius: 10px;
}

.left
{
padding: 3px;
float:left;

}
.left1
{
padding: 3px;
float:left;
margin: -10px 0 0 -45px;
}

.left1a
{
padding: 3px;
float:left;
margin: -10px 0 0 -65px;
}

.right
{
padding: 3px;
float:right;

}

.right1
{
padding: 3px;
float:right;
margin: -10px -45px 0px 0px;
}

code {
font-size: 1.1em;
background-color:#FFFFFF;
color: #000080;
}

.code1
{  font-size: 1.3em;
padding: 7px;
float:left;
width:35%;

}
.code2
{  font-size: 1.3em;
background-color:#FFFFFF;
padding: 7px;
float:left;
width:60%;

}

.code3
{  font-size: 1.3em;
position: relative;
left: 30px;
color: #00BF00;
background: #9FDAEE;
padding: 25px;
float:left;
width:40%;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
}

.code3img {
                        border: 0; margin: -10px 0 0 -50px;
                        float: left; position: absolute;  }


.adresse
{  font-size: 1.2em;
position:relative;width:40%;
float:left;
padding: 5px;

}
.adresse1
{  font-size: 1.2em;
float:right;
padding: 5px;
position:relative;width:40%;

}

.wrapper
{ background: #FFFF80;
 background-image:url(images/ornament.png);
 width: 100%;
 height: 1000px;

}


.bookmarks
{
border:0px solid #aaaaaa;
position:absolute;width:250px;height:auto;

left:30px;top:185px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
z-index:15;
}

.navi
{
border:0px solid #aaaaaa;
position:relative;width:190px;height:220px;

padding: 0px;
left:0px;top:200px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
z-index:12;
}

.ad
{
border:0px solid #aaaaaa;
position:relative ;width:auto;height:auto;
text-align:center;

padding: 3px;
left:0px;top:2px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
}

.banner
{

position:relative ;width:auto;height:auto;
text-align:center;

padding: 3px;
left:10px;top:20px;

}


.drag
{
border:0px solid #aaaaaa;
text-align:center;
padding: 3px;
border-radius: 10px;
}

.boxlinks
{
border:0px solid #aaaaaa;
position:relative;width:185px;height:auto;
text-align:center;
background-image:url(images/ornament1.png);
padding: 3px;
left:0px;top:260px;
border-radius: 10px;
}
.boxlinks1
{
border:0px solid #aaaaaa;
position:relative;width:185px;height:auto;
text-align:center;
background-image:url(images/ornament1.png);
padding: 3px;
left:0px;top:60px;
border-radius: 10px;
}

.boxlinks1
{
border:0px solid #aaaaaa;
position:relative;width:185px;height:auto;
text-align:center;

padding: 3px;
left:20px;top:20px;
border-radius: 10px;
}

.oben
{
border:1px solid #aaaaaa;
position:absolute;width:97%; height:160px;
background-image:url(images/blueten1.png);
padding: 5px;
float:left;
left:10px;top:10px;
border-radius: 10px;
z-index:12;
}

.obennavi
{
border:1px solid #aaaaaa;
font-size: 0.9em;
position:relative;width:85%; height:50px;
background-image:url(images/ornament1.png);
padding: 3px;
float:left;
left:0px;top:180px;
border-radius: 10px;
z-index:5;
}



.downpdf
{
border:1px solid #aaaaaa;
font-size: 0.9em;
position:relative;width:auto; height:auto;
background-image:url(images/ornament1.png);
padding: 3px;
float:left;
left:5px;top:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
}

.gruppe1
{
border:1px solid #aaaaaa;
position:relative;width:49%; height:150px;
background-image:url(images/cyanus1.png);
padding: 15px;
float:left;
left:10px;top:5px;
border-radius: 10px;
}

.mitte
{
border:0px solid #aaaaaa;
position:absolute;width:82%; height:auto;
z-index:2;
padding: 7px;
float:right;
left:200px;top:220px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
z-index:-5;
}

.footnavi {
 text-align: center;
 position:absolute;width:80%; height:auto;
 left:220px;top:220px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
}

.rechts
{
border:0px solid #aaaaaa;
top:195px; right:2px;
position:fixed;width:145px; height:auto;
text-align:right;
padding: 3px;
float:right;
z-index:19;
}

.main
{
border:0px solid #aaaaaa;
position:relative;width:83%; height:auto;

opacity: 1;
padding: 15px;
float:left;
left:0px;top:15px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
border-radius: 10px;
z-index:3;
}
.main1
{
border:0px solid #aaaaaa;
position:absolute;width:97%; height:auto;
background-image:url(images/ornament1.png);
padding: 5px;
opacity: 1;
page-break-inside:avoid;
border-radius: 10px;
z-index:9;
}

.bg {background-color:#F9E196;
padding: 3px;
opacity: 0.8;}

.noop {
background-image:url(images/ornament1.png);
margin:5px;
padding:5px;
opacity: 1;
z-index:+15; }

form
{width:200px;}
.email
 {width:180px;
 border-radius: 5px;
 text-align:center;
 cursor: pointer;
  }



div#multicolumn {
background-image:url(images/ornament1.png);
        column-count: 3;
        column-gap: 20px;
        column-rule:  2px solid black;
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -moz-column-rule:     2px solid black;
        -webkit-column-count: 3;
        -webkit-column-rule:  2px solid black;
        --moz-border-radius:5px;
         -khtml-border-radius:5px;
         border-radius: 5px;
        height: auto;
        column-rule: 1px solid black;


}

div#multicolumn2 {
background-image:url(images/ornament1.png);
        column-count: 2;
        column-gap: 20px;
        column-rule:  2px solid black;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -moz-column-rule:     2px solid black;
        -webkit-column-count: 2;
        -webkit-column-rule:  2px solid black;
        -moz-border-radius:5px;
-khtml-border-radius:5px;
border-radius: 5px;
        height: auto;
        column-rule: 1px solid black;
        border-radius: 10px;
        padding: 8px;


}



.tooltip {
                        border-bottom: 1px dotted #000000; color: #000000; outline: none;
                        cursor: help; text-decoration: none;
                        position: relative; opacity: 1;  z-index: 99;
                }
                .tooltip span {
                        margin-left: -999em;
                        position: absolute;
                        opacity: 1; z-index: 99;
                }
                .tooltip:hover span {
                        border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
                        font-family: Calibri, Tahoma, Geneva, sans-serif;
                        position: absolute; left: 10em; top: 2em; z-index: 99;
                        margin-left: 0; width: 300px; opacity: 1;
                }
                .tooltip:hover img {
                        border: 0; margin: -10px 0 0 -55px;
                        float: left; position: absolute; opacity: 1; z-index: 99;
                }
                .tooltip:hover em {
                        font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
                        display: block; padding: 0.2em 0 0.6em 0;  opacity: 1; z-index: 99;
                }
                .classic { padding: 0.8em 1em; opacity: 1; z-index: 99; }
                .custom { padding: 0.5em 0.8em 0.8em 2em; z-index: 99; }
                * html a:hover { background: transparent; z-index: 99; }
                .classic {background: #FFFFAA; border: 1px solid #FFAD33; }
                .critical { background: #FFCCAA; border: 1px solid #FF3334;        }
                .help { background: #9FDAEE; border: 1px solid #2BB0D7;  z-index: 99;      }
                .info { background: #9FDAEE; border: 1px solid #2BB0D7;        }
                .warning { background: #FFFFAA; border: 1px solid #FFAD33; }









-moz-column-count:    2;

                    column-count:         2;

                    -moz-column-gap:      3em;
                    -webkit-column-gap:   3em;
                    column-gap:           3em;



                    column-rule:          1em solid gold;

<!--


                    .zzzz
{
Die folgenden Eigenschaften lassen Netscape ab Version 6, Mozilla und Firefox abgerundete Ecken darstellen:

    -moz-border-radius
    -moz-border-radius-topleft
    -moz-border-radius-topright
    -moz-border-radius-bottomleft
    -moz-border-radius-bottomright

Die folgenden Eigenschaften lassen Konqueror und Safari abgerundete Ecken darstellen:

    -khtml-border-radius
    -khtml-border-radius-topleft
    -khtml-border-radius-topright
    -khtml-border-radius-bottomleft
    -khtml-border-radius-bottomright

    .rund {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 10px;
border-top-right-radius: 15px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 20px; }

.divspalten {
     column-count: 3;
        column-gap: 20px;
        column-rule:  2px solid black;
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -moz-column-rule:     2px solid black;
        -webkit-column-count: 3;
        -webkit-column-rule:  2px solid black;
        height: auto;
        column-rule: 1px solid black;
    grid-columns: 200px auto 100px
}

img.eins {
    float: column;

    float-offset: 0.5gr;
    align: center;


}   -->