#head {background-image:url(/de/picture/linie-hotel.gif); background-position:0 102px; background-repeat:no-repeat;}
#footer-nav { color:#FFFFFF; background:#c00000 }
#footer-nav a { color:#FFFFFF;}
#footer {border-top:#c00000 solid 2px;}
/*#slogan {background:url(/de/picture/slogan-hotel.png);}*/

.partner h3 {background: url(/de/picture/arrow-hotel.png) 60px 5px no-repeat;}

#right h3 {background: url(/de/picture/bg-h3-hotel.gif) center center no-repeat; color:#FFFFFF; }

h1 {color:#c00000;}

a {color:#c00000; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

#main li {list-style-image:url(/de/picture/arrow-hotel.png)}
#right li {list-style-image:url(/de/picture/arrow-hotel.png)}
#right li a {list-style-image:url(/de/picture/arrow-hotel.png)}

.phpwcmsArticleListMore {background:url(/de/picture/arrow-hotel.png) center right no-repeat;}



    /* ================================================================
    This copyright notice must be untouched at all times.

    The original version of this stylesheet and the associated (x)htmlis
    available at http://www.cssplay.co.uk/menus/simple_vertical.html
    Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
    This stylesheet and the associated (x)html may be modified in any
    way to fit your requirements.

    08.11.07 KH (flip-flop) Enhanced: Start[ID] {NAV_HORIZ_DD:ID}
    http://www.phpwcms.de/forum/viewtopic.php?p=94688#94688
    (http://www.phpwcms.de/forum/viewtopic.php?p=89743#89743)
    =================================================================== */
    /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
    /* margin hinzugefuegt - ausschließlich fuer diese demo - und ein "relative position" mit einem hohen z-index Wert um sicherzustellen dass das Menue ueber jedem nachfolgenden Element aufklappt. */

    #menu_container {
       margin: 0 0 20px 0;  /* 100px only for testing - default = 0 */
       position: relative;
       width: 900px;
       height: 95px;      /* ORG 20px */
       z-index: 1000;
    }
    /* Get rid of the margin, padding and bullets in the unordered lists */
    /* margin und padding auf 0, Aufzählungszeichen der unsortierten Liste unterdruecken */
    #pmenu, #pmenu ul {
       padding: 0;
       margin: 0;
       list-style-type: none;
    }
    /* Set up the link size, color and borders */
    /* Einstellen der Groeszen, Farben und Rahmen fuer die Links */
    #pmenu a {
       display: block;
       width: auto;
	   float:left;
       font-size:16px;
       color: #c00000;
       height: 21px;      /* ORG 25px */
       line-height: 15px; /* ORG 24px */
       text-decoration: none;
       text-indent: 0px;
       border: 1px solid #fff;
       border-width: 1px 0 1px 1px;
	   text-align:center;
	   padding-top:75px;
	   padding-left:12px;
	   padding-right:12px;
	   font-weight: lighter;
    }
    /* Set up the sub level borders */
    /* Einstellen der Rahmen fuer die Unterebenen  */
    #pmenu li ul li a {
       border-width: 1px;
	   width: 120px;       /* <<< Hier wird die Blockbreite der Unterebenen erweitert! */
       text-align: left;   /* Text-Ausrichtung linksbuendig */
       height: auto;      /* ORG 20px */
	   padding-left:5px;
       font-size: 10px;
	   padding-top:0;
    }
    #pmenu li a.horiz_enclose, #pmenu li a.horiz_enclose:visited {
       border-width: 1px;
    }
    /* Set up the list items */
    /* Einstellen der Listeneinzelheiten */
    #pmenu li {
       float: left;
       list-style-type: none;
       background: none; /*#7484ad;*/
    }
	#pmenu li ul li a {
	background-color:#f6d7d7;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
	}
    /* For Non-IE browsers and IE7 */
    /* Fuer alle nicht IE + IE7 */
    #pmenu li:hover {
       position: relative;
    }
    /* Make the hovered list color persist */
    /* Festlegen der Farbe fuer hover li */
    #pmenu li:hover > a {
       background: #c00000; /* ORG #dfd7ca; */
       color: #FFF;      /* ORG #c00; */
    }
    /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif (leer.gif) is for IE to work */
    /* Einstellen der Unterebenenlisten mit einer absoluten Positionierung fuer die FlyOuts und dem "Ueberfahren-Abstand"
       Das transparente gif (leer.gif) ist fuer den IE gedacht */
    #pmenu li ul {
       display: none;
    }
    /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
    /* Fuer alle nicht-IE + IE7 wird die Unterebenenliste sichtbar bei einem Ueberfahren (hover) */
    #pmenu li:hover > ul {
       display: block;
       position: absolute;
       top: 1px;         /* ORG -11px */
       left: 115px;
       padding: 6px 15px 15px 15px; /* ORG padding: 10px */
       background:transparent url(../../img/article/leer.gif);
       width: 120px;
    }
    /* Position the first sub level beneath the top level links */
    /* Positioniere die erste Unterebene nach dem Topebenenlink */
    #pmenu > li:hover > ul {
       left: -15px;
       top: 91px;
    }
    /* get rid of the table */
    /* Tabelle neu einstellen */
    #pmenu table {
       position: absolute;
       border-collapse: collapse;
       top: 0;
       left: 0;
       z-index: 1000;
       font-size: 1em;
    }
    /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
    /* Fuer den IE5 und IE6 gebe dem hover-Link eine relative Position und wechsele die Hinter- und Vordergrundfarbe. Das ist notwendig damit der IE angestoszen wird die Unterebenen auszugeben */
    * html #pmenu li a:hover {
       position: relative;
       background: #c00000; /* ORG #dfd7ca; */
       color: #FFFFFF;
    }
    /* For accessibility of the top level menu when tabbing */
    /* Fuer die Aktivierung der ersten Ebene, wenn im Menue geblättert wird */
    #pmenu li a:active, #pmenu li a:focus {
       background: #c00000;
       color: #FFF;      /* ORG #c00; */
    }
    /* Set up the pointers for the sub level indication */
    /* Einstellen der Symbole/Pfeile für die Unterebenenanzeige */
/*    #pmenu li.fly_ul a {
       background: #7484ad url(../../img/symbols/klapp_zu.gif) no-repeat 107px center;
       background: #f6d7d7 url(http://www.seehotel-zeulenroda.com/seehotel/common/img/ico-fw.gif) no-repeat right center;
    
    }*/
/*    #pmenu li.fly_ul ul a {
       background: #7484ad url(../../img/symbols/klapp_zu.gif) no-repeat 107px center;
       background: #f6d7d7;
    
    }*/

    #pmenu li.drop_ul {
/*       background: #7484ad url(../../img/symbols/klapp_auf.gif) no-repeat 95px center;*/
       /* background: #7484ad url(../../img/article/navi/drop.gif) no-repeat right center;
    */
    }
    /* KH: Active Path output */
    /* KH: Ausgabe des aktiven Pfads */
    #pmenu li.act_path a{
/*       background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 95px center;*/
    /*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
       */
	   background-color:#c00000;
	   color:#FFF;
    }
    #pmenu li.act_path ul li a {
/*       background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 95px center;*/
    /*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
       */
	background-color:#f6d7d7;
	color:#000;
	padding-top:5px;
	padding-bottom:5px;
    }
    #pmenu li.act_path ul li a:hover {
/*       background:#4161AF url(../../img/symbols/klapp_auf.gif) no-repeat 95px center;*/
    /*   background:#cccccc url(../../img/article/navi/drop.gif) no-repeat right center;
       */
	background-color:#c00000;
	color:#FFF;
    }

    /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
    /* change the drop down levels from display:none; to visibility:hidden; */
    /* Dies ist fuer den IE5.5 und IE6 notwendig um die Unterebenen anzuzeigen */
    /* Wechselt die Unterebenen von display:none; nach visibility:hidden; */

    * html #pmenu li ul {
       visibility: hidden;
       display: block;
       position: absolute;
       top: -11px;
       left: 80px;
       padding: 10px 30px 30px 30px;
       background: transparent url(../../img/article/leer.gif);
    }
    /* keep the third level+ hidden when you hover on first level link */
    #pmenu li a:hover ul ul {
       visibility: hidden;
    }
    /* keep the fourth level+ hidden when you hover on second level link */
    #pmenu li a:hover ul a:hover ul ul {
       visibility: hidden;
    }
    /* keep the fifth level hidden when you hover on third level link */
    #pmenu li a:hover ul a:hover ul a:hover ul ul {
       visibility: hidden;
    }
    /* keep the sixth level hidden when you hover on fourth level link */
    #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
       visibility: hidden;
    }
    /* make the second level visible when hover on first level link and position it */
	#pmenu li a:hover ul {
	visibility: visible;
      left: -30px;       /*          (IE5 ONLY) */
      top: 10px;         /* ORG 14px (IE5 ONLY) */
      lef\t: -31px;      /*          (IE6 ONLY) */
      to\p: 86px;        /* ORG 15px (IE6 ONLY) */
	}
    /* make the third level visible when you hover over second level link and position it and all further levels */
    #pmenu li a:hover ul a:hover ul {
       visibility: visible;
       top: -11px;        /* ORG -11px (IE6 ONLY) */
       left: 80px;
    }
    /* make the fourth level visible when you hover over third level link */
    #pmenu li a:hover ul a:hover ul a:hover ul {
       visibility: visible;
    }
    /* make the fifth level visible when you hover over fourth level link */
    #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
       visibility: visible;
    }
    /* make the sixth level visible when you hover over fifth level link */
    #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
       visibility: visible;
    }
    /* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
	
	#pmenu li.fly_ul a {background: #f6d7d7 url(/de/picture/nav-hotel.png) right center no-repeat; color:#000;}
	#pmenu ul .fly_ul a:hover {background: #c00000; color:#FFFFFF;}
	#pmenu ul .fly_ul ul li a {background: #f6d7d7; background-image:none;}