@charset "UTF-8";

/******* Allgemein gültige Definitionen *******/

* { margin:0; padding:0; border:0 }

body { font:100.01% Verdana, "Trebuchet MS", "Bitstream Vera Sans", sans-serif; color:#000; background:#F6E0D4 url(../stil/gruen/hg.jpg) 0 0 repeat fixed }

h1,h2,h3,h4,h5 { margin:1.4em 0 .7em 0; padding:.5em 9.6em .5em 50px; background:#abba60; border-top:#CFDD8A 1px solid;
	border-bottom:#526200 1px solid; font-family:Georgia, "Times New Roman", Garamond, serif; font-weight:normal;
	line-height:normal; color:#546400 }
h1 { font-size:1.7em; margin-top:1.3em }
h2 { font-size:1.5em }
h3 { font-size:1.3em }
h4 { font-size:1.1em }

.inhalt h2, .inhalt h3, .inhalt h4 { background:transparent; padding:0 0 .2em 0; margin:.4em 0 .2em 0; color:#526200; 
	border-bottom:1px dashed #CB8D69; border-top-width:0px }

p { margin:1.2em 0 }

a:link { color:#0000BB }
a:visited { color:#660066 }
a:hover, a:focus { color:#BB0000 }

ul { list-style:none; margin:1em 0 }
li { list-style:none }

p+ul { margin:1em 0 }


/******* Kopfteil (inkl. Logo) *******/

#kopf { position:relative; padding:1em 0 .8em 0; background:#abba60 url(../stil/gruen/verl_kopf.jpg) 0 0 repeat-y }

#kopf a { margin-left:277px; font:3.2em/normal Georgia, "Times New Roman", Garamond, sans-serif;
	color:#546400; text-decoration:none; line-height:normal }


/******* Menü (horizontales Hauptmenü) *******/

#menue { position:relative; font-size:90%; padding:.5em 0 .5em 1.2em; background:#526200; border-top:#CFDD8A 1px solid; border-bottom:#CFDD8A 1px solid }

#menue ul { margin:0 }

#menue li { display:inline; margin:0 0 0 .5em; list-style-type:none; background-image:none }

#menue a { padding:.15em 6px .15em 22px; text-decoration:none }

#menue a:link, #menue a:visited { font-weight:bold; color:#fff }
#menue a:hover, #menue a:focus, #menue a.aktiv:link, #menue a.aktiv:visited, #menue a.aktiv:hover, #menue a.aktiv:focus {
	color:#000; background:#D0D89E; padding-left:10px }

#menue a:hover, #menue a.aktiv, #menue a:focus { border-left:12px solid #AA0000 }

#menue .verw_bilder a { border-color:#808000 }
#menue .verw_computer a { border-color:#007F80 }
#menue .verw_lustiges a { border-color:#EF870E }
#menue .verw_verweise a { border-color:#FFCC00 }
#menue .verw_allerlei a { border-color:#5577DD }
#menue .verw_kontakt a { border-color:#990099 }


/******* Pfad *******/

#pfad { display:none }


/******* Kategorie *******/

#kategorie { display:none }


/******* Kasten für Untermenü und/oder Hinweise *******/

#untermenuekasten { position:absolute; top:11.3em; right:1.5em; width:13.5em; padding:1em; border:3px double #526200;
	background:#d0d89e; font-size:87.5%; line-height:1.5em }


/******* Untermenü (Liste) *******/

#untermenue a { text-decoration:none }

#untermenue ul a { border-left:11px solid #AA0000 }
#untermenue ul ul a { border-left-width:8px }

#untermenue .verw_bilder a { border-color:#808000 }
#untermenue .verw_computer a { border-color:#007F80 }
#untermenue .verw_lustiges a { border-color:#EF870E }
#untermenue .verw_verweise a { border-color:#FFCC00 }
#untermenue .verw_allerlei a { border-color:#5577DD }
#untermenue .verw_kontakt a { border-color:#990099 }

#untermenue a:link, #untermenue a:visited { font-weight:bold; color:#000; padding:2px 4px 2px 11px }
#untermenue a:hover, #untermenue a:focus { color:#FFF; background:#526200 }

#untermenue a.aktiv:link, #untermenue a.aktiv:visited {	color:#FFF; background:#526200 }

#untermenue ul ul a:link, #untermenue ul ul a:visited { font-weight:normal }


/******* Inhalt  *******/

.inhalt { margin:0 17.5em 0 3em; padding:12px 1em 0 1em; border:3px double #526200;
	background:#e2e8c2 url(../stil/gruen/verl_kopf.jpg) 0 0 no-repeat; line-height:1.6em }
div.inhalt:after { content: " "; display:block; height:1px; clear:both; visibility:hidden }

.inhaltlose { margin:0 17.5em 0 3em; padding:12px 1em 0 1em; border:3px double #526200;
	background:#e2e8c2 url(../stil/gruen/verl_kopf.jpg) 0 0 no-repeat; line-height:1.6em }

p.fluss { width:auto; max-width:24em; float:left; margin-right:2em; }
p.kurzinfo { width:auto; max-width:10em; float:right; margin-left:2em; }


/******* Verweis zum Seitenanfang *******/

.untenfastrechts { clear:both; font-size:87.5%; margin:2em 21.25em 2em 0; text-align:right }

.untenfastrechts a { padding:0 5px 2px 25px; border-bottom:1px solid #526200; text-decoration:none;
	background:transparent url(../stil/gruen/anfang.png) 5px 50% no-repeat; font-weight:bold; font-style:italic; color:#526200 }


/******* Block *******/

.kategorie { margin:0; font-size:87.5% }
.kurztext { margin:.7em 0 0 0 }
.mehr { margin:.7em 0 1.7em 0 }
.kommentare { clear:both }
.naechster { margin-bottom:.3em; text-align:right }


/******* Listen, Nennungen und Aufzählungen *******/

.inhalt ul.Nennung { margin:1em 0 }
.inhalt ul.Nennung li { margin:0 0 1.7em 0 }
.inhalt ul.Nennung ul { margin:.7em 0 0 2em; border-left:#526200 2px solid }
.inhalt ul.Nennung ul li { margin:0 0 .3em 0; padding:0 0 0 .5em }

#untermenuekasten p { margin:0 0 .8em 0; font:bold 115% Georgia, "Times New Roman", Garamond, serif; color:#526200 }
#untermenuekasten ul { margin:0 0 0 .8em }

#untermenue ul { margin-bottom:1.1em }
#untermenue ul li { margin:.3em 0 }
#untermenue ul ul { margin:.5em 0 .7em 12px }

.umenuefeld { margin:1.5em 0 .5em 0 }

dl.erlaeuterung { margin:1em 0 1em 0 }
.erlaeuterung dt { font:1.2em/normal Georgia, "Times New Roman", Garamond, serif; color:#526200; margin:.5em 0 .1em 0; 
	padding-bottom:.2em; border-bottom:1px dotted #CB8D69 }
.erlaeuterung dd { margin-left:2em }


/******* Formulare *******/

.formular { margin:1em 0 1.2em 0; }

.formular fieldset { padding:.7em; border:1px dotted #526200 }

.formular legend { padding:.1em .5em; border:1px dotted #526200; background:transparent }

.formular p { margin:.5em 0; font-family:courier, "Trebuchet MS", serif }

.formular .textarea {
	margin:.6em 0; border:1px solid #904C24; background:#F3F6E1;
	color:#DA7F4A; font-family:Verdana, Helvetica, sans-serif;
	width:100%; height:11em; overflow:auto
	}
.formular textarea:focus { color:#526200; background:#fff url(../stil/gruen/umschlag.png) 50% 50% no-repeat	}

.formular input {
	color:#DA7F4A; border:1px solid #526200; background:#F3F6E1; font-family:Verdana, Helvetica, sans-serif; width:17em
	}
.formular input:focus {	color:#526200; background:#fff }

.formular input.button {
	margin:.5em 0 0 0; padding:0 .2em; color:#526200; border:2px outset #526200; background:#F3F6E1;
	font:bold 100% Verdana, Helvetica, sans-serif; width:auto
	}
.formular input.button:hover { color:#000 }
.formular input.button:active, .formular input.button:focus { color:#000; border:2px inset #526200; background:#fff }

.formular input.haken {	width:auto }

.formular label, .formular select, .formular input[type=checkbox], .formular input[type=button], .formular input[type=submit] {
	cursor: pointer;
	}


/******* Gästebuch *******/

.gbeintrag { border-bottom:1px dotted #526200; margin-bottom:1em }
.gbnummer { float:right; font:bold 150% Georgia, Garamond, sans-serif; color:#abba60 }
.gbkopf { margin-bottom:.5em }
.gbtext { margin-top:.5em; font-family:"Trebuchet MS", sans-serif }
.gbdatum { display:block; font-size:81.25% }


/******* Allgemein gültige Klassen *******/

.intern { padding-left:15px; background:url(../stil/gruen/intern.png) 1px 50% no-repeat }
.extern { padding-left:15px; background:url(../stil/gruen/extern.png) 1px 50% no-repeat }
.runter { padding-left:15px; background:url(../stil/gruen/runter.png) 1px 50% no-repeat }
.datei { padding-left:17px; background:url(../stil/gruen/datei.png) 1px 50% no-repeat }
.epost { padding-left:17px; background:url(../stil/gruen/epost.png) 2px 50% no-repeat }

.floatrBild { float:right; width:auto; margin-left:.5em }
.floatlBild { float:left; width:auto; margin-right:.5em }
.floatright { float:right; width:auto }
.floatleft { float:left; width:auto }
.floatcleft { clear:both; float:left; width:auto }

.rot { display:block; color:red }
.italic { font-style:italic }
.fett { font-weight:bold }
.unter { text-decoration:underline }
.durch { text-decoration:line-through }
.gerahmt { border:1px solid #526200; padding:0 .2em }

.unsichtbar { display:none }
.versteckt { visibility:hidden }
.fraglich { border-bottom:1px dashed black; cursor:help }

.mitte { text-align:center }
.flash { border:#526200 1px solid; margin:1.6em 0; text-align:center }


/******* Bildoptionen *******/

img.klein { margin-bottom:-8px; padding:6px; border:2px solid #abba60; background:#abba60 url(../stil/gruen/gepunktet.jpg) 0 50% repeat }
a:hover img.klein, a:focus img.klein { padding:5px; background:#abba60; border:3px double #526200 }
img.gross { background:#526200; padding:3px; border:12px solid #abba60; margin:3em 0 0 0 }

dl.vorstellung { clear:left; margin:0 0 1.2em 0 }
.vorstellung dt img { float:left; width:auto; margin:0 .7em 0 0; display:block }

dl.vorschaubild { float:left; width:auto; margin:.3em .7em .7em 0; font-size:87.5%; text-align:center; padding:.4em  }
dd.italic { padding-top:.3em; font-family:"Bitstream Vera Sans", sans-serif }

ul li dl.vorschaubild { margin:0 1em 0 0; padding:.3em 0 .5em 0 }

dt span { margin-left:-2.6em; background:#abba60 url(../stil/gruen/gepunktet.jpg) 0 0 repeat; padding:2px 6px 2px 2px; border:1px solid #abba60}
dt span:hover, dt span:focus { background:#abba60; padding:0 4px 0 0; border:3px double #526200 }

.beispild { border:6px outset #abba60 }

div.klar { clear:both; height:1px }
.klar { clear:both }

.sichtbar { position:relative; clear:left; z-index:2 }

.sichtbaropt { position:absolute; top:0; left:3em; background:#CFDD8A; border:3px double #526200; padding:.3em }
.sichtbaropt ul { margin:0 }
.sichtbaropt li { display:inline; margin:0 .3em 0 0 }

li.fraglich ul { visibility:hidden; position:absolute; width:22em; margin:1em 0 0 -.4em; padding:.3em; background:#CFDD8A; border:1px solid #526200; z-index:3 }
li.fraglich:hover ul { visibility:visible }
li.fraglich:hover ul li { display:block; margin:0 0 .4em 0 }


/******* Softwarebeschreibung *******/

.floatrBilds { float:right; width:250px; height:172px; margin-left:.7em }


/******* Fußteil *******/

#Fussteil { clear:both; margin:.5em 20em .5em 3em; text-align:center; font-size:90%; line-height:1.5em }
#Fussteil ul { margin:0 }
#Fussteil ul li { display:inline }
#Fussteil p { margin:0 }

.Balken, .Balken2 { height:1em; background:#abba60; border-top:#CFDD8A 1px solid; border-bottom:#526200 1px solid }


/******* Werbung *******/

#Werbung { margin:1em 19em .8em 3em; font-size:95% }

.Werbung { margin:0 auto; width:18.5em; min-height:44px; text-align:center; background:#fff url(../lmhint.jpg) 0 0 repeat-x }
.Werbung a { display:block; padding:10px 0 0 0; text-decoration:underline }
.Werbung img { margin:1px }