/* workarounds ? */
ul, ol { position: relative;  }
/* MSIE macht fehler bei Margen und Floats, verschiedene "display: inline"
 * Anweisungen sollten das beheben, sogn. "double margin bug" (siehe
 * http://www.positioniseverything.net/explorer/floatIndent.html */


/* INHALT */
/* Breite Spalte im Mitte mit Inhalt, gelbe Hintergrund, dunkelrote Text */
/* ACHTUNG: wenn padding-l/r: 20% und margin: 0 entsteht :hover-jump in IE ! */
body		{ margin-left: 20%; margin-right: 20%; padding: 0;
		font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: medium; 
		color: #660000; background-color: #FFFFCC; }

/* Menu für Sprachauswahl */
ul.langbar, ul.langbar li, ul.langbar li a { color: #660000; background-color: #FFFFCC;}
ul.langbar { list-style-type: none; }
ul.langbar li {float: right; font-size: 80%; margin: 0.3em 0em 0.2em 0em; padding: 0.1em 0 0.1em 0.2em;}

/* Hauptmenu als Liste mit ein sublevel*/
ul.navbar, ul.subnavbar		{ list-style-type:none; }
ul.navbar li, ul.subnavbar li	{ background-color: #FFFF99; color: #660000; } 
/* folgende Anweisung sollte von IE/Mac nicht gelesen werden wegen
 * backslash \*/
ul.navbar li, ul.subnavbar li	{ overflow: hidden} 
 /* Am ende dieses Kommentaar sieht auch IE/Mac ein Kommentarende */
ul.navbar	{ position: absolute; top: 0.5em; left: 1%; width: 15%; padding: 0; margin: 0; }
ul.navbar li	{ font-size: smaller; 	margin: 0em		   ; padding: 0.6em 0 0.1em 0.2em; }
ul.subnavbar 	{ 			margin: 0		   ; padding: 0.3em 0 0     1.5em; }
ul.subnavbar li	{ font-size: 100%; 	margin: 0 		   ; padding: 0.2em 0 0     0    ; }
ul.subnavbar li:first-child {		margin: 0		   ; padding: 0			 ; }
ul.navbar li.empty { font-size: 50%; }

/* Liste rechts */
ul.logo, ul.illus, dd.logo { list-style-type: none; padding: 0; margin: 0; position: absolute; right: 3%; width: 15%; }
img.logo, ul.illus, ul.illus img, dd.logo, dd.logo img { display: inline; }
/* Liste für zum Seiten-layout gehörende logos, rechts oben */
ul.logo		{ top: 2em; }
img.logo	{ width: 85%; }
ul.logo li      { font-size: smaller; font-weight: bold; float: right}
/* In rechte Spalte anklickbare Fotos, gehörend zur Fliesstext in Mitte */
ul.illus img	{ width:95%; }
/* Liste für nicht weiter anklickbare Bilder in rechte Spalte */
dd.logo img 	{ /* Nicht optimal: sollte abhängig sein von andere dd element: mit kleine Font überlappen foto's, in Iexplorer zu klein */
		width: 80%; }


/* Weitere elementen in mittelere Spalte */


/* LISTE */
/* Normale Liste für z.B. Gastgewerbe; Name kursiv, Daten etwas kleiner */
dl		{ 			margin-top: 2em; }
dt		{ font-style: italic; 	margin-top: 1.5em; }
dd		{ font-size: 90%; 	margin-top: 0.5em; margin-left: 5em; }
/* Subliste z.B pro Ferienhaus */
dl dd dl	{ 			margin-top: 0em; margin-left: 0em; display: inline; }
dl dd dl dt	{ font-size: 80%; font-weight: bold; display: inline; }
dl dd dl dd	{ font-size: 100%;  display: block; 	 margin-left: 1em; margin-top: 0;}
/* Liste Zeitreise */
dl.zeit               {                 margin-top: 1em; }
dl.zeit dt    { font-style: italic;     margin-top: 0.2em; }
dl.zeit dd    { font-size: 90%;         margin-top:-1em; margin-left: 5em;}

/* Programmbeschreibung hat eigene Lay-out */
ul.programm 	{ margin-left: -1em; list-style-type: none; }
ul.programm li	{font-size: 110%; font-style: normal; font-weight: bold; }
ul.programm li ul {font-size: 80%; list-style-type: none; }
ul.programm li ul li {margin-top: 0.5em; margin-bottom: 0.5em; }
/* Tabellen */
table, tr 	{ border-color: #660000; border-style: solid; border-width: 1px; empty-cells: hide; border-collapse: collapse; text-align: left; vertical-align: top; }
td	{padding: 0.2em; font-size: 90%;}
table tr.vorbei td {text-decoration: line-through; color: #888888;}

/* TEXTE */
h1 {margin-top: 1em;}
/* Fussnote (am Ende vom Text, z.B. Autorname) */
p.note		{ margin-top: 1em; padding-top: 1em; border-bottom: thin solid; font-size: smaller; text-align: right; }
/* Für link nach oben, tief unter Inhalt plazieren */
p.zurueck	{ position: fixed; bottom: 3%; right: 3%; font-size: smaller; border-style: outset; border-width: 2px; background-color: #FFFFCC; color: #660000; border-color: #660000; }
p.zurueck a	{text-decoration: none;}
/* Normales Ende der Seiten: tief unter Inhalt und klein "Das Dorf das es in sich hat" */
p.footer	{ font-size: smaller; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10em; border-top: thin solid; }
/* Reichlich tiefer eine Linie und ganz klein den Text */
address		{ margin-top: 5em; padding-top: 1em; border-top: thin solid; font-size: 50% }

/* Formular */
div.formulier dl { margin-top: 0em; margin-left: 0em; }
div.formulier dt { font-size: 80%; font-weight: bold; margin-top: 0em; }
div.formulier dd { font-size: 100%; margin-top: 0em; margin-left: 3em; display: inline; }


/* BILDER */
/* Karte und Luftfoto kriegen einen kleine Rand */
img.karte	{ border: 2px solid silver; }
/* Image mit caption zusammen */
div.image	{ margin-top: 1em; text-align: left; display: inline;}
div.image img   {border-color: #660000; border-style: solid; border-width: 2px; }
div.image p	{ font-size: smaller; font-style: italic; margin-top: -1em; }


/* LINKS */
/* Link im Text: schwarz, unterstrichen und standaard-gelbe Hintergrund */
a:link, a:visited {background-color: #FFFFCC; }
a:hover, ul.navbar li a:hover {background-color: #FFCC33; }
/* Im Menu mit dunkelgelb */
ul.navbar a:link, ul.navbar a:visited {background-color: #FFFF99; }
a:link		{ color: black; text-decoration: underline; }
/* Besuchte Link, gleiche Farbe als normale Text */
a:visited	{ color: #660000; text-decoration: underline; }
/* hover: schwarz auf dunkelgelb */
a:hover 	{ color: black;  }
a:focus, a.knopf 	{ border: thin #660000 solid; }
a.knopf {font-size: 95%; font-weight: bold; text-decoration: none; background-color: #FFFF99; }
a.knopf:hover {border: thin black solid;}


/* DIVERSE */
/* zum navigation vereinfachen wenn Stylesheet nicht funktioniert */
p.unsichtbar, a.unsichtbar2, a.unsichtbar, a.unsichtbar:link, a.unsichtbar:visited, a.unsichtbar:hover, a.unsichtbar2:link,
a.unsichtbar2:visited, a.unsichtbar2:hover { color: #FFFFCC; background-color: #FFFFCC; }
a.unsichtbar	{ padding: 0;	  margin: 0; position: absolute; top: 0em; left: 0%; width: 15% }
a.unsichtbar2	{ padding: 0 20%; margin: 0; position: absolute; top: 0em; }

.aenderung {font-size: smaller; font-style: italic; padding: 0; margin: 0; }
p.aenderung {margin-top: 3em; padding: 0.5em; border-top: thin dashed; }