@charset "UTF-8";
/* CSS Document */

body{
	margin:auto;
	margin-left:0;
	max-width:1250px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
p{
	text-align:left;
	font-size:0.875em;
	padding:0 30px 0 10px;}
table{
	background-color: rgba(80,100,140,0.3);
	padding:0 10px 0 10px;
	text-align:left;
	font-size:0.875em;}
header{
	width:100%;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 
				0 3px 10px 0px rgba(0, 0, 0, 0.1);
	position:fixed;
	top-margin:0;
	text-align:center;
	z-index:500}

header a{
	text-decoration:none;
	color: rgba(102,102,102,1);
	padding:0px 15px 0 0;
	float:left;}
header a:hover{
	color: rgba(153,153,153,1);}
ul{
	list-style-type:none;}
li{
	float: left;
	padding: 10px 0px 0 0;
	display: block;
	}
h1{
	line-height:0;
	color: rgba(80,100,140,1);
	float:left;
	padding:5px 50px 5px 65px;
	font-size:2.5em;}
.blau{
		color: rgba(80,100,140,1);
}

.ueberschrift3, .ueberschrift9, .ueberschrift10{
	color: rgba(80,100,140,1);
	font-size:150%;
	text-align:left;
	text-indent:50px;
	overflow:hidden;	}
	
.ueberschrift10{
	margin-top:11px;
	text-align:left;
	text-indent:117px;}
.ueberschrift9{
	font-size:1.1em;
	text-align:left;}
.ueberschrift4, .ueberschrift8 {
	color: rgba(80,100,140,1);
	font-size:150%;
	text-align:left;
	}
.ueberschrift5{
	color: rgba(80,100,140,1);
	font-size:100%;
	text-align:left;
	}
.ueberschrift6, .ueberschrift7{
	text-align:left;
	color: rgba(80,100,140,1);
	font-size:150%;
	}

.ueberschrift7{
	font-size:100%;
	}
.ueberschrift8{
	text-align:center;}
.box1 ueberschrift3 a{
	color:rgba(80,100,140,1);}
nav{
	float:right;
	margin-right:100px;}
.nav-box1, .nav-box2, .nav-box3 {
	background-color: rgba(255,255,255,1);
	position:fixed;
	height:auto;
	margin:30px 0 0 25px;
    clear: left;
	width:100%;
	display:inline-block;}

.nav-box1 a, .nav-box2 a, .nav-box3 a{
	display:block;
	text-decoration:none;
	color: rgba(102,102,102,1);
	padding:5px 25px 0 0;
	float:left;}
.nav-box2 a{
	display:block;
	background-color:rgba(255,255,255,1);}
.nav-box1 a:hover{
	color: rgba(255,204,0,1);
}
	.after-box1 {
    clear: left;
    border: 3px solid red; 
	height:auto;  
}
#active{
	color:  rgba(80,100,140,1);
	font-weight: bolder;}

#text{
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	margin: 80px 0px 50px 25px;
	width: auto;
	float: none;
}
#text1{
	background-color: rgba(255,255,255,0.9);
	margin: 100px 0px 25px 20px;
	width: auto;
	float: none;
}
#text4{
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	margin: 130px 0px 50px 25px;
	width: auto;
	float: none;
}
.einzug{
	text-indent:20px;}

.box1, .box7{
	width:22%;
	height: 265px;	
	margin:15px;
	float:left;
    border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3); }
.box2{
	background-color:rgba(160,170,190,0.3);
	overflow:scroll;
	width:48%;
	height: 275px;	
	margin:1% 1% 50px 1%;
	float:left;
    /*border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3);*/ }
.box3, .box8, .box9, .box10{
	width:95%;
	height: 100%;	
	margin:0px 15px 80px 15px;
	float:left;
    border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3); }
.box10{
	width:65%;}
.box4{
	width:22%;
	height: 500px;	
	margin:15px;
	float:left;
    border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3); }
.box5 {
	text-align:left;
	width:63%;
	height:100%;	
	margin:15px;
	float:left;
    border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3); }
.box6{
	text-align:left;
	width:300px;
	height:100%;
	margin:15px;
	float:left;
    border: 3px solid  rgba(255,255,255,1); 
	box-shadow: 3px 3px 5px rgba(204,204,204,0.3);
	 }
.box7 {
	height:500px;
	margin-top:20px;	}
.box8{
	overflow:scroll;
	}
.box9{
		margin:0px 0px 75px 0px;
		box-shadow: 3px 3px 5px rgba(204,204,204,0);
}
	

.box1 a, .box7 a, .box8 a, .box9 a{
	/* [disabled]display: block; */
	/* [disabled]overflow: scroll; */
	font-size: 100%;
	float: none;
	text-decoration: none;
	list-style-type: none;
	color: rgba(102,102,102,1);
	padding: 0 30px 0 30px;
	}
.box1 br{
	margin:2px}

.box1 a:hover{
	color:  rgba(153,153,153,1);
	}
.box2 a{
	display:block;
	overflow:scroll;
    font-size: 100%;
	float:none;
	text-decoration:none;
	list-style-type:none;
	color: rgba(102,102,102,1);

	}
.box2 a:hover{
	color:  rgba(153,153,153,1);
	}
.box3 a{
	display:block;
    font-size: 100%;
	float:none;
	text-decoration:none;
	list-style-type:none;
	color: rgba(102,102,102,1);
	}
.box6 a, .box7 a, .box4 a{
	font-size: 100%;
	float: none;
	text-decoration: none;
	list-style-type: none;
	color: rgba(102,102,102,1);
	}

.box1 a:hover{
	color:  rgba(153,153,153,1);
	}
.box9 a{
		padding: 0 30px 0 0px;
}

.hellblaufett{
	color: rgba(80,100,140,1);
	font-weight:bold;
	font-size:16px;
	float:left;
	padding-left:40px;
	}

footer{
	width:100%;
	background-color: rgba(255,255,255,0.9);
	position:fixed;
	bottom:0;
	font-size:14px;
	text-align:center;
	padding:15px 0 15px 0;
	color: rgba(80,100,140,1);
	border-top: solid rgba(204,204,204,1) 1px;}
footer a{
	padding:0 10px 0 0;
	text-decoration:none;
	color: rgba(102,102,102,1);
/*	font-weight:bold;	
*/}
footer a:hover{
	text-decoration:none;
	color: rgba(153,153,153,1);}
.spruch{
	color: rgba(0,0,0,1);
	margin-top:5px;}
.progress a{
	color:#000;
	text-shadow: 2px 2px 8px #666;
}
.progress a:hover{
	color: rgba(255,204,0,1);
	text-shadow: none;
}
.rechts {
	valign:top;
	text-align:right;
	padding:2px 10px 2px 0px;
	}
.links {
	text-align:left;

	}

@media only screen and (max-width:1225px) {
	h3{
	font-size:123%;
	}
	.box5{
	width:55%}
.box6{width:30%}
nav{
	float:none;
	margin-right:0px;}

}
@media only screen and (max-width: 900px) {
h1{
	float:none;}
.box1, .box7{
		width:45%;
		margin-top:110px;}
.box2{
		width:95%}
.box3{
	margin-top:190px;}
.box4{
		width:45%;
		}
.box5{
	width:60%}
.box6{width:30%}
.nav-box1{
	margin: 90px 0 0 0;
	}
.abstand1{
	margin-top:45px;}
.box9{margin-bottom:90px;}
.box8{margin-top:50px;
}
.box10{
	width:100%;}

@media only screen and (max-width: 750px) {
.nav-box1{
	margin:85px 0 0 0;}
.box1, .box7{
	 margin-top:120px; 
}
.box2{
	margin-bottom:70px;}
.box3{
	margin-top:90px;}
.box4{
	margin-top:30px;}
.box5{
	float:none;
	width:90%;
	}
.box6{
	float:none;
	width:90%;
	}
.box7{
	margin-top:20px;}
.abstandoben{
	margin-top:180px;}
.abstand1{
	margin-top:25px;}
.box9{margin-bottom:90px;}

	
	
@media only screen and (max-width: 480px) {
h1{
	line-height:0.1;
	padding:0px 0px 0px 20px;
	font-size:2em;
	float:none;
	 }
header{
	background-color:rgba(255,255,255,1);
	}
	
li{
	padding:0 0 5px 0}
.nav-box1{
/*	background-color:rgba(255,255,255,1);*/
	margin:95px 0 550px 0;}
.nav-box1 a{
	background-color:rgba(255,255,255,1);
	/*margin:132px 0 550px 0;*/}
.abstandoben{
	margin-top:180px;}
#text{
	margin:225px 0 0 0px;
	float:none;}
.box1, .box7{
	float:none;
	width: 100%;
	height: 100%;
	margin:15px 0 0 0;
}
.box2 {
	overflow:scroll;
	text-align:center;
    width: 100%;
	margin-bottom:30px;}
.box4{
	float:none;
	width: 100%;
	height:auto;
	margin:15px 0 0 0;
}
.box5, .box6, .box7{
	float:none;
	width:90%;
	}
.box9{
	margin-bottom:30px;}
.box3{
	margin-top:70px;
	margin-bottom:50px;}
.abstand1{
	margin-top:50px;}


footer{
	position:inherit;
	bottom:0;
	border:hidden;


	/*background-color:#eceded;*/}

}