@charset "utf-8";
body {
	background-image: none;
/*	background-size:cover;
	background-position: top left;
*/	background-color: #8FBA39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	text-align: left;
}
.body {
	margin: 0 auto; /*Mittelzentrierung*/
	width: 70%;
	clear: both; /*damit links/rechts nichts vorbeigeht*/
}
.logo_top img {
	width: 20%;
	height: auto;
	clear:both;
}
/*-----------------------------------------------------------*/
a {
	text-decoration:none;
}
a:link, a:visited {
	color: #0000FF;
}
a:hover {
	color: #999;
}
a:active {
	color: #0000FF;
}
h1 {
	color: #E84E0E;
	font-size: 150%;
	margin-bottom: 0.4em;
	margin-top: 0px;
}
/*-----------------------------------------------------------*/
.mainContent {
border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
/*	line-height: 1.5;	
*/	
}
.content {
	width: 65%;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFF;
	padding: 15px 2%;
	margin-top: 10px;
	min-height: 580px;
}
.content img {
	float:right;
	width: 45%;
	height: auto;
	max-width: 250px;
	border: 0px;
	padding: 0px;
	margin: 13px 0 0 0;
}
.top-sidebar {
	width: 24%;
	float: left;
	margin-left: 0%;
	margin-top: 10px;
	margin-right: 2%;
	margin-bottom: 0px;
	padding: 15px 2%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 270px;
}
.top-sidebar img {
	width: 80%;
	height: auto;
	margin-top: 5px;
	max-height: 60%;

}
.content_ueberschrift {
	/* [disabled]font-style: italic; */
	font-size: 123%;
	color: #000;
	font-weight: bold;
	margin-top: 0px;
}
.angebot-ueberschrift {
	width: 96%;	
	background-color: #FFF;
	padding: 15px 2%;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.angebot_content {
	width:100%;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.angebot_left-column {
	width: 24%;
	float: left;
	margin-left: 0%;
	margin-top: 10px;
	margin-right: 2%;
	margin-bottom: 0px;
	padding: 15px 2%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.angebot_left-column img {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
.angebot_right-column {
	width: 66%;
	float: right;
	margin-left: 0%;
	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0px;
	padding: 15px 2%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 100% !important;
}
.partner_content {
	width:100%;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.partner_left-column {
	width: 24%;
	float: left;
	margin-left: 0%;
	margin-top: 10px;
	margin-right: 2%;
	margin-bottom: 0px;
	padding: 10px 2%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 100px;
	vertical-align: middle;
	text-align:center;
	font: 0/0 a;
}
.partner_left-column img {
	display: inline-block;
	width: 80%;
	height: auto;
	max-width: 100%;
	max-height: 100px;
	margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}
/* Pseudoelement, damit alle img im partner_left-column-div vertical zentriert sind */
.partner_left-column:before { /* create a full-height inline block pseudo-element */
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}
.partner_right-column {
	width: 66%;
	float: right;
	line-height: 1.2;
	margin-left: 0%;
	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0px;
	padding: 10px 2%;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height: 100px;
}
.fotos_maincontent {
	width: 96%;	
	background-color: #FFF;
	padding: 15px 2%;
	margin-top: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	min-height:60%;
}	
.mainFooter {
	width: 100%;
	height: 20px;
	float: left;
	margin-top: 5px;
	margin-bottom: 2%;
	/*	background-color: #BCBDC0;
*/	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.mainFooter p {
	font-size: 90%;
/*	width: 92%;
*/	margin: 0px auto;
	color:#FFF;
}

.Gruen2344 {
	color: #8FBA39;
	font-weight: bold;
}
.orange {
	color: #E84E0E;
	font-weight: bold;
}
.small_text {
	font-size: x-small;
	line-height: 0.7 !important;
}

/*------------------------------------------------------
Original media query Beginn

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

Original media query Ende
-------------------------------------------------------*/


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

.logo_top img {
	width: 20%;
}
.body {
	width: 95%;
}
.mainContent {
	line-height: 1.5;	
}
.content {
	width: 96%;
	float: left;
	padding: 15px 2%;
	margin-top: 10px;
	min-height: inherit !important;
	border: none;
}
.content img {
}
.top-sidebar {
	width: 96%;
	float: left;
	min-height: inherit !important;
	height:auto !important;
}
.top-sidebar img {
	max-width: 70% !important;
	max-height: 40% !important;
	width: auto !important;
	height: auto !important;
}
.angebot_left-column {
	width: 96%;
	float: left;
	height: auto !important;
	min-height: inherit !important;
}
.angebot_left-column img {
	width: 40% !important;
	max-width: 40% !important;
	height: auto !important;
	margin: 0px auto;
}
.angebot_right-column {
	width: 96%;
	float: left;
	margin-left: 0%;
	margin-top: -10px;
	margin-right: 0%;
	margin-bottom: 0px;
	padding: 15px 2%;
	background-color: #FFF;
	height: auto !important;
	min-height: 50px !important;
}
.partner_left-column {
	height: 120px;
}
.partner_right-column {
	line-height: 1.2;
	min-height: 120px;
}
	
}


/*
------------------------------------------------
Mittelstufe für Tablet etc, um Breite besser auszunützen, aber 2-Spaltig noch zu behalten
------------------------------------------------
*/
@media screen and (max-width: 940px) {

.body {
	width: 96%;
}
	
}