/* HF hinzugefügt am 02.03.2014 ---------------------- sma-stylesheet.css ---- */
/* HF letzte Änderung am 17.08.2020 ------------------------------------------ */
/* Nachfolgende Codezeile ist in der index.php eingefügt */
/* <link rel="stylesheet" type="text/css" href="<?php echo $tpath; ?>/css/sma-stylesheet.css"> */
  
  /* ----------------------------------------------------------------------------------------------  */
 
.hr1 { 
    width: 95%; 
    height: 5px; 
    margin: 0 auto;
    color: blue;
    background: #dfac20;
}

.hr2 {
    width: 95%; 
    height: 10px; 
    margin: 0 auto;
    color: blue;
    background: #dfac20;
}

.hr3 { 
    width: 95%; 
    height: 15px; 
    margin: 0 auto;
    color: blue;
    background: #dfac20;
}
  
  /* roter Text mit gelben Hintergrund */
  .gelb-rot {
     background-color: #ffff80;
     color: #df011a;
  }
    /* roter Text mit gelben Hintergrund fett*/
  .gelb-rot-fett {
     /*background-color: #ffff80;*/
	 background-color: transparent;
     color: #df011a;
	 font-weight: 800;
  }
   /* roter Text mit gelben Hintergrund */
  .gelb-blau {
     background-color: #ffff80;
     color: #0000ff;
  }
  
    /* roter Text mit gelben Hintergrund */
  .gelb-blau-dick {
     /*background-color: #ffff80;*/
	 background-color: transparent;
     color: #0000ff;
	 font-weight: 800;
  }
  
  .box1 {
	  background-color: red;
	  Color: darkblue;
	  width: 50px;
	  height: 25px;
	  position: absolute;
	  top: 490px;
	  left: 500px;
}
	   
  
  /* gmarker: Text mit gelben Hintergrund */
  .gmarker {
     background-color: #ffff80;
  }
  /* weisser Text mit schwarzem Hintergrund */
  .schwarz-weiss {
     background-color: #333;
     color: #fff;
  }
  /* ----------------------------------------------------------------------------------------------  */
		/*  htr: header text rot, wie Standard-Überschrift nur mit großem Kopfabstand
			damit die Überschrift den gleichen Abstand von der roten Menüleiste hat */
  .t1 {
    font-weight: 300;
    font-size: 15px;
	Color: darkblue;
	background-color: #ffffeb;
  }
  
  /* ----------------------------------------------------------------------------------------------  */
		/*  htr: header text rot, wie Standard-Überschrift nur mit großem Kopfabstand
			damit die Überschrift den gleichen Abstand von der roten Menüleiste hat     */
  .htr0 {
     color: #df011a;
     font-weight: 500;
     font-size: 20px;
     margin-bottom: 25px;
     margin-top: 40px;
  }
  .htr {
     color: #df011a;
     font-weight: 500;
     font-size: 20px;
     margin-left: 25px;
     margin-bottom: 25px;
     margin-top: 40px;
  }
  
    /* ----------------------------------------------------------------------------------------------  */
			/*  htr: header text rot, wie Standard-Überschrift nur mit großem Kopfabstand
			damit die Überschrift den gleichen Abstand von der roten Menüleiste hat */
  .htr10 {
     color: #df011a;
     font-weight: 500;
     font-size: 10px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
   .htr25 {
     color: #df011a;
     font-weight: 500;
     font-size: 25px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
  .htr30 {
     color: #df011a;
     font-weight: 500;
     font-size: 30px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
    .htr35 {
     color: #df011a;
     font-weight: 500;
     font-size: 35px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
		/*  htr: header text rot, wie Standard-Überschrift nur mit großem Kopfabstand
			damit die Überschrift den gleichen Abstand von der roten Menüleiste hat */
  .htrb {
     color: #df011a;
     font-weight: 500;
     font-size: 50px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
  
  .htr40 {
     color: #df011a;
     font-weight: 500;
     font-size: 40px;
     margin-left: 25px;
     margin-bottom: 5px;
     margin-top: 1px;
  }
  /* ----------------------------------------------------------------------------------------------  */
  /*  zabst = Zeilenabstand für Überschriften                                                        */
  .zabst {
     margin-bottom: 50px;
  }
  /* ----------------------------------------------------------------------------------------------  */
 /*              */
  ul.nav.nav-tabs.nav-stacked a {
        background-color: #e4e4e4;    /* #df011a;   HF  ##e4e4e4; #f5f5f5; #fdbb30; */
      }
	      #content li {
     padding-bottom: 23px;   
	 /* 15px; HF*   Abstand vertikal der linken Befehlsbutton in der Anmeldemaske */
    }  
	   /* ----------------------------------  */
	   

	.letterspeziale-rechts
   { float: right;
     font-size: large;
     font-weight: bolder;
     padding: 3px;
     background: midnightblue;
	 /*background: #5f5f5f;*/
     color: white;
	 }
	 .letterspeziale-links
   { float: left;
     font-size: large;
     font-weight: bolder;
     padding: 3px;
     background: midnightblue;
	 /*background: #5f5f5f;*/
     color: white;
   }
	.carousel-info {
    position: absolute;
    bottom: 7px;
    z-index: 400;
    width: 450px;
    left:auto;
    right: 9px; 
    background-color: transparent;
  }
  
  .carousel-info.oben-rechts {
    bottom: auto; 
    top: 0px;
    left:auto;
    right: 9px;
  }
  .carousel-info.oben-links {
    bottom: auto; 
    top: 0px;
    left:9px;
    right: auto;
  }
  .carousel-info.unten-links {
    bottom: 27px; 
    top: auto;
    left:9px;
    right: auto;
  }
  .carousel-info.unten-links-a {
    bottom: 27px; 
    top: auto;
    left:9px;
    right: auto;
	width: 898px;
  }
  
  .carousel-info.unten-rechts {
    bottom: 7px; 
    top: auto;
    left: auto;
    right: 9px;
  }
  .carousel-caption.unten-rechts-a {
    bottom: 7px; 
    top: auto;
    left:auto;
    right: 31px;
	width: 397px;
  }
  
  
  
   .carousel-caption.unten-rechts-b {
    bottom: 7px; 
    top: auto;
    left:1px;
    right: auto;
	width: 300px;
  }
   .carousel-caption.unten-rechts-c {
    bottom: 5px; 
    top: auto;
    left:auto;
    right: 1px;
	width: 800px;
  }
  .carousel-caption-spezial {
    position: absolute;
    bottom: 5px;
    z-index: 500;
    width: 600px;
    left:auto;
    right: 9px; 
    background-color: transparent;
  } 
  .carousel-caption-spezial.unten-mitte {
    bottom: 5px;
	top:auto;
	left:25px; 
    right: 9px; 
	text-align: center;
	font-size: 25px ;
    font-weight: 800;
  } 
  .carousel-caption-spezial.unten-links-a {
    bottom: 20px;   /* 15px  */
    top: auto;
    left:25px; /* 25px  */
    right: auto;
  }
  
	.carousel-info p {
    padding: 15px 25px;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    background-color: #fff;
    background-color: transparent; /* rgba(255,255,255,0.9); */
    font-weight: 300;
  }
	
	/*media screen     
	<span class="flag-note">NEU</span>    */
.flag-note {
    background: #32b5e2;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: rgb(50,181,226);
	}
	
	.big-flag-note {
    background: #df011a;   /*#32b5e2;*/
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: rgb(50,181,226);
	}
	/*media screen*/
.flag-default, .flag-light, .flag-beta, .flag-note, .flag-notification, .sign, .help-tip {
    border-radius: 4px;
    color: white;
    display: inline;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    padding: 2px 5px 1px;
    white-space: nowrap;
}
.big-flag-note {
    /*border-radius: 4px;*/
	background: #df011a;   /*#32b5e2;     neu hinzu*/
    color: white;
    display: inline;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 15px;
    font-weight: bold;
    /*line-height: 1em;*/
    /*padding: 2px 5px 1px;*/
    /*white-space: nowrap;*/
}
	.big-flag-note-1 {
    /*border-radius: 4px;*/
	background: #df011a;   /*#32b5e2;     neu hinzu*/
    color: white;
    display: inline;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 15px;
    font-weight: bold;
    /*line-height: 1em;*/
    /*padding: 2px 5px 1px;*/
}
	.big-flag-note-2 {
    /*border-radius: 2px;*/
	/*background: #FFFFFF; */
    color: black;
    /*display: inline;*/
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 13px;
    font-weight: bold;
    /*line-height: 1em;*/
    /*white-space: nowrap;*/
}
.bigblacktxt14 {
    color: black;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.bigbluetxt14 {
    color: blue;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.bigredtxt14 {
    color: red;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.bigbluetxt16 {
    color: blue;
	font-family: "Ubuntu", "Ubuntu Condensed", sans-serif;
    font-size: 16px;
    font-weight: bold;
}
	/* CAS PIA Formular Parameter für Textfelder */
	.forminput {
		width: 180px;
	}
	
	.textarea {
	min-width:180px;
	max-width:180px;
	min-height:80px;
	max-height:80px;
	font-family:Verdana;
	font-size:1em;
	color:#000000;
}
h1, h2, h3, h4, h5, h6 {
    display: block;
    font-weight: bolder;
}
h1 { 
    font-size: 2em; 
    margin: .67em 0;
}
h2 { 
    font-size: 1.5em; 
    margin: .75em 0;
}
h3 { 
    font-size: 1.17em; 
    margin: .83em 0;
}
h4 { 
    margin: 1.12em 0;
}
h5 { 
    font-size: .83em; 
    margin: 1.5em 0;
}
h6 { 
    font-size: .75em; 
    margin: 1.67em 0;
}
@media print {
    h1 { page-break-before: always; }
    h1, h2, h3, h4, h5, h6 { page-break-after: avoid }
}

  .wetter_kopfzeile { font-family:Arial; font-size:15px; color:#0000FF;
      border-top-style:solid; border-top-width:2px; border-color:#000000;
      border-bottom-style:solid; border-bottom-width:1px;
      margin:0px; margin-top:6px; background-color:#FFFFFF;}
      
  .wetter_datenzeile { font-family:Arial; font-size:15px; color:#0000FF;
      border-bottom-style:solid; border-bottom-width:1px; border-color:#0000FF;
      background-color:#FFFF90;}
      
  .wetter_zwischenzeile { border-top:2px solid #00AAFF; border-bottom:1px solid #00AAFF; font-family:Arial; font-size:15px; color:#FFFFFF;
      margin-top:6px; background-color:#00AAFF; text-align:left; border-left-color:#00AAFF; border-right-color:#00AAFF; margin-left:0px; margin-right:0px; margin-bottom:0px}
      
/* ----------------------------------------------------------------------------------------------  */