/***************************
* Globale Einstellungen    *
***************************/

body { color: #4c4c4c; font-size: 14px; font-family: Verdana,Arial,Helvetica,sans-serif; line-height: 125%; }


td {  font-size: 14px; line-height: 125%; }

.global { width: 950px; background-color: #f5f5f5; }

hr { border: solid #797b7a 1px; width: 100%; text-align: center; }

/* Counterstyles auf Seite frei bewegen */
.dragme{ position:relative; cursor:all-scroll; }

#ZeitAnzeige { background: transparent; width: 450px; line-height: 20px; text-align: center; color: #CCCCCC; font-size: 12px; font-weight: normal; }

/* Textticker */
#AnzeigeBox {
/* background:url(../../images/bg-streifen.gif) #F9FCFF; */
background-color: #f5f5f5; width: 575px; height: 30px; border: 1px solid #D0DCEB; }
#TextBox { padding: 6px; margin: 0px; font-size: 14px; color: #5F5F5F; }



/***************************
* Tabellen und Boxen       *
***************************/

/* content-Tabelle | s.a. page_index.htm */
.haupt_tabelle_loginbereich { width: 100%; border: 0px; padding: 0; border-spacing: 2; }

/* Herzlich willkommen...Ihre Daten etc. | Abstand nach unten zum Text */
.loginbereich_titelzeilen { height:45; vertical-align: middle;}
.loginbereich_titelzeilen_abstand { height:10; }

/* Login | Vergleichtabelle */
.vergleich { color: #111111; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; }

.mbox { background-color: #f5f5f5; /*border: 1px dashed #CCD4E6;*/ width: 150px; padding: 16px;}

/* Mitgliederbereich | Spalte rechtsaussen */
.aktionsbox { background-color: #FCFCFC; border: 0px dashed #CCD4E6; width: 1px; padding: 0px;}

.showcase   { background-color: #F2F2F2; padding: 8px; border: dashed 1px #CCD4E6; width: 560px }

.indexbox { background-color: #f5f5f5; width: 130px; padding: 0px; }

/* Oeffentlicher Bereich | Hauptcontent */
.public_header_tab { position: relative; margin-top: 20px; }
.public_abstand_header { height:17; }
.incenterboxpublic { width: 600px; }
.public_content_seitenabstand { width:35; }
.public_abstand_oben { height:1; }
.public_titel { height:35; vertical-align: middle; font-weight: bold; }
.public_abstand_content { height:10; }
.public_abstand_unten { height:15; }

h1 {
  height:20; font-weight: bold; 
}

h2 {
  height:5; font-weight: bold; 
}

h3 {
  height:5; font-weight: bold; font-size: 16px;
}

h4 {
  font-size: 15px;
}

hr {color: #fff}


/* Mitgliederbereich | Hauptcontent */
.incenterbox { width: 700px;}



/***************************
* Schriften und Links      *
***************************/
/* ||| error-Texte, Useraccounts direkt im Programmcode | Gruen009900 RotFF0000 ||| */

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #303280; text-decoration: none; }

a:hover { text-decoration: underline; }

.menue_important { line-height: 180%; font-weight: bold; }
.menue_zeilenabstand { line-height: 150%; }

.loginbereich_menue_zeilenabstand { line-height: 150%; }

/*************************
* Main Menue *
**************************/
.navbar {
  background-color: #303280;
  height: 50px;
}


/*
.navbar img {
  width: 150px;
  padding: 15px;
}
*/

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

nav {
  margin: 0;
}

.navbar li {
  display: inline;
  padding: 15px;
  border-right: 1px solid #bbb;
}

.navbarfooter {
  background-color: #303280;
  height: 70px;
}

.navbarfooter li {
  display: inline;
  padding: 15px;
}


li:last-child {
  border-right: none;
}

nav a {
  text-decoration: none;
  color: white;
  display: inline-block;
  padding-top: 15px;
}

nav a:hover {
  color: #F36318;
  text-decoration: none;
}

nav a:active {
  /*font-weight: bold;*/
  color: #4CAF50;
}

/*.active {
  color: #4CAF50;
}*/

@media screen and (max-width: 700px) {
  nav {
    width: 100%;
    margin-top: -5px;
  }

  nav li {
    display: block;
    background-color: #e5e5e5;
    text-align: center;
  }
 }


  /*list-style-type: ✔*/
  /*list-style-type: square;*/
ul.listgreen li:before {
    content:"\2713\0020";
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
    color: #42b23c;
}


s
/* Footer */
.navbarfooter {
  background-color: #303280;
  height: 70px;
}

/* Boxen */
.basic {
background: #f5f5f5;
border: 1px solid #e5e5e5;
}


.shadowbox {
  background-color: white;
  border: 1px solid #e5e5e5;
  box-shadow: 5px 5px 3px #888;
  margin:  -5px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.grey_box {
   padding: 10px;
   background: #FFFFFF;
   /**border: 1px solid #000;**/
}

/* Bereich News */
.newstitel { /*color: #FF4D0F;*/ } 

.important { color: #777; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 180%; font-weight: bold; }

/* Eingesetzt fuer Login */
.smallfont { font-size: 12px; color: #777777; font-family: Verdana, Arial, Helvetica, sans-serif; }
.smalllink { font-size: 12px; color: #0099CC; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Fusszeile u.w. */
.copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

/* Aktiv */
.font9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC; }

/* Loginbutton + Speichernbutton | Beschriftung */
.font10 { font-family: Verdana, Arial, Helvetica, 
          sans-serif; font-size: 14px; 
          padding: 5px; 
          background-color: #303280; 
          color: #FFFFFF;  
          /*border: solid;*/
          text-decoration: none;
          display: inline-block;
          cursor: pointer;
          text-align: center;
        }

.fontstatistik { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }

.font12 { color: #777777; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
/* OLD
.font12 { color: #777777; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 125%; }
 */
.font14 { color: #777777; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.link14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #0099CC; text-decoration: underline; }

/* pink = ProVersion-Farbe | FF6699 */
.pink12   { color: #FF6699; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pink14   { color: #FF6699; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pinkfont { color: #FF6699; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.orangefont { color: #FF4D0F; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.pinkfontbig { color: #ff6699; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif ; font-weight: bold; }

.greenfont { color: #42b23c; } 

.bluefont { color: #0099CC; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.rostfont { color: #FF4D0F; }



/***************************
* Formulare und Textarea   *
***************************/

/* Ihre Daten | Unveränderbare User-ID */
.input1 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEEE; font-size: 14px; color: #666666; border: 1px solid #999999; }

/* Signup */
.input2 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 14px; color: #009900; border: 1px solid #999999; }

/* Ihre Daten */
.input3 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 14px; color: #666666; border: 1px solid #999999; }

/* Loginform */
.input4 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; font-size: 14px; color: #666666; font-style: oblique; border: solid 2px #999999 }

/* Zusendung Zugangsdaten */
.input5 { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; font-size: 14px; color: #009900; border: 1px solid #999999; }

/* Statistik | Zeige Monat, Zeige Jahr */
select { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size:14px; color: #494949; }

/* default Textarea */
textarea { font-size:15px; font-family: Courier, Verdana, Arial, Helvetica, sans-serif; color: #777; background-color: #fff; border: 1px solid #CCD4E6; width: 480px; }

/* Countercodes */
.textarea_ccode { font-size:15px; font-family: Courier, Verdana, Arial, Helvetica, sans-serif; color: #777; background-color: #FFFFFF; border: 1px solid #CCD4E6; width: 510px; }

/* Supportform */
.textarea_support { font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; background-color: #FFFFFF; border: 1px solid #666666; }


/* CSS fuer Adminbereich */
/* .smalllink { color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif } */

.BUTTON_ZSV {
   /*-webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   */
   /*border-radius: 2px;*/
   color: #FFFFFF;
   font-size: 18px;
   font-weight: 100;
   padding: 20px;
   background-color: #F36318;
  /* border: solid #337FED 1px;*/
  /* border: solid;*/
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_ZSV:hover {
   background: #a23d09;
   text-decoration: none;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #F36318;
  border: none;
  color: white;
  padding: 8px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=submit]:hover {
   background: #a23d09;
   text-decoration: none;
}

/* {box-sizing:border-box}
*/
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}