/* =======================================================================
   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

   Modifikation fuer vertikale Navi: NAV_LIST_UL        2009-10.31 - 14:20
   
   copyright 2005-09 by webDESIGN Dagmar Peperkorn :: phpwcms-templates.de 
   This complete copyright-remark must NOT be removed !!! 


   Hellblau für CustomBlocks: #DEE7F8
   =======================================================================
*/


/* Zur Darstellung in FF ohne horizontales "Springen" bitte aktivieren */
html { min-height:100.00%; border-bottom:1px solid transparent; } 


body {
   font-family: Verdana, Helvetica, Arial, sans-serif; 
   font-size: 11px; 
   text-align: center;
   background:#F9F9F9;
   padding:0px 0 10px;
   margin:0;
/* Wenn fuer den Gesamthintergrund ein Bild/Grafik verwendet werden soll
   sind nachfolgend die erforderlichen Werte einzugeben */
/* */ 
   background: #003B7A url(../../templates/free_XL/bg/bg-fade-vertikal-03.jpg);
   background: #C1D2E2 url(../../templates/free_XL/bg/bg-fade-vertikal-04.jpg);
   background-repeat: repeat-x; 
   background-attachment: fixed;
/* */
}


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

/* 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 #ccc; 
   border-right:  0px solid #ccc; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    0px solid #333333; /* Linie oberhalb vom Header */
   border-bottom: 0px solid #999;
}

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

/* Die 3 folgenden Zeilen aktivieren fuer Schattenverlauf */
/* ---padding: 0 10px; */
/* ---background-image: url(../../templates/free_XL/bg/bg_middle_F9F9F9.png); */
/* alternative Hintergrundfarbe "dunkel" */   
/* background-image: url(../../templates/free_XL/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:   1px solid #999; 
   border-right:  1px solid #999; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    1px solid #ccc; /* Linie oberhalb vom Header */
   border-bottom: 1px solid #333;   
}


#container-BLATT, #container-BLATT-XL {
   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; }


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

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

.header-BILD { 
   width:962px; 
   height:150px;
   background-image: url(../../templates/free_XL/header/header-962x150-0.gif); 
   padding:0;
}

.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 =================================== */

/* NEU bei der modifizierten Version: free-XL-2009  */
.navRow-2009 { height:20px; background:#81909F; margin-top:1px; }


.navRow a:link, .navRow a:visited, .navRow a:hover { 
   font-size:12px; color:#333333; 
color:#FFF; 
   text-align:center;
} 
.navRow { /* height:20px; */
background:#111; 
/* display:none; */ /* Wenn keine horizontale-Navi angezeigt werden soll */
   font-size: 12px; color: #333333;
   color:#999; 
   margin:0px; 
margin-top:1px;   
   padding:5px 0px;
}
.navRow SPAN { color:#333333; font-weight:normal;
}


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

#container-MITTE {
clear:both;
   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: 200px;
   text-align:left; vertical-align:top;
/* background-color: #F6F6F6; */
   padding: 5px 5px 5px 5px;
/* border-right:0px solid #EFEFEF; */
}

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

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

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

/* NEU bei der modifizierten Version 2009 ========= */
.content-BOX-links-2009 { padding: 15px 0 5px; }

.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: #666666;  
   padding: 10px 15px 0px 0px; 
}

.breadcrumb-BOX {
   font-size: 10px; color: #666666; text-align:right;
   padding: 15px 0px 20px 0px; 
   margin: 0 15px 15px 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: 20px 0px 8px 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:500px; height:5px; font-size:1px; /* background:#ff0000; */ }


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

.TabellenSpalte-rechts {
   width:200px; 
   text-align:left; vertical-align:top;
   padding: 25px 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 {
   clear:both;
   width:742px; 
   text-align:center; 
   background-color: #EEEEEE;	     /* Hintergrundfarbe des FOOTER */ 
   margin: 0px auto; 
border-top: 1px solid #ddd;   
   border-bottom: 1px solid #999999;
/*
   background-image:url(../../template/free_X/bg/bg_footer.png); 
   background-repeat:repeat-x;
*/
}
#container-UNTEN-XL { width: 962px; } 

.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-L { /* Hintergrundbild fuer Schatten */
   width: 762px; height:10px; margin: 0px auto;
   background-image: url(../../templates/free_L/bg/bg_bottom_666666.png); 
}

#footer-shadow-XL {
   width: 982px; height: 10px; margin: 0px auto; 
/* Hintergrundbild fuer Schatten */
   background-image: url(../../templates/free_XL/bg/bg_bottom_F9F9F9.png);
/* alternative Hintergrundfarbe "dunkel" */   
/* background-image: url(../../templates/free_XL/bg/bg_bottom_666666.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_2 a:link, .MenueEbene_2 a:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 13px; 
   line-height: 19px; 
   color: #333333; 
   background-color: #F9F9F9;
   text-decoration: none;
   margin: 1px 0px 1px 0px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDDDDD; 
}
.MenueEbene_2 a:hover {
   color: #999999; 
   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: 12px; 
   line-height: 19px; 
   color: #333333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 10px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDDDDD; 
}
.MenueEbene_3 a:hover {
   color: #999999; 
   background: #F3F3F3;
   text-decoration: none;
   background: #F3F3F3;
   border-left: 4px solid #FF0000; 
}

/* */
.MenueEbene_4 a:link, .MenueEbene_4 a:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 19px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 20px; 
   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: 12px; 
   line-height: 19px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 30px; 
   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: 12px; 
   line-height: 19px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 40px; 
   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; 
}

/* */
.MenueEbene_7 A:link, .MenueEbene_7 a:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 19px; 
   color: #333; 
   background-color: #F9F9F9; 
   text-decoration: none;
   margin: 1px 0px 1px 50px; 
   padding: 0px 0px 0px 6px; 
   border-left: 4px solid #DDD; 
}
.MenueEbene_7 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; }

p { margin-bottom: 0px; }

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


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

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


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



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



/* DIV-Version der Bild-Anordnungen :: ab 1.3.5.1
--------------------------------------------------------------
*/
.imgListTableLeft    { margin:0px 8px 4px 0px; padding:0px; border:0; }
.imgListTableRight   { margin:0px 0px 4px 8px; padding:0px; border:0; }


/* --- 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 von Artikeln                                    */
/* =============================================================== */



/* =============================================================== */
/* === GÄSTEBUCH                                                   */
/* =============================================================== */

/* Gaestbuch - Eingabebereich ------------------------------------ 
*/
.gbInputForm { text-align:left; background:#f3f3f3; padding:5px; 
 border: 1px solid #1F3B63; /* */
}
.gbInputForm h1 { font-size:13px; color:#CCC; color:#1F3B63; 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:55px;
 background: #DDD;
 padding:5px 5px;
 margin: 10px 0 0 0;
}
.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;
background: #E6E9F0;
 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; 
background: #1F3B63;
 padding:6px 0px 8px 0px; margin:-5px 0 5px 10px;
}

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

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

.gbImage {             /* Uebertragenes Bild */ 
 float:left;
 margin: 3px 10px 5px 0; padding:5px; border:1px solid #ddd; } 

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


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

.gbLoginInfo {     /* Fehlermeldungen */
 color: red;
}