/* Angaben zum Dokumenten-Körper (body) betreffen den kompletten sichtbaren Inhalt.n */

body
{
  background-color: #6699CC;
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* Das Rautezeichen verweist auf das HTML-Element mit dem eindeutigen Bezeichner id="titel".
   Der Titel-Block erhält ein Bild, das sich allerdings nicht wiederholen soll */

#titel
{
	background-image: url(../images/panorama.jpg);
	background-repeat: no-repeat;
	padding: 0.3em;
	min-height: 232px;
	max-height: 232px;
	background-color: #0066CC;
	border: 2px solid rgb(75%, 60%, 0%);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FDC400;
	table-layout: auto;
}

/* Betrifft nur die Überschrift innerhalb des Elementes
   <div id="titel"> */

#titel h1
{
  color: #FDC400;
  font-family: Georgia;
  margin: 0;
}

#titel h2
{
  color: #FDC400;
  font-size: 90%;
  font-weight: bold;
  margin: 0;
}

/* Die Angabe float richtet das Menü rechts aus und lässt alle nachfolgenden Elemente,
   in diesem Fall den Inhaltsteil, um das Menü herumfließen */

#menue
{
	width: 8.5em;
	float: right;
	margin-left: 0.3em;
	margin-bottom: 0.1em;
	border-color: #FFCC33;
	background-color: #0066CC;
	border: 2px solid rgb(75%, 60%, 0%);
	margin-top: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
}

/* Betrifft nur die Links im Menü */

#menue a
{
  color: rgb(100%, 80%, 0%);
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 0.2em;
}

/* Mauseffekt für die Links im Menü */

#menue a:hover
{
  background-color: blue;
  color: white;
}

#inhalt
{
	background-color: #0066CC;
	border: 2px solid rgb(75%, 60%, 0%);
	padding: 0.3em;
	margin-top: 0.5em;
	min-height: 40px;
	max-height: 40px;
}

/* Die folgenden Angaben gelten für das gesamte Dokument und sind unabhängig von Titel-, Menü- oder Inhalts-Block */

h1
{
	color: #FDC400;
	margin-top: 0;
	font-size: 36px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FDC400;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FDC400;
}


em
{
  color: red;
}

/* Allgemeine Link-Farbe */

a
{
	color: navy;
	font-weight: bold;
}

/* Maus-Effekt für die allgemeinen Links im Inhalts-Block */

a:hover
{
	color: red;
	font-weight: bold;
}

/* Bilder erhalten eine sehr dünne schwarze Rahmenlinie */

img
{
}