/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.03.2015, 10:11:15
    Author     : liebsche
*/

.meldung_bild {
	float: left; 
	margin: 0 0.8rem 0.5rem 0;
}

.bildbreite_230 {width:33%;}
.bildbreite_150 {
	width:22%;
	max-width: 150px;
}
.bildbreite_115 {
	width:17%;
	max-width: 115px;
}

#aktuelle_meldung p {
/*   margin: 0.5rem 0 0 0; */
   clear: none;
}
#aktuelle_meldung p:first-of-type {
    clear: none;
}
#aktuelle_meldung table {
   width: 100%;
}
.aktuelles_eintrag_datum {
    /*display: inline;*/
    float: left;
    color: #909293;
}
.vor_zurueck_nav {
    padding: 15px 0px 10px 5px;
    /*font-size: 0.916em;*/
    clear:left;
}

hr.aktuelles_eintrag {
    margin: 0px 0px 10px 0px;
    border: 0px solid;
    border-top: 1px #cfd3d6 solid;
}

.bild_banner {
	display: block;
	width: 100%;
	padding: 0.5rem 0 0 0;
}
.bild_banner img {
	display: block;
	width: 100%;
	margin: 0;
}

.video_banner {
	display: block;
	position: relative; 
	height: auto; overflow: hidden; 
	padding-bottom: 56.25%; 
	margin-top: 1rem;
}
.video_banner iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}

.banner_breit {
	position: relative; 
	top: 0; 
	left: -0.95rem; 
	width: calc(100% + 1.9rem); 
	height: 100%;
}
.banner_text {
	display: block;
	color: grey;
	padding: 0 0 0.75rem 0;
}

.veranstaltungshinweis {
	display: block;
	width: 100%;
	padding: 0.3rem 0 0.5rem 0;
}
.veranstaltungshinweis table {
	width: 100%;
}
.veranstaltungshinweis td:nth-of-type(odd) {
	width: 10%;
	vertical-align: top;
	font-weight: bold;
	color:#7a003f;
}
.veranstaltungshinweis p {
	margin: 0;
}

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


.meldung_bild {
	margin: 0 0.75rem 0.4rem 0;
}

.bildbreite_230 {width:40%;}
.bildbreite_150 {width:30%;}
.bildbreite_115 {width:20%;}

}

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

.meldung_bild {
	margin: 0 0.7rem 0.35rem 0;
}

.bildbreite_230 {width:50%;}
.bildbreite_150 {width:40%;}
.bildbreite_115 {width:30%;}

}


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

.meldung_bild {
	margin: 0 0.7rem 0.35rem 0;
}

.bildbreite_230 {width:100%;}
.bildbreite_150 {width:100%;}
.bildbreite_115 {width:50%;}

}