/******************************************************
******************* Robin@wxyz.de *********************
******************************************************/

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

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

body { font:100.01% Verdana, "Bitstream Vera Sans", Helvetica, sans-serif; color:#000; background:#ebd5c6 }

h1,h2,h3,h4 { margin:1.2em 0 .6em 0; font-family:Georgia, "Times New Roman", Garamond, serif; 
	font-weight:normal; line-height:normal; color:#995511 }
h1 { font-size:1.7em; margin-top:0 }
h2 { font-size:1.5em }
h3 { font-size:1.3em }
h4 { font-size:1.1em }

.inhalt h3, .inhalt h4 { background:transparent; padding:0 0 .2em 0; margin:.4em 0 .2em 0; font-size:1.2em; color:#994411; 
	border-bottom:1px dashed #CB8D69; border-top: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 }


#umfassend { margin:0 3.4% 1em 3.4%; background:#e4c6b0 }

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

#kopf { position:relative; padding:.7em 0 .6em 0; background:#e4c6b0 url(../stil/braunverlauf/dunkel-hell.jpg) 0 0 repeat-y }

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


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

#menue { position:relative; font-size:90%; padding:.6em 0 .6em .8em; background:#e4c6b0 url(../stil/braunverlauf/hell-dunkel.jpg) 100% 0 repeat-y }

#menue ul { margin:0 }

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

#menue a { padding:.15em .75em; border:1px solid #c58253; color:#000; text-decoration:none; background:#f3e7df }

#menue a:link, #menue a:visited { font-weight:bold }
#menue a:hover, #menue a:focus, #menue a.aktiv:link, #menue a.aktiv:visited, #menue a.aktiv:hover, #menue a.aktiv:focus {
	color:#fff; background:#c58253 }

#menue .verw_start a:hover, #menue .verw_start a.aktiv, #menue .verw_start a:focus { background:#AA0000 }
#menue .verw_bilder a:hover, #menue .verw_bilder a.aktiv, #menue .verw_bilder a:focus {	background:#808000 }
#menue .verw_computer a:hover, #menue .verw_computer a.aktiv, #menue .verw_computer a:focus { background:#007F80 }
#menue .verw_lustiges a:hover, #menue .verw_lustiges a.aktiv, #menue .verw_lustiges a:focus { background:#EF870E }
#menue .verw_verweise a:hover, #menue .verw_verweise a.aktiv, #menue .verw_verweise a:focus { background:#FFCC00 }
#menue .verw_allerlei a:hover, #menue .verw_allerlei a.aktiv, #menue .verw_allerlei  a:focus { background:#5577DD }
#menue .verw_kontakt a:hover, #menue .verw_kontakt a.aktiv, #menue .verw_kontakt a:focus { background:#990099 }


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

#pfad { position:relative; text-align:right; font-size:90%; padding:.6em .8em .6em 0; background:#e4c6b0 url(../stil/braunverlauf/dunkel-hell.jpg) 0 0 repeat-y }
#pfad p { margin:0 }


/******* kategorie *******/

#kategorie { display:none }


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

#untermenuekasten { float:left; width:12em; padding:2em; background:#e4c6b0; font-size:87.5%; line-height:1.5em }


/******* Untermenü (vertikales Untermenü rechts) *******/

#untermenue a { text-decoration:none }

#untermenue ul a { border-left:11px solid #AA0000 }
#untermenue ul 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:#e4c6b0 }

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

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


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

#inhaltsbereich { margin:0 0 0 14em; padding:1em 1em .5em 2em; background:#f9ede2 url(../stil/braunverlauf/inhalt-ecke.jpg) 100% 0 no-repeat }

.inhalt { line-height:1.6em }


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

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

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


/******* unschlüssig *******/

.betonung { border-bottom:1px dotted black }

h5 { font-family:Georgia, "Times New Roman", Garamond, serif; font-weight:normal; line-height:normal; color:#995511;
	font-size:1.2em; margin:.5em 0 .1em 0; padding-bottom:.2em; border-bottom:1px dotted #CB8D69 }

.eingeruecktnr { padding-left:1.5em; margin-top:0 }


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

.kategorie { margin:0; font-size:87.5% }
.kurztext { margin:.8em 0 0 0 }
.mehr { margin:.8em 0 1.8em 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:#995511 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:#994411 }
#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 }


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

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

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

.formular legend { padding:.1em .5em; border:1px dotted #995511; 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:#995511; background:#FFFFFF url(../umschlag.png) 50% 50% no-repeat	}

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

.formular input.button {
	margin:.5em 0 0 0; padding:0 .2em; color:#995511; border:2px outset #995511; 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 #995511; 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 #995511 }
.gbnummer { float:right; font:bold 150% Georgia, Garamond, sans-serif; color:#db9971 }
.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 *******/

.extern { padding-left:15px; background:url(../extern.png) 1px 50% no-repeat }
.intern { padding-left:15px; background:url(../intern.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 #995511; padding:0 .2em }

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

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


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

img.klein { padding:9px; background:#e5b596 }
a:hover img.klein, a:focus img.klein { padding:6px; border:3px double #995511 }
img.gross { background:#995511; padding:3px; border:12px solid #e5b596; margin:3em 0 0 0 }

dl.vorschaubild { width:auto; font-size:87.5%; line-height:1.6em; text-align:center; padding:.4em; float:left; margin:.3em .9em .7em 0 }
.vorschaubild dt { font-style:italic }

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

.sichtbaropt { position:absolute; top:0; left:13%; background:#EDD4C3; border:3px double #995511; 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:#EDD4C3; border:1px solid #995511; z-index:3 }
li.fraglich:hover ul { visibility:visible }
li.fraglich:hover ul li { display:block; margin:0 0 .4em 0 }


/******* Kategoriebeschreibung *******/

.beispild { float:left; width:auto; margin:0 .7em 0 0; border:10px solid #e5b596 }
a:hover .beispild, a:focus .beispild { border-color:#995511 }

.Beschreibung { margin:.7em 0 1em 0 }
.klar { clear:both }


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

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


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

#Fussteil { clear:both; margin:1em 0; text-align:center; font-size:90%; line-height:1.5em; background:#e4c6b0 url(../stil/braunverlauf/dunkel-hell.jpg) 0 0 repeat-y }
#Fussteil ul { margin:0 }
#Fussteil ul li { display:inline }
#Fussteil p { margin:0 }

.Balken { height:1em; background:#e4c6b0 url(../stil/braunverlauf/hell-dunkel.jpg) 100% 0 repeat-y }
.Balken2 { display:none }


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

#Werbung { font-size:95%; margin:0 0 1em 0 }

.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 }