/*
	Stylesheet
	Seite:			www.ferienhaus-witteler.de
	Autor:			Olaf Kleinschmidt
	Datum:			2005-01-21
*/

body, table							{background: #fff /*url("/imx/entwurf.gif") center no-repeat fixed; muss auf der Prod-Domain weggelassen werden!*/; color: #000; font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 86%; margin: 0; padding: 0; }

/* Formatierungen fuer den Seitenkopf */
#banner								{background: #fff url("/imx/header.jpg") right no-repeat; border-bottom: 1px solid black; height: 70px; margin:0; padding:0; }

/* Formatierungen fuer die Navigationsleiste */
#navi								{background-color: #eee; border-bottom: 1px solid #000; clear: both; height: 1.6em; list-style-type: none; margin: 0; padding: 0; }
#navi li							{display: inline; margin: 0; padding: 0; }
#navi li a:hover					{background-color: #fff; color: #053188; text-decoration: underline; }
#navi li a#aktiv					{background-color: #fff; border-right: solid 1px #ddd; color: #053188; text-decoration: none; }
#navi li a:link, #navi li a:visited
									{background-color: #eee; border-right: solid 1px #bbb; border-bottom: solid 1px #ddd; color: #053188; display: block; float: left; font-variant: small-caps; margin: 0; padding: 2px 0px; text-align: center; text-decoration: none; width: 9.1em; }
#navi li a#aktiv:link, #navi li a#aktiv:visited
									{background-color: #fff; color: #053188; text-decoration: underline; }

#inhalt								{background-color: transparent; clear: both; padding: 1em; margin: 0; width: 96%; }

li#aktiv, li#aktiv a				{background-color: #fff; }


/* Formatierungen fuer die Ueberschriften */
h1									{background-color: transparent; color: #76738F; border-bottom: #76738F 2px solid; font-size: 1.3em; font-weight: bold; margin: 0; padding: 1em 1.6em 0em 0em; }
h2									{background-color: transparent; color: #76738F; border-bottom: #76738F 2px dotted; font-size: 1em; font-weight: bold; margin: 0; padding: 1em 1.6em 0em 0em; }
h3									{background-color: transparent; color: #76738F; font-size: 1em; font-weight: bold; margin: 0; padding: 1em 1.6em 0em 0em; }
h4									{background-color: transparent; color: #76738F; font-size: 0.9em; font-weight: bold; margin: 0; padding: 1em 1.6em 0em 0em; width: 95%; }

#inhalt h1	 						{padding-top: 0; margin-top: 1.6em; margin-left: 1em; display: list-item; list-style-image: url("/imx/symbols/h1.gif"); }
#inhalt h2 							{padding-top: 0; margin-top: 1.6em; margin-left: 1em; display: list-item; list-style-image: url("/imx/symbols/h2.gif"); }
#inhalt h3 							{padding-top: 0; margin-top: 1.6em; margin-left: 1em; display: list-item; list-style-image: url("/imx/symbols/h3.gif"); }
#inhalt h4 							{padding-top: 0; margin-top: 1.6em; margin-left: 1em; display: list-item; list-style-image: url("/imx/symbols/h4.gif"); }
#inhalt div							{}

/* Formatierungen fuer den Content */
#inhalt * a:link, #inhalt * a:visited, #fuss * a:link, #fuss * a:visited, #ffuss * a:link, #ffuss * a:visited
									{background-color: transparent; }
#inhalt * a, #fuss * a, #ffuss * a	{font-weight: bold; }
#inhalt * a:link, #fuss * a:link, #ffuss * a:link
									{color:#000; }
#inhalt * a:visited, #fuss * a:visited, #ffuss * a:visited
									{color: #76738F; }
#inhalt * a:hover, #inhalt * a:active, #inhalt * a:focus, #fuss * a:hover, #fuss * a:active, #fuss * a:focus, #ffuss * a:hover, #ffuss * a:active, #ffuss * a:focus
									{background-color: #fedb93; color: #000; }

#inhalt * a.right:before			{content: url("/imx/symbols/right.gif"); }
#inhalt * a.intern:before			{content: url("/imx/symbols/intern.gif"); }
#inhalt * a.intern_small:before		{content: url("/imx/symbols/intern_small.gif"); }
#inhalt * a.de:before				{content: url("/imx/symbols/de.gif"); }
#inhalt * a.en:before				{content: url("/imx/symbols/en.gif"); }
#inhalt * a.down:before				{content: url("/imx/symbols/down.gif"); }
#inhalt * a.top:before				{content: url("/imx/symbols/top.gif"); }
#inhalt * a.email:before			{content: url("/imx/symbols/mail.gif"); }
#inhalt * a.email_small:before		{content: url("/imx/symbols/mail_small.gif"); }

li.right							{list-style-image: url("/imx/symbols/right.gif"); }
li.intern							{list-style-image: url("/imx/symbols/intern.gif"); }
li.de								{list-style-image: url("/imx/symbols/de.gif"); }
li.en								{list-style-image: url("/imx/symbols/en.gif"); }
li.down								{list-style-image: url("/imx/symbols/down.gif"); }
li.top								{list-style-image: url("/imx/symbols/top.gif"); }
li.email							{list-style-image: url("/imx/symbols/mail.gif"); }

p, address							{padding: 0em 0em 0em 1.2em; }
table								{width: 96%; }
img									{border: 0px; }
em									{font-weight: bold; font-style: normal; }
.ctr								{text-align: center; }
.rgt								{text-align: right; }
.rfl								{float: right; }
.lfl 								{float: left; }

.fixfloat							{border: 0; clear: both; visibility: hidden; height: 0; margin: 0; padding: 0; width: 100%; }
.versteckt							{display: none; }
.erkl								{border-bottom: 1px dotted #000; cursor: help; }
.fhead, .mhead, .chead				{display: inline; padding: 1em 0 0.4em 0; margin-bottom: 0; width: 96%; }
.fhead p, .mhead p, .chead p		{display: inline; padding: 0.4em; font-weight: bold; }
.fhead p, .chead p					{background: #fff url("/imx/style/fotobox-reiter-rechts.gif") right top no-repeat; margin-left: 1em; }
.mhead p							{background: #fff url("/imx/style/more-reiter-rechts.gif") right top no-repeat; }
.fbox, .cbox						{background: #f6f5f8 url("/imx/style/fotobox-gradient.png") repeat-x; border-top: #cfcfe0 1px solid; margin: 0 0 4em 1em; padding: 0 0 1em 0; }
.mbox								{background: #f5e8d0 url("/imx/style/more-gradient.png") repeat-x; border-top: #c9af84 1px solid; margin: 0 0 1em 0; padding: 1em; }
.fbox ul, .cbox ul					{clear: both; list-style-type: none; margin: 0 0 0 1em; padding: 0; }
.fbox ul li, .cbox ul li			{display: inline; float: left; font-size: 0.8em; margin: 1em; text-align: center; }
.fbox ul li							{border: #000 dotted 1px; width: 21%; }
.cbox ul li							{width: 13%; }
.fbox ul li div, .cbox ul li div	{display: block; padding: 1em; text-align: center; }
.fbox ul li div						{height: 22em; }
.fbox p, .more p					{text-align: center; }

/* Formatierungen fuer die Belegungstermine */
.kalender							{margin: 1em 0 1em 1em; padding: 0; }
.monat								{float: left; font-size: 95%; margin: 1%; width: 22%; }
.monat caption						{background-color: #ffcc33; color: #000000; font-family: inherit; font-size: 0.9em; font-weight: bold; margin: 5px; text-align: center}
.tag								{color: #000000; font-family: inherit; font-size: 0.9em; font-weight: bold; text-align: center}
.frei								{color: #000000; font-family: inherit; font-size: 0.9em; text-align: right}
.belegt								{background-color: #ff0000; font-family: inherit; color: #000000; text-align: right}

/* Formatierungen auf der WCAG-Seite */
.acc-logo							{font-weight: bold; letter-spacing: 0; text-decoration: none; }
.acc-text							{background-color: transparent; color: #000; font-variant: small-caps; }
.acc-text em						{background-color: transparent; color: #F00; font-style: italic; }
.screenshot							{border: 1px dotted #000; }

/* Formatierung fuer die Wetterbox auf der Startseite */
.intro								{float: left; width: 80%; }
.wetter								{float: right; margin-right: -5%; padding-right: 0; width: 20%; }
.wetter table						{width: 120px; }

/* Formatierung fuer Hinweis auf Test-Server */
.test								{background-color: #fed; border: #000 1px dotted; color: #000;  padding: 0 1em 1em 1em; }

/* Formatierungen fuer den Seitenfuss */
.gotop								{text-align: right; font-size: 0.7em; margin-top: 0; }
#fuss, #ffuss						{background: #eee url("/imx/footer.png") center no-repeat; border-top: 1px solid black; clear: right; height: 50px; padding-right: 1em; padding-left: 1em; padding-top: .3em; }
#fuss p, #ffuss p					{margin: 0; }				
#fuss								{margin-top: 1em; }
#ffuss								{margin-top: 0; }
#update								{float: left; }
#copy								{float: right; }
#legal								{float: left; font-size: 0.85em; }
#w3c								{float: right; font-family: sans-serif; font-size: 0.80em; }