body
{
	font-size: 85%;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;

	background-color: rgb(255,250,250); /* hellrosa */
	color: rgb(102,102,0); /* Dunkelgruen */
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

/* ------------------------------------------------------------------------- */
/* K O P F Z E I L E                                                         */
/* ------------------------------------------------------------------------- */
#kopfzeile{
	background-color: rgb(255,204,0); /* orange gemaess Ursprungsbild */
	background-image: url(/bilder/sunflower.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 6em;
}
#kopfzeile table{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 75%;
	line-height: 2em;
	color: teal;
}
a:link{
	color: teal;
}
a:hover{
	font-weight: bold;
}
p#owl-tourist{
	font-size: 300%;
	font-style: italic;
	font-weight: 900;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* ------------------------------------------------------------------------- */
/* M E N U E Z E I L E                                                         */
/* ------------------------------------------------------------------------- */
.ul_menuezeile_navigation{
	list-style-type: none;
	margin-left: 13em; /* Abstand vom linken Fensterrand */
	padding-left: 0px;
	width: 64%; /* Breite wie Inhalt */
}

/* Links in Kopfzeile-Navigationsleiste */
.ul_menuezeile_navigation li{
	float: left; /* Blockelemente nebeneinander (anstatt untereinander) */
}
.ul_menuezeile_navigation li a{
	width: 6em; /* Breite passt sich an Schriftgröße an */
	height: 2.5em;
	padding: 0px;
	margin-top: 4px;
	text-decoration: none; /* Keine Unterstreichung der Links */
	color: rgb(102,102,0); /* Dunkelgruen */
	background-color: rgb(250,220,220); /* rose */
	background-image: url(/bilder/ecke.jpg); /* Eselsohr */
	background-position: top right;
	background-repeat: no-repeat;
	border-left: 4px solid white; /* rgb(200,250,200); /* hellgruen */;
	border-right: 2px solid white; /* rgb(200,250,200); /* hellgruen */;
	font-family: Arial, Helvetica, sans-serif; /* Serifenlose Schrift */
	display: block; /* Damit auch Firefox feste Breite darstellt */
}
.ul_menuezeile_navigation li a:hover, #menuezeile_link_markiert{
	background-color: rgb(255,255,204); /* gelb */
	text-decoration: underline; /* Links beim Anfahren unterstreichen */
	font-weight: bold;
}
/* Markierter Link */
#menuezeile_link_markiert{
	text-decoration: none; /* Aktuelle Seite braucht kein Link sein */
}


/* ------------------------------------------------------------------------- */
/* N A V I G A T I O N  (links)                                              */
/* ------------------------------------------------------------------------- */
#navigation{
	position: absolute;
	left: 0;
	top: 13em;
	float: left;
	margin-left: 0%;
	width: 12em; /* oder: 15%; */
	<!--[if gte IE 7]>background-color: red;<![endif]-->
	display: inline; /* Für IE Problem Verdoppelung Rand (s. S107)*/
	font-family: Arial, Helvetica, sans-serif; /* Serifenlose Schrift */
	/* background-color: green; */
}

.ul_navigation_level1, .ul_navigation_level2{
	list-style-type: none;
	text-align: right;
	margin-left: 0px; /* fuer IE */
	padding-left: 0px; /* Wird sonst eingerueckt */
	margin-top: 0px;
	/* background-color: red; */
}

/* Links in Navigation */
.ul_navigation_level1 li, .ul_navigation_level2 li{
	text-align: left;
	height: 1.5em; /* Damit bei Untermenues nicht die Zeilenhoehe angepasst wird */
	position: relative; /* Fuer IE 6 */
}
.ul_navigation_level1 li a{
	width: 11em; /* Breite passt sich an Schriftgröße an */
	padding: 2px;
	padding-left: 1em; /* Angabe in em wg. Einrückung der Untermenues */
	text-decoration: none; /* Keine Unterstreichung der Links */
	color: rgb(102,102,0); /* Dunkelgruen */
	background-color: rgb(250,220,220); /* rose */
	background-image: url(/bilder/ecke.jpg); /* Eselsohr */
	background-position: top right;
	background-repeat: no-repeat;
   border: 1px solid rgb(255,204,0); /* Trennt die Buttons ab */
	display: block; /* Damit auch Firefox feste Breite darstellt */
}
.ul_navigation_level1 li a:hover{
	background-color: rgb(255,255,204); /* gelb */
	text-decoration: underline; /* Links beim Anfahren unterstreichen */
	font-weight: bold;
}

/* Markierter Link */
#navigationlinkmarkiert{
	text-decoration: none; /* Aktuelle Seite braucht kein Link sein */
}

/* 2. Navigationsebene */
.ul_navigation_level2{
	position: relative;
	left: 12.3em; /* Einrueckung der 2 Ebene */
	top: -1.6em; /* Oberer Rand der 2 Ebene = oberer Rand des Haupteintrags */
	display: none; /* Im Normalfall ist 2 Ebene ausgeblendet */
}
.ul_navigation_level1 li:hover > ul{
	display: block;
}

/* ------------------------------------------------------------------------- */
/* I N H A L T                                                               */
/* ------------------------------------------------------------------------- */
#inhalt{
	float: left;
	margin-left: 12.5em;
	text-align: left;
	/* width: 400px; wird dynamisch ermittelt */
	background-color: rgb(255,255,204);
	background-image: url(/bilder/suntile.gif);
	display: inline; /* Für IE Problem Verdoppelung Rand (s. S107)*/
}
.bildtitel{
	font-size: 90%;
	font-style: italic;
}

/* ------------------------------------------------------------------------- */
/* Z U S A T Z                                                               */
/* ------------------------------------------------------------------------- */
#zusatz{
	float: left;
	width: 150px;
	background-color: rgb(240,240,240);
}

/* ------------------------------------------------------------------------- */
/* N E U E S   F E N S T E R                                                 */
/* ------------------------------------------------------------------------- */
#neuesfenster{
	float: left;
	text-align: left;
	background-color: rgb(255,255,204);
	background-image: url(/bilder/suntile.gif);
}