/* corporate identity	*/

iframe{
	width:100%;
	height:90vh; 
	border:none;
	 
	/*display:block;	geht nicht
	overflow:hidden;*/
	}

/* Bildschirmhintergrund, leicht Transparent mit opacity bzw. rgba */
body
	{
	color:black;
	background-image:url(../images/kachel.jpg);
	background-color:yellow;	/* auch zur Sicherheit, falls das Bild nicht geladen wird */
	background-repeat:repeat;  	/* wierderholte Darstellung bis der Bildschirm voll ist */
	opacity:0.9;				/* Transparenz 10% */
	font-family: Helvetica, Arial, sans-serif;
    font-size: 100%;
	}
div#page
	{
	background-color:rgba(255,255,255,0.3);
	} 
h1.willkommen
	{
	float:none;
	text-align:center;
	background-color:lightgrey;
	} 
div.willkommen
	{
	float:none;
	padding: 2% 0 2% 4% ;	
	} 
blockquote.willkommen
	{
	float:none;
	padding: 2% 0 2% 2% ;	
	} 		
/* Überschriften */		
h1
	{
		color: darkblue;
	}
	
h2
	{
		color: darkred ;
	}	
	
h3
	{
		color: darkblue;
	}

h4
	{
		color: darkgreen;
	}
p
	{
		color: black;
	}

/* Umfluss beenden */
hr
	{
clear:both;
	}
p.clear
	{
	clear:both;	/*left, right, both*/
	}
strong
	{	
	color: black;
	background-color: none; 
	}
	
/* Seitennavigation */
nav
	{
		color: darkred;
	}
	/* für untergeordnete Tags */
nav ul
	{ 
	list-style-image:none;
	}
/* Unterstreichung entfernen in der Navigation */
nav a
	{ 
	text-decoration:none
	
	}

/* Text umfließt Bild */
figure
	{
	float:left;	/*left,right,none*/
	}	
figure.TextBild
	{
	float:right;	/*left,right,none*/
	}
figure.BildText
	{
	float:left;
	}	
	
/* figure.right
	{
	float:none;
	text-align:center;
	} 
*/

/* keine Bilderrahmen */
img
	{
	border:none;
	}

/* Bild zentrieren innerhalb figure*/
figure.center
	{
	float:none;
	text-align:center;
	}
/* Bild ohne figure zentrieren */
img.mitte
	{
	margin:0px auto;
	display:block;
	width:285px;
	}

/* .gallerie
	{
	height : 10% ;
	border : 3% solid white ;
	}	
Figure.gallerie  75px 10px
	{
	height : 75px ;
	border : 10% solid white ;
	}		
#gallerie img 
{
	height : 75px ;
	border : 10px solid white ;
}	*/



/* Eingabefelder */
form
	{
		color:darkblue ;
		 font-weight: bold;
	}
label
	{
	width:10%;
	display:inline-block;
	text-align:right;
	}
input
	{
	width:20%;
	display:inline-block;
	text-align:center;
	} 
	
select
{
	width:20%;
	display:inline-block;
	text-align:center;
	} 
.linkerRand
	{
		font-size: 110%;
        font-weight: bold;
        padding: 0 2% 0 0 ;	
        text-align: center; 
		  }	
.ButtonPosition
	{
	width:80%;
	display:inline-block;
	text-align:center;
	padding: 0 0 0 0;	
	} 
.FormularButton
	{
	font-size: 100%;
	width:20%;
	display:inline-block;
	text-align:center;
	padding: 0 0 0 0;	
	}

.radioAuswahl
	{
	width:5%;
	display:inline-block;
	text-align:right;
	margin: 0  0  0 2% ;	
	} 

/* Listen. Tabellen */
table
	   {
		font-size: 120%;
        font-weight: bold;
        padding: 7% 2% 2% 5%;	
        text-align: right; 
		float:left;
		width: 25%;
	  }
thead, tfoot 
	  {
	 background-color:silver;
	 }
	
.kopftext 
	 {
	 background-color:silver;
	 }

/* Diagramm mit % */
.chart 
	  {
		float:left;	
        border: 0 solid #000000;		/* 2px */
        border-radius: 1%;	
        margin: 0 10% 0 0;  
        max-width: 80%;
        padding: 3% ;     
      }
.chart .title 
	  {
        font-size: 200%;
        font-weight: bold;
        padding: 0 0 10% 20%;	
        text-align: center;        
      }
.chart div.bar 
	  {
        font-size: 80%;
		background-color: darkblue;
        text-align: right;
        padding: 0.3%;		
        margin: 0 2% 2% 0;		
        color: white;
      }
/*Listen und Menue */

/* Aufzählung mit führender = ArtikelNr */
ol
	{
		list-style-type:decimal-leading-zero /* upper-roman; decimal; decimal-leading-zero (dezimal mit führender Null, für <ol>), lower-latin (Kleinbuchstaben, für <ol>) */
	}
	
li
	{
		color: darkblue ;
	}
/* Aufzählungspunkte ändern, Standard ist disc; 
ul
	{
	list-style-type:none 
	list-style-images :url(../images/arrow.gif);
	}
*/ 
li.dropdown 
	{
    float: left;
	}
ul#dropdown {
    list-style-type: none;
    margin: 1%;
    padding: 0.5% 0.5%;
    overflow: hidden;
    background-color: darkblue;
	font-weight: bold;
}
li.dropdown, a.dropdown, .dropbtn 
	{
    display: inline-block;
    color: white;
    text-align: center;
    padding: 1px 20px;
    text-decoration: none;
	}
/*
li a, .dropbtn 
	{
    display: inline-block;
    color: white;
    text-align: center;
    padding:16px 20px;
    text-decoration: none;
	}
a:hover, .dropdown:hover .dropbtn 
	{
    background-color: blue;
	}		  
*/
/* :hover bezieht sich auf li und a */
li a:hover, .dropdown:hover .dropbtn {
    background-color: blue;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: yellow;
    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;
    text-align: left;
}

.dropdown-content a:hover {background-color: white}

.dropdown:hover .dropdown-content 
	{
    display: block;
	}
/* Willkommen */
small
	{
		color: yellow;
	}
sup
	{
		color: darkred;
	}
sub
	{
		color: darkgreen;
	}