body {  background-color: #FEF0C1; font-size: 0.96em; text-align: center}

#aussenrum 
	{background-color: #fEF5E4;
	min-height: 500px;
	width: 760px;
	margin:0px auto; text-align:left;}

#blau {background-color: #6699CC; height: 24px; width: 760px; margin-top: 0px; top: 0px;}

#grau {background-color: #CCCCCC; height: 10px; width: 760px; margin-top: 0px; top: 0px;}

/* ... #linksstartseite ist der linke Seitenbereich der Startseite (die Bilder)... */
#linksstartseite {text-align: left; float: left; width: 230px; height: auto; margin-top: 40px; padding-right: 5px; padding-left: 30px; background-color: #fEF5E4} 
	
.ueberschriftstartseite
	{text-align: left;
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #800000; margin-left: 295px; }

/* ... #navstartseite ist die Navigation der Startseite... */
#navstartseite 
	{text-align: left;
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	color: #800000;
	background-color: #fEF5E4;
	margin-left: 260px;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;}	

#navstartseite p 
	{text-align: left;
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 30px;
	}
	
#navstartseite a:link { color: #800000; text-decoration: none}
#navstartseite a:hover {  color: #333366; text-decoration: none}
#navstartseite a:visited { color: #666666; text-decoration: none}

/* ... ab hier beginnen die Unterseiten ... */

/* ... #ueberschrift ist die Überschrift der Unterseite bzw. Künstlertitel ... */
.ueberschrift
	{text-align: left;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #800000; margin-left: 10px;
	}

/* ... #navigation ist der linke Navigationsbereich der Unterseiten ... */
#navigation 
	{font-family: Garamond, Georgia, Times New Roman, Times, serif;
	text-align: left;
	float: left;
	width: 230px;
	height: auto;
	margin-top: 55px;
	padding-top: 0px;
	margin-left: 5px;
	background-color: #fEF5E4;
	border-left-color: #800000; border-left-style: solid; border-left-width: 1px;}


/* ... abstandnav um die Navigation etwas enger zusammenzurücken ... */
.abstandnav
	{margin-top: -5%}
	
#navigation a:link {  font-size: 0.96em; font-weight: bold; color: #800000; text-decoration: none; }
#navigation a:hover {  font-size: 0.96em; font-weight: bold; color: #333366; text-decoration: none; }
#navigation a:visited {  font-size: 0.96em; font-weight: bold; color: #800000; text-decoration: none;}

.tabellelinks {float: left}

/* ... #inhalt ist der Inhalt/Text/Bilder der Unterseiten ... */
#inhalt 
	{text-align: left;
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	color: #800000;
	background-color: #fEF5E4;
	min-height: 350px;
	margin-left: 245px;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;}	

#inhalt p 
	{text-align: left;
	font-family: Garamond, Georgia, Times New Roman, Times, serif;
	font-size: 1.0em;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;}

	
#inhalt a:link { color: #800000; text-decoration: none}
#inhalt a:hover {  color: #333366; text-decoration: none}
#inhalt a:visited { color: #666666; text-decoration: none}


/* ... #beschreibungen ist der Teil in den Tabellen wie z.B. bei Service um die Leistungen darzustellen... */
.beschreibungen { text-align: left; width: auto; height: auto; margin-left: 10px; margin-right: 10px;  margin-top: 10px;  padding-top: 10px; padding-bottom: 0px;  border: #800000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.beschreibungen li { list-style-type: square; font-size: 1.0em}

/* ... #kuenstler ist der Teil in den Tabellen der Angebote um die Bilder zu beschreiben... */
.kuenstleraussen { text-align: left; width: auto; height: auto; margin-left: 10px; margin-right: 10px;  margin-top: 10px;  padding-top: 10px; padding-bottom: 0px;  border: #800000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.kuenstlerlinks { text-align: left; background-color: #fEF5E4; width: 200px; heigh: auto; margin-top: 10px; margin-bottom: 20px; margin-right: 10px; margin-left: 80px; float: left;}
.kuenstlerrechts {text-align: left; font-family: Garamond, Georgia, Times New Roman, Times, serif;  font-weight: normal; color: #800000; background-color: #fEF5E4; width: auto; margin-left: 220px; margin-top: 10px; margin-bottom: 20px; margin-right: 10px; }

li {  list-style-type: none; font-size: 0.8em}
.bildlinks { color: #003366; width: 200px; padding-top: 10px; padding-bottom: 10px; float: left; border-color: #800000; border-style: solid; border-width: 1px;}
.Beschreibung {  font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #000000; text-align: left; width: auto}
.bildtitel { font-family: Georgia, "Times New Roman", Times, serif; color: #000000; text-align: left; font-size: 1.0em; display: inline}

#copyright {text-align: right; font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size: 0.8em; font-weight: normal; color: #800000; background-color: #fEF5E4; border-color: #CCCCCC; border-bottom-width: 3px; border-bottom-style : solid; padding-right: 10px; padding-bottom: 5px}

#blauunten {background-color: #6699CC; height: 24px;  margin-top: 0px; top: 0px;}


