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

.gridContainer {
    border;
	margin-top:1%;
	margin-bottom:1%;
    background-color:;
  font-family:"Helvetica Neue LT Std 53 Extended", Arial, Helvetica, sans-serif ;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
	-webkit-box-shadow: 9px 16px 21px 8px rgba(0,0,0,0.4);
	-moz-box-shadow: 9px 16px 21px 8px rgba(0,0,0,0.4);
	box-shadow: 9px 16px 21px 8px rgba(0,0,0,0.4);
	height:auto;
	height:auto;		
	}
/*rahmen*/	
.gridContainer,
nav a,
nav1 a,
#inhalt,
#inhalt-links,
#inhalt-links2,
#inhalt-rechts,
#footer,
#termine {
	border-radius: 0em 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;	
	flex: 1 100%;
	border-color:rgb(255,153,0);
}

.clear {
    clear: both;
}	
	
#kopf {
	width:1ßß%;
	height:auto;
	margin-bottom:10px;
	}
/*navigation*/	
nav {
	background-color:;
	font-size:1.4em;
	font-weight:bold;
	}
	 
nav ul {
	display:flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type:none;	
	padding:0;
	}
nav li {
	flex:	
	 }
	  
nav a {
	margin-top:5px;
	display:block;
	width:12%;
	min-width:100px;
	text-decoration:none;	
	text-align:center;
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	color:#363088;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
	-webkit-box-shadow:4px 4px 5px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.4);
	box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.4);
	}
	 
a:hover {
	background-color:#fbec1d;
	box-shadow:none;
	}
	
a.active {
	background-color:#fbec1d;
	box-shadow:;
	}
	
/*navigationblau*/	
nav1 {
	background-color:;
	font-size:1em;
	font-weight:bold;
	}
	 
nav1 ul {
	display:flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type:none;	
	padding:0;
	}
nav1 li {
	flex: 	
	 }
	  
nav1 a {
	margin-top:5px;
	display:block;
	width:12%;
	min-width:100px;
	text-decoration:none;	
	text-align:center;
	background:rgb(54,51,151);
	background:;
	color:rgb(255,255,255);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
	-webkit-box-shadow:4px 4px 5px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.4);
	box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.4);
	}
	 
a:hover {
	background-color:rgb(255 255 255);
	box-shadow:none;
	}
	
a.active {
	background-color:#fbec1d;
	box-shadow:;
	} 	
	 
#inhalt{
	margin-top:20px;
	padding:4%;	
	margin-bottom:1%;
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	width:92%;
	min-width:200px;
	min-height: 500px;
	font-size:1.4em;
	color:#363088;
	}  
#rahmenliks {
	margin-top:5%;	
	float:left;
	height:auto;
	width:66%;
	margin:0;
	padding:o;
	}
	
#inhalt-links {	
	padding:15px;	
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	width:96%;
	min-width:200px;
	min-height: 500px;
	font-size:1.4em;
	color:#363088;
	}  
	
#inhalt-links2{	
	margin-top:1%;
	padding:15px;	
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	width:96%;
	min-width:200px;
	height: auto;
	font-size:1.6em;
	font-weight:bold;
	color:#363088;
	}  
#rahmen-rechts {
	margin-top:25%;	
	float:right;
	height:auto;
	width:32%;
	margin:0;
	padding:o;
	}	
#inhalt-rechts {
	margin-top:20px;
	padding:15px;	
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	width:92%;	
	min-width:200px;
	min-height:500px;
	font-size:1.4em;
	color:#363088;
	}
	
.teiler {
	width: auto;
    padding-bottom:2px;
	font-size: 1.4em;
	font-weight: bold;
	font-weight: bold;
	color:#363088;;
	border-bottom-color:rgb(255,153,0);
	border-bottom-width: medium;
	border-bottom-style: solid;
}
.name {
	float:left;
	width:30%;
	height:auto;
	}

.bild {
	float:left;
	margin-left:2%;
	width:30%;
	height:auto;
	}
	
.aufgabe {
	float:left;
	margin-left:2%;
	width:30%;
	height:auto;
	font-size:1em;
	}
	
#counter {
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	
	}
#termine {
	display: block;
	background: rgb(54,59,151);
	background: rgba(54,59,151,0.8);
    color:rgb(255,255,255);
	margin:auto;
	margin-bottom:20px;	
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
	-webkit-box-shadow: 5px 11px 17px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 5px 11px 17px 4px  rgba(0,0,0,0.4);
	box-shadow: 5px 11px 17px 4px  rgba(0,0,0,0.4);
	width:auto;
	max-height:50px;
	font-size:1.4em;
	font-weight:bold;
		}
				 
#footer {
	width:98%;
	margin-top:1%;
	margin-bottom:1%;
	height:auto;
	background: rgb(250,250,250);
	background: rgba(250,250,250,0.8);
	font-size:1.4em;
	color:#363088;	
	}
h3 {
	display:block;
	padding:0;
	margin:0;
	}                                                                                                                            
hr {
	width: 98%;
	height: 1px;
	margin: 0 auto;
	color:rgb(255,153,0);
	background:rgb(255,153,0);
}

.link {
	display:block;
	height:1.6em;
	background-color:#363086;	
	color:#FFF;
	font-size:1.2em;
	padding-left:0.5em;
	text-decoration:none;
	margin-bottom:1%;
	vertical-align:middle;
	}
a:hover{	
	color:#363086;	
	background-color:#FFF;
	font-size:1.2em;
	padding-left:0.5em;
	text-decoration:none;
	}


.linkyoutube
{
	text-decoration:none;	 
    color:#363088;
	font-weight:bold;
	}