/* =======================================================================
   Dieser komplette Copyright-Vermerk darf NICHT entfernt werden !!!
   name:     frontend.css                     Revision: 2007.03.26 - 15:00
   template: free-S-M-L-XL-002_2007-03-28     Revision: 2007.03.26 - 14:30
   copyright 2005-07 by webDESIGN Dagmar Peperkorn :: phpwcms-templates.de 
   This complete copyright-remark must NOT be removed !!! 
   =======================================================================
*/


/* Zur Darstellung in FF ohne horizontales "Springen" bitte aktivieren */
/* html { min-height: 100.01%; } */


body {
   font-family: Arial, Helvetica, Verdana, sans-serif; 
   font-size: 11px; 
   text-align: center;
/* Gesamt-Hintergrund und Randabstaende, 
   wenn der "FCKeditor" auf "frontend.css" zugreift */
   background: #FFFFFF; 
   margin: 5px 0 5px 0;
/* Dann die entsprechenden Werte fuer die Monitordarstellung
   unbedingt im Bereich "html-head" der Vorlage eingeben! */

/* Wenn fuer den Gesamthintergrund ein Bild/Grafik verwendet werden soll
   sind nachfolgend die erforderlichen Werte einzugeben */
   background: #F9F9F9 url(../../templates/free_M/bg/bg-fade-vertikal-02.jpg);
   background-repeat: repeat-x; 
   background-attachment: fixed;
     scrollbar-3dlight-color:     #939393;       /* Rollbalkenfarbe */
     scrollbar-base-color:        #363636;       /* je nach Hintergrund - dedede */
     scrollbar-highlight-color:   #363636;       /* aktiver Rollbalken */
     scrollbar-arrow-color:       #999999;       /* Pfeil */
     scrollbar-shadow-color:      #363636;
     scrollbar-darkshadow-color:  #363636; 
     scrollbar-face-color:        #363636;       /* Hauptfarbe */
}


/*Container MASTER und BLATT ==================================== */

/* Anzeigebereich fuer die Vorlage: free-S template               */
#container-MASTER-S {
   width: 742px; 
   text-align: center; 
   background-color: #F9F9F9;
   margin:0 auto;
  
/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
/* padding: 0 10px; 
   background-image: url(../../templates/free_S/bg/bg_middle_F9F9F9.png); 
   background-repeat: repeat;
*/
/* --- Rahmenlinien rechts und links --- */
/* border-left und border-right = 1px wenn kein Schatten verwendet wird */
/* border-left und border-right = 0 wenn Schattenfunktion verwendet wird */
   border-left:   1px solid #CCCCCC; 
   border-right:  1px solid #CCCCCC; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333;                      /* Linie oberhalb vom Header */
   border-bottom: 0px solid #CCCCCC;

}

/* Anzeigebereich fuer die Vorlage: free-M template               */
#container-MASTER-M {
   width: 742px; 
   text-align: center; 
   background-color: #F9F9F9;
   margin:0 auto;

/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
/* padding: 0 10px;
   background-image: url(../../templates/free_M/bg/bg_middle_F9F9F9.png); 
   background-repeat: repeat;
*/
/* --- Rahmenlinien rechts und links --- */
/* border-left und border-right = 1px wenn kein Schatten verwendet wird */
/* border-left und border-right = 0 wenn Schattenfunktion verwendet wird */
   border-left:   1px solid #CCCCCC; 
   border-right:  1px solid #CCCCCC; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333;                       /* Linie oberhalb vom Header */
   border-bottom: 0px solid #CCCCCC;
}

/* Anzeigebereich fuer die Vorlage: free-L template               */
#container-MASTER-L {
   width: 742px; 
   text-align: center; 
   background-color: #F9F9F9;
   margin:0 auto;

/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
   padding: 0 10px; 
   background-image: url(../../templates/free_L/bg/bg_middle_666666.png); 
   background-repeat: repeat;   
  
/* --- Rahmenlinien rechts und links --- */
/* border-left und border-right = 1px wenn kein Schatten verwendet wird */
/* border-left und border-right = 0 wenn Schattenfunktion verwendet wird */
   border-left:   0px solid #CCCCCC; 
   border-right:  0px solid #CCCCCC; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333;                       /* Linie oberhalb vom Header */
   border-bottom: 0px solid #CCCCCC;
}

/* Anzeigebereich fuer die Vorlage: free-XL template              */
#container-MASTER-XL { 
   width: 962px; 
   text-align: center; 
   background-color: #000000;   /* F9F9F9  */
   margin:0 auto;

/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
   padding: 0 10px;  
   background-image: url(../../templates/free_XL/bg/bg_middle_F9F9F9-neu.png);  
   background-repeat: repeat;  

/* --- Rahmenlinien rechts und links --- */
/* border-left und border-right = 1px wenn kein Schatten verwendet wird */
/* border-left und border-right = 0 wenn Schattenfunktion verwendet wird */
   border-left:   0px solid #CCCCCC; 
   border-right:  0px solid #CCCCCC; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333;                      /* Linie oberhalb vom Header */
   border-bottom: 0px solid #CCCCCC;   
}


#container-MASTER-100 {
   width: 100%; 
   text-align: center; 
   background-color: #F9F9F9;   /*   */
   margin: 0px auto; 
/* --- Rahmenlinien rechts und links --- */
   border-left:   1px solid #CCCCCC; 
   border-right:  1px solid #CCCCCC; 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333;                     /* Linie oberhalb vom Header */
   border-bottom: 0px solid #CCCCCC;
}


#container-BLATT, #container-BLATT-XL, #container-BLATT-100 {
   width: 742px;
   background-color: #000000;	/* F9F9F9  Farbe Hintergrund Linkleiste unterhalb Header */
   margin:0px auto; 
/*
   padding: 0px 10px 0px 10px;
   background-image: url(../../templates/free_X/bg/bg_Schatten-Blatt-rechts-762.png); 
   background-repeat: repeat;
   background-attachment: fixed;
*/
}
#container-BLATT-XL { width: 962px; }
#container-BLATT-100 { width: 100%; }


/* --- Bereich OBEN ============================================= */

#container-OBEN {
   background-color: #F9F9F9;
   border-bottom: 1px solid #999999; /* 1 wenn Rand EIN | 0 wenn Rand AUS */
}

.header-BILD { 
   padding:0px 0px 0px 0px;               /* Wert1 oben Wert2 rechts Wert3 unten  Wert4 links  */
}

.header-BOX {
   background-color: #CCCCCC; 
   padding:0px 15px 0px 15px;
/* background-image: url(../../templates/free_X/bg/bg_header-verlauf.png); */
   background-repeat: repeat;
   background-attachment: fixed;
}

.headerText_left {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 24px;
   font-weight: bold;
   color: #999999;
   text-align: left;
   margin-top: 47px;
}
.headerText_right {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 32px;
   font-weight: bold;
   color: #F5F5F5;
   text-align: left;
   padding: 0px;
}
.headerText_sub {
   font-family: Arial, Helvetica, sans-serif, Verdana; 
   font-size: 12px;
   font-weight: bold;
   color: #333333;
   text-align: left;
   padding: 0px 0px 5px 0px;
}


/* --- Horizontale Navigation =================================== */

.navRow a:link, .navRow a:visited {
   font-size:10px; color:#65CECF; text-align:center;     /* 333333  */
}
.navRow a:hover {
   font-size:10px; color:#00FFD8; text-align:center;     /* 333333  */
}
.navRow {
   font-size: 10px; color: #65CECF;                      /* 333333  */
   margin:0px; padding:5px 0px;
}
.navRow SPAN { color:#65CECF; font-weight:normal; }      /* 333333  */


/* --- Bereich MITTE ============================================ */

#container-MITTE {
   background-color: #1A3D3D;	/* Hintergrundfarbe des Mittelteils FFFFFF */ 
   border-top: 1px solid #CCCCCC;
}
.Tabelle-MITTE {
   width:100%; 
   border-top: 1px solid #9E9D9D;  /* EFEFEF fuer "Schatten" unter Menue - breiter 2 */	
   border-left: 0px solid #CCCCCC;
   border-right: 0px solid #CCCCCC;
   border-bottom: 0px solid #DDDDDD;    /* Linie ueber dem Footer */
}


/* --- linke Spalte --------------------------------------------- */

.TabellenSpalte-links {
   width: 200px;
   text-align:left; vertical-align:top;
   background: #1A3D3D url(../../templates/free_XL/bg/bg_bluespixel_streifen.jpg);
   background-repeat: repeat; 
   background-attachment: fixed;
/* background-color: #F6F6F6; */
   padding: 5px 5px 5px 5px;
   border-right: 1px dotted #6C9192;
/* border-right:0px solid #EFEFEF; */
}

.logo-BOX { height:55px; margin-top:10px; text-align:center; vertical-align:top;}

.navigation-BOX    { padding: 0px 0px 5px 0px; }
.navigation-BOX-M  { padding: 0px 0px 5px 10px; }

.content-BOX-links { padding: 15px 0px 5px 10px; }

.left-SPACER { clear:both; 
 width:200px; height:5px; font-size:1px; /* background:#ff0000; */ }


/* --- mittlere Spalte ------------------------------------------ */

.TabellenSpalte-mitte { text-align:left; vertical-align:top;
}

.date-BOX {
   float: right;
   font-size: 10px; 
   text-align: right;
   color: #999999;  
   padding: 10px 15px 0px 0px; 
}

.breadcrumb-BOX {
   font-size: 10px; color: #666666; text-align:right;
   padding: 15px 0px 20px 0px; 
   margin: 0 15px 20px 15px;
   border-bottom: 1px solid #EEEEEE; 
}
.breadcrumb-BOX a:link, .breadcrumb-BOX a:visited, .breadcrumb-BOX a:hover {
   font-size: 10px; color: #666666; text-align:right; }

.breadcrumb-BOX-XL {
   font-size: 10px; color:#999999; text-align:right;  /* 666666 */
   padding: 10px 0px 15px 0px; 
   margin: 0 20px 20px 20px;
   border-bottom: 0px solid #999999;                  /* 1 fuer 1 horizontale Linie unter Link */
}
.breadcrumb-BOX-XL a:link, .breadcrumb-BOX-XL a:visited, .breadcrumb-BOX-XL a:hover {
   font-size: 10px; color:#999999; text-align:right; }  /* 666666 */

.breadcrumb-BOX-M {
   font-size: 10px; color:#666666; text-align: right; padding: 4px 15px 5px 15px; 
}
.breadcrumb-BOX-M a:link, .breadcrumb-BOX-M a:visited, .breadcrumb-BOX-M a:hover {
   font-size: 10px; color:#666666; text-align:right; }

.content-BOX      { text-align:left; padding:0px 15px 15px 15px; }
.revision-BOX     { clear:both; text-align:left; padding:5px 15px 10px 15px; }
.TopBackDruck-BOX { text-align:right; padding:0px 15px 5px 15px; }

.content-BOX-XL      { text-align:left; padding:0px 20px 15px 20px; }
.content-BOX-XL-Gallery  { text-align:left; padding:0px 5px 5px 5px; }
.revision-BOX-XL     { clear:both; text-align:left; padding:25px 20px 10px 20px; }
.TopBackDruck-BOX-XL { text-align:right; color:#999999; padding:0px 20px 5px 20px; }

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

.content-SPACER { clear:both; 
 width:500px; height:5px; font-size:1px; /* background:#ff0000; */ }

.content-SPACER-gallery { clear:both; 
 width:500px; height:5px; font-size:1px; /* background:#ff0000; */ }

/* --- rechte Spalte -------------------------------------------- */

.TabellenSpalte-rechts {
   width:200px; 
   text-align:left; vertical-align:top;
   padding: 5px 5px 5px 5px;
   border-left: 1px dotted #6C9192; 
/* border-left: 1px solid #cccccc; */
   background: #1A3D3D;                /*F9F9F9 */
/* background: #F6F6F6; */
/* background: #CCCCCC; */
}

.TabellenSpalte-rechts-gallery {
   width:1px; 
   text-align:left; vertical-align:top;
   padding: 0px 0px 0px 0px;
   border-left: 0px dotted #6C9192; 
/* border-left: 1px solid #cccccc; */
   background: #1A3D3D;                /*F9F9F9 */
/* background: #F6F6F6; */
/* background: #CCCCCC; */
}

.content-BOX-rechts { padding: 0px 0 0px 0;}
.global-BOX-rechts  { padding: 0px 0 0px 0; }

.img-BOX-rechts { 
     /* padding: 0px 0 0px 0; */
	clear: both;
        margin:  30px 0 10px 0;
        padding: 0px 5px 5px 5px;   /* Wert1 oben Wert2 rechts Wert3 unten  Wert4 links  */
        border-top:    1px dotted #6C9192;   /* #CCCCCC */
        border-left:   1px solid #6C9192; 
        border-right:  1px solid #6C9192;
        border-bottom: 1px dotted #6C9192;
        background:    #082424;  /* 456762 */
}
 

.right-SPACER { clear:both; 
 width:200px; height:5px; font-size:1px; /* background:#ff0000; */ }

.right-SPACER-gallery { clear:both; 
 width:1px; height:5px; font-size:1px; /* background:#ff0000; */ }


/* --- Bereich UNTEN ============================================ */

#container-UNTEN, #container-UNTEN-XL, #container-UNTEN-100 {
   clear:both;
   width:742px; 
   text-align:center; 
   background-color: #000000;	     /* EEEEEE Hintergrundfarbe des FOOTER */ 
   margin: 0px auto; 
   border-bottom: 1px solid #999999;
/*
   background-image:url(../../template/free_X/bg/bg_footer.png); 
   background-repeat:repeat-x;
*/
}
#container-UNTEN-XL { width: 962px; } 
#container-UNTEN-100 { width: 100%; }

.pepes-footer a:link, .pepes-footer a:visited, .pepes-footer a:hover {
   font-size: 10px; color: #999999; text-align: center;                 /* 333333 */
}
.pepes-footer {
   font-size: 10px; color: #999999; margin:0; padding: 10px 0 5px 0;    /* 333333 */
}
.pepes-footer SPAN {
   color: #999999; font-weight:normal;                                  /* 333333 */
}

.pepes-footer-copyright a:link, .pepes-footer-copyright a:visited, .pepes-footer-copyright a:hover {
   font-size: 9px; color: #999999; text-align: center;                 /* 333333 */
}
.pepes-footer-copyright {
   font-size: 9px; color:#999999; margin:0; padding:5px 0 10px 0;       /* 333333 */
}

#footer-shadow-S, #footer-shadow-M, #footer-shadow-L {
   width: 762px; height: 10px; margin: 0px auto; }

#footer-shadow-S { /* Hintergrundbild für Schatten */
   background-image: url(../../templates/free_S/bg/bg_bottom_F9F9F9.png); }
#footer-shadow-M { /* Hintergrundbild für Schatten */
   background-image: url(../../templates/free_M/bg/bg_bottom_F9F9F9.png); }
#footer-shadow-L { /* Hintergrundbild für Schatten */
   background-image: url(../../templates/free_L/bg/bg_bottom_666666.png); }

#footer-shadow-XL {
   width: 982px; height: 10px; margin: 0px auto; 
/* Hintergrundbild für Schatten */
   background-image: url(../../templates/free_XL/bg/bg_bottom_F9F9F9-neu.png);
}


/* --- GoogleAds ================================================ */

#container-GoogleAds, #container-GoogleAds-XL  {
   width: 742px; 
   background-color: #EEEEEE; 
   text-align: center; 
   padding-top: 10px;
}
#container-GoogleAds-XL  { width: 962px; } 


/* --- vertikale Navigation = PEPES_NAV_LIST = ================== */

.navList       { margin:0px 0px 0px 0px; text-align: left; }
.pepes_navList { margin:0px 0px 0px 0px; text-align: left; }

/* Navigation = aktiv mit Farbbalken fuer Variante 2 ------------ */
#activeSection  { font-weight: bold; color: #000000; }


/* Navigation = aktiv mit Farbbalken fuer pepes Variante 3 ------ */
#aktiveEbene_1 a, #aktiveEbene_1 a:visited, #aktiveEbene_1 a:hover {
   font-weight:bold; color:#000;
   border-left:4px solid #FF0000;
   background: #F9F9F9;
/* background-image: url(../../templates/free_X/bg/bg_navi_aktiv.gif); */
}
#aktiveEbene_2 a, #aktiveEbene_2 a:visited, #aktiveEbene_2 a:hover {
   font-weight:bold; color:#000; 
   border-left:4px solid #FF0000;
   background: #F9F9F9;
}
#aktiveEbene_3 a, #aktiveEbene_3 a:visited, #aktiveEbene_3 a:hover {
   font-weight:bold; color:#000;
   border-left:4px solid #FF0000;
   background: #F9F9F9;
}
#aktiveEbene_4 a, #aktiveEbene_4 a:visited, #aktiveEbene_4 a:hover {
   font-weight:bold; color:#000;
   border-left:4px solid #FF0000;
   background: #F9F9F9;
}
#aktiveEbene_5 a, #aktiveEbene_5 a:visited, #aktiveEbene_5 a:hover {
   font-weight:bold; color:#000;
   border-left:4px solid #FF0000;
   background: #F9F9F9;
}
#aktiveEbene_6 a, #aktiveEbene_6 a:visited, #aktiveEbene_6 a:hover {
   font-weight:bold; color:#000;
   border-left:4px solid #FF0000;
   background: #F9F9F9;
}


/* Navigation = normal fuer pepes Variante 2 und 3 -------------- */

/* 1. Ebene wird bei L- und XL-template NICHT verwendet */
.MenueEbene_1 A:link, .MenueEbene_1 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   font-weight: bold;
   line-height: 17px; 
   color: #999999; 
   background-color: #;                     /* Balkenfarbe 363D3D */
   text-decoration: none;
   margin: 2px 0px 2px 0px; 
   padding: 0px 0px 0px 5px; 
   border-left: 4px solid #2E5B5C; 
}
.MenueEbene_1 A:hover {
   color: #65CECF; 
   font-weight: bold;                         
   text-decoration: none;
   background: #;                     /* Balkenfarbe 6C9192 */
   border-left: 4px solid #00FFD8;  /* Balken links */
}  

/* */
.MenueEbene_2 A:link, .MenueEbene_2 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 17px; 
   color: #333333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 10px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDDDDD; 
}
.MenueEbene_2 A:hover {
   color: #999999; 
   background: #F3F3F3;
   text-decoration: none;
   background: #F3F3F3;
   border-left: 4px solid #FF0000; 
}

/* */
.MenueEbene_3 A:link, .MenueEbene_3 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 17px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 20px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDD; 
}
.MenueEbene_3 A:hover {
   COLOR: #999; 
   TEXT-DECORATION: none;
   background: #F3F3F3;
   BORDER-LEFT: 4px solid #F00; 
}

/* */
.MenueEbene_4 A:link, .MenueEbene_4 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 17px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 30px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDD; 
}
.MenueEbene_4 A:hover {
   COLOR: #999; 
   TEXT-DECORATION: none;
   background: #F3F3F3;
   BORDER-LEFT: 4px solid #F00; 
}

/* */
.MenueEbene_5 A:link, .MenueEbene_5 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 17px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 40px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDD; 
}
.MenueEbene_5 A:hover {
   COLOR: #999; 
   TEXT-DECORATION: none;
   background: #F3F3F3;
   BORDER-LEFT: 4px solid #F00; 
}

/* */
.MenueEbene_6 A:link, .MenueEbene_6 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 17px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 50px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDD; 
}
.MenueEbene_6 A:hover {
   COLOR: #999; 
   TEXT-DECORATION: none;
   background: #F3F3F3;
   BORDER-LEFT: 4px solid #F00; 
}


/* --- xxxxxxxxxx =============================================== */

form, div, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:10; color:#999999; font-size: 12px; line-height: 130%;}

td, th, p, div, span {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;                                      /* Schriftgroesse im Text,artsummary */
}

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

.listEntry { margin-bottom: 10px; }


/* Farben der Text-Links */
a, a:link, a:visited, a:active, a:focus {
   color: #00FFD8;
   text-decoration: none;
}
a:hover {
   color: #00FFD8;
   text-decoration: underline;
}

/* Fliesstext bei Verwendung im CP "Text mit Bild" und "Einfacher Text" */
.articleText { 
   text-align: left;
   line-height: 140%;
   margin-bottom: 5px;	
}

/* Spezielle Formatierung fuer den ContentPart "CODE" */
.articleCode { 
   font-family: "Courier New", Courier, monospace;
   font-size: 12px;
   margin-bottom: 5px;
}

/* Artikel-Titel :: Eingabe in Artikel Basisinformation */
h1, .articleHead, .articleList_tophead {
   font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   line-height : 100%;
   color: #65CECF;           /* 000000 */
   margin-bottom: 5px;
}

/* Artikel-Untertitel :: Eingabe in Artikel Basisinformation */
h2, .articleSubHead, .articleList_topsubhead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #00FFD8;              /* 17E7C7 */
   line-height: 100%;
   margin-bottom: 5px;
}

/* Fliesstext im Bereich Schlagtext :: Eingabe in Artikel Basisinformation */
.articleSummary {	
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   text-align: left;
   color: #999999;              /* 333333 */
   line-height: 130%;
   margin-bottom: 5px;
}

/* ContentPart-Titel / Inhalts-Titel :: Eingabe in Contentpart */
h3, .contentHead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #65CECF;             /* unterhalb eigentlicher Ueberschrift */
   line-height: 110%;
   margin-bottom: 5px;
}

/* ContentPart-Untertitel / Inhalts-Untertitel :: Eingabe in Contentpart */
h4, .contentSubHead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
   color: #65CECF;
   line-height: 130%;
   margin-bottom: 5px;
}

h5, .articleHead, .articleList_tophead {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   font-style: italic;
   line-height : 120%;
   color: #00FFD8;           /* 000000 */
   margin-bottom: 5px;
}

/* ----- Sonderfall linke Spalte -------------------------------- */
.content-BOX-links h3, global-BOX-links h3 { font-size:13px; }
.content-BOX-links h4, global-BOX-links h4 { font-size:11px; }

.content-BOX-links .articleText, .content-BOX-links .infoBox_navi, global-BOX-links .articleText {
	font-size:10px;
}

/* ----- Sonderfall rechte Spalte ------------------------------- */
.content-BOX-rechts h3, global-BOX-rechts h3 { font-size:13px; }
.content-BOX-rechts h4, global-BOX-rechts h4 { font-size:11px; }

.content-BOX-rechts .articleText, .content-BOX-rechts .infoBox_navi, global-BOX-rechts .articleText {
	font-size:10px;
}


.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: Arial, Helvetica, Verdana, sans-serif; font-size:  9px; }
.v10 {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; }
.v11 {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; }
.v12 {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; }
.v13 {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; }
.v14 {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; }


/* --- Formulare ------------------------------------------------

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


/* search ------------------------------------------------------- */

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


/* CSS for the top level list ----------------------------------- */
#list_top_ul {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #5E747F;
	font: bold 12px Verdana, sans-serif;
}
#list_top_ul li {
	list-style: none;
	margin: 0;
	display: inline;
}
#list_top_ul li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #D7DEE5;
	text-decoration: none;
}
#list_top_ul li a:link { color: #5E747F; }
#list_top_ul li a:visited { color: #5E747F; }
#list_top_ul li a:hover {
	color: Black;
	background: #92A1AF;;
	border-color: #227;
}
#list_top_ul li a#list_top_active_link, #list_top li a#list_top_home_active_link {
	background: white;
	border-bottom: 1px solid white;
}


/* CSS for the currect level list ------------------------------- */

#list_level ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}
#list_level li { margin: 0 0 1px 0; }
#list_level a {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid #92A1AF;
	width: 160px;
	background-color: #B7C2D0;
}
#list_level a:link, #list_level_ul a:visited {
	color: Black;
	text-decoration: none;
}
#list_level a:hover {
	border: 1px solid #92A1AF;
	background-color: #FF8C00;
	color: Black;
}
#list_level_parent a:link, #list_level_parent a:visited, #list_level_parent_link a:hover {
	border: 1px solid #92A1AF;
	background-color: #FF6600;
	color: White;
}


/* Formatierung der vertikalen Navigation {NAV_LIST_COLUMN:xx} -- */

.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   color: #999999;                               /* 4A5966 */
   font-weight: bold;
   text-decoration: none;
}
.nav_table a:hover {
   color: magenta;     /* #65CECF */
   font-weight: bold;
   text-decoration: none;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   color: #00FFD8;
   font-weight: bold;
   text-decoration: none;
}


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

/* --- Anzeige des Administrators im des Frontend bei "login" --- */

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

/* --- DIV-Version der Bild-Anordnungen ------------------------- */

.phpwcmsImgListRight { text-align:right; } /* NEU ab 1.2.9_pre */

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


/* --- Bildunterzeile fuer Einzelbild und Serien-Bilder --------- */

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


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

/* --- ContentPart - Abstand "vor" und Abstand "nach" --- */
.spaceBeforeCP { clear:both; 
/* border-top:1px solid RED; */
 }
.spaceAfterCP  { 
/* border-top:1px dotted BLUE; */
 }


/* --- Suche --- */
.phpwcmsSearchResult { 
        margin: 15px 0 15px 0; 
}
.phpwcmsSearchResult h3 {
	margin:10px 0 1px 0; font-size:12px; font-weight:bold; 
}
.phpwcmsSearchResult p { 
        margin: 0; 
}
.phpwcmsSearchResult em.highlight, em.highlight {
	background-color: #FFFF00; font-style:inherit; 
}


/* --- Artikel-Liste --- */
.phpwcmsArticleListEntry {
	clear: both;
        margin:  0 0 30px 0;
        padding: 10px 20px 10px 20px;   /* Wert1 oben Wert2 rechts Wert3 unten  Wert4 links  */
        border-top:    1px dotted #6C9192;   /* #CCCCCC */
        border-left:   1px solid #6C9192; 
        border-right:  1px solid #6C9192;
        border-bottom: 1px dotted #6C9192;
        background:    #456762;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}

h1, .phpwcmsArticleSummary {	
        font-family: "Arial", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold; 
        line-height : 100%;
        color: #65CECF;           /* 65CECF cccccc*/
        padding-top: 5px;
        margin-bottom: 5px;
}

h2, .phpwcmsArticleSummary {	
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        color: #00FFD8;              /* 17E7C7 */
        line-height: 100%;
        margin-bottom: 5px;
}


.phpwcmsArticleListSummary {	
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   text-align: left;
   color: #65CECF;              /* 999999 */
   line-height: 130%;
   margin-bottom: 5px;
}

.phpwcmsArticleListDate {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px; 
   font-weight: normal;
   color: #999999;
   text-align: left;
   padding-top:3px;
   border-bottom: 1px dotted #6C9192;  /* 6C9192 */
 /*  background: #31615A; */
}

.phpwcmsArticleListMore {}


/* --- Paginierung --- */

/* === Paginierung von Artikeln in CP-Gruppen === Neu ab Version 1.3.3 === */
div.cpPagination {
   margin: 10px 0 10px 0;
   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;
}



/* --- Gaestebuch --- */


/* --- Gaestebuch Eintragsfeld --- */


/* --- Gaestebuch Posting-Liste --- */


/* --- Gaestebuch Kommentar --- */


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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

The original version of this stylesheet and the associated (x)html
is 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.
=================================================================== */

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu,
#pmenu ul {
   padding:         0;
   margin:            0;
   list-style-type:   none;
   z-index: 1;
}

/* Set up the link size, color and borders */
#pmenu a,
#pmenu a:visited {
   display:         block;
   width:            160px;
   font-size:         11px;
   color:            #575757;
   line-height:      13px;
   text-decoration:   none;
   padding:         3px 5px 3px 5px;
}

/* Adopt width of first level links */
#pmenu a.first1,
#pmenu a.first1:visited {
   width:            55px;
}
#pmenu a.first17,
#pmenu a.first17:visited {
   width:            160px;
}
#pmenu a.first35,
#pmenu a.first35:visited {
   width:            62px;
}
#pmenu a.first74,
#pmenu a.first74:visited {
   width:            82px;
}
#pmenu a.first84,
#pmenu a.first84:visited {
   width:            62px;
}


#pmenu a.first1,
#pmenu a.first1:visited,
#pmenu a.first17,
#pmenu a.first17:visited,
#pmenu a.first35,
#pmenu a.first35:visited,
#pmenu a.first74,
#pmenu a.first74:visited,
#pmenu a.first84,
#pmenu a.first84:visited {
   padding:         1px 5px 1px 5px;
}




#pmenua a:hover {
   color:            #575757;
}

/* Set up the sub level borders */
#pmenu li ul li a,
#pmenu li ul li a:visited {
   color:            #ffffff;
}
#pmenu li ul li a.enclose,
#pmenu li ul li a.enclose:visited {
/*   border-top:         1px solid #f2f2f2; */
}

/* Set up the list items */
#pmenu li {
   float:            left;
   background:         #dddddd;
   border-left:      1px solid #f2f2f2;
   border-bottom:      0;
}
#pmenu li ul li {
   float:            left;
   background:         #dddddd;
   border-left:      1px solid #f2f2f2;
   border-bottom:      1px solid #f2f2f2;
   border-right:      1px solid #f2f2f2;
}


/* For Non-IE browsers and IE7 */
#pmenu li:hover {
   position:         relative;
}
/* Make the hovered list color persist */
#pmenu li:hover {
   background:         #acacac;
}

#pmenu li ul li:hover {
   background:         #5d5d5d;
}


#pmenu li:hover > a {
   color:            #FFFFFF;
}
#pmenu li:hover li > a {
   
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
   display:         none;
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
   display:         block;
   position:         absolute;
   top:            -3px;
   left:            155px;
   padding:         3px 15px 15px 15px;
   background:         transparent url(img/leer.gif);
   width:            185px;
}
/* Position the first sub level beneath the top level links */
#pmenu > li:hover > ul {
   left:            -16px;
   top:            13px;
}

/* get rid of the table */
#pmenu table {
   position:         absolute;
   border-collapse:   collapse;
   top:            0;
   left:            0;
   z-index:         100;
   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 */
* html #pmenu li a:hover {
   position:         relative;
   color:            #FFFFFF;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active,
#pmenu li a:focus {

}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {
   /* background:         #dddddd url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center; */
}
#pmenu li.drop {
   /* background:         #dddddd url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center; */
}
#pmenu li.drop li {
   background:            #bbbbbb;
}


/* 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; */
* html #pmenu li ul {
   visibility:         hidden;
   display:         block;
   position:         absolute;
   top:            -6px;
   left:            155px;
   padding:         5px 15px 15px 15px;
   background:         transparent url(img/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:            -15px;
   top:            11px;
   lef\t:            -16px;
   to\p:            11px;
}

/* 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:            -5px;
   left:            155px;
}
/* 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 */


~~~~~~~~~~~~~~~~~~~~~~~~

/* -------- contact form --------- */
.contact_form {
   border: 1px solid #c8c8c8;
   background-color: #f2f2f2; /* #EFEFEF; */
   padding: 10px 0 10px 10px;
   margin: 0 0 10px 0;
   width: 600px;
}

input,textarea,select {
   font-family: Arial, Verdana, Helvetica;
   font-size: 10pt;
   color : #444444;
   border : 1px solid #c8c8c8;
   background-color : #f7f7f7;
}

.formLabel {
   font-family: Arial, Verdana, Helvetica;
   font-size: 10pt;
   font-weight: bold;
/*   vertical-align: top; */
/*   padding: 2px 0 0 10px;   asterix links */
}

.formLabelRequired {
   font-family: Arial, Verdana, Helvetica;
   font-size: 10pt;
   color: #7F003B;
   font-weight: bold;
   vertical-align: middle;
   padding-top: 2px;
}

.formField {
   font-family: Arial, Verdana, Helvetica;
   font-size: 10pt;
   font-weight: normal;
   color: #000000;
   vertical-align: middle;
   padding-top: 2px;
}

#submitIt {
   font-size: 9pt;
   font-weight: bold;
   color: #000000;
   border: 1px solid #000000;
   background-color : #DFEEFF;
}

#resetIt {
   font-size: 9pt;
   font-weight: bold;
   color: #000000;
   border: 1px solid #000000;
   background-color : #FFEDDF;
}

#captchaimg_ {     /* No function, if you want, please erase the _ */
   font-size: 9pt;
   font-weight: bold;
   color: #000000;
   border: 1px solid #000000;
   background-color : #DFEEFF;
}

#captcha_ {       /* No function, if you want, please erase the _ */
   font-size: 9pt;
   font-weight: bold;
   color: #000000;
   border: 1px solid #000000;
   background-color : #FFEDDF;
}

#schlusstext {
   font-family: Arial, Verdana, Helvetica;
   font-size: 10pt;
   font-weight: normal;
}

/* -- end contact form -- */

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* Artikelpaginierung */

/* --------- article pagination ----------- */
.article_paginate_navi {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   background: #fff url(../../picture/navi/article_navi.jpg) no-repeat left top ;
   color: #65CECF;
   margin: 21px 0 0 0;
   padding: 3px 15px 0 15px;
   height: 20px;
   }
.article_paginate_navi a {
   color: #00FFD8;
   font-weight: bold;
   text-decoration: none;
   }
   
.article_paginate_navi a:hover {
   color: #00FFD8;
   font-weight: bold;
   text-decoration: underline;
   }

.apn_prev {
   float: left;
   color: #555;
   margin: 0;
   padding: 0 ;
   }
.apn_mid {
   float: left;
   color: #888;
   margin: 0;
   padding: 0 0 0 50px;
   }
.apn_navi {
   float: left;
   color: #65CECF;
   margin: 0;
   padding: 0 0 0 55px;
   }
.apn_next {
   float: right;
   color: #999999;  /* 555 */
   margin: 0;
   padding: 0;
   }

.clear { /* clear e.g. the float */
   clear: both;
}