#container
{
	background-color:       #ffffff;
	width:					100%;
	display: 				block;
	margin-left: 			auto;
	margin-right: 			auto;
    min-height:				700px; 
}

#container_ausgabe
{
	background-color:       #ffffff;
	width:					95%;
	min-height:				580px;
	display: 				block;
	margin-top:				20px;
	margin-left: 			auto;
	margin-right: 			auto;
	overflow: 				auto;
}

#container_tabelle
{
	background-color:       #ffffff;
	width:					90%;
	height:					500px;
	display: 				block;
	margin-top:				20px;
	margin-left: 			auto;
	margin-right: 			auto;
	overflow: 				auto;
}

.container_tabelle_extrem
{
	background-color:       #ffffff;
	width:					90%;
	height:					200px;
	display: 				block;
	margin-top:				20px;
	margin-left: 			auto;
	margin-right: 			auto;
	overflow: 				auto;
}

#container_menue
{
	width:					680px;
	margin-left: 			auto;
	margin-right: 			auto;
	height:					35px;
	background-color:       #ffffff;
	padding:				0px 0px 0px 0px;
	margin-top:				0px;
	float:					left;
}

#container_status
{
	text-align:				center;
	width:					300px;
	display: 				block;
	margin-left: 			auto;
	margin-right: 			auto;
	height:					35px;
	background-color:       #ffffff;
	padding:				0px 0px 0px 0px;
	margin-top:				0px;
	float:					left;
}

#container_haupt
{
	width:					980px;
	background-color:       #ffffff;
 	display: 				block;
    margin-left: 			auto;
    margin-right: 			auto;
    min-height:				600px; 
}

#container_fusszeile_ausgabe
{
	width:					80%;
	text-align:				center;
	padding:				0px 0px 0px 0px;
	margin-left: 			auto;
	margin-right: 			auto;
}

.titelbild 
{
    width: 980px;
    position: relative;
	display: block;
}

.titelbild span {
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.4);
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2em;
    text-align: right;
	font-family:Verdana; 
	font-size:200%;
}

html, body 
{ 
	font-size: 				85%; 
	font-family: 			Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    height:100%;
}

#body_ausgabe
{ 
	font-size: 				90%; 
	font-family: 			Arial, Helvetica, sans-serif;
	background-color:       #ffffff;
}

#titel_rahmen
{
	background-image: 		linear-gradient(135deg, #4e91ae 0%, #c0e5f4 100%);	
	font-size: 				100%; 
	font-family: 			Arial, Helvetica, sans-serif;
	border:					1px solid;
	background-color:       #e5e8ea;
	text-align:				center;
	border-radius:			5px 5px 5px 5px;
	padding:				5px;
	width:					95%;	
	margin-left:			auto;
	margin-right:			auto;
	margin-bottom:			15px;
	margin-top:				5px;
	box-shadow: 1px 4px 8px rgba(0,0,0,.4);
}

.tabelle_standard
{
	font-size:				100%;
	margin-left:			auto;
	margin-right:			auto;
	text-align:				center;
	border:					1px solid #000;
	border-collapse:		collapse;
	empty-cells:			show;
}

.th_standard
{
	vertical-align:			top;
	text-align:				center;
	border:					1px solid #000;
	border-spacing:			0px;
	background-color:       #dddddd;
}

.td_standard
{
	vertical-align:			top;
	text-align:				center;
	border:					1px solid #000;
	border-spacing:			0px;
	background-color:       #ffffff;
}

.rahmen
{
	border:					3px solid #4B610B;
	text-align:				center;
	border-radius:			10px 10px 10px 10px;
	padding-left:			0px;
	padding-right:			0px;
	padding-bottom:			5px;
	width:					95%;	
	box-shadow: 			1px 4px 8px rgba(0,0,0,.4);
	width:					99%;
}

fieldset 
{
	border:					1px solid #4e91ae;
	background-color: 		#DDDDDD;
	border-radius:			5px 5px 5px 5px;
	width:					80%;
	display:				inline;
	text-align:				center;		
	box-shadow: 1px 4px 8px rgba(0,0,0,.4);
}

legend 
{
	padding:				0.2em 0.9em;
	background-color: 		#4e91ae;
	border:					1px solid #4e91ae;
	color:					#000000;
	text-align:				left;
	margin-left:			10px;
	border-radius:			5px 5px 5px 5px;
}

.rahmen_daten
{
	border:					3px solid #4e91ae;
	text-align:				center;
	border-radius:			0px 0px 5px 5px;
	padding:				10px;	
	margin-left:			15px;
	margin-bottom:			15px;
	box-shadow: 1px 4px 8px rgba(0,0,0,.4);
}
#tabs 
{
	font-size: 				130%; 
	font-family: 			Arial, Helvetica, sans-serif;
	border-bottom: 			2.5em solid  #4e91ae; 
	margin: 				0;
	padding: 				0;
	font-size:				85%;
	border-radius:			5px 5px 0px 0px;
	margin-left:			15px;
	padding-top:			1.1em;
}

#tabs li 
{ 
	font-size: 				130%; 
	font-family: 			Arial, Helvetica, sans-serif;
	display:				inline; 
	padding-top:			0.25em;
	padding-bottom:			0.25em;
	border-top: 			.1em solid  #4e91ae;
	border-left: 			.1em solid  #4e91ae;
	border-right: 			.1em solid  #4e91ae;
	border-radius:			5px 5px 0px 0px;
}

#tabs li a 
{
	font-size: 				130%; 
	font-family: 			Arial, Helvetica, sans-serif;
	display:				inline; 
	text-decoration: 		none;
	padding:				0.25em 0.25em;
	color: 					#000;
	border-radius:			5px 5px 0px 0px;
}

#page1 #tabs li#tab1 a, #page2 #tabs li#tab2 a, #page3 #tabs li#tab3 a, #page4 li#tab4 a, #page5 li#tab5 a , #page6 li#tab6 a 
{
	font-size: 				130%; 
	font-family: 			Arial, Helvetica, sans-serif;
	padding-top:			0.1em;
	padding-left:			1.25em;
	padding-right:			1.25em;
	padding-bottom:			0.1em;
	background-color: 		#4e91ae;
	border-radius:			5px 5px 0px 0px;
	border-bottom: 			5px solid  #4e91ae;
	color: 					#fff;
}

h1.einfacheausgabe
{
	border:					3px solid #b2e57c;
	background:				#eeeeee;
	width:					95%;
	text-align:				center;
	border-radius:			20px 20px 20px 20px;
	padding:				15px;
	margin-bottom:			15px;
}

.scrollfeld
{
	height: 				400px;
	width:					400px;
	overflow: 				auto;
	border: 				0px solid #000;
	padding: 				10px;
} 

.labels1
{
     color: black;
     font-family: "Arial", sans-serif;
     font-size: 10px;
     text-align: center;
     width: 40px;     
     white-space: nowrap;
}

.labels2
{
     color: white;
     font-family: "Arial", sans-serif;
     font-size: 10px;
     text-align: center;
     width: 40px;     
     white-space: nowrap;
}

.infobox 
{
 	border:	1px solid #000000;
 	border-radius:			10px 10px 10px 10px;
	padding:				15px;
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			15px;
    color: black;
    text-align: left;
    width: 360px;     
    min-height: 150px;     
	word-wrap: break-word; 
}

a img {
	border: 				0px;
}

#menu {
  font-size:14px;
  position:absolute;  
}

.dropbtn 
{
    background-color: #4e91ae;
    color: white;
    padding: 1px 5px;
    font-size: 15px;
    border: none;
    cursor: pointer;
}

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

.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #4e91ae;
    min-width: 160px;
    box-shadow: 10px 8px 16px 0px rgba(0,0,0,0.2);
	border-style: solid;
	border-width: 1px;
}

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

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

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

.dropdown:hover .dropbtn 
{
    background-color: #265e76;
}

a:link 
{ 
	font-weight:			normal; 
	color:					black; 
	text-decoration:		none; 
}

a:visited 
{ 
	font-weight:			normal; 
	color:					black; 
	text-decoration:		none; 
}

a:focus 
{ 
	font-weight:			normal; 
	color:					black; 
	text-decoration:		none; 
}

a:hover 
{ 
	font-weight:			normal; 
	color:					red; 
	text-decoration:		none; 
}

a:active 
{ 
	font-weight:			normal; 
	color:					black; 
	text-decoration:		none; 
}

.divHide
{
	display:none;
}

.divShow
{
	display:block;
}

.ht:hover .tooltip {
     display:block;
}

.tooltip {
     overflow: hidden;
	 white-space: nowrap;
	 display: none;
     color: black;
     width: 400px;
	 margin-left: -100px;
     margin-top: 5px; /* moves it down */
     position: absolute;
     background-color: #ffffff;
     z-index: 10000;
     padding:5px;
     border:1px solid black;
	 font-size:14px;
}