
/*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 {
	padding-left: 10px;
	padding-right: 10px;
	color: #000099;
}
h1 {
	font-size: 11pt;
	color: #000099;/*Überschrift Kopf*/
	padding-left: 10px;
	padding-right: 10px;
	/*font-family: verdana; arial; sans-serif;*//*Definition im body!*/	
}
h2 {
	color: #ffffcc;
	padding-left: 10px;
	/*font-family: verdana; arial; sans-serif;*/
}
h3 {
	color: #993333;
	padding-left: 10px;
	/*font-family: verdana,arial;sans-serif;*/
}
h4 {
	color: #000099;
	padding-left: 10px;
	/*font-family: verdana; arial; sans-serif;*/
}
.left {
	float: left;
}
/*STANDARD*/
body {
	width: 1024px;
	background-color: #006699;/*blau*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	color: #000099;/*dunkelblau*/
	font-size:80%;
	font-family: verdana; arial; sans-serif;	
}
/*KOPFZEILE*/
header {
	width: 1024px;
	padding: 0px;
	margin-bottom: 10px;
}
#tabelle-kopf {
	table-layout: auto;
	width: 1024px;
	display: table;/*Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile.*/
	border-collapse: collapse;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/
}
.reihe-kopf {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
}
.logo_left { 
	width: 245px;
	height: 126px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
}
/*div wird zweifach verwendet*/
.zelle-abstand-kopf {
	width: 10px;
	text-align: center;
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
}	
/*Zelle einthält Text*/
.zelle-kopf-mitte {
	width: 514px;
	height: 126px;
	text-align: center;
	border-collapse: collapse;
}
.logo_right {
	width: 245px;
	height: 126px;
	text-align: center;
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
}
/*LINKS ALLGEMEIN Reihernfolge einhalten!*/
/*noch nicht aufgerufene Seite*/
a:link {
	color: #993333;/*braun*/
	text-decoration: none;
}
/* Bereits besuchte Seite*/
a:visited {
	color: #993333;/*braun*/
	text-decoration: none;
}
/*mouseover*/
a:hover {
	color: red;/*rot*/
	font-weight:bold;
	text-decoration: none;
}
/*während des Anklickens*/
a:aktiv {
	color: red;
	font-weight:bold;
}
/*LINKE SPALTE*/
/*NAVIGATION Reihernfolge einhalten!*/
nav  {
	background-color: #99ccff;/*hellblau*/
	border-style: solid;
	border-width: 0px;
	width: 245px;
	height: 504px;
	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: #ffffcc;
	padding: 1px;
}
nav ul ul {
		position: absolute;
		top: 0px;
		left: 185px;
		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 */
		width: 230px;
}
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 #99ccff 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: ffffcc;/*gelb*/
		background-color: #ffffcc;
		text-decoration: none;
}
/*Bottom Facebook*/
#menue_facebook {
	/*display: inline-block;*/
	position: absolute;
	margin-left: 17px;
	margin-top: 322px;
	/*margin-top: 374px;*/
}
/*Hat nicht geklappte*/
#menue_facebook_absatz {
	position: absolute;
	margin-left: -217px;
	margin-top: 324px;
	/*padding-top: 324px;*/
}
/*RECHTE SPALTE*/
aside {
	background-color: #99ccff;
	float: right;
	width: 245px;
	height: 504px;
	margin-bottom: 10px;
}
/*Hauptspalte*/
article {
	margin-right: 255px;
	margin-left: 255px;
	height: 504px;
	background-color: #ffffcc;
}
/*INDEX*/
#grafik_stecher_stehend {
    float: right;
	width: 170px;
	height: 303px;
    margin-left: 10pt;
	margin-right: 15pt;
	margin-top: 20pt;
 }
#grafik_stecher_sitzend {
    float: left;
	width: 200px;
	height: 180px;
    margin-left: 20pt;
	margin-top: 10pt;
}
/*Hauptspalte index kontakt*/
.mitte {
	width: 514px;
	height: 484px;
	/*overflow: auto;*/ /*erstellt Scrollbalken*/
	overflow: hidden; /*erstellt Scrollbalken*/
	text-align: left;
}
/*Hauptspalte standard*/
.mitte_standard {
	width: 514px;
	height: 504px;
	/*overflow: auto;*/
	overflow: hidden;
	text-align: left;	
}
.mitte_hight {
	width: 514px;
	/*height: 462px;*/
	height: 445px;
	margin-top: 15px;
	overflow: auto; /*erstellt Scrollbalken sichtbar*/
}
 /*REFERENZEN*/
 #grafik_cover_meine_worte {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 20px;
}
 #text_cover_meine_worte {
	margin-bottom: 30px;
}  
 #text_cover_ueber_grenzen {
	float: left;
	margin-bottom: 10px;
}
 #grafik_cover_ueber_grenzen {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 20px;
}
 #grafik_cover_meine_frau {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 45px;
  }
 #text_cover_meine_frau {
	margin-bottom: 25px;
} 
 #grafik_cover_genies {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 25px;
} 
 #text_cover_genies {
	margin-bottom: 40px;
}
 #grafik_cover_cassandra {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 35px;
}
 #text_cover_cassandra {
	margin-bottom: 35px;
}
 #grafik_cover_synphonie {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 35px;
}
 #text_cover_synphonie {
	margin-bottom: 55px;
} 
 #grafik_cover_mosaik {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 20px;
}  
 #text_cover_mosaik {
	margin-bottom: 20px;
}
 /*GHOSTWRITING*/
 #ghostwriting {
	float: left;
	padding-left: 10px;
}
 /*EIGENE BÜCHER*/
 /*rechte Spalte*/
 .rechts_hight {
	width: 245px;
	margin-top: 0px;
	height: 451px;
	overflow: auto; /*erstellt Scrollbalken*/
	position: absolute;
	text-align: left;
}
 #grafik_mini_buecher {
    float: left;
    margin-left: 10pt;
	margin-right: 10pt;
	margin-bottom: 20px;
}  
 .text_mini_link {
	margin-bottom: 20px;
	border-color:#993333;
	height: 106px;
	vertical-align: middle;
}
/*Hauptspalte*/
.mitte_buecher {
	width: 514px;
	height: 504px;
	overflow: hidden;/*Inhalte sind sichtbar*/
	text-align: left;
}
.mitte_hight_buecher {
	width: 514px;
	height: 460px;
	overflow: auto; /*erstellt Scrollbalken*/	
}
 #tabelle-buecher {
	width: 504px;/*Weite Hintergrund*/
	height: 432px;
	overflow: auto; /*erstellt Scrollbalken*/
	display: table;/*Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile.*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
}
#reihe-buecher {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil Tabellenzeilen immer gleich hoch sind.*/
}
#buecher-left {
	text-align: left;/*Gilt nicht nur für Text*/
	vertical-align: top;
	width: 250px;/*linke Spalte*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/
}
#buecher-right {
	text-align: top;/*Gilt nicht nur für Text*/
	height: 453px;	
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/ 
	background-color: #99ccff;
}
.button_amazon {
	float:left; 
	margin-top:10px; 
	margin-left:10pt
} 
/*SITEMAP*/
.mitte_standard-sitemap {
	width: 514px;
	height: 504px;
	overflow: hidden;/*Inhalte sind sichtbar*/
	text-align: left;	
}
/*Kopf*/
#tabelle-sitemap-kopf {
	width: 514px;/*Weite Hintergrund Kopf*/
	display: table;/*Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile.*/
	overflow: hidden;/*sichtbar erstellt Scrollbalken*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
	background-color: #ffffcc;/*Nicht löschen!*/
}
#reihe-sitemap-kopf {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil Tabellenzeilen immer gleich hoch sind.*/
	background-color: #99ccff;/*Hintergrundfarbe Kopfzeile)*/
}

#sitemap-kopf-kategorie {
	text-align: left;/*Gilt nicht nur für Text*/
	width: 210px;/*Spalte Kategorie*/
	padding-left: 0px;
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/ 
}
#sitemap-kopf-inhalt {
	text-align: left;/*Gilt nicht nur für Text*/
	width: 365px;/*Spalte Inhalte*/
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/ 
}
/*Anfang content*/
.mitte_hight_sitemap {
	width: 514px;
	overflow: auto; /*erstellt Scrollbalken sichtbar*/
}
.tabelle-sitemap-content{
	width: 514px;/*Weite Hintergrund Content*/
	margin-top:15px;
	height: 361px;/*Höhe Hintergrund*/
	overflow: auto;/*erstellt Scrollbalken*/
}
.reihe-sitemap-content {
	width: 714px;
	vertical-align: middle;
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil, Tabellenzeilen immer gleich hoch sind.*/
	overflow: auto; /*Erzwingt Srollbalken in Hauptspalte*/
}
.sitemap-kategorie-content {
	text-align: left;/*Gilt nicht nur für Text*/
	width: 191px;/*Spalte Inhalte*/
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/ 
	/*font-family: verdana; arial; sans-serif;*/
}
#sitemap-inhalt-content {
	width: 306px;/*Spalte Inhalte*/	
}
#background-sitemap-open {
	background-color: #99ccff;
}
/*DATENSCHUTZ*/
#datenschutz {
	float: left;
}
 /*IMPRESSUM*/
#tabelle-impressum {
	width: 494px;/*Weite Hintergrund Kopf*/
	display: table;/*Das Element enthält tabellarisch angeordnete Kindelemente und erzeugt eine neue Zeile.*/
	border-collapse: collapse;/*verhindert Abstand zwischen Tabellenzellen*/
	background-color: #ffffcc;/*Nicht löschen!*/
}
#reihe-impressum {
	display: table-row;/*Setzt Spalten gleicher Höhe nebeneinander weil Tabellenzeilen immer gleich hoch sind.*/
}
#impressum-left {
	text-align: left;/*Gilt nicht nur für Text*/
	vertical-align: middle;
	width: 230px;/*Spalte Kategorie*/
	padding-left: 20px;
	/*padding-top: 0px;*/
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/	
}
#impressum-right {
	text-align: left;/*Gilt nicht nur für Text*/
	vertical-align: middle;
	padding-left: 0px;
	display: table-cell;/*Höhe wird der, der anderen Zellen angepasst*/
	border-collapse: separate;/*Rahmen benachbarter Tabellenelemente werden zusammengefasst*/
	/*border: 1px;
	border: thin solid red;*/	
}


	
	
	
	
	
	