/* 

  CSS für die 9000er Module
  ausgelagerte inline Styles und Styledefinitionen
  @author: Matthias Forberg (ARITHNEA)

*/


/* 9000 Veranstaltungskalender */
/* --- entfällt --- */


/* 9010 Kontaktmodul */

.m9010_rot { 
  background-color:#e84031; 
  color:#ffffff;
}
.m9010_rot .teaser-image-text-upselling__text, 
.m9010_rot .teaser-image-text-upselling__copy, 
.m9010_rot .teaser-image-text-upselling__headline { 
  color:#ffffff;
}
.m9010_grau,
.m9010_grau:hover { 
  background-color:#e6e6e6; 
  color:#6e6e6e;
}
.m9010_grau .teaser-image-text-upselling__text,  
.m9010_grau .teaser-image-text-upselling__copy,  
.m9010_grau .teaser-image-text-upselling__headline { 
  color:#6e6e6e;
}


/* 9015 Kontaktmodul Vorstand */


.m9015_c13_box {
	background-color: #f2f2f2; 
	padding-top: 15px; 
}
.m9015_c13_box .teaser-image-small__image-container {
	overflow:hidden;
}
.m9015_c23_box {
	background-color: #f2f2f2; 
	padding: 20px; 
	text-align: left;
}


/* 9020 Bildergalerie */

.m9020_gallery {
  width: 100%;
  float: left;
  background-color:#e6e6e6
}
.m9020_gallery img {
  width: 100%;
  height: auto;
}
.m9020_gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 250px;
}
.m9020_gallery figcaption {
  display: none;
}


/* 9030 iFrame */

.m9030_responsive-frame {
	padding-bottom: 140%;
/*
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
*/
}

@media (min-width: 768px){
	.m9030_responsive-frame {
		padding-bottom: 56%;
	}
}

.netzausbau-section {
	height: 300px;
}

@media (min-width: 500px){
	.netzausbau-section{
		height: 500px;
	}
}


.m9030_responsive-frame iframe,
.m9030_responsive-frame object,
.m9030_responsive-frame embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 9040 Bildercollage */

.m9040_image-block {
	float:left; 
	padding:50px
}
.m9040_clear {
	clear:both;
}