.img_imp {
	width: 16%;
	height: auto;
    margin-right: 10px;
}

.img_gala4er {
  width: 22%;
  min-width: 270px;
  height: auto;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 6px;
  margin-top: 6px;
}

.ganz_100, .tzweier_1, .tzweier_2, .blau, .dunkelgrau, .tvierer_1, .tvierer_2, .tvierer_3, .tvierer_4 , .tzweier_1gross, .tzweier_2klein{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.hellgrau {
	background-color: #F6F6F6;
}
.dunkelgrau {
	width: 100%;	
	background-color: #E9E9E9;
	padding: 1px 12px 1px 12px;
}
.blau {
	width: 100%;	
	background-color: #000094;
	padding: 10px 10px 10px 10px;
}
.twrapper_box {
	overflow: hidden;
}

.tzweier_1, .tzweier_2 {
	width: 49%;
	float: left;
}

.tzweier_2 {
	margin: 0 0 0 2%;
}

.tzweier_1gross {
	width: 63%;
	float: left;
}

.tzweier_2klein {
    width: 35%;
	margin: 0 0 0 2%;
    float: left;
}

/*  vierer Box flexibel * * * * * * * * */
.tvierer_1, .tvierer_2, .tvierer_3, .tvierer_4 {
	width: 21.5%;
	float: left;
	padding: 0 1% 0 1%;

}
.tvierer_2 {
		margin: 0 1% 0 2%;
}
.tvierer_3 {
	margin: 0 2% 0 1%;
}

/* wrapper_box zur Ansicht Hintergrundfarbe und verhindern UEBERLAUF der FLOAT_BOXEN* * * * * * * * */
.wrapper_box {
	background-color: #FF8A44;
	overflow: hidden;
}
 .link_weiss {
  font-size: 1em;
  color: #ffffff;
  text-decoration: underline;
}
.link_weiss:link {
  color: #ffffff;
  text-decoration: underline;
}
.link_weiss:visited {
  text-decoration: underline;
  color: #ffffff;
}
.link_weiss:hover {
  text-decoration: none;
  color: #cccccc;
}
.link_weiss:active {
  text-decoration: underline;
  color: #ffffff;
}


@media screen and (max-width: 900px) {

	.ganz_100 {
    padding: 0 1% 0 1%;
  
}
  .tvierer_1, .tvierer_2, .tvierer_3, .tvierer_4 {
	width: 47%;

}
.tvierer_1 {
		margin: 0px 0 0px 0;
}
.tvierer_2 {
		margin: 0px 0 0px 0%;
}
.tvierer_3 {
	margin: 0px 0 0 0;
}
.tvierer_4 {
	margin: 00px 0 0 0%;
}  
}

@media screen and (max-width: 600px) {

	.ganz_100 {
    padding: 0 1% 0 1.5%;
  
}
.tzweier_1, .tzweier_2 {
	width: 100%;
	float: left;
}
.tzweier_2 {
	margin: 20px 0 0 0;

}
 .tzweier_1gross, .tzweier_2klein {
	width: 100%;
	float: left;
}
.tzweier_2klein {
	margin: 20px 0 0 0;

}   
    
    
   .tvierer_1, .tvierer_2, .tvierer_3, .tvierer_4 {
	width: 96%;
	padding: 0 2% 0 2%;
}
.vierer_2 {
		margin: 20px 0 20px 0;
}
.vierer_3 {
	margin: 0 0 20px 0;
}
.vierer_4 {
	margin: 0 0 20px 0;
} 
}