body {
	font: 100% sans-serif;
	background-color: #f9f2e3;
	color: #494949;
	background-image: url(fusion3_hint_sw.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
.kopf_h {
display: none;
}
.inhalt_h {
display: none;
}
.container {
	position: absolute;
	width: 80%;	
	left:10%;
	right:10%;
	top: 10px;
	bottom:10px;
	margin: 0 auto;
	background-color: rgba(0,0,0,0);
}
.kopf {
	position: absolute;
display: table; 
 top: 0px;
  color: #d1d1d1;
	background-color: #000;
	height:90px; 
  width: 100%;
  z-index: 1; 
    }
.fuss {
	position: absolute;
	width: 100%;
	height: 30px;
	background-color: #000;
	bottom: 0;
	padding-left:10px;
	padding-top:5px;
	box-sizing: border-box;
	color: #d1d1d1;
}
.inhalt {
	padding: 20px;
}
.inhalt h1 {
	color: #494949;
}
.inhalt_d {
	padding: 20px;
}
.inhalt_d h1 {
	color: #494949;
}
.navigation {
display: table-cell;
vertical-align: bottom;
  bottom: 0px;
  font-weight: bold;
	letter-spacing: 2px;
	background-color: #000;
	color: #faebce;
	overflow: hidden;
     }
.navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation > ul > li > ul {
  display: none;
  }
.navigation > ul a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 10px; 
  white-space: nowrap;
	border: 2px solid #fff;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
} 
.navigation > ul span {
  display: block;
  white-space: nowrap;
  padding: 10px;
  background: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  text-decoration: none;
}
.navigation ul > li > ul > li a {
  background: #000;;
  color: #fff;
  text-decoration: none;
 border-bottom: 2px solid #fff;
}
.navigation > ul > li:hover > ul {
  display: block;
  position: absolute;
}

.navigation > ul > li > ul > li {
  position: relative;
}
.navigation  > ul > li {
  display: block;
  float: left;
} 
.navigation a:hover, .navigation a:active, .navigation a:focus {
	background-color: #d1d1d1;
}
#box1 {
	position: absolute;
	width: 50%;	
	height: 60%;
  left:45%;
	right:5%;
	top: 20%; 
  bottom: 20%;
	background-color: #494949;
	border: 1px solid;
}
#box_galerie
{
	position: absolute;
	width: 50%;	
	height:60%;
  left:45%;
	right:5%;
	top: 10%; 
  bottom: 30%;
	background-color: #494949;
	border: 1px solid;
 }
.box_iframe{
	display: block;
	vertical-align: center;
	text-align: center;
	position: absolute;
	width: 100%;	
	height: 100%;
	/*top: 1px;*/
	/*bottom:20px;*/
	background-color: #d1d1d1;
	border: 2px solid;
	box-sizing: border-box;
}
.box_iframe2{
	display: inline;
	vertical-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	/*top: 1px;*/
	/*bottom:20px;*/
	background-color: #fff;
	border: 0;
	/*box-sizing: border-box;*/
}
.inhalt_box1 {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-family: sans-serif;
}
.inhalt, .inhalt_a {
	position: absolute;
	background-color: #fff;
	font-weight: bold;
	font-family: sans-serif;
	width: 100%;
	top: 100px;
	bottom: 30px;
	box-sizing: border-box;
	overflow: scroll;
	padding: 25px;
}
.inhalt_d {
	position: absolute;
	background-color: #fff;
	font-weight: bold;
	font-family: sans-serif;
	width: 100%;
	top: 100px;
	bottom: 30px;
	box-sizing: border-box;
	overflow: scroll;
	padding: 25px;
}
#bereich1 {
	width: 30%;
	left: 5%;
	right: 35%;
	background-color: #000;
	bottom: 30px;
}
/*.icon2 {
	position: absolut;
	float: right;
}*/	
#welcome {
  display: block;
  position: absolute;
	height:80%;
  left:8%;
	top: 10%; 
  bottom: 10%;
} 
.galerie_figure {
  display: block;
  position: absolute;
	height:80%;
  left:8%;
	top: 10%; 
  bottom: 10%;
} 
img.scaled {
  height: 100;
}
#box2 {
	position: absolute;
	width: 50%;	
	left:45%;
	right:5%;
	/*top: 600px;*/
	height: 160px;
	bottom:10px;
	border: 0;
	/*padding: 10px;*/
	box-sizing: border-box;
	/*background-image: url(aktuell.png), url(neu.png);
	background-repeat: no-repeat;
	background-position: top left 150px, top right 150px;*/
	/*background-attachment: fixed;*/
	/*background-color: #000;*/
}  
#box3 {
	position: absolute;
	width: 66%;	
	left:5%;
	right:29%;
	top: 25px;
	background-color: #fff;
	color:	#494949;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 10px;
	/*margin: 20px auto; */
}
#box4 {
	position: absolute;
	width:17%;	
	left:78%;
	right:5%;
	top: 25px;
	background-color: #fff;
	border: 0;
} 
#box5 {
	position: absolute;
	width:17%;	
	left:14%;
	right:69%;
	top: 15%;
	text-align: center;
	background-color: #fff;
	border: 1 px solid;
}
.navigation_g {
	background-color: #fff;
	color: #000;
}
.navigation_g ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navigation_g li {
	margin: 0;
	padding: 0;
}
.navigation_g a {
	color: #494949;
	display: block;
	text-decoration: none;
	padding: 10px;
	border: 2px solid #494949;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	font-size: 1.3em;
}
.navigation_g a:hover, .navigation a:active, .navigation a:focus {
	background-color: #494949;
	color: #d1d1d1;
}
#gera1 {
  display: block; 
  width: 45%; 
  float: left; 
  margin: 4%
}
#gera2 {
  display: block; 
  width: 35%; 
}
#gera3 {
  display: block; 
  width: 15%; 
  float: left; 
  margin-right: 4%
}
#gera4 {
  display: block; 
  width: 15%;
  float: left; 
  margin-right: 4%
}
#gera5 {
  display: block; 
  width: 45%; 
  float: left; 
  margin-right: 4%
}
#gera6 {
  display: block; 
  width: 28%; 
  float: left; 
  margin: 4%
}
#gera7 {
  display: block; 
  width: 40%; 
  margin-right: auto; 
  margin-left: auto
}