@charset "UTF-8";

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

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

body { font:100.01% Georgia, "Bitstream Vera Sans", Helvetica, sans-serif; color:#000; background:#EED3C0 url(../hg.jpg) 0 0 repeat fixed }

h1,h2,h3,h4,h5 { margin:1.4em 0 .7em 0; padding:.5em 9.8em .5em 122px; background:#D9A78D; border-top:#E0B9A2 1px solid;
	border-bottom:#8c360f 1px solid; font-weight:normal;
	line-height:normal; color:#903e1b }
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:#8c360f; 
	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:.9em 0 .7em 0; background:#EED3C0 url(../verl_kopf.jpg) 0 0 repeat-y }

#kopf a { margin-left:275px; font:3.2em/normal Georgia;
	color:#6c2100; text-decoration:none; line-height:normal }


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

#menue { position:relative; font-size:90%; padding:.4em 0 .4em 1.2em; background:#6c2100; border-top:#EED3C0 1px solid; border-bottom:#EED3C0 1px solid }

#menue ul { margin:0 }

#menue li { display:inline; margin:0 0 0 .7em; 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:#E6C6AD; padding-left:10px }

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

#menue .verw_bilder a { border-color:#808000 }
#menue .verw_computer a { border-color:#0b9495 }
#menue .verw_lustiges a { border-color:#E6810C }
#menue .verw_verweise a { border-color:#f4c300 }
#menue .verw_allerlei a { border-color:#5f7fdf }
#menue .verw_kontakt a { border-color:#9e3d9e }


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

#pfad { display:none }


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

#kategorie { position:fixed; margin:2.5em 0 0 6px; width:74px; z-index:1 }


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

#untermenuekasten { position:absolute; top:10.8em; right:1.5em; width:14em; padding:1em; border:3px double #8c360f;
	background:#E6C6AD; font-size:87.5%; line-height:1.5em }


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

#untermenue a { text-decoration:none }

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

#untermenue .verw_bilder a { border-color:#808000 }
#untermenue .verw_computer a { border-color:#0b9495 }
#untermenue .verw_lustiges a { border-color:#E6810C }
#untermenue .verw_verweise a { border-color:#f4c300 }
#untermenue .verw_allerlei a { border-color:#5f7fdf }
#untermenue .verw_kontakt a { border-color:#9e3d9e }

#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:#6c2100 }

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

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


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

.inhalt { margin:0 18em 0 110px; padding:12px 1em 0 1em; border:3px double #8c360f;
	background:#EED3C0 url(../verl_kopf.jpg) 0 0 no-repeat; line-height:1.6em; text-align:justify }
div.inhalt:after { content: " "; display:block; height:1px; clear:both; visibility:hidden }

.inhaltlose { margin:0 17.5em 0 110px; padding:12px 1em 0 1em; border:3px double #8c360f;
	background:#EED3C0 url(../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.75em 2em 0; text-align:right }

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


/******* 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:#8c360f 2px solid }
.inhalt ul.Nennung ul li { margin:0 0 .3em 0; padding:0 0 0 .5em }
.inhalt ul.Nennung ul ul { border:0; margin:.2em 0 .6em .6em }

#untermenuekasten p { margin:0 0 .8em 0; font:bold 115% Georgia, "Times New Roman", Garamond, serif; color:#8c360f }
#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:#8c360f; 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 #8c360f }

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

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

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

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

.formular input.button {
	margin:.5em 0 0 0; padding:0 .2em; color:#8c360f; border:2px outset #8c360f; background:#FFEADC;
	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 #8c360f; 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 #8c360f; margin-bottom:1em }
.gbnummer { float:right; font:bold 150% Georgia, Garamond, sans-serif; color:#D9A78D }
.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(../intern.png) 1px 50% no-repeat }
.extern { padding-left:15px; background:url(../extern.png) 1px 50% no-repeat }
.runter { padding-left:15px; background:url(../runter.png) 1px 50% no-repeat }
.datei { padding-left:17px; background:url(../datei.png) 1px 50% no-repeat }
.epost { padding-left:17px; background:url(../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 #8c360f; padding:0 .2em }

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

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


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

img.klein { margin-bottom:-8px; padding:4px 9px; border:2px solid #D9A78D; border-top:1px solid #D9A78D; border-bottom:1px solid #D9A78D; background:#D9A78D url(../gepunktet.jpg) 0 50% repeat }
a:hover img.klein, a:focus img.klein { padding:2px 8px; background:#D9A78D; border:3px double #8c360f; border-top:3px double #8c360f; border-bottom:3px double #8c360f }
img.gross { background:#8c360f; padding:3px; border:12px solid #D9A78D; 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:.4em 1.1em .8em 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:#D9A78D url(../gepunktet.jpg) 0 0 repeat; padding:2px 6px 2px 2px; border:1px solid #D9A78D}
dt span:hover, dt span:focus { background:#D9A78D; padding:0 4px 0 0; border:3px double #8c360f }

.beispild { border:6px outset #D9A78D }

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

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

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

li.fraglich ul { visibility:hidden; position:absolute; width:24em; margin:1em 0 0 -.4em; padding:.3em; background:#EED3C0; border:1px solid #8c360f; 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 20.5em .5em 110px; 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:#D9A78D; border-top:#E0B9A2 1px solid; border-bottom:#8c360f 1px solid }


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

#Werbung { margin:1em 19.5em .8em 110px; 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 }