/*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: #404040;/*grau*/
	padding-left: 10px;
	padding-right: 10px;
}
h1 {
	font-size: 2.3em;/*Schriftgröße Überschrift Kopf Kulturhochhaus*/
	color: #ff0000;/*rot*//*Überschrift Kopf Kulturhochhaus*/
	/*font-family: verdana; arial; sans-serif;*//*Definition im body!*/	
}
h2 {
	font-size: 1.5em;/*Schriftgröße Überschrift Kopf Zeile 2 kulturhochhaus*/
	color: #ff0000;/*rot*//*Überschrift Kopf Zeile 2 kulturhochhaus*/
	padding-left: 10px;
	/*font-family: verdana; arial; sans-serif;*/
}
h3 {
	color: #000099;/*blau*/
	font-size: 1.0em;
	/*font-family: verdana,arial;sans-serif;*/
}
h4 {
	color: #006633;/*dunkelgrün*/
	/*font-family: verdana; arial; sans-serif;*/
}
/*STANDARD*/
body {
	width: 1024px;
	background-color: #ff9999;
	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-pension.png);
	background-attachment: scroll;
	border: 1px solid #0000ff;
}
/*HAUPTBEREICH*/
.content {
	position: relative;
	width: 1024px;
	height: 555px;
}
/*Hintergrundbild*/
#hintergrundbild {
	position: relative;
	width: 1024px;
	height: 555px;
	background-image: url(bilder/hintergrund-rosa-1024.jpg);
	background-attachment: scroll;
	border: 1px solid #0000ff;
}	
/*LINKS ALLGEMEIN Reihernfolge einhalten!*/
/*noch nicht aufgerufene Seite*/
a:link {
	color: #000099;/*blau*/
	text-decoration: none;
}
/* Bereits besuchte Seite*/
a:visited {
	color: #000099;/*blau*/
	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: #ff9999;/*rosa*/
	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;
}
nav a:focus,
nav a:hover,
	nav li[aria-current] a:focus,
	nav li[aria-current] a:hover {    
	color: #ff0000;/*rot*/
	background-color: #ff9999; /*ändern*/
	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: 474px;
	width: 788px;
}
div.hauptspalte {
	height: 419px;
	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: #ff9999;
}		
#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;
}
/*Bilder*/
div.border {
	border: 1px solid #0000ff;
}
div.bild-rechts {
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	border: #000066;
}
div.bild-mitte {
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
/*Bildergallerie*/	
#pension_grossbild {
	position: absolute;
	left: 399px;
	top: 56px;
	width: 442px;
	height: 278px;	
	text-align: center;
}
#laufleiste {
	position: relative;
	left: 50px;
	top: 291px;
	width: 686px;
	height: 62px;
	white-space: nowrap;
}
/*Kontaktdaten*/
#kontaktdaten {
	width: 789px;
	height: 71px;
	position: absolute;
	margin-bottom: ;
	background-color: #ff9999;/*rosa*/
}
/*Footer*/
footer {
	margin-top: 10px;
	margin-left: 235px;
	height: 71px; /*Behälter für Inhalte Footer*/
	padding-top: 0px;
	text-align: left;
}