/*viamia
 
 gelb rgb(190,214,48);
 grün rgb(0,165,81);
 blau rgb(38,169,224);
 [
  dunkleres blau für schmale Schriften rgb(30,153,206); noch dunkler: rgb(7, 136, 191); etwas weniger rgb(0, 162, 226)
  helleres blau für Buttons rgb(71,185,228);
  helleres grün für Buttons rgb(145, 234, 188);
 ]
 schwarz (64,64,65);
 [
  dunkleres schwarz für schmale Schriften rgb(39,39,39);
 ]
 #f3f3f3;=Hintergrund Menu
 */

/*Anker*/
.springen {visibility: hidden; height: 0px !important; position: absolute; margin: -300px;}
.sehrgrossersprung {visibility: hidden; height: 0px !important; position: absolute; margin: -150px;}

input[type="checkbox"]{margin:0px 3px 4px 3px; vertical-align:baseline; width:auto; height:auto; padding:0px;}

/*Dropdown-Menu*/
li .dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

/*Hintergrund*/
body   {background-color:#ffffff; margin:0;} /*dde2ff*/

/*Menuerweiterung*/
table#fix{
  padding-left:18px;
  padding-right:18px;
  padding-top:12px;
  background-color:#f3f3f3;
  position:fixed;
  top:35px;
  width:100%;
  border-bottom:0.5pt solid rgb(39,39,39);
}

table#fix1{
  padding-left:0px;
  padding-right:18px;
  padding-top:12px;
  background-color:#f3f3f3;
  position:fixed;
  top:35px;
  width:100%;
  border-bottom:0.5pt solid rgb(39,39,39);
}


table#fix80{
  padding:18px;
  background-color:#f3f3f3;
  position: fixed;
  top:35px;
  width:80%;
  margin-left:10%;
  border-bottom: 1pt solid rgb(200,200,200);
}

/*Menu*/
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f3f3f3;
  position: fixed;
  width:100%;
}

ul#achzig {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f3f3f3;
  position: fixed;
  margin-left:10%;
  width:80%;
}

ul#Suche {
  list-style-type: none;
  margin: 0;
  padding:20px;
  overflow: hidden;
  background-color: #ffffff;
  position:fixed;
  top:30px;
  width:100%;
}


ul#breit {
    width: 100%;
}

li {
  float: left;
  padding:0;
  border-right: 1px solid #f3f3f3;
}

li a {
  display: block;
  color: rgb(39,39,39);
  text-align: center;
  padding: 8px 16px;
  text-decoration: none;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height: 1.6;
}

li select {
  float: left;
  display: block;
  border:0px;
  color: rgb(0,165,81);
  background-color:#fbfbfb;
  text-align: center;
  padding: 0px 0px;
  margin: 9px;
  text-decoration: none;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height: 1.6;
}

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

li a:hover:not(.active) {
  background-color: rgb(38,169,224);
  color: white;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height: 1.6;
}

.active {
  background-color: rgb(38,169,224);
  color: white;
  font-family:Arial,sans-serif;
  font-size:13px;
  line-height: 1.6;
}


/*Menu-Link*/

.btn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: rgb(39,39,39);
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
}

.btn-link:hover {
    background-color:rgb(38,169,224);
    color: white;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
  }

/*Deaktivieren-Link*/
.btnnn-link {
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    background-color: rgb(38,169,224);
    color: white;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
}

.btnnn-link:hover {
    background-color:#f3f3f3;
    color: rgb(39,39,39);
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
  }
  


/*
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
  <polygon fill="blue" points="2,2 5,2 5,3 3,3 3,9 9,9 9,7 10,7 10,10 2,10"/>
  <polygon points="6.2,2 10,2 10,5.8 8.6,4.4 6.5,6.5 5.5,5.5 7.6,3.4"/>
</svg>

a {  
  padding-right: 2em;
  color: blue;
  background: url("data:image/svg+xml,%3Csvg%20viewBox...%20fill%3D%22blue%22%20...") no-repeat right;
}

a:hover, 
a:focus {
  color: rgb(38,169,224);
  background: #fffbf0 url("data:image/svg+xml,%3Csvg%20viewBox...%20fill%3D%22purple%22%20") no-repeat right;
} 

a[href^="http"] {
  background: url("data:image/svg+xml,%3Csvg%20viewBox...") no-repeat right; 
}

a[href^="http"]:hover,
a[href^="http"]:focus {
  background: #fffbf0 url("data:image/svg+xml,%3Csvg%20viewBox...") no-repeat right; 
}*/



/*Link im Text*/
a#link:link {color:rgb(7, 136, 191);
      text-decoration:none;
      font-weight: bold;
      cursor: pointer; 
}

a#link:hover {color:blue;
      text-decoration:underline;
      
}

a#link:visited {color:rgb(7, 136, 191);
      text-decoration:none;
      font-weight: bold;
}

/*Dasselbe in grün*/
a#lingruen:link {color:rgb(0, 155, 75);
      text-decoration:none;
      font-weight: bold;
      cursor: pointer; 
}

a#lingruen:hover {color:rgb(1, 119, 58);
      text-decoration:underline;
      
}

a#lingruen:visited {color:rgb(1, 119, 58);
      text-decoration:none;
      font-weight: bold;
}


/*Schriftauszeichnung*/

h4     {color:rgb(0, 162, 226);
        font-family:Arial,sans-serif;
        font-size:20px;
        margin-bottom: 7px;
        margin-top:4px;
        margin-right:4px}
        
h3     {color:rgb(0, 162, 226);
        font-family:Arial,sans-serif;
        font-size:16px;
        margin-bottom: 7px;
        margin-top:4px;
        margin-right:4px}
    
p       {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#menu  {font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.6;}
        
p#weit  {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 3;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#mail  {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 4;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}a
        
       
p#rot  {color:rgb(240,75,75);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#b  {color:rgb(0, 162, 226);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#gruen {color:rgb(0,165,81);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}    
        
p#fett  {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        font-weight:bold;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#blaufett  {color:rgb(0, 162, 226);
        font-family:Arial,sans-serif;
        font-size:13px;
        font-weight:bold;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px}
        
p#eng {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        font-weight:normal;
        line-height: 1.4;
        margin-bottom: 0px;
        margin-top:0px;
        margin-right:0px}
               
p#klein {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:10px;
        line-height: 1.6;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#kleinklein {rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:10px;
        line-height: 1.3;
        margin-bottom: 4px;
        margin-top:4px;
        margin-right:4px;}
        
p#kleineng {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:10px;
        font-weight:normal;
        line-height: 1.4;
        margin-bottom: 0px;
        margin-top:0px;
        margin-right:0px;}
        
#list1 {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 1.5;}
        
p#schmal {color:rgb(39,39,39);
        font-family:Arial,sans-serif;
        font-size:13px;
        line-height: 0;
        margin: 0;
        margin-top:0;
        padding:0;
        }
        
/*Linien*/

hr#grau {
    border: 0;
    width: 100%;
    color: #969696;
    background: #969696;
    height: 1px;
}

hr#schwarz {
    border: 0;
    width: 100%;
    color: #000000;
    background: #000000;
    height: 1px;
}

hr#blau {
    border: 0;
    width: 100%;
    color:rgb(38,169,224);
    background: rgb(38,169,224);
    height: 1px;
}


/*Tabellen*/
  
table#b  {border-style:solid; border-width:1px; border-color:rgb(64,64,65);}
td#b     {border-style:solid; border-width:1px; border-color:rgb(64,64,65);}
tr#b     {border-style:solid; border-width:1px; border-color:rgb(64,64,65);}

div#print {display:none;}
   
table#Rand {border-style:solid;
            border-width:0.5px;
            border-color:rgb(64,64,65);
            border-spacing:0;
            padding:2px;
            }

td#Rand {border-style:none;
            border-width:1px;
            border-color:rgb(64,64,65);
            border-spacing:0;
            padding:2px;
            color:rgb(38,169,224);
            }
            
td#10 {border-style:none;
        overflow:hidden;
        width:40px;
            }

   /*   
table  {border-style:solid;border-width:1px;}
td     {border-style:solid;border-width:1px;}
tr     {border-style:solid;border-width:1px;}   
 
   */    
  
table  {border-style:none;}
td     {border-style:none;}
tr     {border-style:none;}
  
 

input[type=text],input[type=password],textarea,inputbox
{
    background-color: #ffffff;
    font-family:Arial,sans-serif;
    font-size:13px;
    border-radius:6px;
    padding: 2px 10px;
    margin: 2px 0px;
    border-color:gray;
}


/*select
select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   /*background-image: url(...);    Add custom arrow 
}*/

/*Input Checkbox, Radio*/

input[type="radio"]{ margin:0px 3px 4px 3px; vertical-align:baseline; height:auto; padding:0px; border-color:rgb(64,64,65);}

/*input[type="checkbox"]#kastengruen{
  border-color:green;
}*/

/*Input Text*/

input[type=password]#unsichtbar
{
    background-color: #ffffff;
    font-family:Arial,sans-serif;
    color:#99CC66;
    border: none;
    font-size:13px;
    line-height: 1.6;
}

input[type=text]#klein
{
    border-radius: 5px;
    -moz-border-radius: 5px;
       -khtml-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
    background-color: #FFFFFF;
    font-family:Arial,sans-serif;
    font-size:10px;
    line-height: 1.6;
}

input[type=text]#gruen
{
    border-radius: 5px;
    border-color:rgb(145, 234, 188);
    -moz-border-radius: 5px;
       -khtml-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
    background-color: #FFFFFF;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
}

input[type=radio]#block
{display:block}

/*select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;     
   border-radius: 0 0 5px 5px;
    border-color:rgb(145, 234, 188);
    background-color: #FFFFFF;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height: 1.6;
}*/


/*Dropdowns*/

#dropdownbreite3 option{
  width:80px;   
}

#dropdownbreite1 option{
  
    background-color: #ffffff;
    font-family:Arial,sans-serif;
    
    line-height: 1;
    padding-left:7px;
    width:150px;   
}
#dropdownbreite2 option{
  width:250px;   
}

/*Buttons*/

input.buttons
{
   cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:#000000;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

input.buttons#klein
{
   cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:10px;
   font-family:Arial,sans-serif;
   color:#000000;
   background-color:rgb(247, 136, 136);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

input.buttons#unsichtbar{

    background: transparent;
    border: none !important;
    font-size:0;
}

input.buttons#weiss
{
  cursor:Pointer;
   width:210px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(255, 255, 255);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}

input.buttons#rot
{
  cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:white;
   background-color:rgb(240,75,75);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}

input.buttons#gruen
{
  cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}

input.buttons#gruenklein
{
  cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:12px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}

input.buttons#gruenfett
{
  cursor:Pointer;
   width:auto;
   overflow:visible;
   font-size:13px;
   font-weight:bold;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}



input.buttons#gruenlang
{
  cursor:Pointer;
   width:170px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    
}

input.buttons#gruenlaenger
{
  cursor:Pointer;
   width:190px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    
}

input.buttons#gruennochlaenger
{
  cursor:Pointer;
   width:250px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    
}


input.buttons#gruenkurz
{
  cursor:Pointer;
   width:55px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(145, 234, 188);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    
}



input.buttons#dunkelgruen
{
  cursor:Pointer;
   width:210px;
   overflow:visible;
   font-size:13px;
   font-family:Arial,sans-serif;
   color:black;
   background-color:rgb(0, 160, 70);
   border-style:outset;
   border-width:1px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    cursor:Pointer;
}

input.buttons#fett{
    font-weight:bold;
}




    input.buttons
	{
	border-color:#EEEEEE;
	padding: 3px 9px 2px 9px;
	behavior: url(PIE.php);
	}
    
    input.buttons#blau
	{
	border-color:#EEEEEE;
	padding: 3px 9px 2px 9px;
	behavior: url(PIE.php);
	}
    input[type=text], input[type=password], textarea, inputbox
	{
	    /*border-color:#EEEEEE;*/
	    behavior: url(PIE.php);
	}
        
        
/*aufklappen*/
.typA { margin: 10px;}



  

#buttongewusstwie{border: 0px;}

#blauwiederenzian{
  color: rgb(0, 162, 226);
}


/* Vorlagen
<?php echo $_SESSION['text'][11]; ?>
echo"<a href=\"".$DatenTexte['url'].".php\" target=\"_blank\">".$_SESSION['text'][14]."</a>";
value=\"".$_SESSION['text'][12]."\"


$_SESSION['SpracheWeb'] == "d"



*/