@charset "utf-8";

img, object, embed, video {	max-width: 100%;}
table.box2  table{
	width: 98%;
	display: table;
	float: left;
	background: rgba(220,220,220,0.4);
	box-shadow: 1px 1px 3px 2px #666;
	
}
table.box2  tr{width:99.85%;display:table;float:left;display:table-cell;vertical-align:middle;border-bottom:1px #999 solid}
table.box2  td{width:41%;float:left;padding:10px;display:table-cell;vertical-align:middle;}

blockquote{
	-webkit-margin-start: 4.5%;
	-webkit-margin-end: 4.5%;
}
.box1{box-shadow: 1px 1px 3px 2px #999;border:inset 4px  #ccc;border-radius:3px;font-size:100%;width:83%;text-align:center;padding:15px;background: rgba(220,220,220,0.4);}
.box2{box-shadow: 1px 1px 3px 2px #333;margin-left:-2px;border:inset 4px  #ccc;border-radius:3px;font-size:100%;width:97%;background: rgba(250,250,250,0.8);}

/* ======================================================
Layout für Mobilgeräte: 480 px oder weniger. 
=========================================================*/
body{		font-size: 80%;}

h1,h3{
	margin-top: 10px;
	display: block;
	font-weight: 100;
	text-transform: none;
	font-family: "Comic Sans MS", Arial;
	clear: both;
}

h1{	font-size: 70%;font-family: "Verdana", Arial;margin-top:0px}
h2, .u1{	font-size: 120%;
	font-weight:bold;margin-bottom:5px;
}
h3{	font-size: 140%;}

.handy{display:none;visibility:hidden;height:0px}
.desktop{display:block;visibility:visible;height:45px}
.umbruch{clear:both;float:left;display:block;width:100%}
select.month{width:70px}
select.month1{width:140px}


img.start{margin-top:20px;}


.seite {
	box-shadow: 1px 1px 7px 2px #666;
	float: left;
	width: 100%;
	padding-top: 35px;
	overflow: hidden;
	margin-left:0;
	background-color:#a0b8d2;
	margin-top:0px;
	
}

.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: 95.5%;
	clear:none;
}
.container_1_2 img{float:left;margin:0 20%;}

.container_1_1,.container_1_2,.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.1%;
	margin:  0.2% 0;	
	display: block;
	overflow: hidden;
	width: 94.5%;
	clear:none;
	text-align:left;
	
}
.container_1_1{margin: 0 2%;padding-right:1.5%;}
.container_1_2_t{
    display: table-cell;
    vertical-align: middle;
	width:450px;
	border:1px red solid;
	height:45px
	}

.container_1_3{padding-top:15px;font-weight:bold}
.video1{width:240px; height:220px}

@media only screen and (min-width: 381px) {
.video1{width:360px; height:300px}
	td{width:4%;}

}

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

@media only screen and (min-width: 481px) {
 body{		font-size: 84%;}
table.box2 td{width:45%;}
.box2{padding:15px;}
.box1{font-size:120%;width:87%;}

h1{	}
h2, .u1{	font-size: 120%;}
h3{	font-size: 140%;}
.seite {width:100%;min-height:950px}
img.start{margin-top:25px}
.video1{width:480px; height:360px;clear:none}
select.month{width:150px}

.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: 95.74%;
}

.container_1_2, .container_1_2_r {
	/*width: 41.7%;*/
}

.container_1_3 {
	width: 35%;clear:both;padding-top:8px}
.container_1_3_r {
	width: 95.74%;
}
.container_2_3, .container_2_3_r {
	width: 63%;float:left;text-align:left;padding-top:8px
}

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

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

.container_1_5 {
	width: 99.04%;margin-left:1%
}
.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{	}
h2, .u1{	font-size: 130%;}
h3{	font-size: 170%;}
.handy{visibility:visible;height:12px;width:100%;display:block;float:left;text-align:center}
.desktop{display:none;visibility:hidden;height:0px}
.umbruch{clear:none;width:280px}
.box1{width:50%;margin-left:25%}
.box2{width:80%;margin-left:0}


	

.seite{padding-top:0}
.container_1_1 {
	width: 94%;
}

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

.container_1_3,.container_1_3_r {
	width: 34.1%;
	padding-right:3%;
}

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

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

.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;}
.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%;
}


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

@media only screen and (min-width: 900px) {
h2{margin-top:30px;margin-bottom:30px}
.seite {
	width: 98%;
	margin-left: 1.1%;
	min-height: 640px;
	margin-top:0;
	
}
/*table{
	width: 80%;margin-left:10%
}*/

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

@media only screen and (min-width: 1200px) {
.seite {
	width: 70%;
	margin-left: 15%;
	margin-top:0px;min-height:730px
}

}