/*@charset "UTF-8";*/

@viewport {
   width: device-width;
}

html { font-size: 140%}

body, h1, h2, h3, h4, h5, h6, table , tr, th, td, dl
	{ 
	margin : 0; 
	font-size : 0.9em; 
	font-weight : normal; 
	word-spacing : normal; 
	letter-spacing : normal; 
	text-decoration : none; 
	text-transform : none; 
	text-indent : 0; 
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height : 1.4em; 
	color : black; 
	background : #ffe; 
	}

body { background-color: #eee;}

small {	font-size : 0.8em} 

big   { font-size : 2.4em} 

pre   { font-family : "Courier New", monospace;
	    font-size:	0.9em;
	} 

ol li { list-style-type : decimal} 

ol ol li { 
	list-style-type : lower-alpha} 

ol ol ol li { 
	list-style-type : lower-roman} 

em { font-style : normal; 
	font-weight : bold; 
	color : black; 
	} 

strong { 
	font-style : italic; 
	font-weight : bold; 
	color : black; 
	}
 
em strong, strong em { 
	text-transform : uppercase; 
	font-style : normal; 
	font-weight : bolder; 
	color : black; 
	} 

b { font-weight : bold} 

i { font-style : italic} 

col, colgroup, table, tbody, td, th, tr 
	{ 
	color : black; 
	text-decoration : none; 
	border-color : black; 
	border-style : none; 
	}
 
a:link, a:visited, a:active 
	{ 
	text-decoration : none; 
	font-weight : normal; 
	color : #333; 
	} 

a:hover { 
	text-decoration : none; 
	font-weight : normal; 
	color : #000; 	
	}
 
 a.img, img {border-style : none}
 
h1, h2, h3, h4, h5, h6 { 
	font-weight : normal; 
	word-spacing : normal; 
	letter-spacing : normal; 
	text-decoration : none; 
	text-transform : none; 
	font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	} 

h1 {	
	color : rgb(0, 0, 128); 
	font-size : 2em; 
	margin  : 0;
	padding : 1em 0 0,5em 0;
	} 

h2 { 
	color : black; 
	font-size : 1.4em; 
	margin-top : 0.75em; 
	margin-bottom : 0.25em; 
	} 

h3 { font-size : 1.2em; 
	margin-top : 0,5em; 
	margin-bottom : 0.25em; 
	padding-top : 1em; 
	padding-bottom : 0; 
	border-top : 0; 
	border-bottom : 0; 
	clear: both;	
	} 

h4 { 	font-size : 1.2em} 
h5 {	font-size : 1.15em} 
h6 { 	font-size : 1em} 

h4, h5, h6, p, blockquote, fieldset, form, ul, ol, dl, dir, menu 
	{ 
	margin-top : 0.25em; 
	margin-bottom : 0.25em; 
	} 
	
hr { 	
	color : #333; 
	margin-top : 0.25em; 
	margin-bottom : 0.25em; 
	height : 1px; 
	clear: both;
	}

hr.space {
	visibility: hidden;
	/*background: transparent;
	color  : transparent;
	border : transparent;
	height : 0;
	width  : 0;*/
	margin : 1em;
}
 
div, center, col, colgroup, table, tbody, td, tfoot, th, thead, tr 
	{ 
	margin-top : 0; 
	margin-bottom : 0; 
	padding-top : 0; 
	padding-bottom : 0; 
	border-top : 0; 
	border-bottom : 0; 
	/*-webkit-text-size-adjust: auto; */
	} 

td,th { 
	font-size: 1em;	/* 1em*/
	line-height : 1.33em
	} 

p { 	
    padding-top : 0.25em; 
	padding-bottom : 0.25em;
	line-height : 130%;
	}
 
blockquote { 
	margin-left   : 1.58em; 
	margin-right  : 0; 
	padding-left  : 0; 
	padding-right : 0; 
	border-left   : 0; 
	border-right  : 0; 
	} 

ul, ol, li { 
	margin-left : 0; 
	margin-right : 0; 
	margin-top : 0.75em;
	padding-left : 0; 
	padding-right : 0; 
	border-left : 0; 
	border-right : 0; 
	line-height : 1em; 
	} 
/*	
ol { 	margin-left : 2em} 
ul { 	margin-left : 1em} 
*/

dt { 	
	margin: 0; 
	margin-left : 2em;	
	padding: 0.5em 0 0 0;	 
	border-left : 0; 
	border-right : 0; 
	text-indent : 0} 

dl  {
	font-size:   1em;
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
}

dt { 	
	margin: 1em 0 0 0; 
	padding: 0;	 
	border-left : 0; 
	border-right : 0; 
	text-indent : 0} 

dd  {
	margin: 0 0 0 2em;
	}
	
table, td, th, caption { 
	text-align : left; 
	vertical-align : top; 
	margin : 0; 
	padding : 0.5em; 
	} 

pre { 
	font-family : "Arial", "Helvetica";  /*"Courier New", monospace; */
	font-size : 1em;
	margin-top : 0; 
	margin-bottom : 0.75em; 
	margin-left : 0; 
	margin-right : 1em; 
	padding : 0.75em; 
	border-style : solid; 
	line-height : 1.25em; 
	background : #fff; 
	border-width : 1px;
	border-color : black; 
	/*width : 80%; geht nicht bei Mozilla*/
	float:left; 
	} 
	
code {
	font-size : 1.3em;
	margin-top : 0; 
	margin-bottom : 0.75em; 
	margin-left : 0; 
	margin-right : 1em; 
	padding : 0.75em; 
	border-style : solid; 
	line-height : 1.25em; 
	background : #fff; 
	border-width : 1px;
	border-color : black; 
	/*width : 80%; geht nicht bei Mozilla*/
	float:left; 
	white-space : pre;
}

samp {
	font-family: "Lucida Console", Courier, monospace;
	font-size : 1em;
}

img {	
	padding-left:  0.25em;
	padding-right: 0.25em
	text-size-adjust: auto;
	} 

body { 
	margin : 0;
	padding: 0; 
	border : none; 
	background:#ffffee;
	} 
	

#titel {
  margin:0;
	margin-top   : 2em;  
	border-width : 1px;
	border-style : solid;
	border-color : rgb(128, 0, 0); 
	text-align   : center;
}
	
#titel h1 {
  color : rgb(0,0,128); 
	font-size : 2em; 
	margin : 0;
	padding : 0.5em;

	}

#titel p {	text-align: center;	}
	
h1 {	  
  color : rgb(0, 0, 128); 
	font-size : 2em; 
	}
	

#menu ul {
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	padding : 1em; 
	list-style-type: none;
}

#menu ul li {
	font-family : Arial, Tahoma, Helvetica, sans-serif; 
	font-style  : normal; 
	font-size   : 1.4em;
	line-height : 1.1em;
	}


#content { 
	padding: 2em; 
	padding-top: 0;
	max-width: 1000;
	max-height: 600;
	margin: 0 auto;
		}
                  		
#thead{ 
	color : #990000; 
	text-align : center; 
	border-bottom-width : 1px; 
	border-bottom-style : solid; 
	border-bottom-color : #000; 
	margin-bottom : 1em; 
	} 
	
#thead a { 
	font-size : 1em; 
	color : #666; 
	}

#tfoot{ 
	color : #990000; 
	text-align : center; 
	margin  : 0; 	
	border-top-width : 1px; 
	border-top-style : solid; 
	border-top-color : #000;  	
	font-size : 0.6em;
	font-color: rgb(8,8,8);
	padding-top : 0.5em;
	} 
	
#tfoot a { 
	font-size : 1em; 
	color : #333; 
	}

#tfoot img {
	padding-top: 0.5em;
	}
	
.indent {
	margin-left: 4em
	}
	
.block	{
	float:left; 
	padding-right:1em
	}

.block2	{
	float:left; 
	padding-left:1em
	}
	
.eng { 	padding : 0.25em} 

.noleftpadding { 
	padding-left : 0; 
	margin-left : 0; 
	} 

.closed { 
	padding : 0; 
	} 

.rot      {color : #ff0000} 
.gruen    {color : #00aa00} 
.blau     {color : #0000ff} 
.darkblue {color : #000099} 

.flex { 
           display: flex; 
           justify-content: center; 
           align-items: center;
        }

.valign-bottom { 
	vertical-align : bottom; 
	} 

.center { 
	text-align : center; 
	} 

.left { 
	text-align : left; 
	} 

.right { 
	text-align : right; 
	} 

.top { 
	margin-top : 0; 
	padding-top : 0; 
	vertical-align : top; 
	} 
	
.rahmen td {
	border-style:solid;
	border-width:1px;
	padding:1em;
	margin:0;
	text-align: center;
	vertical-align: center;
	border-collapse:collapse;	
	}
	
.table-container
{
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	}
	
 .footnote {
   text-indent: -2em; 
   padding-left: 2em;
   }

 
table {font-size: 1.1em;}

th { 
	margin-top   : 0; 
	margin-bottom: 0; 
	margin-left  : 0; 
	margin-right : 0; 
	padding      : 1em; 
	border-style : solid; 
	border-width : 1px;
	border-color : black; 
	text-align   : center; 
	} 

th pre { 
	margin-top : 0; 
	margin-bottom : 0; 
	margin-left : 0; 
	margin-right : 0; 
	padding : 0; 
	border-width : 0; 
	border-style : none; 
	background-color : white; 
	text-align : left; 
	font-family : "Courier New", Monospace; 
	font-size : 1em; 
	width:	100%;
	} 

th p {
	margin-top   : 0; 
	margin-bottom: 0; 
	margin-left  : 0; 
	margin-right : 0; 
	padding      : 1em; 
	border-style : none; 
	border-width : 0;
	border-color : black; 
	text-align   : left;	
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;            /*120px;*/
  background-color: #FFF;  /*black;*/
  color: black;            /*#fff;*/
  text-align: left;        /*center;*/
  padding: 5px 7px;
	border-style : solid; 
	border-width : 1;
	border-color : black;  
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}