/* Start Hintergrund -------------------------------------------------------- */
body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-align: left; 
   margin: 5px;
   background-color: #dedede;
   background-image: url(../../img/background/titel_1.jpg);
}   
html {min-height: 100.01%} 
.top {vertical-align:top}

/* End Hintergrund -------------------------------------------------------- */

/* Start Hauptblatt -------------------------------------------------------- */
/* Zentrierung der kompletten Site im Browser */
#centrierung {
   width: 980px;
   text-align: center; 
   margin:10px auto 0 auto; 
}
/* Hilfsnavi */
#hilfsnavi {

   width: 100%;
	 text-align: right; 
	margin-top: 0px;
}
#hilfsnavi a,
#hilfsnavi a:link {
color: #000; 
text-decoration: underline;
}
#hilfsnavi a:visited {
color: #000; 
text-decoration: underline;
}
#hilfsnavi a:hover {
color: #cc0000; 
text-decoration: underline;
}
#hilfsnavi a:active {
color: #cc0000; 
text-decoration: underline;
}

/* Kopf der Site */
#titelkopf {
   width: 980px;
   height: 247px;		  
   text-align: center; 
   background-image: url(../../img/background/kopf_franz.jpg);
   background-color: #dedede;
   margin: 0px auto; 
}
#sprach_button {
   width: 324px;
   height: 26px;		  
   text-align: right;
   float:right;
   vertical-align:top;
   margin-right: 10px;
  margin-top: 22px;
}
/* hauptramen_hauptnavi */
#hauptramen_hauptnavi {
   width: 980px;
   height: 100%; 
   background-color: #fff;
   padding-top:8px;
}
/* innenramen_hauptnavi */
.innenramen_hauptnavi {
   width: 959px;
   height: 35px;		  
   text-align: center; 
   background-color: #fff;
   border-top:#000000 solid 1px;
   border-left:#000000 solid 1px;
   border-right:#000000 solid 1px;
   margin-left:9px;
   margin-right:9px;
}

/* ========================Hauptnavigation================= */
 
/* Horizontal menu ============================================= 
   CSS for an horizontal menu only one level: Level 0 
   19.10.2006 flip-flop (KH) 
   25.03.2007 modified by pepe (MP)
   
   Aufruf innerhalb des phpWCMS-templates:

   <div class="herbus_nav_row">{NAV_LIST_UL:F,0,1,active_path,active,,}</div> 

================================================================
*/ 

/* Die eigentliche Navigation */
.herbus_nav_row { 
   clear:both; 
   list-style-type: none; 
   text-decoration: none; 
/* z.B. 11px font mit 20px height */ 
   font: normal normal 11px/18px Arial, Verdana, Geneva, Helvetica, sans-serif; 
   margin: 0px 0px 0px 0; 
   padding: 0px 0 0px 0px; 
   border: 0;
} 

.herbus_nav_row em { font-style: normal; } 

.herbus_nav_row ul { 
   margin: 0px 0 0px 0; 
   padding: 0px 0 0px 0; 
   border: 0; 
   list-style:none; 
  
} 

.herbus_nav_row ul li { display:block; 
   float:left; /* Ausrichtung der kompletten Navigation */
} 


/* === Styles fuer die einzige Menu-Ebenen | Sonderfall ======== */ 

/* === LEVEL 0 ================================== */ 

/* ---  einfacher Link <a> --- */ 
.herbus_nav_row ul li a, 
.herbus_nav_row ul li a:link, 
.herbus_nav_row ul li a:visited, 
.herbus_nav_row ul li a:active { /* NORMAL Funktion ohne Maus-Aktion */
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
   font-weight: bold;
   display: block;
   width: 117.6px; /* ;width entry = with + boarder left/right  ==== IE only ====*/
   /*w\idth: 10.70em;  width entry = with - padding left/right */
   text-decoration: none;
   text-transform: none;
   color: #fff;
   padding: 0px 0 0 0px;         /* Text adjust */
   border-top: 1px solid #fff;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
   border-left: 1px solid #fff;
   background-color:#917239;
}


 
/* Status fuer den aktiven Pfad (link tracing) */
.herbus_nav_row ul li.active_path a,
.herbus_nav_row ul li.active_path a:link,
.herbus_nav_row ul li.active_path a:visited,
.herbus_nav_row ul li.active_path a:active {
   color: #000;
   font-weight: bold;
  border-top: 1px solid #fff;
   border-left: 1px solid #fff;
 border-bottom:  1px solid #fff;
 border-right:  1px solid #fff;
   background: #fff url() 5px 1px no-repeat;
}


/* Status fuer den aktiven Link 
.herbus_nav_row ul li.active a, 
.herbus_nav_row ul li.active a:link, 
.herbus_nav_row ul li.active a:visited, 
.herbus_nav_row ul li.active a:active { 
   color: #000;
   font-weight: bold;
   background: #333 url(../../img/article/navi1_act.gif) 5px 1px no-repeat;
}*/

/* xxx Status fuer den aktiven Link, wenn ein sub_level vorhanden ist */



.herbus_nav_row ul li.sub_ul_true a:active {
   color: #fff;
   font-weight: bold;
  /* background: #333 url() 10px 1px no-repeat;
   border-top: 1px solid #333;
   border-left: 1px solid #333;
 border-bottom:  1px solid #ccc;
 border-right:  1px solid #ccc;*/
}
/* ---------------------------------------------- */

/* ---  HOVER = Maus-über Link <a> --- */ 
.herbus_nav_row ul li a:hover {
   color: #fff; 
   font-weight: bold; 
   background: #666 url() 10px 1px no-repeat;

   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
 border-bottom:  1px solid #000;
 border-right:  1px solid #000;
/* background-url: url(../../img/article/navi_hover.gif) 5px 1px no-repeat; */
} 
.herbus_nav_row ul li.sub_no a:hover { /* HOOVER */
   color: #fff; 
   font-weight: bold; 
 background: #1b1b1b url() 10px 1px no-repeat;
}

/* xxx ----------------------------------------- */
.x-herbus_nav_row ul li.sub_ul a:hover {
   background: #597B8F url() 10px 1px no-repeat;
}
/* Only for "if there is a sub_level" */
.x-herbus_nav_row ul li.sub_ul_true a:hover {
   background: #597B8F url() 10px 1px no-repeat;
}
/* ---------------------------------------------- */

/* Status NUR fuer den aktiven Link */
.x-herbus_nav_row ul li.active a:hover { /* AKTIV und HOOVER */
   color: #111; 
   color: #666; 
   font-weight: bold; 
   background-color: #FFF;
/* background-url: url(../../img/article/navi1_hov.gif) 5px 1px no-repeat; */
}

/* ==============ENDE=====Hauptnavigation================= */

/* hauptramen_breadcrumb */
#hauptramen_breadcrumb {
   width: 980px;
   height: 100%; 
   background-color: #fff;
   padding-top:0px;
}
/* innenramen_breadcrumb */
.innenramen_breadcrumb {
   width: 949px;
   height: 35px;		  
   text-align: center; 
   background-color: #fff;
   border-top:#000000 solid 0px;
   border-left:#000000 solid 1px;
   border-right:#000000 solid 1px;
   margin-left:9px;
   margin-right:9px;
   padding-left:10px
}
#breadcrumb-BOX {
   font-size: 10px; 
   color: #000; 
padding: 1px 0px 4px 0px; 
   margin: 0px 10px 0px 0px;
   text-align: right;
   border-bottom: 1px dotted #000; 
   border-top: 1px dotted #000; 
}
#breadcrumb-BOX A:link {
   font-size: 10px; color: #000; text-align: right;
}
#breadcrumb-BOX A:visited {
   font-size: 10px; color: #000; text-align: right;
}
#breadcrumb-BOX A:hover {
   font-size: 10px; color: #cc0000; text-align: right;
}
#breadcrumb-BOX A:active {
   font-size: 10px; color: #cc0000; text-align: right;
}
/* ==============ENDE=====Braedcrumb================= */

/* ganzes_blatt */
#ganzes_blatt {
   width: 980px;
   text-align: left;
   background-color: #fff;
   padding-bottom:9px;
}
/* innen_ganzes_blatt */
#innen_ganzes_blatt {

   width: 961px;
   height: 100%;		  
   text-align: left; 
   background-color: #fff;
   border-top:#000000 solid 0px;
   border-left:#000000 solid 1px;
   border-right:#000000 solid 1px;
   border-bottom:#000000 solid 1px;
   margin-left: 9px;
}
/* navigation-BOX-ramen */
#navigation-BOX-ramen {
vertical-align:top;
   width: 200px;
   height: 100%;
   float:left;		  
   text-align: left; 
   background-color: #fff;
   border-right:#000000 solid 0px;
   padding-left:9px;
}
/*=============================Navigation-links==================*/ 
.navigation-BOX { padding: 0px 0px 0px 0px;
	margin-top: 0px;
   height: 100%;
	/* "white-space" Fehler im IE7 vermeiden */ 
   \width: 192px; /* Breite der Navigation | IE5x Opera <= 5                  */ 
   widt\h: 192px; /* [Breite der Navigation - (padding-right + padding-left)] */
                  /* =                [ 200 - ( 0 + 10 )] = 180               */
	
	}
/*==================================================================
   pepes_nav_list_ul_vertical_neu.css 
   fuer ein vertikales Menue, unterhalb der Homepage.
    
   Aufruf innerhalb des Templates: 
   <div class="pepes_nav_list">{NAV_LIST_UL:F,0,,,active}</div> 
   Level 0-2; 
   07.10.06 basics   by "flip-flop" (KH) 
   07.12.06 modified by "pepe" Manfred Peperkorn / classes pesonalisiert
   07.03.07 modified by "pepe" Manfred Peperkorn / Holly Hack integriert

Wenn mit Horizontalmenue fuer die 1. Ebene gearbeitet wird,
also nur ab der 2. Ebene in der Vertikalen angezeigt werden soll,
ist der folgenden Aufruf (Level-Lift) im Template zu verwenden:

[PHP]
// [1] zeigen das Menue ab der 1. Ebene 
if(isset($GLOBALS["LEVEL_ID"][1])) { 
   $level_id = $GLOBALS["LEVEL_ID"][1]; 
   echo '<div class="pepes_nav_list">'; 
   echo '{NAV_LIST_UL:F,' .$level_id. ',,active_path,active,,}'; 
   echo '</div>'; 
} 
[/PHP]
================================================================= */ 
   
.pepes_nav_list { 
/* float: left; */ 
   text-align: left;
   margin: 0; 
   padding: 0 0px 0 0px; 
   border: 0; 
   text-decoration: none; 
/* z.B. 11px Schrigtgroesse und 20px hoch */ 
   font: normal normal 12px/19px Arial, Verdana, Geneva, Helvetica, sans-serif; 
   font-size: 110%;
   width: 100%;               /* Breite der Navigation */ 
   border-top: 0px solid #EEE; /* Linie oberhalb der Navigation */
} 
.pepes_nav_list em { font-style:normal; } 
.pepes_nav_list ul { margin:0; padding:0; border:0; list-style:none; 
   width: 100%;               /* Breite der Navigation */ 
} 
.pepes_nav_list ul li { position:relative; } 


/* === Menue-Darstellung der einzelnen Ebenen =================== */

/* === LEVEL X -------------------------------------------------- */ 

/* ---  einfacher Link oberster Link --- */ 
.pepes_nav_list ul li a, 
.pepes_nav_list ul li a:link, 
.pepes_nav_list ul li a:visited, 
.pepes_nav_list ul li a:active { 
   display: block; 
   text-decoration: none; 
   text-transform: none; 
   color: #111;              /* Textfarbe */ 
   background: transparent  url(../../img/article/navi1_norm3.gif) 10px 1px no-repeat;  /* Hintergrund-Farbe */ 
/* wenn gewuenscht, URL der Grafik und Grafik Einrueckung z.B. 20px */ 
/* background-url: url(../../img/article/navi1_norm.gif) 20px 1px no-repeat;  */
   padding: 1px 0 0 25px;     /* Text justieren 1px oben und 10px von links    */ 

 
/* "white-space" Fehler im IE7 vermeiden */ 
   \width: 192px; /* Breite der Navigation | IE5x Opera <= 5                  */ 
   widt\h: 167px; /* [Breite der Navigation - (padding-right + padding-left)] */
                  /* =                [ 200 - ( 0 + 10 )] = 180               */
 /* Distanzlinie unterhalb, wenn gewuenscht */ 

}

/* Status fuer den aktiven uebergeordneten Pfad (link tracing) */
.pepes_nav_list ul li.active_path a,
.pepes_nav_list ul li.active_path a:link,
.pepes_nav_list ul li.active_path a:visited,
.pepes_nav_list ul li.active_path a:active {
   color: #000;
   font-weight: bold;

 background: transparent url(../../img/article/navi1_act.gif) 10px 1px no-repeat; 
}

/* ---  aktiver Link <a> --- */ 
.pepes_nav_list ul li.active a, 
.pepes_nav_list ul li.active a:link, 
.pepes_nav_list ul li.active a:visited, 
.pepes_nav_list ul li.active a:active { 
   color: #fff;                       /* Textfarbe */ 
   font-weight: bold;                  /* fett wenn gewuenscht */ 
         /* Hintergrund-Farbe #82a7c3 */ 
/* background-url: url(../../img/article/navi1_act.gif) 20px 1px no-repeat; */
  background: #000 url(../../img/article/navi1_act.gif) 10px 1px no-repeat;
}

/* === Status fuer aktive Links, fuer die ein sub_level vorhanden ist */
.pepes_nav_list ul li.sub_ul_true a,
.pepes_nav_list ul li.sub_ul_true a:link,
.pepes_nav_list ul li.sub_ul_true a:visited,
.pepes_nav_list ul li.sub_ul_true a:active {
   color: #000;                        /* Textfarbe */ 
   font-weight: bold;                  /* fett wenn gewuenscht */ 
         /* Hintergrund-Farbe #82a7c3 */ 
/* background-url: url(../../img/article/navi1_act.gif) 20px 1px no-repeat; */
  background: transparent url(../../img/article/navi1_sub_true2.gif) 10px 1px no-repeat;
}


/* ---  HOVER = Maus-über Link <a> --- */ 
.pepes_nav_list ul li a:hover, 
.pepes_nav_list ul li.active a:hover { 
   color: #000;                     /* Textfarbe */ 
   background: transparent url(../../img/article/navi1_hov2.gif) 10px 1px no-repeat;
}




/* === ----------------------------------------- */
.pepes_nav_list ul li.sub_ul a:hover {
   color: White;
   font-weight: bold;
   background: #000 url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat;
}

/* Only for "if there is a sub_level" */
.x-pepes_nav_list ul li.sub_ul_true a:hover {
   background: #000 url(../../picture/navi/icon_navtable_pfeil01.gif) 10px 1px no-repeat;
}
/* ---------------------------------------------- */

/* --- Status NUR fuer den aktiven Link */
.x-pepes_nav_list ul li.active a:hover { /* AKTIV und HOOVER */
   color: #111; 
   color: #666; 
   font-weight: bold; 
   background-color: #000;
/* background-url: url(../../img/article/navi1_hov.gif) 5px 1px no-repeat; */
}


/* === LEVEL X+1 ------------------------------------------------ */ 

.pepes_nav_list ul ul li.sub_no a, 
.pepes_nav_list ul ul li.sub_no a:link, 
.pepes_nav_list ul ul li.sub_no a:visited, 
.pepes_nav_list ul ul li.sub_no a:active { 
   display: block; 
   text-decoration: none; 
   font: 12px/20px Arial, Verdana, Geneva, Helvetica, sans-serif; 
   font-size:100%;
   text-transform: none; 
   font-weight: bold; 
   color: #000;
   background: transparent url(../../img/article/navi1_norm2.gif) 25px 1px no-repeat;
   padding: 1px 0 0 40px;
   border-bottom: 0px solid #ccc; /* IE6 Bug */
   \width: 181px;  /* IE5x Opera <= 5 */
   widt\h: 152px;  /* = (Width of Menu Items) - (padding-right + left) */
} 
.pepes_nav_list ul ul li.sub_ul a, 
.pepes_nav_list ul ul li.sub_ul a:link, 
.pepes_nav_list ul ul li.sub_ul a:visited, 
.pepes_nav_list ul ul li.sub_ul a:active { 
   display: block; 
   text-decoration: none; 
   font: 12px/20px Arial, Verdana, Geneva, Helvetica, sans-serif; 
   font-size:100%;
   text-transform: none; 
   font-weight: bold; 
   color: White;;
   background: #000 url(../../img/article/navi1_act.gif) 9px 1px no-repeat;
   padding: 1px 0 0 25px;
   border-bottom: 0px solid #ccc; /* IE6 Bug */
   \width: 202px;  /* IE5x Opera <= 5 */
   widt\h: 167px;  /* = (Width of Menu Items) - (padding-right + left) */
}

.pepes_nav_list ul ul li.active a, 
.pepes_nav_list ul ul li.active a:link, 
.pepes_nav_list ul ul li.active a:visited, 
.pepes_nav_list ul ul li.active a:active { 
   color: White;
   font-weight: bold;
   background: #000 url(../../img/article/navi1_act.gif) 9px 1px no-repeat;
}

.pepes_nav_list ul ul li a:hover{ color: #000;                     /* Textfarbe */ 
   background: transparent url(../../img/article/navi1_hov2.gif) 9px 1px no-repeat;
}
.pepes_nav_list ul ul li.sub_no a:hover{ color: #000;                     /* Textfarbe */ 
   background: transparent url(../../img/article/navi1_act_hov2.gif) 9px 1px no-repeat;
}
.pepes_nav_list ul ul li.sub_ul a:hover{ color: White;
   font-weight: bold;
   background: #000 url(../../img/article/navi1_act_hov.gif) 9px 1px no-repeat;
}
.pepes_nav_list ul ul li.active a:hover { 
color: White; 
   font-weight: bold;                    /* Textfarbe */ 
   background: #000 url(../../img/article/navi1_act_hov.gif) 9px 1px no-repeat;
}


    /* === Status fuer aktive Links, fuer die ein sub_level vorhanden ist */
.pepes_nav_list ul ul li.sub_ul_true a,
.pepes_nav_list ul ul li.sub_ul_true a:link,
.pepes_nav_list ul ul li.sub_ul_true a:visited,
.pepes_nav_list ul ul li.sub_ul_true a:active {
   color: #000;  
   font-weight: bold;                      /* Textfarbe */ 
                 /* fett wenn gewuenscht */ 
         /* Hintergrund-Farbe #82a7c3 */ 
/* background-url: url(../../img/article/navi1_act.gif) 20px 1px no-repeat; */
  background: transparent url(../../img/article/navi1_sub_true1.gif) 25px 1px no-repeat;
}
.pepes_nav_list ul ul li.sub_ul_true a:hover { 
color: #000;                     /* Textfarbe */ 
   background: transparent url(../../img/article/navi1_act_hov2.gif) 25px 1px no-repeat;
}
/* === LEVEL X+2 ------------------------------------------------ */ 

.pepes_nav_list ul ul ul li.sub_no a, 
.pepes_nav_list ul ul ul li.sub_no a:link, 
.pepes_nav_list ul ul ul li.sub_no a:visited, 
.pepes_nav_list ul ul ul li.sub_no a:active, 
.pepes_nav_list ul ul ul li.sub_ul a, 
.pepes_nav_list ul ul ul li.sub_ul a:link, 
.pepes_nav_list ul ul ul li.sub_ul a:visited, 
.pepes_nav_list ul ul ul li.sub_ul a:active  { 
  display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: normal;
   color: #fff;
   font-weight: bold;
   background: #666 url(../../img/article/navi1_norm.gif) 25px 1px no-repeat;
   padding: 1px 0 0 40px;
   border-bottom: 0px solid #ccc; /* IE6 Bug */
   width: 152px;  /* = (Width of Menu Items) - (padding-right + left) */
}

.pepes_nav_list ul ul ul li.active a, 
.pepes_nav_list ul ul ul li.active a:link, 
.pepes_nav_list ul ul ul li.active a:visited, 
.pepes_nav_list ul ul ul li.active a:active { 
  color: White;
   font-weight: bold;
   background: #666 url(../../img/article/navi1_act.gif) 25px 1px no-repeat;
}

.pepes_nav_list ul ul ul li a:hover{ color: #000;                     /* Textfarbe */ 
   background: transparent url(../../img/article/navi1_hov2.gif) 10px 1px no-repeat;
}
.pepes_nav_list ul ul ul li.sub_no a:hover{ color: #fff;                     /* Textfarbe */ 
   background: #666 url(../../img/article/navi1_act_hov.gif) 10px 1px no-repeat;
}
.pepes_nav_list ul ul ul li.sub_ul a:hover{ color: White;
   font-weight: bold;
   background: #666 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}
.pepes_nav_list ul ul ul li.active a:hover { 
  color: White;
   font-weight: bold;                     /* Textfarbe */ 
   background: #666 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}
    /* === Status fuer aktive Links, fuer die ein sub_level vorhanden ist */
.pepes_nav_list ul ul ul li.sub_ul_true a,
.pepes_nav_list ul ul ul li.sub_ul_true a:link,
.pepes_nav_list ul ul ul li.sub_ul_true a:visited,
.pepes_nav_list ul ul ul li.sub_ul_true a:active {
  color: White;
   font-weight: bold;
   background: #666 url(../../img/article/navi1_sub_true.gif) 25px 1px no-repeat;
}
.pepes_nav_list ul ul ul li.sub_ul_true a:hover { 
color: White; 
   font-weight: bold;                    /* Textfarbe */ 
   background: #666 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}
/* --- LEVEL X+3 ------------------------------------------------ */ 

.pepes_nav_list ul ul ul ul li.sub_no a, 
.pepes_nav_list ul ul ul ul li.sub_no a:link, 
.pepes_nav_list ul ul ul ul li.sub_no a:visited, 
.pepes_nav_list ul ul ul ul li.sub_no a:active, 
.pepes_nav_list ul ul ul ul li.sub_ul a, 
.pepes_nav_list ul ul ul ul li.sub_ul a:link, 
.pepes_nav_list ul ul ul ul li.sub_ul a:visited, 
.pepes_nav_list ul ul ul ul li.sub_ul a:active  { 
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: bold;
   color: #fff;
   background: #999 url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
   padding: 1px 0 0 40px;
   border-bottom: 0px solid #ccc; /* IE6 Bug */
   width: 152px;  /* = (Width of Menu Items) - (padding-right + left) */
}

.pepes_nav_list ul ul ul ul li.active a, 
.pepes_nav_list ul ul ul ul li.active a:link, 
.pepes_nav_list ul ul ul ul li.active a:visited, 
.pepes_nav_list ul ul ul ul li.active a:active { 
   color: #fff; 
   font-weight: bold; 

 background: #999 url(../../img/article/navi1_act.gif) 25px 1px no-repeat; 
} 
.pepes_nav_list ul ul ul ul li a:hover, 
.pepes_nav_list ul ul ul ul li.sub_no a:hover, 
.pepes_nav_list ul ul ul ul li.sub_ul a:hover, 
.pepes_nav_list ul ul ul ul li.active a:hover { 
 color: White;                     /* Textfarbe */ 
   background: #999 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}
   /* === Status fuer aktive Links, fuer die ein sub_level vorhanden ist */
.pepes_nav_list ul ul ul ul li.sub_ul_true a,
.pepes_nav_list ul ul ul ul li.sub_ul_true a:link,
.pepes_nav_list ul ul ul ul li.sub_ul_true a:visited,
.pepes_nav_list ul ul ul li.sub_ul_true a:active {
  color: White;
   font-weight: bold;
   background: #999 url(../../img/article/navi1_sub_true.gif) 25px 1px no-repeat;
}
.pepes_nav_list ul ul ul ul li.sub_ul_true a:hover { 
color: White; 
   font-weight: bold;                    /* Textfarbe */ 
   background: #999 url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}

/* --- LEVEL X+4 ------------------------------------------------ */

.pepes_nav_list ul ul ul ul ul li.sub_no a, 
.pepes_nav_list ul ul ul ul ul li.sub_no a:link, 
.pepes_nav_list ul ul ul ul ul li.sub_no a:visited, 
.pepes_nav_list ul ul ul ul ul li.sub_no a:active, 
.pepes_nav_list ul ul ul ul ul li.sub_ul a, 
.pepes_nav_list ul ul ul ul ul li.sub_ul a:link, 
.pepes_nav_list ul ul ul ul ul li.sub_ul a:visited, 
.pepes_nav_list ul ul ul ul ul li.sub_ul a:active  { 
   display: block;
   text-decoration: none;
   text-transform: none;
   font-weight: bold;
   color: #fff;
   background: #ccc url(../../img/article/navi1_hov.gif) 25px 1px no-repeat;
   padding: 1px 0 0 40px;
   border-bottom: 0px solid #ccc; /* IE6 Bug */
   width: 152px;  /* = (Width of Menu Items) - (padding-right + left) */
}

.pepes_nav_list ul ul ul ul ul li.active a, 
.pepes_nav_list ul ul ul ul ul li.active a:link, 
.pepes_nav_list ul ul ul ul ul li.active a:visited, 
.pepes_nav_list ul ul ul ul ul li.active a:active { 
   color: #fff; 
   font-weight: bold; 
   background-color: #fe0000;
 background: #ccc url(../../img/article/navi1_act.gif) 25px 1px no-repeat; 
} 

.pepes_nav_list ul ul ul ul ul li a:hover, 
.pepes_nav_list ul ul ul ul ul li.sub_no a:hover, 
.pepes_nav_list ul ul ul ul ul li.sub_ul a:hover, 
.pepes_nav_list ul ul ul ul ul li.active a:hover { 
   color: #fff; 
/* text-decoration: underline; */ 

   background: #ccc url(../../img/article/navi1_act_hov.gif) 25px 1px no-repeat;
}


/* Der Holly Hack wurde vom "html-HEAD:" Bereich HIER in die CSS-Datei verlagert */

/* Holly Hack. IE Requirement \*/ 
* html .pepes_nav_list ul li   { float: left; height: 1%; } 
* html .pepes_nav_list ul li a { height: 1%; } 
/* End */


/*=================ENDE======Navigation-links==================*/ 

.content-BOX-links { margin: 0px 9px 9px 0px;
vertical-align:top;
background-color: #fff;}
.content-BOX-links h3 {
   font-size: 13px;
   color: #000;
background-color: #fff;
   padding: 3px 3px 4px 3px; 
   
   border-top:#000000 solid 2px;
   border-bottom: 2px solid #000;
   border-right: 1px solid #a7a7a7;
   border-left: 1px solid #a7a7a7;
}
.content-BOX-links h4, {
   font-size: 12px;
   color: #000;
   border-bottom: 0px solid #000;
}
.content-BOX-links .articleText p, .content-BOX-links .infoBox_navi p, global-BOX-links .articleText p {
   font-size: 10px;
   color: #fff;
}

/*=================ENDE======spalte-links==================*/ 


.TabellenSpalte-mitte {

width: 557px;
background-color: #fff;
vertical-align:top; text-align:left;
   border-left: 1px solid #000;
   border-right: 0px solid #000;
}
.content-BOX A:link { }
.content-BOX A:visited { }
.content-BOX A:hover { }
.content-BOX { text-align:left; margin: 0px 9px 0px 9px; 


}
.phpwcmsArticleEntry {	/* umschliesst einen "Standard-Artikel" */ 

}

/* ----- Standard Klassen ----------------------------------------- 
*/

form, div, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

/* p */
td, th, div, span {     
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
}

/*
ul { margin: 0px 0px 0px 20px; }
li { font-size: 11px; list-style: disc; line-height: 130%;
}
*/

.listEntry { margin-bottom: 10px;
}

a, a:link, a:visited, a:active, a:focus {
          color: #CC0000; text-decoration: none; }
a:hover { color: #CC0000; text-decoration: underline; }


h1, .articleList_tophead {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
   margin-bottom: 5px;
}
h2, .articleList_topsubhead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 15px;
   font-weight: bold;
   color: #369;
   margin-bottom: 5px;
}
h1 {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
   margin-bottom: 10px;

}
h2 {
   font-family: Verdana, Arial, Helvetica,  sans-serif;
   font-size: 15px;
   font-weight: bold;
   color: #000000;
   margin-bottom: 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
}
.articleSummary {	
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-align: left;
   color: #333;
   margin-left: 9px;
}

h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   BACKGROUND: #ddd; 
   PADDING: 3px 3px; 
   margin-bottom: 10px;
   border-bottom:	1px solid #000;
   border-right:	1px solid #000;
   border-left:	1px solid #ccc;
   border-top:	1px solid #ccc;
}
h4 {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #000;
   margin-bottom: 5px;
   PADDING: 3px 2px; 
   border-bottom:	1px solid #000;
   border-top:	1px dotted #000;
}

.akzente {
   font-family: "Times New Roman";
   font-size: 36px;
   font-weight: bold;
   color: #369;
}

.articleText {
   text-align: left;
   margin-bottom: 5px;
}

.articleList_toptext {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
}
.articleList_listhead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
}


.v09 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:  9px; }
.v10 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.v11 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; }
.v12 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
.v13 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; }
.v14 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; }


/* --- search ------------------------------------------- */
.formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;}
.search_form {}
.search_result {}




/*--- Formular------------------------------------------- */
.formButton	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #636c75; }
.formLabel	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; }
.checkLabel	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.radioLabel	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.formTextArea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px;	}
.inputText	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.inputPass	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectMenu	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}
.selectList	  { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold;}




.rahmen5FF { border:5px solid #FFF; }
.rahmen1CC { border:1px solid #CCC; }

.Linie1obenCC   { border-top:1px solid #CCC; }
.Linie1linksCC  { border-left:1px solid #CCC; }
.Linie1rechtsCC { border-right:1px solid #CCC; }




.datum, .breadcrumb {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   font-weight: normal;
   color: #CCC;
}

.revision {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 10px; 
   font-weight: normal;
   color: #999; 
}

.copyright {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 9px; 
   font-weight: bold;
   color: #666; 
}

.image_caption, .imglistcaption {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px; 
   font-weight: normal;
   color: #369;
   text-align: left;
   padding-top: 3px;
}

/*  --- FCKeditor-Styles ============================== */

.bild_links {
   float: left;
   padding:0; 
   margin-right: 15px;
}
.bild_rechts {
   float: right;
   padding: 0; 
   margin-left: 15px;
}


.br_clear-both { clear: both; background-color: #FF0000; }

.div_clear-both { clear: both; background-color: #FF0000;
/* Color nicht in der FCKeditor eigenen CSS! */ }


.flaeche {
   PADDING: 5px 5px 5px 5px; 
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
}
.flaeche_grau {
   PADDING: 5px 5px 5px 5px; 
   MARGIN: 0;
   BACKGROUND-COLOR: #EFEFEF;
}

.rahmen {
   PADDING: 5px 5px 5px 5px;
   MARGIN: 0;
   BORDER: 1px solid #EEE;
}
.rahmen_dotted {
   PADDING: 5px 5px 5px 5px; 
   MARGIN: 0;
   BORDER: 1px dotted #EEE;
}

.codeRahmen {
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
   PADDING: 5px 4px 5px 4px;
   MARGIN: 0;
   BORDER: 1px solid #EEE;
}

.kasten {
   PADDING: 5px 4px 5px 4px;
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #999;
}
.codeKasten {
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
   PADDING: 5px 4px 5px 4px;
   MARGIN: 0;
   BACKGROUND-COLOR: #FFFFCC;
   BORDER: 1px solid #CCC;
}


.infoBox_navi {
    background: #F5F5F5;
    color: #333;
    width: 200px;
    margin: 0px;
    padding: 5px;
    border-width: 10px 1px 3px 1px;
    border-color: #133E12;
    border-style: solid;
}


.infoBox_links {
    float: left;
    background: #EFEFEF;
    color: #000;
    width: 210px;
    margin: 0px 10px 10px 0px;
    padding: 10px 5px 10px 5px;
    border-top: 10px solid #FFCC00;
    border-right: 1px solid #999;
    border-bottom: 2px solid #666;
    border-left: 1px solid #CCC;
}
.infoBox_rechts {
    float: right;
    background: #FFFFCC;
    color: #000;
    width: 210px;
    margin: 0px 0px 10px 10px;
    padding: 10px 5px 10px 5px;
    border-top: 10px solid #FFCC00;
    border-right: 1px solid #999;
    border-bottom: 2px solid #666;
    border-left: 1px solid #CCC;
}

.links {
    float: left;
    padding: 0;
    margin: 0;
    width: 48%;
}
.rechts {
    float: right;
    padding: 5px;
    margin: 0;
    width: 48%;
}
.linksRahmen {
    float: left;
    padding: 5px;
    margin: 0;
    width: 47%;
    border: 1px solid #999;
}
.rechtsRahmen {
    float: right;
    padding: 5px;
    margin: 0;
    width: 47%;
    border: 1px solid #999;
}


.marke {
   PADDING: 0px 0px 0px 0.5em;
   MARGIN: 0;
   border-left: 1em solid #999;
   border-color: #369;
}
.marke15 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color : #FFFFFF;
   background-color: #7591ac;;
   padding: 0px 0px 0px 5px;
   margin: 0;
   border-left: 15px solid #FF3300;
   height: 18px;
}


/* FCKeditor NEU fuer phpwcms-templates.de-2
--------------------------------------------------------------
 */
.sideBarHeader { }
.sideBarHeader p { 
 font-size:12px;
 font-weight:bold;
 color: #FFF;
 background:#CC0000;
 border-bottom: 1px solid #666;
 padding:3px 5px 3px 5px;
 margin-bottom: 5px;
}
.sideBarSubHeader { }
.sideBarSubHeader p {
 font-weight:bold;
 color: #333; 
 margin-bottom: 5px;
}
.sideBarText { }


.BoxHead-ROT  { } 
.BoxHead-ROT p { 
 font-size:12px;
 font-weight:bold;
 color: #FFF;
 background:#CC0000;
 border-bottom: 1px solid #666;
 padding:3px 5px 3px 5px;
 margin-bottom: 5px;
}

.BoxHead-GRAU { }

.BoxHead-BLAU { }
.BoxHead-BLAU p {
 font-size: 12px;
 font-weight: bold;
 color: #369;
 background: #F9F9F9;
 border-bottom: 1px solid #CCC;
 padding:3px 5px 3px 5px;
 margin-bottom: 5px;
 }

.BoxText-GRAU { }

/* 
--------------------------------------------------------------
 */

.nav_from {
   height:25px;
   background-color: #FF0000;
   font-family: "Courier New", Courier, monospace;
}
.nav_from_ul {
   height:25px;
   background-color: #FF00FF;
   font-family: "Courier New", Courier, monospace;
}

.img-frame .imagelisttd img { border: 1px solid #666; }


/* classes for validator ---------------------------------------- */

.tfvHighlight { color: red; }
.tfvNormal    { color: black; }


/* DIV-Version der Bild-Anordnungen :: pepe's Version
-------------------------------------------------------------- 
*/
.phpwcmsImgListRight { text-align:right; margin:0; padding:0; }   /* NEU ab 1.2.9_pre */
.phpwcmsImgListLeft  { text-align:right; margin:0; padding:0; }

.imgDIVtopLeft       { text-align:left; padding-bottom: 10px; }
.imgDIVtopCenter     { padding-bottom: 10px; } 
.imgDIVtopRight      { text-align:right; padding-bottom: 10px; } 
 
.imgDIVbottomLeft    { padding-top: 10px; }
.imgDIVbottomCenter  { padding-top: 10px; } 
.imgDIVbottomRight   { padding-top: 10px; }

.imgDIVinTextLeft    { float:left;  padding: 0px 8px 5px 0px; } 
.imgDIVinTextRight   { float:right; padding: 0px 0px 5px 8px; }
 
.imgDIVblockImgLeft  {  padding:0; margin-right: 8px; }
.imgDIVblockImgRight {  padding:0; margin-left:  8px; }


/* DIV-Version der Bild-Anordnungen :: OG's Version
--------------------------------------------------------------
*/
.imgDIVinTextLeft  	{float:left;  margin:0 5px 5px 0; padding:0;}
.imgDIVinTextRight 	{float:right; margin:0 0 5px 5px; padding:0;} 

.imgDIVtopLeft     	{margin:8px 10px 5px 20px; padding:0px; border:0;} 
.imgDIVtopCenter   	{margin:8px -50% 5px -50%; padding:0px; border:0;}

.imgDIVblockImgLeft  {margin-right:10px;} 
.imgDIVblockImgRight {margin-left: 10px;} 

.phpwcmsImgListRight {text-align:right; margin:0; padding:0;}
.phpwcmsImgListLeft  {text-align:right; margin:0; padding:0;}


/* Such-Ergebnisse
--------------------------------------------------------------
*/
.phpwcmsSearchResult {
 margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
 margin: 10px 0 1px 0;
 font-size: 11px;
 font-weight: bold;
 background-color:#FFFFFF;
 border:1px solid #FFFFFF;
 border-top:1px dotted #000;
}
.phpwcmsSearchResult p {
 margin-top: 10;
 border-bottom:1px dotted #000;
}
.phpwcmsSearchResult em.highlight, em.highlight {
 background-color: #ccc;
 color:#000;
 font-style:inherit;
}

.phpwcmsSearchResult a:link { color: #000; font-weight: bold; text-transform: capitalize; }
.phpwcmsSearchResult a:active { color: #cc0000; font-weight: bold; text-decoration: none; text-transform: capitalize; }
.phpwcmsSearchResult a:visited { color: #000; font-weight: bold; text-decoration: none; text-transform: capitalize; }
.phpwcmsSearchResult a:hover { color: #cc0000; font-weight: bold; text-decoration: none; text-transform: capitalize; }

/* Administrator-Anzeige im Backend
--------------------------------------------------------------
*/
#VisualModeIndicator {
 position: absolute;
 left: 5px;
 bottom: 5px;
 padding: 5px;
 z-index: 10000;
 background-color: #FF3300;
 color: #FFFFFF;
 border: 1px solid #000000;
} 


/* Spezielle Klassen fuer Druck-Ausgabe (VERSTECKEN)
--------------------------------------------------------------
*/
#urlAnmeldungsBOX   { }
.urlAnmeldung       { }

#KontaktFormularBOX { }
.KontaktFormular    { }

.FormularFehler     {
   font-weight: normal;
   color: #FF0000;
   line-height: 130%;
   padding-bottom: 10px;
}

/* NEUE Klassen fuer "Standard-Artikel" mit Summary
--------------------------------------------------------------
*/
.phpwcmsArticleEntry {	/* umschliesst einen "Standard-Artikel" */ }

.phpwcmsArticleDate { 			/* selbst neu */ 
 font-family: arial; font-size:10px; text-align:right; color:#666; background: #eee; 
 padding: 3px 5px; margin:0 0 5px 0; border-top: 1px solid #ccc;
}


/* NEUE Klassen fuer NewsListing Typ "Standard"
--------------------------------------------------------------
*/
.phpwcmsArticleListEntry {	/* umschliesst einen "Standard" List-Eintrag */
   clear:both;
   background: #f6f6f6; 
   padding:2px 5px 10px 5px;
   margin:0 0 10px 0; 		/* Abstand zwischen 2 Newslist-Eintragungen */ 
   border-bottom: 1px solid #ddd;
/* 
   border-right: 1px solid #ccc; 
   border-bottom: 1px solid #aaa;
*/   
}
.phpwcmsArticleListEntry h1 {}
.phpwcmsArticleListEntry h3 { color: #666; }

.phpwcmsArticleListDate {		/* selbst neu */ 
 clear:both;
 font-family: arial; font-size:10px; text-align:right; color:#666; background: #eee; 
 padding: 3px 5px; margin:10px 0 0 0; border-top: 1px solid #ccc;
}

.phpwcmsArticleListImage { /* incl. ImageCaption */
   float:left; margin: 0 10px 10px 0; padding-top:3px;
}
.phpwcmsArticleListImageCaption { 
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px; 
   color: #369;
   text-align: left; vertical-align: top;
   padding-top:3px;
}
.phpwcmsArticleListMore { text-align:right; margin-top: 5px;
}


/* Paginierung von News-Listings +++
--------------------------------------------------------------
*/
.article_pagination { 
   float:left;
   text-align:center;
   \width: 100%;
/*   wi\dth: 530px;
   \width: 510px;*/
   background: #0082fe;
   padding: 2px 10px; 
   margin:0 0 15px 0; 
   border-top: 1px solid #F5F5F5;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
}

/* Paginierung 

--------------------------------------------------------------
*/

div.cpPaginationTop {
   margin: 10px 0 10px 0;
   text-align: right;
}

div.cpPaginationTop {
        display: table-row;
        visibility: hidden;
}


.cpPagination {
    
   margin: 10px 0px 10px 0px;
   text-align: right;
}
a.cpPaginate, a.cpPaginateActive, a.cpPaginationPrev, a.cpPaginationNext {
   padding: 0px 3px 1px 3px;
   background-color: #FFFFFF;
   color: #BBBBBB;
   text-decoration: none;
   font-weight: bold;
   border: 1px solid #CBCBCB;
}
a.cpPaginateActive {
   background-color: #CBCBCB;
   color: #FFFFFF;
   border: 1px inset #CBCBCB;
}

a.cpPaginationPrev:hover, a.cpPaginationNext:hover, a.cpPaginate:hover {
   background-color: #DDDDDD;
   color: #666666;
   border: 1px inset #CBCBCB;
}

/* Gaestbuch - Eingabebereich 
-------------------------------------------------------------- 
*/
.gbInputForm { text-align:left; background:#FFF; padding:5px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; /* */
}
.gbInputForm h1 { font-size:13px; color:#000; text-align:right; padding-right: 4px;}
.gbError { color:#CC0000; font-weight:bold; }
.gbError ul li { color:#CC0000; font-weight:bold; }
.gbFormFields { text-align:right; vertical-align:top; /* background:blue; */ 
}
.gbInputField {}
.gbInputField2 { background: #FFFEEE;}

.gbShowEmail { 
 background:#DDD;  padding:3px 10px; margin:5px 0; 
}

.gbCaptchaField { text-align:center; vertical-align: bottom; /* background:orange; */ 
 margin: 10px 0;
}
.gbInputFieldCaptcha { background: #FFFEEE; }
.gbFormButton { text-align:center; }

.gbSuccess { font-weight: bold; }

/* Gaestbuch - Navigation ----------
*/
.gbNav { /* Navigationsleiste */
 height:65px;
 background: #FFF;
 padding:5px 5px;
 margin: 10px 0 0 0;
 border-top:1px dotted #000;
 border-bottom:1px dotted #000;
}
.gbNavLeft { float: left;
 margin:0;
}
.gbNavRight { float: right; 
}

/* Gaestebuch - Eintragung ----------
*/
.gbEntries {    /* komplette Liste */ 
 clear:both;
 margin: 10px 0 10px 0; 
}
.gbListEntry {  /* einzelne Eintraege */ 
 clear:both;
 background: #FFF;
 padding:10px 5px;
 margin: 0 0 10px 0; 
 border-top:1px solid #ddd;  
 border-left:1px solid #ddd;  
 border-right:1px solid #ddd;
 border-bottom:2px solid #999;
}

.entryID { /* Eintrags-ID-Nummer */
 float:right; 
width:80px;
 text-align:center;
 font-family: verdana; 
 font-size:35px; font-weight: bold; 
 color:#FFF; 
 background:#F3F3F3; 
 padding:6px 0px 8px 0px; margin:-5px 0 5px 10px;
}

.gbListEntry h1 { /* Name mit URL */
 float:left; height:18px; font-size: 14px; color:#CCC; }
 
.gbListEntry h1 span { /* Eintrags von: */
 color: #111; }

.gbListEntry h2 { /* Datum und eMail-Adresse */
 color: #333; font-size: 12px; }

.gbImage { /* Uebertragenes Bild */ 
 margin: 8px 8px 5px 0;} 

.gbListEntry p { /* Gaestebuch Fliesstext */
 color: #000; margin: 0px; }


/* Gaestebuch - Kommentar ----------
*/
.gbCommentField  { /* Kommentar-Block */
 background:#f5f5f5; 
 padding:5px; 
 border-top:1px solid #eee; 
 border-bottom:1px solid #CC0000; 
 border-left:5px solid #CC0000; 
 }
.gbCommentHeader { /* Kommentar-Header*/
 float: right;
 color: #999; 
 font-weight: normal;
 /* background:#ddd; */
}
.gbComment       { /* Kommentar des Gaestebuch-Administrators */
 color: #666; 
 } 



/* CP-Suche
-------------------------------------------------------------- 
*/
.phpwcmsSearchResult {
/* background: #fff; */
 margin: 15px 0 0 0;
}
.phpwcmsSearchResult h3 {
 font-size: 14px;
 margin: 15px 0 3px 0;
}
.phpwcmsSearchNextPrev {
 text-align:center;
 background: #000;
 color:#ccc;
 padding: 2px 10px;
 margin-top: 10px;
 border-top: 1px solid #F5F5F5;
 border-bottom: 1px solid #ccc;
 border-left: 1px solid #F5F5F5;
 border-right: 1px solid #ccc;
}
.phpwcmsSearchNextPrev a:link { color: #fff; font-weight: bold; text-transform: capitalize; }
.phpwcmsSearchNextPrev a:active { color: #cc0000; font-weight: bold; text-decoration: none; text-transform: capitalize; }
.phpwcmsSearchNextPrev a:visited { color: #fff; font-weight: bold; text-decoration: none; text-transform: capitalize; }
.phpwcmsSearchNextPrev a:hover { color: #cc0000; font-weight: bold; text-decoration: none; text-transform: capitalize; }


/* Neue Klassen in der 1.2.9 pre vom 22.02.2007
--------------------------------------------------------------
*/
.spaceBeforeCP {clear:both;}
.spaceAfterCP  {}


/* Teaser-Klassen ab 1.3.0 --------------------------------------------------------------
*/
.teaser1 { display: block; float: none; background-color: #fff; background-image: url(rc_temp1_images/teaser_cross.gif); background-repeat: no-repeat; background-position: right bottom; clear: none; margin-top: 0px; margin-bottom: 10px; padding-top: 0px; padding-bottom: 10px;  border-bottom: 0px solid #000; }
.teaser2 { display: block; float: left; background-color: #fff; background-image: url(rc_temp1_images/teaser_cross.gif); background-repeat: no-repeat; background-position: right bottom; width: 270px; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; padding: 10px; border: solid 1px #3f7d01; }
.teaser1title { text-transform: float: none; clear: none; margin-top: 3px; padding-top: 2px; padding-bottom: 5px; border-top: 1px dotted #000; border-bottom: 1px dotted #000; }
.teaser1title a:link { color: #000; font-weight: bold;}
.teaser1title a:active { color: #000; font-weight: bold; text-decoration: none; }
.teaser1title a:visited { color: #000; font-weight: bold; text-decoration: none; }
.teaser1title a:hover { color: #cc0000; font-weight: bold; text-decoration: }
.teaser1subtitle { color: #777; font-weight: bold; float: none; clear: none; padding-bottom: 2px; }
.teaser1summary { font-style: italic; float: none; clear: none; }
.teaser1more { float: right; clear: none; margin-top: 20px; }
.teaser1date { font-size: 9px; float: none; clear: none; margin-bottom: 10px;
}


.infobox_links {
   background: #EEE;
   margin: 0;
   border-bottom: 1px solid #EEE;
}
.infobox_links h3 {
   color: #FFF;
   background: #CC0000;
/* background: #EEE url(../../templates/bg/box_.png) no-repeat; */
   padding: 5px 5px 2px 5px; 
   margin-bottom:5px; 
   border-top: 1px solid #CCC;
   border-bottom: 2px solid #F9F9F9;
}
.infobox_links h4 {
   padding: 0px 5px; 
   margin-bottom:5px; 
}
.infobox_links p {
   margin: 0;
   padding: 0px 5px;
   background: #EEE;
}





   


/*===========================Sitemap===========================*/ 
ul.sitemap
{
margin: 1em 0;
list-style-type: none;
/*background: url(../../images/dot.gif) repeat-y 3px 0;*/
padding: 0px 0px 0px 0px;
}

   ul.sitemap a
    {
   color:#3e2d22;
    }
   ul.sitemap a:hover
    {
   color:#fff;
   display: block;
   background-color: #000;
    }

    ul.sitemap li
    {
    margin-bottom: .0em;
   display: block;
    }
	


    ul.sitemap li a
{
background: url(../../images/bullet1.gif) no-repeat 0 .4em;
padding-left: 15px;
   display: block;
}

    ul.sitemap li a.open, ul.sitemap li li a.open, ul.sitemap li li li a.open, ul.sitemap li li li li a.open
    {
    background: transparent url(../../images/bullet2.gif);
    }

    /* second level */
    ul.sitemap ul
    {
    margin: .0em 0 0 0;
    padding: 0;
    list-style-type: none;
       background: transparent url(../../images/dot.gif) repeat-y 3px 0;

    }

    ul.sitemap li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 2px .5em;
    }

    ul.sitemap li li a
    {
    padding: 0 0 0 30px;
    background: transparent url(../../images/bullet1.gif) no-repeat 20px .3em;
    }

    /* third level */
    ul.sitemap ul ul
    {
    background: transparent url(../../images/dot.gif) repeat-y 25px 0;
   font-weight: bold;
    }

    ul.sitemap li li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 25px .5em;
    }

    ul.sitemap li li li a
    {
    padding: 0 0 0 55px;
    background: transparent url(../../images/bullet2.gif) no-repeat 45px .3em;
    }

    /* fourth level */
    ul.sitemap ul ul ul
    {
    background: transparent url(../../images/dot.gif) repeat-y 50px 0;
    }

    ul.sitemap li li li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 50px .5em;
    }

    ul.sitemap li li li li a
    {
    padding: 0 0 0 80px;
    background: transparent url(../../images/bullet3.gif) no-repeat 70px .3em;
    }
    /* fifth level */
    ul.sitemap ul ul ul ul
    {
    background: transparent url(../../images/dot.gif) repeat-y 75px 0px;
    }

    ul.sitemap li li li li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 75px .5em;
    }

    ul.sitemap li li li li li a
    {
    padding: 0 0 0 105px;
    background: transparent url(../../images/bullet2.gif) no-repeat 95px .3em;
    }
    /* sixthlevel */
    ul.sitemap ul ul ul ul ul
    {
    background: transparent url(../../images/dot.gif) repeat-y 100px 0px;
    }

    ul.sitemap li li li li li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 100px .5em;
    }

    ul.sitemap li li li li li li a
    {
    padding: 0 0 0 130px;
    background: transparent url(../../images/bullet2.gif) no-repeat 120px .3em;
    }
       /* seventhlevel */
    ul.sitemap ul ul ul ul ul ul
    {
    background: transparent url(../../images/dot.gif) repeat-y 125px 0px;
    }

    ul.sitemap li li li li li li li
    {
    background: transparent url(../../images/dot2.gif) no-repeat 125px .5em;
    }

    ul.sitemap li li li li li li li a
    {
    padding: 0 0 0 155px;
    background: transparent url(../../images/bullet2.gif) no-repeat 145px .3em;
    }

/*=================ENDE=======Sitemap=========================*/ 

/*=========================Bilder=============================*/
/* -- Text unter dem Bild -- */
.imglistcaption {
	margin: 0;
	padding: 0 5pt 3px 2pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #666;
	display: block;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
}

/* Ramen um Bild und Ramen */
.imagelisttd {
	/*background: #3f7d01;*/ 
	border-bottom: 1px solid #000; 
	border-right: 1px solid #000; 
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	margin: 0;
	padding: 0;
}

/* Rahmen nur um das Bild */
.imagelistimg {
border: 2px solid #FFF; 
	padding: 0;
	margin: 0;
}
/* Bild mit Text */
.image_caption {
	margin: 0;
	padding: 0 5pt 3px 2pt;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #666;
	display: block;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
}

.image_img {
	/*background: #3f7d01;*/ 
	border-bottom: 1px solid #000; 
	border-right: 1px solid #000; 
	border-top: 1px solid #000; 
	border-left: 1px solid #000; 
	margin: 0;
	padding: 0;
}
.image_td {

	padding: 0 5pt 3px 0pt;
	margin: 0;
}
/*===============ENDE======Bilder=============================*/

/*=====Akordeon========*/
#accordion-box {
   PADDING: 0px; 
   MARGIN: 0px;
}
.toggler {
   FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
   FONT-SIZE: 12px; 
   FONT-WEIGHT: bold; 
   LINE-HEIGHT: 100%; 
   cursor: pointer; 
   background-image: url(http://www.vipwoyags.ch/cms/img/background/rot.jpg);
   PADDING: 5px 10px; 
   MARGIN-TOP: 1px;
}
.toggler A:link, .toggler A:visited, .toggler A:hover {
   FONT-WEIGHT: bold; 
   COLOR: #FFFFFF; 
   TEXT-DECORATION: none;}
   .toggler A:hover {
   FONT-WEIGHT: bold; 
   COLOR: #CCCCCC; 
   TEXT-DECORATION: none;
}
.accordion { 
   WIDTH: 100%;FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
   FONT-SIZE: 11px;  
   padding: 0px 0px 0px 0px;
   MARGIN: 0px 0px 0px 0px;
}
/*=====Akordeon====End====*/
.pollSubmitButton { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #000; }
.pollBarPercent {
	margin: 0;
	padding: 0px 10px 3px 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	FONT-SIZE: 11px; 
   FONT-WEIGHT: bold; 
   LINE-HEIGHT: 100%; 
	color: #cc0000;
	text-align: left;
	text-decoration: none;
}

.pollBarCell {
	margin: 0;
	padding: 0px 10px 3px 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	FONT-SIZE: 11px; 
   FONT-WEIGHT: bold; 
   LINE-HEIGHT: 100%; 
	color: #cc0000;
	text-align: left;
	text-decoration: none;
	border-top: 0px solid #ccc; 
}

.pollTotalVotesDiv {
	margin: 10px;
	padding: 10px 10px 10px 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	FONT-SIZE: 12px; 
   FONT-WEIGHT: bold; 
   LINE-HEIGHT: 100%; 
	color: #cc0000;
	text-align: left;
	text-decoration: none;
	border-top: 1px dotted #000; 
	border-bottom: 1px dotted #000; 
}

.pollTotalVotes {
	
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	FONT-SIZE: 12px; 
   FONT-WEIGHT: bold; 
   LINE-HEIGHT: 100%; 
	color: #cc0000;
	text-align: left;
	text-decoration: none;
	
}
















/* navigation-BOX-ramen */
#content-BOX-rechts_ramen {
   width: 188px; 
vertical-align: top; 	  
   text-align: left; 
   background-color: #fff;
   border-left:#000000 solid 1px;
}
.content-BOX-rechts { padding: 0px 0px 9px 4px;
	margin-top: 4px;
	/* "white-space" Fehler im IE7 vermeiden */ 
   \width: 185px; /* Breite der Navigation | IE5x Opera <= 5                  */ 
   widt\h: 185px; /* [Breite der Navigation - (padding-right + padding-left)] */
                  /* =                [ 200 - ( 0 + 10 )] = 180               */
				  
   background-color: #fff;
   font-size: 10px;
   color: #000;
	}
.content-BOX-rechts h3 {
   font-size: 13px;
   color: #000;
background-color: #fff;
   padding: 2px 0px 4px 2px;
   margin-right:3px;
   border-bottom: 2px solid #000;
   border-right: 1px solid #a7a7a7;
   border-top: 2px solid #000;
   border-left: 1px solid #fff;
}
.content-BOX-rechts h4 {
   font-size: 12px;
   color: #000;
   border-bottom: 0px solid #000;
}

/*=================ENDE======spalte-rechts==================*/ 
#content-BOX-unten {
float:left;
width:200px;
height:9px;
background-color:#FFFFFF
}
/*=================ENDE======ganzes_blatt==================*/ 
/* hauptramen_hauptnavi */
#hauptramen_copy {
   width: 980px;
   height: 100%; 
   background-color: #fff;
   padding-bottom:9px;
}
/* innenramen_hauptnavi */
.innenramen_copy {
   width: 959px;
   height: 100%;		  
   text-align: center; 
   background-color: #fff;
   border-top:#000000 solid 1px;
   border-left:#000000 solid 1px;
   border-right:#000000 solid 1px;
   border-bottom:#000000 solid 1px;
   margin-left:9px;
   margin-right:9px;
}

.tabellennav-suchen {
float:left;
width: 190px;
margin-left:9px;

font-weight: bold;
display: block;
   text-decoration: none;
   text-transform: none;
   color: #ff9933; 
   margin-top: 10px; 

height:19px;   
border-bottom: #fe0000 0px solid; 
}  
.c8 {
float: right;
BORDER-RIGHT: #c5ba9d 1px solid; 
BORDER-TOP: #fff 1px solid; 
FONT-WEIGHT: bold; 
FONT-SIZE: 10px; 
BORDER-LEFT: #fff 1px solid; 
COLOR: #3e2d22; 
BORDER-BOTTOM: #c5ba9d 1px solid; 
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
COLOR: #fff; 
BACKGROUND-COLOR: #000; cursor: pointer;
}
.c7 {
float: left;
 BORDER-top: #000 1px solid;
 border-left:#000 1px solid;
 border-bottom:#ddd 1px solid;
 border-right:#ddd 1px solid;
 
 FONT-WEIGHT: bold; 
 FONT-SIZE: 10px; 
 padding-left: 0px;
 
 COLOR: #000; 
 
 FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
 BACKGROUND-COLOR: #fff
 }
 #printcontainer{
width: 590px;
float:right;
height:28px;
display: block;

border-bottom: #fe0000 0px solid; 
margin-right: 9px;
   margin-top: 9px; 
}

/* ------- start news --------- */

.newsEntry {
   padding: 5px 0 0px 0;
}

.newsImageTeaser {
   float:left; 
   border: 5px solid #f6ecee; 
   margin: 0px 10px 5px 0;
   padding: 0px 0px 0 0;

}
.newsImageDetail {
   float:left; 
   border: 5px solid #f6ecee; 
   margin: 4px 10px 5px 0;
   padding: 0px 0px 0 0;

}
.news_teaser {
   text-align: justify;
}

.news_text{
   text-align: justify;
}
.hrNews{
   margin: 0px 0 0px 0;
   padding: 5px 0 0px 0;
   height:0;
   border:0;
   border-bottom:1px dotted #CCCCCC;
   clear:both;
}

/* ------- end news --------- */
/* -------- Calendar --------- ------------------------ 
// PHP Calendar (version 2.3), written by Keith Devens 
// http://keithdevens.com/software/php_calendar 
// see example at http://keithdevens.com/weblog 
// License: http://keithdevens.com/software/license 

// enhanced by Oliver Georgi for phpwcms 
// figure out by flip-flop 
 ------------------------------------------------------ */ 
.calendar { 
   padding: 0; margin:0; 
   font-family: Verdana, Arial, Helvetica; 
   text-align: left; 
   font-size: 12px; 
   line-height: 13px; 
   color: #000000; 
   background-color: #f8f8f8; 
border: 1px solid #ccc;
width: 180px;
} 

.calendar a:hover { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: none; 
   color: #000000; /* red */ 
   background-color : #FFFFFFF; 
} 

.calendarMonth { /* the month */ 
   padding: 1px 0; margin:0; 
background-color : #FFFFFF;
   border-bottom: 1px solid #ccc; 
} 
/* ----- head ----- */ 
.calendarPrev {  /* link sign for prev month */ 
   padding: 0; margin:0; 
   color: #CF0000; 
} 

.calendarNext {  /* link sign for next month */ 
   padding: 0; margin:0; 
   color: #CF0000; 
} 

.calendarWeekNoTitle { /* week numeration title */ 
   padding: 2px 1px ; margin:0; 
/*   font-size: 11px; */ 
   color: #666; /* green */ 
   font-weight: bold; /* bold; */ 
border-right: 1px solid #000; */ 
} 

.calendarDayName { /* day numeration name horizontal */ 
   padding: 0 1px; 
  margin: 0; 
/*   font-size: 11px; */ 
   color: #000; 
   font-weight: bold; /* bold; */ 
border-bottom: 1px solid #cc0000;
} 

/* ----- output of week and day ----- */ 
.calendarWeek { /* week numeration vertical */ 
   padding: 2px 0; margin:0; 
   font-size: 11px; 
   color: #666; 
   border-right: 1px solid #000;
} 

.calendarSelectedDay { /* the selected day */ 
   padding: 0; margin:0; 
   font-size: 11px; 
   font-weight: bold; 
   color: red; #FF0000; /* red */ 
   background-color : #fff; 
   border: 1px solid #cc0000;
} 

/* ---------------- END calendar --------------------- */
/*================Start====mooSlider=============================*/
.mooSlide img {
	float: left;
	margin-right: 20px;
}

#moslide-container {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}
.mooSlide {
	background-color: #000000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFFFFF;
	font-size: 11px;
}
.mooSlide h1 {
	font-size: 17px;
}
.schrift-moslider1 {color: #CCFF00}

code {
	font-size: 12px;
	line-height: 16px;
}

/*================End====mooSlider=============================*/
/* ---------------- Start glossary --------------------- */
.glossary_list_entry {
	line-height: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
}

.glossary_filter_top {
	margin-bottom: 10px;
	font-weight:bold;
	color: #000;
}
.glossary_filter_top a:link { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: none; 
   color: #000000; /* red */ 
   background-color : #FFFFFFF; 
}
 .glossary_filter_top a:hover { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: underline; 
   color: #cc0000; /* red */ 
   background-color : #FFFFFFF; 
}
 .glossary_filter_top a:visited { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: none; 
   color: #000; /* red */ 
   background-color : #FFFFFFF; 
}  
 .glossary_filter_top a:active { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: underline; 
   color: #cc0000; /* red */ 
   background-color : #FFFFFFF; 
} 
 .glossary_filter_top a:focus { /* the selected day */ 
   padding: 0; margin:0; 
   text-decoration: none; 
   color: #cc0000; /* red */ 
   background-color : #FFFFFFF; 
} 
.glossary_filter_bottom {
	margin-top: 10px
}
#onclicktext{ 
position:absolute;
width:280px;
top:0;
right:0;
border: 1px dotted #000;
   padding: 5px 5px 5px 5px; 
   background-color : #f1f1f1;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;

}
.glossary_list_1 {
width:80px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
border-bottom: 1px dotted #000;
}
.glossary_list_2 {
width:200px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
border-bottom: 1px dotted #000;
}
/* ---------------- END glossary --------------------- */