/* =======================================================================
   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: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 11px; 
   text-align: center;
/* Gesamt-Hintegrund 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; */
}


/*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: 1024px; 
   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: #F9F9F9;
   margin:0 auto;

/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
   padding: 0 10px;
   background-image: url(../../templates/free_XL/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:   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: #F9F9F9;	
   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;
}

.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, .navRow a:hover {
   font-size:10px; color:#333333; text-align:center;
}
.navRow {
   font-size: 10px; color: #333333; 
   margin:0px; padding:5px 0px;
}
.navRow SPAN { color:#333333; font-weight:normal; }


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

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


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

.TabellenSpalte-links {
   width: 100px;
   text-align:left; vertical-align:top;
/* background-color: #F6F6F6; */
   padding: 5px 5px 5px 5px;
/* 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:100px; 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: #666666;  
   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:#666666; text-align:right;
   padding: 15px 0px 20px 0px; 
   margin: 0 20px 20px 20px;
   border-bottom: 1px solid #EEEEEE; 
}
.breadcrumb-BOX-XL a:link, .breadcrumb-BOX-XL a:visited, .breadcrumb-BOX-XL a:hover {
   font-size: 10px; color:#666666; text-align:right; }

.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; }
.revision-BOX-XL     { clear:both; text-align:left; padding:5px 20px 10px 20px; }
.TopBackDruck-BOX-XL { text-align:right; 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:588px; 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 #EFEFEF; */  
/* border-left: 1px solid #cccccc; */
   background: #F9F9F9;
/* background: #F6F6F6; */
/* background: #CCCCCC; */
}

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

.right-SPACER { clear:both; 
 width:200px; 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: #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: #333333; text-align: center;
}
.pepes-footer {
   font-size: 10px; color: #333333; margin:0; padding: 10px 0 5px 0;
}
.pepes-footer SPAN {
   color: #333333; font-weight:normal; 
}

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

#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.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; 
   line-height: 17px; 
   color: #333333; 
   background-color: #F9F9F9;
   text-decoration: none;
   margin: 1px 0px 1px 0px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDDDDD; 
}
.MenueEbene_1 A:hover {
   color: #999999; 
   text-decoration: none;
   background: #F3F3F3;
   border-left: 4px solid #FF0000; 
}  

/* */
.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:0; }

td, th, p, 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; }


/* Farben der Text-Links */
a, a:link, a:visited, a:active, a:focus {
   color: #FF3300;
   text-decoration: none;
}
a:hover {
   color: #FF3300;
   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 Narrow", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight: bold;
   text-decoration: none;
   line-height : 100%;
   color: #000000;
   margin-bottom: 5px;
}

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

/* Fliesstext im Bereich Schlagtext :: Eingabe in Artikel Basisinformation */
.articleSummary {	
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-align: left;
   color: #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: #336699;
   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;
   color: #000000;
   line-height: 110%;
   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: 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; }


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

.formButton	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #92A1AF; }
.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;}
*/


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

.formSearch { font-family: Verdana, Helvetica, Arial, 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: Verdana, Geneva, Arial, 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: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color: #4A5966;
   font-weight: normal;
   text-decoration: none;
}
.nav_table a:hover {
   color: #4A5966;
   font-weight: normal;
   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: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color: #4A5966;
   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;
}
.phpwcmsArticleListImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-top: 3px;
}
.phpwcmsArticleListImageCaption {
	padding-top: 5px;
}


/* --- Paginierung --- */


/* --- Gaestebuch --- */


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


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


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