/*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;/*dunkelblau*/
	padding-left: 10px;
	padding-right: 10px;
}
h1 {
	font-size: 2.3em;/*Schriftgröße Überschrift Kopf*/
	color: #ff0000;/*rot*//*Überschrift Kopf*/
}
h2 {
	font-size: 1.5em;/*Schriftgröße Überschrift Kopf Zeile 2*/
	color: #ff0000;/*rot*//*Überschrift Kopf Zeile 2*/	
	padding-left: 10px;
}
h3 {
	color: #000066;/*dunkelblau*/
	font-size: 1.0em;
}
h4 {
	color: #006633;
}
/*STANDARD*/
body {
	width: 1024px;
	background-color: #aabbff;/*hellblau*/
	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.jpg);
	background-attachment: scroll;
	border: 1px solid #000066;/*dunkelblau*/;
}
div.reihe-kopf-kulturhh {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
	text-align: center;/*Gilt nicht nur für Text*/
}
div.kulturhochhaus {
	position: absolute;
	padding-top: 0px;
	padding-left: 135px;
	display: block; 
	font-family: verdana; arial; sans-serif;
	font-size: 100%;
}
div.reihe-kopf-einzigartig {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
	text-align: center;/*Gilt nicht nur für Text*/
}
div.einzigartig {
	position: absolute;
	padding-top: 45px;
	padding-left: 370px;
	display: block;
	font-family: verdana; arial; sans-serif;
	font-size: 100%;
}
#zelle-degewo {
	text-align: left;/*Gilt nicht nur für Text*/
	position: absolute;
	padding-top: 20px;
	padding-left: 745px;
	display:table-cell;/*entspricht td bzw. Zeile*/
}
/*HAUPTBEREICH - Kann div gelöscht werden?*/
.content {
	position: relative;
	width: 1024px;
	height: 555px;
}
/*Hintergrundbild*/
#hintergrundbild {
	position: relative;
	width: 1024px;
	height: 553px;
	background-image: url(bilder/hintergrund-blau-1024.jpg);
	background-attachment: scroll;
	border: 1px solid #000066;/*dunkelblau*/
}
/*LINKS ALLGEMEIN Reihernfolge einhalten!*/
/*noch nicht aufgerufene Seite*/
a:link {
	color: #cd2990;/*hellrot*/
	text-decoration: none;
}
/* Bereits besuchte Seite*/
a:visited {
	color: #cd2990;/*hellrot*/
	text-decoration: none;
}
/*mouseover*/
a:focus,
a:hover {
	color: red;/*rot*/
	font-weight: bold;
	text-decoration: none;
}
/*während des Anklickens*/
a:aktiv {
	color: red;/*rot*/
	font-weight: bold;
}
/*LINKE SPALTE*/
/*NAVIGATION Reihernfolge einhalten!*/
nav  {	
	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: #aabbff;
	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;
	transition: all .25s ease-in;/* verzögert die Anzeige*/
	text-align: left;
}
/*mouseover Navigation*/
nav a:focus,
nav a:hover,
	nav li[aria-current] a:focus,
	nav li[aria-current] a:hover {    
	color: #ff0000;/*rot*/
	background-color: #99ccff;/*hellblau*/
	text-decoration: none;
}
/*Menü Logo Facebook*/
#menu_facebook {
	position: absolute;
	margin-left: 60px;
	margin-top: 341px;
}
/*Menü Logo Kinderring rot*/
#menu_kirilogo_rot {
	position: absolute;
	margin-left: 30px;
	margin-top: 401px;
}
/*Hauptspalte*/
article {
	margin-left: 235px;
	padding-top: 0px;
	display: block;	
	height: 429px;
	width: 788px;
}
div.hauptspalte {
	height: 372px;
	width: 788px;
	margin-top: 10px;
	overflow: auto;
}
/*Tabelle und Spalte*/
/*Sie sind hier:*/	
#tabelle-pfad {	
	width: 789px;
	height: 43px;
	display: table-row;
	margin-top: 0px;
	padding-left: 10px;
	background-color: #99ccff;
}	
#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;
}
div.tabelle {
		display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
}
div.spalte {
		display: table-cell; /*Das Element steht für eine Tabellenzelle. Wirkt wie die Elemente th und td in HTML.*/
}
div.tabelle-impressum {
	display: table;
	border-collapse: collapse;
	width: 788px;
	height: 180px;
	margin-top: 60px;
	padding-left: 10px;	
}
div.spalte-impressum {
	display: table-row;
	text-align: center;
}
div.spalte-1 {
	width: 388px;
	text-align: left;
	display: table-cell;
	color: #ffffcc;
}		
div.spalte-2 {
	text-align: left;
}
/*Bilder*/
div.border {
	border: 1px solid #0000ff;
}
div.bild-rechts{
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	border: #000066;
}
/*Bildergallerie*/
div.hauptspalte-galerie {
	height: 376px;
	width: 788px;
	margin-top: 18px;
}	
#cafe-grossbild {
	position: absolute;
	left: 399px;
	top: 91x;
	width: 450px;
	height: 285px;
	text-align: center;
}	
#laufleiste {
	position: relative;
	left: 50px;
	top: 301px;
	width: 686px;
	height: 62px;
	white-space: nowrap;
	}
/*Footer*/
/*Kontaktdaten*/
#kontaktdaten {
	width: 789px;
	height: 71px;
	position: absolute;
	background-color:  #99ccff;/*hellblau*/
}
#tabelle-foerderer {
	display: table;/*Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile.*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
	width: 788px;
	height: 43px;
	position: absolute;
	margin-top: 71px;
	background-color: #ffffff;
}		
div.reihe-foerderer {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
	text-align: center;/*Gilt nicht nur für Text*/
}
div.foerderer{
	width: 130px;
	text-align: center;/*Gilt nicht nur für Text*/
	vertical-align: middle;
	display: table-cell; /*Höhe wird der, der anderen Zellen angepasst*/  
	font-family: verdana; arial; sans-serif;
	font-size: 100%;
	color: #ffffcc;/*Farbe Schrift*/
}
div.zelle-abstand-foerderer {
	width: 2px;
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
}
div.zelle-foerderer {
		text-align: left;/*Gilt nicht nur für Text*/
		display:table-cell;/*entspricht td bzw. Zeile*/
}
footer {
	margin-top: 9px;
	margin-left: 235px;
	height: 114px; /*Behälter für Inhalte Footer*/
	padding-top: 0px;
	text-align: left;
}