@charset "utf-8";

img, object, embed, video {	max-width: 100%;}


.g_rechts, .g_links{width:200px;float:left;left:0}
/* ======================================================
Layout für Mobilgeräte: 480 px oder weniger. 
=========================================================*/

h1{
	margin-top: 55px;
	display: block;
	font-weight:100;
	text-transform: none;
	font-family: "Arial", Times, serif;
	clear:both;
	line-height:45px
	color: #530202;
	text-shadow: 2px 2px 3px #D29557
}

h1{	font-size: 150%;}
h2{	font-size: 120%;
	margin-top: -2px;
	margin-bottom: 6px;
	font-weight:300;
}
h3{
	font-size: 100%;
	color: #530202;
	text-shadow: 2px 2px 3px #D29557
}
h4{
	font-size: 100%;
	color: #530202;
	
}
 a:hover h4{color:#c93}
.handy{display:none;visibility:hidden;height:0px}


.seite {
	float: left;
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin-left: 0;
	box-shadow: 2px 2px 7px 2px #999
}

.title{
	float: left;
	display: block;
	margin: 0;
	width:100%;
}

.slogan{
	float: left;
	display: block;
	margin: 0;
	width:100%;
	text-align:left;
}
.mitte {
	float:left;
	padding: 0 ;
	margin: 0;	
	display: block;
	overflow: hidden;
	width: 100%;
	clear:none;
	height:auto;
	
}
.container_1_2_r,.container_1_3_r,.container_2_3_r,.container_1_4_r,.container_3_4_r,.container_1_5_r,.container_2_5_r,.container_3_5_r,.container_4_5_r,.container_1_6_r,.container_5_6_r{
	float:right;
	padding: 1% 1% 1% 1%;
	margin: 1% 1% 1% 1%;	
	display: block;
	overflow: hidden;
	width: 98.5%;
	clear:none;
}

.container_1_1,.container_1_2,.container_1_3,.container_2_3,.container_1_4,.container_3_4,.container_1_5,.container_2_5,.container_3_5,.container_4_5,.container_1_6,.container_5_6{
	float:left;
	padding: 0.5%;
	margin: 0;	
	display: block;
	overflow: hidden;
	width: 98.5%;
	clear:none;
}
 .container_1_4{width:48%}
.container_1_5_r{box-shadow: 2px 2px 7px 2px #999}

.container_1_2{width:98.5%}
.galerie{padding:2%; float:left;width:96.5%}
.slider{width:95%;clear:both;float:left;height:420px; margin-bottom:35px}

/* ==========================================================
Tablet 481 bis 791 px. Erbt Stile vom: Layout für Mobilgeräte.
============================================================= */

@media only screen and (min-width: 481px) {
.g_links{width:100%;float:right;right:0}
.g_rechts{width:100%;float:left;left:0}
h1{	font-size: 160%; margin-top:65px}
h2{	font-size: 120%;margin-top:64px;line-height:28px}
h3{	font-size: 140%;}
h4{	font-size: 120%; margin-top:24px;clear:both}

.seite {margin-left:0.5%  }
.title {width:49.2%;	}
.slogan {width:48.2%;}
.abst{margin-left:3%}
.galerie{padding:2%; width:200px}

.mitte{width:98%;}

.container_1_2_r,.container_1_3_r,.container_2_3_r,.container_1_4_r,.container_3_4_r,.container_1_5_r,.container_2_5_r,.container_3_5_r,.container_4_5_r,.container_1_6_r,.container_5_6_r{margin: 1% 1% 1% auto;}


.container_1_2, .container_1_2_r {
	width: 49%;
}

.container_1_3 {
	width: 41.7%;
}
.container_1_3_r {
	width: 95.74%;
}
.container_2_3, .container_2_3_r {
	width: 66.74%;
}

.container_1_4, .container_1_4_r {
	width: 24%;
}

.container_3_4,.container_3_4_r {
	width: 70.8%;
}


.container_1_5_r {
	width: 95.74%;
}
.container_1_5_r a.current{
	color:#c93
}
.container_2_5, .container_2_5_r {
	width: 45.7%;
}

.container_3_5, .container_3_5_r {
	width: 95.74%;
}
.container_4_5, .container_4_5_r {
	width: 95.74%;
}

.container_1_6, .container_1_6_r {
	width: 28.83%;
}

.container_5_6, .container_5_6_r {
	width: 62.27%;
}


}



/* =============================================================
Desktoplayout: 792px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. 
===============================================================*/

@media only screen and (min-width: 792px) {
h1{	
	margin:15px auto;
	font-size: 180%;
	font-style:italic;
}
h3{	font-size: 130%;}
h2{	font-size: 150%;margin-top:18px;}
.title {padding-left:1%;margin-top:24px}
.slogan{padding-right:1%;margin-top:24px}
.handy{visibility:visible;height:12px;display:block;float:left}
.galerie{padding:2%; width:65.5%}
.slider{width:80%;margin-left:10%;max-width:628px}

.seite {
	width: 98%;
	margin-left: 1.4%;
	min-height: 610px;margin-top:-4px
}
.mitte{width:74.6%;padding-top:25px;padding-bottom:45px;margin-left:2%;min-height:380px}



.container_1_1 {
	width: 95.9%;
}

.container_1_2,.container_1_2_r {
	width: 49%;
}
	.container_1_2.breit{width:49%}

.container_1_3,.container_1_3_r {
	width: 24.1%;
}

.container_2_3,.container_2_3_r {
	width: 62.64%;
}

.container_1_4,.container_1_4_r {
	width: 24%;
}

.container_3_4,.container_3_4_r {
	width: 70.6%;
}

.container_1_5,.container_1_5_r {
	width: 12.86%;min-width:144px;
}
.container_1_5_r{text-align:left;margin-right:1.8%;margin-top:88px}
.container_2_5,.container_2_5_r {
	width: 35.91%;
}

.container_3_5,.container_3_5_r {
	width: 55.57%;
}
.container_4_5,.container_4_5_r {
	width: 73.79%;
}



}
@media only screen and (min-width: 950px) {

.galerie{padding:2%; width:47%}
}

/* =============================================================
Desktoplayout: ab 1050px   Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. 
===============================================================*/

@media only screen and (min-width: 1050px) {
 
h1{	font-size: 285%; }
h2{	font-size: 180%;}
h4{	font-size: 120%;}

}


/* =============================================================
Desktoplayout: ab 1200px   Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. 
===============================================================*/

@media only screen and (min-width: 1200px) {
.seite {
	width: 80%;
	margin-left: 10%;
	max-width:1600px
}
.galerie{padding:2%; width:45%}
h1{    font-size: 300%; }

}

/* =============================================================
Breitbild - Layout: ab 2000px   Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. 
===============================================================*/

@media only screen and (min-width: 1800px) {
.seite {	margin-left: 12%;}

}
@media only screen and (min-width: 2400px) {
.seite {	margin-left: 15%;}

}
@media only screen and (min-width: 3000px) {
.seite {	margin-left: 22%;}

}