article{
	position: absolute;
	left: 1%; /*7%*/
	top: 11.5%; /*mobil 9% normal 11.5%*/
	width: 100%; /*mobil 89% normal 89.5%*/
	height: 86.5%;
	font-family: Arial, Helvetica, sans-serif;	
}
#kopf{
	position: fixed; /*absolute;*/
	height: 80px; /*12%; mobil 8% normal 10%*/
	width: 101%;
	background-color: #cccc99; /*#f5f5f5;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%; /*1em;*/
	z-index: 2;
	margin-left: -1em;
	margin-right: -1em;
	margin-top: -1em;
	margin-bottom: -1em;
}

#navigation{
	position: fixed; /*absolute;*/
    top: 4%;
    width: 10%;
	height: 5%;
	left: 0.5%;
	/*padding-top: 1%;*/
    background-color: #cccc99; /*#f5f5f5;*/	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*hyphens: auto;*/
	text-align: center;
	z-index: 3;
}

#inhalt{	
	height: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#body{
	background-color: #f5f5f5;
}

/*########################## Überschriften ################################*/

h1, h2, h3{
	/*font-family: 'Worknet',Helvetica, Arial, sans-serif;*/
	font-weight:bold; 
	margin:0;
	word-break: normal;
	text-align: center;
}
h1{
	/*padding-rigth: 1em;
	padding-left: 0.4em;*/
	padding-top: 0.3em;
	padding-bottom: 0em;
	font-size: 2.0em;
}
h2{
	padding:0em;
	font-size:1.5em; /*normal 1.5em mobil 2.0em*/
}
h3{
	padding:0.5em 1.0em;
	font-size:1em;
}
h4{
	padding:0em;
	font-weight:normal;
	text-align: left;
	font-size:1.5em; /*normal 1.5em mobil 2.0em*/
}

/*########################## horizontale Linie ################################*/

.hrgreen, .hrblue, .hrred, .hrblack2, .hrchoco2{
  border: none;
  border-top: 3px solid #32CD32;  
}
.hrblue{
  border-top: 3px solid #0000CD;  
}
.hrred{
  border-top: 3px solid #FF0000;  
}
.hrblack2{
  border-top: 2px solid #000000;  
}
.hrchoco2{
  border-top: 2px solid #D2691E;  
}

/*########################## Menü ###########################*/
nav ul{
    list-style:none;
    margin:0 3px;
    padding:0;    
    float:left;
}

nav li{
    font:normal 22px sans-serif;	/*normal 22px sans-serif;*/
    text-align:center;
    white-space:nowrap;
    color: black;
    padding:0px 10px;
    height:35px; /*35px;*/  
    line-height:35px; /*35px;*/
    background: #dcdcdc;
	
    /*border-radius:10px 0;
    -moz-box-shadow:2px 2px 4px #000;
    -webkit-box-shadow:2px 4px 5px #000;
    -o-box-shadow:2px 2px 4px #000; 
    box-shadow:2px 2px 4px #000;*/
}

/* Untermenü nach unten */
nav li.sub-down{
    padding-right:35px; /*35px;*/
    background: #dcdcdc; 
}

/* Untermenü nach rechts */
nav li.sub-right{
    padding-right:35px /*35px;*/
    background: #dcdcdc; 
}

nav li#current{
    color: black;
}

nav ul ul{
    position:absolute;
    left:-9900px;
    margin:0;
    padding:5px 5px 0 0;
}

nav ul ul li{
    text-align:left;
    margin:5px 0;
} 

nav a{
    display:block;
    padding:0;
    margin:0;
    color: black;
    text-decoration:none;
    text-align:left;
    /*text-shadow:1px 1px 0 #000;*/
    outline:none;
}

/*färbt den Text dort, wo ein Link auf eine Seite dahinterliegt*/
nav a:hover{
    color: red;
}

nav ul li:hover{
   position:relative;    
   cursor:default;
   background: #dcdcdc; 
}

/* zeigt alle Untermenüs an */
nav ul :hover ul{
   left:0px;
   top:23px;            /* same as => <li> height & line-height */
}
/*aktiviert die Untermenüs nach rechts*/
nav ul li:hover ul ul,
nav ul :hover ul li:hover ul ul{
    left:-9900px;
}

/*sortiert die Untermenüs nach rechts ab Stufe 1*/
nav ul :hover ul li:hover ul,
nav ul :hover ul :hover ul li:hover ul{
    left:100%;
    padding-left:6px;           /* distance between submenues (padding of span + (N) px */
    margin-top:-33px;
}

/* ######################## Spalten #################################### */

#spalte_links{
	position: absolute;
	top: 2%;
	width: 43%;
	left: 0%;
	heigth: 85%;
	margin-left: 0px;
	margin-top: 0px;
	padding: 1%;
	background-color: #FFFFFF;
	border: solid thin #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: 1;
}

#spalte_rechts{
	position: absolute;
	top: 2%;
	width: 43%;
	right: 6%;
	heigth: 85%;
	padding: 1%;
	background-color: #FFFFFF;
	border: solid thin #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: 1;
}

#spalte_mitte_80{
	position: absolute;
	top: 2%;
	width: 80%;
	left: 10%;
	heigth: 85%;
	padding: 1%;
	background-color: #FFFFFF;
	border: solid thin #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: 1;
}

#spalte_mitte_80_white{
	position: absolute;
	top: 2%;
	width: 80%;
	left: 10%;
	heigth: 85%;
	padding: 1%;
	background-color: #ffffff;
	border: solid thin #dcdcdc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	z-index: 1;
}


/* ################################ Label ################################## */

#label1{font-size: 1em;}

/* ################################ Tabelle ################################ */

table, table.neutral {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.0em;   
   border: 1px solid grey;
   margin_left: 1em;
   margin_rigth: 1em;   
   border-collapse: collapse;
   caption-side: top;
   style="empty-cells: show";
   table style="table-layout: fixed";
   background-color: white;
   margin-left: auto;
   margin-right: auto;
}

table.neutral{
	border: 1px solid #FFFFF0;
	background-color: #FFFFF0;
}

tr {
	table border ="0";
	background-color: #f5f5f5;
}

th, th.neutral {
   border: 1px solid grey;
   width: 90px;
   background-color: #cccccc;
   text-align: center;
}

th.neutral{
	border: 1px solid #FFFFF0;
	background-color: #FFFFF0;
}

td, td.center, td.neutral, td.center_n {
   border: 1px solid grey;   
   height: 5px;
   width: 90px;
   word-break: break-all;
   word-wrap: break-word;
   background-color: white; /*#F5F5F5;*/
   padding: 0.5%;
}

td.neutral{
	border: 1px solid #FFFFF0;
	background-color: #FFFFF0;
	text-align: center; 
}

td.center {	
	text-align: center; 
}

td.center_n {
	border: 1px solid #FFFFF0;
	background-color: #FFFFF0;
	text-align: center; 
}

#figurebox{
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

figure{
	display: table-cell;
	width: 30%;
	text-align: center;
	font-size: 0.7em;
	font-style: italic;
	text-indent: 0;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}

img.scaled {
  width: 100%;
}