@charset "UTF-8";
/*
BUG-Hinweise bei IE6:
1. Bei float-Elementen mit gleichgerichtetem Margin: Doubled-margin-float-BUG, deshalb display:inline; anfügen.
2. li-Elemente müssen display:inline; erhalten, wenn ein Margin verwendet werden soll, JEDOCH:
3. Marginwerte bei listitems müssen in das eingeschlossene a-tag mit block-eigenschaft geschrieben werden, da das li-tag zum inline-element werden muss (siehe 2).
4. Innenabstände bei Input-Buttons werden durch "overflow:visible;" behoben.
5. ul-Tag mit gefloateten li-Elementen muss eine Width-Angabe erhalten, wenn kein Abstand zum nachfolgendem Element entstehen soll.
6. Unternavigation via ul: Wenn keine BG-Color oder BG-Image im ul-tag definiert ist, kann der IE die Ebenen nicht unterscheiden und blendet die Unternavigation zu früh aus.
7. IE8: margin:0 auto; geht nur, wenn das Container-Element (z.B. body) mit text-align:center; gestylet wird. Im zentrierten Element muss dieser Wert dann wieder überschrieben werden.
8. inline-block wird ignoriert, wenn Standardwert für das Element "inline" ist. Hack: 1. Element auf inline-block stellen. 2. zurück auf inline setzen. 3. child als inline-block definieren (parent>child)
9. IE-Box-Model-Bug: http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug - Korrekte & vollständige Doctype Declaration verwenden!
	http://en.wikipedia.org/wiki/Document_type_declaration#HTML5_DTD-less_DOCTYPE

.rounded2px {   -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -khtml-border-radius:2px; }
.rounded3px {   -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; }
.rounded5px {   -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
.rounded10px {   -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px; }
.shadow1px {    -moz-box-shadow:1px 1px 0px #fff; -webkit-box-shadow:1px 1px 0px #fff; box-shadow:1px 1px 0px #fff; }
.shadow10px {   -moz-box-shadow:0px 0px 10px #000; -webkit-box-shadow:0px 0px 10px #000; box-shadow:0px 0px 10px #000; }
*/


/* * * * * * * * * * * * * * *
 * * *  Initialisierung  * * *
 * * * * * * * * * * * * * * */

/*	Alle Elemente zurücksetzen. Nur margin + padding! border würde bei INPUT-BUTTONS die browsereigene Gestaltung entfernen. */
* { margin:0; padding:0; }

html, body { height:100%; } 

body {      color:#000; background:#666; }
img {       border:none; vertical-align:bottom; }
a {         color:#fff; text-decoration:none; outline:none; }
a:hover {   color:#000; text-decoration:none; outline:none; }
q {         quotes:"„" "“" "‚" "‘"; }
q:before {  content:open-quote; }
q:after {   content:close-quote; }


/* * * * * * * * * * * * *
 * * *  Typografie   * * *
 * * * * * * * * * * * * */

body, td { 	font:normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif; }
a {			font:normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif; }

#navigation a { font:14px/1.4em Verdana, Arial, Helvetica, sans-serif; }
#fusszeile {    font:13px/1.4em Verdana, Arial, Helvetica, sans-serif; }
#fusszeile a {  font:13px/1.4em Verdana, Arial, Helvetica, sans-serif; }
#cmdAdmin {	font-size:10px; }

input {		font:normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif; }
textarea {	font:normal 14px/1.4em Verdana, Arial, Helvetica, sans-serif; }

h1 {    font:24px/1.4em Verdana, Arial, Helvetica, sans-serif; } /* Seiten-Headlines Startseite */
h2 {    font:bold 14px/1.4em Verdana, Arial, Helvetica, sans-serif; } /* Aktuelles */
h3 {    font:bold 11px/1.2em Verdana, Arial, Helvetica, sans-serif; } /* undefined */
h4 {    font:21px/1.2em Verdana, Arial, Helvetica, sans-serif; } /* undefined */
h5 {    font:13px/1.4em Verdana, Arial, Helvetica, sans-serif; } /* undefined */
h6 {    font:11px/1.2em Verdana, Arial, Helvetica, sans-serif; } /* undefined */

p.anfahrt { font:18px/1.2em Verdana, Arial, Helvetica, sans-serif; }

.lang,
#lang { font-size:0; line-height:0; }




/* * * * * * * * * * * * *
 * * *  Grundgerüst  * * *
 * * * * * * * * * * * * */

/* DIV-Boxen */
#vertical {		float:left; height:50%; margin-top:-330px; width:100%; }
#rahmen {		clear:both; width:870px; height:640px; margin:auto; }
#kopfzeile {	height:100px; background-color:#f90; text-align:right; position:relative; }
	#imgLogo {	width:335px; height:30px; padding:22px 30px 18px 0; }
	#lang {		position:absolute; top:10px; left:33px; }
#inhaltszeile { height:515px; overflow:hidden; background-color:#fff; position:relative; }
#fusszeile {	text-align:center; padding-top:5px; color:#fff; }
#fusszeile a {	color:#ccc; }
#fusszeile a:hover { color:#fff; }
#pnlAdmin { position:absolute; left:5px; bottom:5px; }
#pnlAdmin a { color:#555; }
	

/* Menu: 1. Ebene */
#navigation {			background-color:#fb5; width:845px; height:30px; padding-left:25px; }
#navigation ul {        list-style-type:none; }
#navigation li { 		padding:5px 7px 0 7px; display:block; float:left; }
#navigation a {			color:#000; }
#navigation a:hover {	color:#fff; text-decoration:none; }


/* Hervorhebung der aktuellen Seite (HauptNavi) */
body.start #cmdStart,
body.philosophie #cmdPhilosophie,
body.restaurant #cmdRestaurant,
body.zimmer #cmdZimmer,
body.aktuelles #cmdAktuelles,
body.anfahrt #cmdAnfahrt,
body.kontakt #cmdKontakt,
body.links #cmdLinks,
body.impressum #cmdImpressum,
body.online-buchung #cmdOnlineBuchung
{
	color:#fff; text-decoration:none;
}



/* * * * * * * * * * * *
 * * *   Inhalte   * * *
 * * * * * * * * * * * */

/* Tags */
p {		padding:0 0 10px 0; }
em {	letter-spacing:0.25px; }

h1, h2, h3, h4, h5, h6 { color:#fff; }
h1 { padding-bottom:20px; }
h2 { color:#000;}

#inhaltszeile ul { }
#inhaltszeile li { margin-bottom:5px; list-style-type:none; padding-left:12px; background:url(/images/listenpunkt.png) no-repeat 0px 8px; }


/* Klassen */
.top {			padding-top:0; }
.clearer {      clear:both; }
.mehrAbstand {  padding-top:20px; }
p.anfahrt {		color:#fff; }


/* IDs */


/* Links */

.pdf { padding:1px 0 1px 20px; background:url(/images/pikto-pdf.gif) no-repeat; }

.lang { display:inline-block; margin-right:5px; width:25px; height:15px; border:1px solid rgba(255,255,255,.8); background:url(/images/flag-sprites.png) no-repeat; }
.lang.de {}
.lang.en { background-position:-30px 0; }


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

/* Statusmeldung */
#statusFehler {		padding:5px; color:#990000; font-weight:bold; padding:0;  }
#statusFehler li {  padding:1px 0 1px 20px; list-style-type:none; background:url(../images/pikto-fehler.png) no-repeat left 2px; }
#statusErfolg {		padding:1px 0 1px 20px; color:#009900; background:url(../images/pikto-erfolg.png) no-repeat left 2px;  }


/* Allgemeingültige Formatierungen */
fieldset {          border:none; 
					-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -khtml-border-radius:10px;}
fieldset p {		padding-bottom:8px;}
legend {            display:none; }
label {             float:left; width:70px; padding:3px 0; }
/*textarea {          height:50px; }*/
input.txt {			width:270px; border:none; background-color:#fff; padding:3px; }
textarea {			width:270px; border:none; background-color:#fff; padding:3px; }
input.txt:focus {	color:#000; }
textarea:focus {	color:#000; }
input.btn {			width:auto; float:right; cursor:pointer; overflow:visible; }

/*#formLogin { display:none; padding:5px; }
#formLogin input.txt { width:70px; }*/



/* * * * * * * * * * * *
 * * *  Tabellen   * * *
 * * * * * * * * * * * */

#tblAktuelles {		margin:10px 0; width:650px;}
#tblAktuelles td {	padding:5px 10px; vertical-align:top; }

#tblLinks {		margin:70px auto 0 auto; width:550px; }
#tblLinks td {	padding:5px 10px; vertical-align:top; text-align:center; width:25%; }
#tblLinks img { border:1px solid #666; }


/* * * * * * * * * * * *
 * * *  Plug-Ins   * * *
 * * * * * * * * * * * */




/* * * * * * * * * * * * *
 * * *  CSS-Sprites  * * *
 * * * * * * * * * * * * */