/* =======================================================================
   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-L template               */
#container-MASTER-L {
   width: 742px; 
   text-align: center; 
   background-color: #ffffff;
   margin:0 auto;
   
/* --- 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 #333333; 
   border-right:  1px solid #333333; 
 
/* --- Rahmenlinien oben und unten --- */
   border-top:    1px solid #333333; /* Linie oberhalb vom Header */
   border-bottom: 1px solid #333333;
}


/* --- 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-repeat: repeat;
   background-attachment: fixed;
}



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

.navRow a:link, .navRow a:visited, .navRow a:hover {
   font-size:11px; color:#ffffff; text-align:center;
}
.navRow {
   font-size: 11px; color: #ffffff; 
   margin:0px; padding:5px 0px;
   background-color: #658864;
}
.navRow SPAN { color:#ffffff; font-weight:normal; }


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

#container-MITTE {
   background-color: #FFFFFF;	/* Hintergrundfarbe des Mittelteils */ 
   border-top: 1px solid #CCCCCC;
}
.Tabelle-MITTE {
float: left;
   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; */
}

.TabellenSpalte-linksstart {
   width: 150px;
   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:80px; text-align:center; vertical-align:bottom;}
.logo_-BOX { height:55px; margin-top:10px; text-align:center; vertical-align:bottom;}

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

.breadcrumb-BOX {
   font-size: 10px; color: #333333; text-align:right;
   padding: 10px 0px 15px 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: #333333; 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; }



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

}


.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; background-color: #FFFFFF; margin:0; padding:5px 0 10px 0;
}


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

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



/* --- 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 = 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: 12px; 
   line-height: 16px; 
   color: #333333; 
   background-color: #FFFFFF;
   text-decoration: none;
   margin: 4px 0px 1px 0px; 
   padding: 0px 0px 0px 6px; 
   border-left: 2px solid #658864; 
}
.MenueEbene_1 A:hover {
  color: #FFFFFF; 
   background: #666666;
   text-decoration: none;
   background: #666666;
   border-left: 2px solid #DDDDDD; 
border-right: 2px solid #DDDDDD; 
}  

/* */
.MenueEbene_2 A:link, .MenueEbene_2 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 16px; 
   color: #333333; 
   background-color: #FFFFFF; 
   text-decoration: none;
   margin: 4px 0px 1px 10px; 
   padding: 0px 0px 0px 6px; 
   border-left: 2px solid #658864; 
}
.MenueEbene_2 A:hover {
   color: #FFFFFF; 
   background: #666666;
   text-decoration: none;
   background: #666666;
   border-left: 2px solid #DDDDDD; 
border-right: 2px solid #DDDDDD; 
}

/* */
.MenueEbene_3 A:link, .MenueEbene_3 A:visited {
   display: block; 
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 11px; 
   line-height: 15px; 
   color: #333333; 
   background-color: #FFFFFF; 
   text-decoration: none;
   margin: 2px 0px 1px 20px; 
   padding: 0px 0px 0px 6px; 
   border-left: 1px solid #999999; 
}
.MenueEbene_3 A:hover {
   COLOR: #FFFFFF; 
   TEXT-DECORATION: none;
   background: #666666;
   border-left: 1px solid #666666; 

}

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




.formButton	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #658864; }
.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 {}
.searchButton	{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #658864; padding: 2px 10px 2px 10px;}

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

.cp_wrapper {background-color: #f4f4f4;
padding: 10px 0px 10px 10px;
}


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


/* --- Zus. Formattierungen --- */

.lbahn {background-color: #333333;
color: #FFFFFF;
}

.lbahn_ab {
color: #FF0000;
}

.lbahn_auf {
color: #439550;
}

.lbahn_hom {background-color: #439550;
color: #FFFFFF;
}


.lbahntab {background-color: #f4f4f4;
}

.cp_saison, .cp_saison a {background-color: #f4f4f4;
padding: 5px 5px 5px 5px;
font-size: 9px;
color: #333333;
}

/* --- Glossar --- */

.glossary_filter_top {
padding: 0px 0px 20px 0px;
}

.glossary_filter_bottom {
padding: 30px 0px 0px 0px;
}

.glossary_list_entry a {
color: #333333;
text-decoration: none;
}

.teaser {
   display: block;
   width: 240px;
   height: 130px;
   float: left;
   padding: 5px;
   margin: 2px 2px 2px 2px;
   background-color: #ffffdd;
}

.starta {
color: #333333;
}

.starta a{
color: #658864;
}

/* --- Paginierung --- */


/* --- Gaestebuch --- */


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


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


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



    /* -------- 2007/07/23: fieldset patch for Mac-Browsers --------- */
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    /* -------- Contact form --------- */
    .contact_form {
       border: 1px solid #c8c8c8;
       background-color: #f4f4f4;
       padding: 5px 0 5px 5px;
       margin: 0 0 10px 0;
    }

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

    .formLabel {  /* donīt used in custom template */
       font-family: Arial, Verdana, Helvetica;
       font-size: 10pt;
       font-weight: bold;
    /*   vertical-align: top; */
       padding: 2px 0 0 10px;  /* asterix left */
    }

    .formLabelRequired { /* donīt used in custom template */
       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: #FFFFFF;
       border: 1px solid #000000;
       background-color : #658864;
    }

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

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

    #captcha_ {
       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;

    }
    /* ---- Ende --- Contact form --------- */

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

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

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

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

    }
    .news_teaser {
       text-align: justify;
    }

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

    /* ------- end news --------- */