/*Diese Definition ist eventuell nicht mehr notwendig*/ 
header, nav, section, footer{
	display: block;
}
/*Definition für ältere Browser*/
header, nav, footer, aside, article, section {
	display: block;
}
p {	
	color: #000099;/*blau*/	
	padding-left: 10px;
	padding-right: 10px;
}
h1 {
	font-size: 2.3em;/*Schriftgröße Überschrift Kopf Kulturhochhaus - nicht genutzt*/
	color: #ff0000;/*rot*//*Überschrift Kopf Kulturhochhaus*/
}
h2 {
	font-size: 1.5em;/*Schriftgröße Überschrift Kopf Zeile 2 kulturhochhaus - nicht genutzt*/
	color: #ff0000;/*rot*//*Überschrift Kopf Zeile 2 kulturhochhaus*/
	padding-left: 10px;
}
h3 {
	color: #000099;/*blau*/
	font-size: 1.0em;
}
h4 {
	color: #006633;/*dunkelgrün*/
}
/*STANDARD*/
body {
	width: 1024px;
	background-color: #ffffff;/*weiß*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 80%;
	font-family: verdana; arial; sans-serif;
}
@media (min-width: 370px) {
    .myClass{}
}
/*Kopfzeile*/
header {
	width: 1024px;
	height: 100px;
	padding: 0px;
	margin-bottom: 10px;
}
#kopfbild {
	position: relative;
	width: 1024px;
	height: 100px;
	background-image: url(bilder/himmel-kinderkeller.jpg);
	background-attachment: scroll;
	border: 1px solid #0000ff;
}
#zelle-logo {
	text-align: left;
	position: absolute;
	padding-top: 10px;
	padding-left: 830px;
	display: table-cell;
}
/*HAUPTBEREICH - Kann div gelöscht werden?*/
.content {
	position: relative;
	width: 1024px;
	height: 555px;
}
/*Hintergrundbild*/
#hintergrundbild {
	position: relative;
	width: 1024px;
	height: 555px;
	background-image: url(bilder/hintergrund-weiss-1024.jpg);
	background-attachment: scroll;
	border: 1px solid #0000ff;/*blau*/
}	
/*LINKS ALLGEMEIN Reihernfolge einhalten!*/
/*noch nicht aufgerufene Seite*/
a:link {
	color: #cd2990;/*rot*/
	text-decoration: none;
}
/* Bereits besuchte Seite*/
a:visited {
	color: #cd2990;/*rot*/
	text-decoration: none;
}
/*mouseover*/
a:hover {
	color: red;/*hellrot*/
	font-weight: bold;
	text-decoration: none;
}
/*während des Anklickens*/
a:aktiv {
	color: red;/*hellrot*/
	font-weight: bold;
}
/*LINKE SPALTE*/
/*NAVIGATION Reihernfolge einhalten!*/
nav  {
	border-style: solid;
	border-width: 0px;
	width: 225px;
	height: 555px;
	float: left;
	font-size: 90%;
}
nav > ul {
	height: 320px;
	margin: 0;
	padding: 10px;
}
nav li {
	list-style: none;/*keine Nummerierung*/
	position: relative;
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/
	background-color: #e6e6e6;/*grau*/
	padding: 1px;
} 
nav ul ul {
	position: absolute;
	top: 0px;
	left: 166px;
	width: 130px;
	font: 0/0 serif;/*Unternavigation ausblenden */
	z-index: -1;
	transition: font 0.5s;
}
nav ul li:hover ul,
nav ul a:focus ~ ul   {
	font: inherit;
	z-index: auto;/* Unternavigation einblenden */
} 
nav a {
	display: block;
	padding: 0.6em;/*Abstand innerhalb der zellen*/
	text-decoration: none;
	font-weight: bold;
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/
	box-shadow: 0 5px 10px #006699 inset;/*blau*/
	transition: all .25s ease-in;/* verzögert die Anzeige*/
	text-align: left;
}
nav a:focus,
nav a:hover,
	nav li[aria-current] a:focus,
	nav li[aria-current] a:hover {    
	color: #ff0000;/*rot*/
	background-color: #e6e6e6; /*grau*/
	text-decoration: none;
}
/*Menü Logo Facebook*/
#menu_facebook {
	position: absolute;
	margin-left: 60px;
	margin-top: 341px;
}
/*Menü Logo Kinderring rot*/
#menu_kirilogo_blau {
	position: absolute;
	margin-left: 30px;
	margin-top: 401px;
}
/*Hauptspalte*/
article {
	margin-left: 235px;
	padding-top: 0px;
	display: block;
	height: 474px;
	width: 788px;
}
div.hauptspalte {
	height: 419px;
	width: 788px;
	margin-top: 10px;
	overflow: auto;	
}
/*nur Kinderkeller*/
#ueberschrift {
	margin-top: 2em;
	margin-bottom: 1.5em;
	text-align: center;
	font-weight: bold;
}
/*Tabelle und Spalte*/
/*Sie sind hier:*/
#tabelle-pfad {
	width: 789px;
	height: 43px;
	display: table-row;
	margin-top: 0px;
	padding-left: 10px;
	background-color: #e6e6e6;/*grau*/;
}		
#pfad {
	font-weight: bold;
	vertical-align: middle;
	width: 688px;
	height: 43px;
	display: table-cell;
	text-align: left;
}
#zurueck {	
	font-weight: bold;
	vertical-align: middle;
	width: 100px;
	display: table-cell;
	text-align: center;
}
/*Index*/
.tabelle-index {
		display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
}	
#spalte-1 {
	width: 394px;
	display: table-cell;
	text-align: left;
	padding-left: 85px;
}
#spalte-2 {
	width: 394px;
	display: table-cell;
	text-align: left;
	margin-left: 10px;
}
#indexbild {
	text-align: center;
	margin-bottom: 0.4em;
}
#player-index {
	text-align: center;
	margin-bottom: 0.4em;
}
/*Bilder*/
.border {
	border: 1px solid #0000ff;
}
.bild-rechts {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	border: #000066;/*dunkelblau*/
}
.bild-links {
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	border: #000066;/*dunkelblau*/
}
.bild-links-unten {
	float: left;
	margin-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border: #000066;/*dunkelblau*/
}
.bild-mitte {
	text-align: center;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	border: #000066;/*dunkelblau*/
}
.bild-rechts-bottom0 {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	border: #000066;/*dunkelblau*/
}
.bild-pimp {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	border: #000066;/*dunkelblau*/
}
/*Kontaktdaten*/
#kontaktdaten {
	/*margin-top: 72px;*/
	width: 789px;
	height: 71px;
	position: absolute;
	margin-bottom: ;
	background-color: #e6e6e6;/*grau*/
}
/*Footer*/
footer {
	margin-top: 10px;
	margin-left: 235px;
	height: 71px; /*Behälter für Inhalte Footer*/
	padding-top: 0px;
	text-align: left;
}