/* schriftstil,abstände */

@import url(https://fonts.googleapis.com/css?family=Norican );


body
{background-image: url(images/bg_top.jpg);font: 100.01%; font-family: Arial,Helvetica,Verdana,Georgia,sans-serif, Norican; font-size: 12pt; color:#000000; margin-top: 20px; margin-left: 80px; margin-right: 80px;margin-bottom: 40px; padding:0px;
}


body
{scrollbar-arrow-color: white; scrollbar-base-color: #cccccc;
scrollbar-highlight-color : #e6e6e6; scrollbar-shadow-color : black;
SCROLLBAR-TRACK-COLOR: #9f9f9f;}
<!--
.master {
    text-align: center;
    width: 920px;
    color: #000000;
    display: table;
    min-height: 300px;
    margin-top: 28px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    font-size: 11pt;
    line-height: 14pt;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color: #FFFFFF;
    background-position: center;
    border: thin solid #242e7a;
}
-->


.meldung {width:280px;
         font-size:12pt;
         border:2px solid #000000;
        font-family:Arial;
        color:blue;
        text-align:center;

        }


.seite {
         width:950px;
  /*       float: right;   */
         background-color:#ffffff;
         border-color: #000000;
         border-style:2px solid #666;
          -webkit-border-radius: 10px;  /* für Chrome ab Version 4.0 bzw. Safari ab Version 3.1*/
         -moz-border-radius: 10px;    /* für Firefox ab Version 3.0*/
         border-radius:10px;     /* ab Browserversion: IE ab 9.0, Firefox ab 4.0, Chrome ab 5.0
                                 Safari ab 5.0 und Opera ab 10. */
          border: 2px solid #666;
          padding:0px;
          margin: 0 auto;


 }

.seite_captcha {
  width:350px;
  /*       float: right;   */
         background-color:#ffffff;
         border-color: #000000;
         border-style:2px solid #666;
          -webkit-border-radius: 10px;  /* für Chrome ab Version 4.0 bzw. Safari ab Version 3.1*/
         -moz-border-radius: 10px;    /* für Firefox ab Version 3.0*/
         border-radius:10px;     /* ab Browserversion: IE ab 9.0, Firefox ab 4.0, Chrome ab 5.0
                                 Safari ab 5.0 und Opera ab 10. */
          border: 2px solid #666;
          padding:0px;
          margin: 0 auto;


 }

.bildrechts {
    float: right;
    width: 362px;                      /* width + height = maße des bildes*/
    height: 293px;
    margin-left: 10px;

}
.stil_r {
        color: #000000;
        font-family:Georgia;
       /*        font-weight: bold;   */
        font-size: 14pt;
       }
.stil_w {
         color: #cc0000;
         line-height: 1em;
         font-size: 170%;
         font-family: Norican;

}
.stil_k {
         color: #cc0000;
         line-height: 1em;
         font-size: 130%;
         font-family: Norican;

}
.bildlinks {
    float: left;
    width: 362px;                       /* width + height = maße des bildes*/
    height: 293px;
    margin-right: 15px;
    margin-top:10px;
    margin-bottom:10px;
    border: 1px solid red;
}
.bild_hinweis {
    float: right;
    width: 350px;                      /* width + height = maße des bildes*/
    height: 65px;
    margin-left: 10px;

}
.bild_ringe {
    float: right;
    width: 198px;                      /* width + height = maße des bildes*/
    height: 134px;
    margin-left: 10px;
}

.bild_tipp {
    text-align:center;
    width: 350px;                      /* width + height = maße des bildes*/
    height: 65px;
    margin-left: 10px;

}
.absatz {
         width:100%;
         height: 25px;
         }
.absatz2 {
         width:100%;
         height: 15px;
         }

.wrapper {
          background-color:#ffffff;
          margin: 0 auto;
          width:696px;
           }
.wrapper2 {
          background-color:#ffffff;
          margin: 0 auto;
          width:750px;
           }
#wrapper2 {
          background-color:#ffffff;
          margin: 0 auto;
          width:750px;
           }

#stapel {
    height: 29em;
    width: 43em;
    margin: 2em auto 0;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px 1px #777;
}

#stapel img {
    position: absolute;
    height: 29em;
    width: 43em;
    opacity: 0;
    animation: 30s ease-in-out infinite;
}
#stapel img:nth-of-type(1) {
    animation-name: fade1;
}

#stapel img:nth-of-type(2) {
    animation-name: fade2;
}

#stapel img:nth-of-type(3) {
    animation-name: fade3;
}

#stapel img:nth-of-type(4) {
    animation-name: fade4;
}

#stapel img:nth-of-type(5) {
    animation-name: fade5;
}

@keyframes fade1 {
     0%, 10%, 100% {opacity:1;}
    20%, 90%       {opacity:0;}
}

@keyframes fade2 {
     0%, 10%, 40%, 100% {opacity:0;}
    20%, 30%            {opacity:1;}
}

@keyframes fade3 {
     0%, 30%, 60%, 100% {opacity:0;}
    40%, 50%            {opacity:1;}
}

@keyframes fade4 {
     0%, 50%, 80%, 100% {opacity:0;}
    60%, 70%            {opacity:1;}
}

@keyframes fade5 {
     0%, 70%, 100% {opacity:0;}
    80%, 90%       {opacity:1;}
}

/* Stapel für Planwagen */

#stapel2 {
    height: 293px;
    width: 362px;
    margin:0 auto;
/*    border: 1px solid #eee;    */
/*    box-shadow: 1px 1px 1px 1px #777;*/
}

#stapel2 img {
    position: absolute;
    height: 293px;
    width: 362px;
    opacity: 0;
    animation: 20s ease-in-out infinite;
}
#stapel2 img:nth-of-type(1) {
    animation-name: fade1;
}

#stapel2 img:nth-of-type(2) {
    animation-name: fade2;
}

#stapel2 img:nth-of-type(3) {
    animation-name: fade3;
}

#stapel2 img:nth-of-type(4) {
    animation-name: fade4;
}

#stapel2 img:nth-of-type(5) {
    animation-name: fade5;
}

@keyframes fade1 {
     0%, 10%, 100% {opacity:1;}
    20%, 90%       {opacity:0;}
}

@keyframes fade2 {
     0%, 10%, 40%, 100% {opacity:0;}
    20%, 30%            {opacity:1;}
}

@keyframes fade3 {
     0%, 30%, 60%, 100% {opacity:0;}
    40%, 50%            {opacity:1;}
}

@keyframes fade4 {
     0%, 50%, 80%, 100% {opacity:0;}
    60%, 70%            {opacity:1;}
}

@keyframes fade5 {
     0%, 70%, 100% {opacity:0;}
    80%, 90%       {opacity:1;}
}

/* Ende Stapel für Planwagen */


.tipp {
    background-image:url('images/tipp.gif');
    height:65px;
    width:351px;
    position:relative;

}
.tipp span {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    line-height: 1,2em;
    font-family:Georgia;
    color: #000000;
    font-size:13pt;
    margin-left:7px;
 }

.tipp img {
    display: inline-block;

}

.tipp2 {
    background-image: url('images/tipp.gif');
    height: 65px;
    weight:350px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-right:60px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    font-family:Georgia;
    font-size: 12pt;
}

.fett {
    font-weight: bold;
}
.inhalt49P {
 /*   width: 49%;  */
    float: left;
}
.banner {
     background-image:url('images/holz.jpg');
    height:60px;
    width:456px;
    position: relative;
    border-radius:10px;

}
.banner span {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align:center;
    line-height: 2em;
   font-family:Norican;
     color: #a00606;
     font-size:25pt;
 }
.banner2 {
    background-image:url('images/tipp_gross.gif');
    height:65px;
    width:950px;
    position: relative;
   border-radius:10px 10px 0px 0px;   <!-- Border oben rechts + oben links, unten sind keine-->

}
.banner2 span {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2em;
   font-family:Norican;
     color: #cc0000;
     font-size:27pt;
     padding-top:0px;
 }

.news
 {
         background-image:url('images/a2.gif');
         height: 22px;
          width:100%;
         padding:0px;
         color: #000000;
         font-size:11pt;
         font-family: Verdana;
   <!--      margin: 0 auto;  -->
   <!--      width:100%;   -->
         padding:0px;
  <!--       border-left:solid 1px black;
         border-right:solid 1px black;
         border-bottom:solid 1px black; -->

}





.leerzeichen {
      margin-right:2em; }

#lauftext
 {
         background-image:url('images/a2.gif');
         height: 22px;
         color: #000000;
         font-size:11pt;
         font-family: Verdana;
   <!--      margin: 0 auto;  -->
         width:100%;
         padding:0px;
  <!--       border-left:solid 1px black;
         border-right:solid 1px black;
         border-bottom:solid 1px black; -->

}
<!-- SLIDEshow -->
<!--
.simpleSlides { text-align: center; overflow: hidden}
.simpleSlides span { background: red; display: inline-block; width: 20px; height: 20px; margin: 2px; border-radius: 50% }
.simpleSlides span:hover { background: green; }  -->

.slides {
  display: none;
  width: 50%;                      /* Bildgröße in Prozent */
}

.animate-left {
  position: relative;
  animation: animateleft 0.8s
}
@keyframes animateleft {
  from { left :-500px; opacity:0 } to { left:0; opacity:1 }
}

.animate-right {
        display: block;
        position:relative;
        animation:animateright 1s
}
@keyframes animateright {
        from { right:-300px; opacity:0} to{right:0;opacity:1}
}
.animate-bottom {
        position:relative;                         /* Wenn die Slides von unten nach oben erscheinen sollen*/
        animation:animatebottom 0.8s
}

@keyframes animatebottom {
        from { bottom:-500px; opacity:0 } to { bottom:0; opacity:1 }
}



.marquee
{
color: #fff;
border: 3px double #E10024;
background-image: url('images/bg.gif');
background-repeat: repeat-x;
line-height: 26px;
}


.column {
    float: right;
    width: 33.33%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.Ueberschrift{
         font-family:Norican;
         color: #cc0000;
         font-size:33pt;

}

.Unterschrift{
         font-family:Norican;
         color: #cc0000;
         font-size:25pt;

}
.impressum {
         font-size:12pt;

}

a {
        text-decoration: none;
}


.line {border-right:solid 0px #808080; }

/*class tooltip für Text in Navigation */

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: Verdana;
  color: #0000ff;
  }
/*
a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }  */

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
   position: absolute;
   top: 34px;
   left: 0;
   width: 158px;
   padding: 5px;
   z-index: 100;
   color: #000000;
   background: #FFFFCC;
   font: 15px Verdana, sans-serif;
   text-align: center;
   border: 1px solid black;
   }

a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
/* Relativer Tooltip für Texte aufruf mit  <a class="tooltip" href="#">hier kommt der Text hin <span>*/
#tooltip, #tooltip:link, #tooltip:visited, #tooltip:active  {
  position: relative;
  text-decoration: none;
  font-style: Verdana;
/*  color: #0000ff;  */           /* blaue Schrift */

  }
/*
a.tooltip:hover {
  color: #0000ff;
  background: transparent;
  }  */
         /* id tooltip Anfang */
#tooltip span {
  display: none;
  text-decoration: none;
}

#tooltip:hover span {
  display: block;
   position: absolute;
   top: 47px;
   left: 0;
   width: 158px;
   padding: 5px;
   z-index: 100;
   color: #000000;
   background: #FFFFCC;                           /* Hintergrundfarbe für Text */
   font: 15px Verdana, sans-serif;
   text-align: center;
   border: 1px solid black;
   }

#tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}
/* id tooltip ENDE */

/*    NAV4 mit Untermenüs ANFANG */

nav4 {
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: #E5E5E5;
  font-size: 12pt;

}

nav4 ul {
  margin: 0;
  padding: 0;
}

nav4 a {
  display: block;
   text-decoration: none;
}


nav4 ul li {
  position: relative;
  float: left;
  list-style: none;
   transition: 0.5s;
}
nav4 ul li:hover {
  color: #ffffff;
  background: #005f5f;
}

nav4 a:hover {
  background-color: #005f5f;
  color: #ffffff;
}

nav4 ul li a {
  padding:10px;
  line-height:20px;
  color:#000;
}

nav4 ul > li.submenu > a:after {
  position: relative;
  float: right;
  content: '';
  margin-left: 10px;
  margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  border-bottom: 5px solid transparent;
}

nav4 ul ul li.submenu > a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}


nav4 ul ul {
  position: absolute;
  top: -9999px;
  left: -9999px;
  background: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

nav4 ul ul li {                                /* 2. Ebene */
  float: none;
  width: 200px;
  border-bottom: 1px solid #555;
}

nav4 ul ul li a {                             /*    2. Ebene */
  padding: 10px 20px;                         /* oben und links */
  color:#000;

}

nav4 ul ul ul li a {                             /*    3. Ebene */
  padding: 10px 20px;                            /* oben und links */
/*  color:white;
  background-color:#FA9D07;  */
}
nav4 ul ul li:last-child {
  border-bottom: none;
}

nav4 ul li:hover > ul {                          /*auf 2. Ebene kommen bei Hover */
  top: 100%;
  left: 0;
}

nav4 ul ul li:hover > ul {                      /*auf dritte Ebene kommen bei Hover */
  top: 0;
  left: 200px;
}

nav4 .aktuell
 {
 background-color: #005f5f;
 color: #ffffff;
 cursor: default;
 }


/* NAV4 ENDE */


/* Navibereich neue Version Anfang */

#navibereich { background-color: #cc0000;    /* Hintergrundfarbe für die Navigation */
             padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
             border-top: 3px solid #668BCC;    /* Rahmenlinie oben */
             border-bottom: 3px solid #668BCC; /* Rahmenlinie unten */
             border-left: 3px solid #668BCC;
             border-right: 3px solid #668BCC;
             -webkit-border-radius: 10px;  /* für Chrome ab Version 4.0 bzw. Safari ab Version 3.1*/
             -moz-border-radius: 10px;       /* für Firefox ab Version 3.0*/
                        /* ab Browserversion: IE ab 9.0, Firefox ab 4.0, Chrome ab 5.0
                                               Safari ab 5.0 und Opera ab 10. */
                                 /* Keinen Außenabstand */
             height: 40px;
             line-height:40px;
             margin: 0;                        /* Keinen Außenabstand */
             border-radius: 10px;


  }
#navibereich li {
          float: left;            /* Listenelemente nebeneinander */
          list-style-type: none;   /* Aufzählungszeichen entfernen */
          width:180px;
          border-right: 1px solid black;
          line-height:40px;
          height: 40px;
 }

#navibereich li:last-child {
    border-right: 1px solid black;
}
#navibereich li:first-child {
    border-left: 1px solid black;
}


#navibereich a {                 /* Hyperlink gestalten */
  color: #ffffff;                  /* Schriftfarbe schwarz */
  text-decoration: none;         /* Unterstreichung entfernen */
  padding: 0px 0px;              /* oben/unten 4px, re/li 8px */
   text-align: center;
   font-size: 12pt;

   display: block;
}


#navibereich a:hover {
  background-color: #EDEDF8;
}

#navibereich a:hover:not(.active)
 {
    background-color: #0B06F9;            /* Farbe blau für nicht aktive Links*/
}

#navibereich #aktuell a
 {
 background-color: #f60;
 cursor: default;
 }

/* Navibereich neue Version Ende */



/* navi1 Anfang */
#nav1 ul {
  list-style: none;
  background-color: #E5E5E5;
   padding: 0px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
   border-top: 0px solid #668BCC;    /* Rahmenlinie oben */
   border-bottom: 2px solid #000; /* Rahmenlinie unten */
   border-left: 0px solid #668BCC;
   border-right: 0px solid #668BCC;
   -webkit-border-radius: 10px;  /* für Chrome ab Version 4.0 bzw. Safari ab Version 3.1*/
   -moz-border-radius: 10px;       /* für Firefox ab Version 3.0*/
    border-radius: 10px;            /* ab Browserversion: IE ab 9.0, Firefox ab 4.0, Chrome ab 5.0
                                               Safari ab 5.0 und Opera ab 10. */
                                    /* Keinen Außenabstand */
     height: 40px;
    line-height:40px;
     margin: 0 auto;                        /* Keinen Außenabstand */
    text-align: center;

}
#nav1 li {
    float: left;                           /*  display: inline-block; gleiches Ergebnis wie float: left; */
 /*   width:180px; */
   padding: 0 0px 0 0px;
   border-right: 0px solid black;
   height: 40px;
   border-bottom: 0px solid #888;
  }

/* unterseiten anfang  */
/*
#nav li:hover > ul {                        /* Submenüs unterhalb der Untermenüs einblenden wenn das                                                           übergeordnete Listenelement gehovert wird */
/*  top: 100%;
  left: 0;
}  */

/* unterseiten ende */




#nav1 li:last-child {
    border-right: 0px solid black;
}
#nav1 li:first-child {
    border-left: 0px solid black;
}

 #nav1 a                              /* Hyperlink gestalten */
 {
    text-decoration: none;         /* Unterstreichung entfernen */
    color: #000000;                  /* Schriftfarbe schwarz */
    padding:10px;

  line-height:20px;              /* Vier Angaben: 1. Wert für padding-top, 2. Wert für padding-right, 3. Wert für padding-bottom, 4. Wert für padding-left (Merkhilfe: Uhrzeigerbewegung) */
   text-align: center;
   font-size: 12pt;
   display: block;
 /*  font-family:Norican;  */
   }
/*
  transition: .3s background-color;  */

#nav1 a:link {                    /* normale Link Anzeige soll das sein bestimmt das Aussehen von Links im                                              „Normalzustand“ (normaler Link) */
  text-decoration: none;
  }

#nav1 a:hover {
  background-color: #005f5f;
  color: #ffffff;
}

#nav1 #aktuell a{                    /* aktive Seite */
  background-color: #005f5f;
  color:  #ffffff;
  cursor: default;
}
/* Untermenü Anfang gehört zu nav1 */

#dropdown {
    float: left;
    overflow: hidden;
}

#dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    padding: 14px 16px;
    background-color: #005f5f;
    font-family: inherit;
    margin: 0;
}

#dropdown:hover #dropbtn {
    background-color: #005f5f;
    color:#fff;
}

#dropdown-content {
    display: none;                           /* wird nicht angezeigt, erst bei Hover */
    position: absolute;
    background-color: #f9f9f9;                 /* Farbe grau */
    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

#dropdown-content a {
    float: none;
    color: black;
    border-top: 1px solid #000;
    padding: 0px 10px 0px 10px;              /*abstand oben, rechts, unten,links */
    text-decoration: none;
    display: block;
    text-align: left;  line-height:40px;
}

#dropdown-content a:hover {
    background-color: #005f5f;             /*grün */
}

#dropdown:hover #dropdown-content {
    display: block;
}
#dropdown-content .aktuell {                    /* aktive Seite */
  background-color: #005f5f;
  color:  #ffffff;
  cursor: default;
}


/* ENDE AUFRUF UNTERMENÜS */

 /*
@media screen and (min-width: 600px) {
  .nav1 li {
    width: 180px;
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    font-size: 12pt;

  } */

  /* Option 1 - Display Inline
  .nav1 li {
    display: inline-block;        gleiches Ergebnis wie float: left;
    margin-right: -4px;
  } */

/* ENDE */



header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
header img {
        width: 13em;
        margin-right: 50px;
        float: left;
}

footer {                                             /* feststehender Footer */
        position: fixed;
        padding: 8px;
        text-align: left;
        bottom: 0;
        left: 0;
        right: 0;
        background: #c32e04;
        border-color: #000000;
        border-radius: 10px;
        text-decoration:none;
        width: 940px;
        height:20px;

}
.inner{
    margin: 0 auto;
    padding: 10px;
     border-color: #000000;
    max-width: 940px;
    min-width:940px;
    }

footer p {
        float: right;
        margin: 0;
}
/* letzte Zeile unten, nicht feststehend
footer {
    color: #ffffff;
    background-color: #5d84a0;
    margin: 10px;
    padding: 10px 20px;
    height: 30px;
    text-align: center;
    font-size: 0.836em;
    line-height: 30px;
    border-radius: 15px;
}
*/


a.hovertext:link {color: #000000; text-decoration: none; font-size:12pt;}
a.hovertext:visited {color:#000000; text-decoration: none;}
a.hovertext:hover {text-decoration: underline;color: #ffffff; font-size:12pt;}
a.hovertext:active {background-color:blue; text-decoration: none;color: #ffffff; font-size:12pt;}

.rub
{ color: #003399;  background-color: #eeeeee; font-family: verdana,arial; font-size: 11pt;
border-bottom:solid 1px #808080;border-top:solid 1px #ffffff;height:22px
}
.copyright {
position: absolute;
top: 135px;
left: 220px;
padding-right: 5px
}
.Textblock {
         color: #cc0000;
         font-size: 23px;
         font-family: Norican;
         text-align: center;
}

.Stil1 {
        color: #00009F;
        font-weight: bold;
        font-size: 14px;
}
.Stil1a {
        color: #cc0000;
        font-weight: bold;
        font-size: 14px;
}
.Stil1b {
        color: #cc0000;
         font-weight: bold;
        font-size: 12px;
}
.Stil2 {
        color: #000000;
        font-family:Norican;
/*        font-weight: bold;   */
        font-size: 17pt;
       }

.Stil3 {
        color: #003399;
        font-weight: bold;
        font-size: 12px;
}
.Stil4 {
        color: #003399;
        font-size: 12px;
}
.Stil4a {
        color: #242E8D;
        font-size: 15px;
}


.Stil5 {
        color: #808080;
        font-size: 12px;
         font-family:verdana;
        font-weight: bold;
}

.Stil8 {
        color: #375276;
        font-weight: bold;
         font-size:12px;
}
.Stil10 {color: #FFFFFF}

.Stil9 {
       font-size: 11px;
        font-weight: bold;
        text-align:center;
}


.txt {
        color: #000000;
        font-size:11pt;
        font-family: Verdana;
}

.txt1 {
         font-family: Verdana,Arial;
         font-size:12px;
         color:#0D233A;
         text-align:justify;
}

.menu9 {background-image:url('images/a2.gif');margin: 0 auto;height: 22px;
 font-size:11pt; color: #000000;font-family: Verdana;
}


.markiert {
        color: #003399;
        border:0px solid #000000;
        width:190px;
        font-weight:bold;

}

input, select, textarea {
font-family: Verdana,Arial;
font-size:11pt;
color:#0D233A;
border-style:solid;
border-width:1px;
border-color:#000000;
}


/* allgemeine links

.sonstige:link{ color: #000000; text-decoration:none; font-family: verdana; font-size:12pt;}

.sonstige:visited{color: #000000;text-decoration:none; font-family: verdana; font-size: 12pt; }

.sonstige:hover{ color:#1CA024; background-color:#C11A48; text-decoration:none;font-family: verdana; font-size: 12pt; }

.sonstige:active{ color:#ffffff;text-decoration:none;font-family: verdana; font-size: 12pt; }



/* allgemeine links die Reihenfolge muss so bleiben
Die richtige Reihenfolge ist: link, visited, hover, focus, active.
Stimmt die Reihenfolge nicht, werden die Angaben überschrieben. Käme beispielsweise a:hover nach a:visited, würde die Angaben für a:hover die Angaben für a:visited überschreiben.*/
/*a:link{ color:#000000; text-decoration:none; font-family: verdana; font-size: 12pt;}
 unbesuchte Seiten*/

/*a:visited{color: #000000;text-decoration:none;font-family: verdana; font-size: 12pt; }
 besuchte Seiten */

/*a:hover { background-color: pink }*/

/* a:focus {background-color:red; color:white;}
a:focus ist wichtig für die Navigation per Keyboard. Sobald der Nutzer per Tab-Taste einen Link erreicht, wechselt der Link in den focus-Zustand. Der Nutzer kann dadurch erkennen, welchen Link er gerade angesteuert (= im Fokus) hat. */

/*a:active{ color:#000000; text-decoration:none; font-family: verdana; font-size: 12pt; }
 ist der Link, der gerade angeklickt wird (und zwar nur im Moment des Anklickens.*/