/* ************************************************

		CSS - Stylsheet Festlegungen
		Stylesheet: style_1.css 
		Allgemeine Festlegungen 
        Objekt: Martin-Luther-Kirche St. Ingbert
        Copyright (C) - Wolfgang Siegel				  

*************************************************** */ 

/* --- ############### -------- ARIAL - schriften ----------------------------------- */
.h1   { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; }
.h2   { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; }
.h3   { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; }
.h4   { font-family: Arial, Helvetica, sans-serif; font-size: 24pt; font-weight: bold; }
.h5   { font-family: Arial, Helvetica, sans-serif; font-size: 30pt; font-weight: bold; }

.t08  { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; }
.t09  { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; }
.t0   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }
.t1   { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; }
.t2   { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; }
.t3   { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: normal; }
.t4   { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; }
.t5   { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: normal; }
.t6   { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: normal; }

.t08b   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }
.t09b   { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; }
.t0b   { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; }
.t1b   { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; }
.t2b   { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }

.ue1      { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; }
.ue2      { font-family: Arial, Helvetica, sans-serif; word-spacing: 0px; font-size: 17px;  font-weight: bold;}
.ue3      { font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; }
.ue4      { font-family: Arial, Helvetica, sans-serif; word-spacing: 0px; line-height: 25px; font-size: 14pt;  font-weight: bold;}

.t09grau  { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 9pt; font-weight: normal; }
.t1grau   { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 11pt; font-weight: normal; }

/* ------------------- BOLD - Fettschrift setzen allgemein ---------------------*/ 
.b   { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

/* ------------------- Minischrift allgemein für Abstände ----------------------------*/ 
.min    { font-family: Arial, Helvetica, sans-serif; font-size: 1pt; color: #ffefd5; }
.mini   { font-family: Arial, Helvetica, sans-serif; font-size: 2pt; color: #ffefd5; }


/* --- ############### -------- VERDANA - kleine Schriften ----------------------------------- */
.t08_v  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;  font-weight: normal; }
.t08_v  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; }
.t09_v  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;  font-weight: normal; }
.t0_v   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; }


.inv2   {background-color: #D2B48C;    text-decoration: none; }



/* --- ############### -------- COLOR - Farben ------------------ */
.weis   { color: #FFFFFF; }
.gelb   { color: #FFFF00; }
.gelb2  { color: #FFFACD; }
.rot    { color: #FF0000; }
.blau   { color: #0000FF; }
.viol   { color: #800080; }
.silver { color: #C0C0C0; }
.grau   { color: #808080; }
.grau2  { color: #595959; }
.braun  { color: #8B7355; }  /* tan4 */

.schiefer { color: #709090; }
.schwarz  { color: #000000; }
.orange   { color: #FFBB00; }

.braun_menu { color: #d2b48c; }

.bgbraun { background-color: #D2B48C; }
.bggelb  { background-color: #FFFF00; }



/* ------------- INPUT von Laufschrift Festlegung auf der Seite selbst------------- */
/*
input     { color:#8B1A1A; Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
wird in 1663.htm  selbst festgelegt
*/
/*
input     { background-color:#FFFFE0; color:#8B1A1A; Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; border-style:solid; border-color:#B8860B; }
// wirkt auf auf bisherigen Ticker - nicht gewollt
*/
/* border-style:thin; border-style:solid;  color:8B1A1A;  border-color:#d2b48c;  */

.invers   { color: #FFFFFF; background-color: #888888;    text-decoration: none; }
.invbraun { background-color: #D2B48C;  text-decoration: none; }

/* --- ############### -------- TAG - Direkfestlegungen------------------------------ */
/* ------------------ body - Hintergrund Festlegung für alle Seiten ----------------- */
body  { background: #FDF5E6; font-family: Arial, Helvetica, sans-serif; font-size: 1pt; }

/*  body  { background-image: url(bilder/bg_100_90.gif); font-family: Arial, Helvetica, sans-serif; font-size: 1pt; }  */
/*  alternativ  bg_100_90.gif fast gleich mit #FDF5E6 - bg_sand4a39TW2_5a.jpg - bg_sand4a39TW2_5a_10.jpg - bg_sand4a39TW2_5a20.jpg     */

/* ------------------ table - Schriftfestlegung allgemein ---------------------------------- */
table  { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; }


/* ------------------ Backgronds ---------------------------------- */
.backimg2 { background: #FDF5E6; background-image: url(bg_100_90.gif); }
/* .backimg2 { background: #FFEFD5; background-image: url(./bilder/bg_sand4a39TW2_5a20.jpg); } */
.backimg3 { background-image: url(./bilder/eudol_2.gif); }
.backimg3 { background-image: url(./bilder/LRose_transp_2_93b.gif); }

/* Background - Infoseite wird - vermutlich nicht mehr benötigt */
.bgseite { background-image: url(bilder/bilder/bg_100_90.gif); font-family: Arial, Helvetica, sans-serif; font-size: 1pt;  }
/*
.bgseite { background-image: url(./bilder/bg_sand4a39TW2_5.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 1pt;  }
*/



/* -------- UEMAIN Überschriften auf allen Textseiten allgemein * 11pt - 18px ------------------------------------------ */
.uemain     { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }                 /* Farbe schwarz  */
.uemain_rot { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FF0000; } /* Farbe rot      */

/* -------- Schriftfestlegungungen: allgemeiner Texte (txt) innerhalb aller table-tag - txt - txt_b nur gemeinsam verändern!! ----- */ 
.txt      { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; }
.txt_b    { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }      /* allg. Text in bold */

/* p      { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; } */


.klein    { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: normal; }    /* kleinerer allgemeintext  */


.txt_grau    { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 13px; font-weight: normal; }    /* Normaltext grau          */
.klein_grau  { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 12px; font-weight: normal; } /* klein allgemeintext grau */
.mini_grau   { font-family: Arial, Helvetica, sans-serif; color: #808080; font-size: 11px; font-weight: normal; } /* klein allgemeintext grau */

.txt_rot  { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 13px; font-weight: normal; }    /* Normaltext rot           */
.rot_ul  { font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline;  }    /* Normaltext rot unterstrichen       */

.udl     { font-family: Arial, Helvetica, sans-serif; text-decoration: underline;  }    /* Normaltext unterstrichen       */


/* ul      { list-style-image: url( "./bilder/point_13u.gif" ); list-style-type: circle; } */

/* --- ############### ------ SPALTEN-BREITEN ---------------------------------------------------------------- */
/* ------------ Spaltenfestlegungen im Allgemeintext - 1=eine Spalte - 2= zwei Spalten - 3= drei Spalten ------------- */
.spalte1   {float: left;  width: 97%; margin: 9pt}
.spalte1a  {float: left;  width: 94%; margin: 9pt}

.spalte2   {float: left;  width: 46%; margin: 9pt} /* nicht mehr als 46, sonst wird 2. Spalte bei IExpl. evtl. darunter gesetzt*/
.spalte3   {float: left;  width: 31%; margin: 7pt}
.spalte200 {float: left;  width: 90%; margin-left: 12pt; margin-right: 12pt; margin-bottom: 5pt}
.spalte80  {float: left;  width: 80%; margin: 9pt}


/* ------------- Signalzeile Schrift=rot Hintegrund=hellgelb ------------- */
.signalzeile { color: #FF0000; background-color: #FFFACD; text-decoration: none; }


/* --- ############### --- JavaScript INFO-BOXEN Versionen - HG=hellgelb, Schrift + Rand=rot ------------------ */
/* ------------ Info-Box JavaScript ausführlich - HGrund=hellgelb, Schrift + Rand=rot - ohne Positionierung -------------- */
.jscript1 { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 14px; font-weight: bold; }
.jscript2 { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-size: 24px; font-weight: bold; }

.jscript_info_ge {
	width:  310px;
	height: 70px;
	padding:  10px;
	border: 1px solid #FF0000;
	background-color: #FFFACD;
	color:  #FF0000;
}

/* ------------ Info-Box JavaScript 600 lang - HGrund=hellgelb, Schrift + Rand=rot - ohne Positionierung -------------- */
.jscript_info_ge_start {
	width:  760px;
	height: 28px;
	padding:  5px;
	border: 1px solid #FF0000;
	background-color: #FFFACD;
	color:  #FF0000;
}

/* ------------- Info-Box JavaScript ausführliche - HGrund=keiner, Schrift + Rand=rot - ohne Positionierung -------------- */
.jscript_info {
	width:  310px;
	height: 70px;
	padding:  10px;
	border: 1px solid #FF0000;
	//background-color: #FFFF99;
	color:  #FF0000;
}

/* ------------- InfoZeile (ohne Box) JavaScript "EIN-ZEILIG" - HGrund=gelb, Schrift + Rand=rot - keine Größe -------------  */
.jscript_info_1zeile { 
//	width:  100px;
//	height: 15px;
	padding:  1px;
	border: 1px solid #FF0000;
	background-color: #FFFACD;
	color:  #FF0000;
    font-size: 8pt;  
}

/* ------------- InfoZeile (ohne Box) JavaScript "ZWEI-ZEILIG" - HGrund=gelb, Schrift + Rand=rot - keine Größe -------------  */
.jscript_info_2zeilen {
//	width:  760px;  /* Breite durch absolute Positionierung */
//	height: 28px;
	padding: 5px;
	border:  1px solid #FF0000;
	background-color:  #FFFACD;
	color:  #FF0000;
}


/* --- ############### -------- verschiedene LINK - Versionen ------------------ */

/* ------------- Linkverhalten allgemein - 8000080=violet - FF0000=rot grösse 10 pt ------------- */
.li	         { font-family: Arial, Helvetica, sans-serif; color: #800080; font-size: 10pt; font-weight: normal; }
a:visited    { color: #800080; text-decoration: none }
a:active     { color: #800080; text-decoration: none }
a:link       { color: #800080; text-decoration: none }
a:hover      { color: #FF0000; text-decoration: underline }
/* a:hover      { color: #8B4500; text-decoration: underline } */

/* ------------- Linkverhalten allgemein - 8000080=violet - FF0000=rot - keine grösse ------------- */
.li_0	     { font-family: Arial, Helvetica, sans-serif; color: #800080; font-weight: normal; }
a:visited    { color: #800080; text-decoration: none }
a:active     { color: #800080; text-decoration: none }
a:link       { color: #800080; text-decoration: none }
a:hover      { color: #FF0000; text-decoration: underline }
/* a:hover      { color: #8B4500; text-decoration: underline } */


/* ------------- Link-Darstellung im Haupt- und Sub- Menu - 000000=schwarz - FFFFFF=weiss --- */
A.men 		{color:#000000; text-decoration:none; }
A.men:active 	{color:#FFFFFF;}
A.men:visited 	{color:#000000;}
A.men:hover 	{color: #FFFFFF; text-decoration: none; }

/* ------------- Link-Darstellung für bunte Farben rot blau grün - schwarz - mit weisser Underline --- */
A.r 		{color:#000000; text-decoration:none; }
A.r:active 	{color:#FFFFFF;}
A.r:visited 	{color:#000000;}
A.r:hover 	{color: #FFFFFF; text-decoration: underline; }


/* ------------- Link-Darstellung im Haupt- und Sub- Menu fuer Impressum - 000000=schwarz - FFFFFF=weiss --- */
A.men_impr	   {color:#000000; text-decoration:none; font-size: 11px; font-weight: normal;}
A.men_impr:active  {color:#FFFFFF;}
A.men_impr:visited {color:#000000;}
A.men_impr:hover   {color: #000000; text-decoration: underline; }

/* ------------- besonderer Link-Darstellung im Sub- Menu                  */
A.men_menu	   {color:#D2B48C; text-decoration:none; font-size: 10px; font-weight: normal;}
A.men_menu:active  {color:#D2B48C;}
A.men_menu:visited {color:#D2B48C;}
A.men_menu:hover   {color:#D2B48C;}




/*  ########### TEST  */
/* ------------- Linkverhalten rand um bilder - FFFF00=gelb - FF0000=rot - */
A.bild         {color:#FFFF00;}
A.bild:active  {color:#FF0000;}
A.bild:visited {color:#FFFF00;}
A.bild:hover   {color:#FF0000;}

/* ------------- Linkverhalten Bilderumrandung zum Vergrößern - normal=C0C0C0=grau/unscheinbar - Aktiv FF0000=rot - */
/*
navbar.a:link, a.bild2:visited {color:#FF0000;}
navbar.a:link, a.bild2:active, a.bild2:hover {color:#FF0000;}
*/
.bild2:link    {color:#c0c0c0;}
.bild2:active  {color:#c0c0c0;}
.bild2:visited {color:#c0c0c0;}
.bild2:hover   {color:#ffff00;}

/*
#bild3:hover   {border-style:solid; border-color:#FF0000;}
*/

/*
.bild3 {
	margin:0px 12px 0px 0px !important;
	float: left;
}
*/

/* --- ############### -------- Rand - Rahmen von Bildern ------------------ */

/* --------Bilder Rahmen-Link, ohne Zwischenraum in normaler Linkfarbe violett / rot ------ */
.bild-link img       { border:1px solid #800080; }
.bild-link img:hover { border:1px solid #ff0000; } 

/* --------Bilder Rahmen-Link; 0hne Zwischenraum in veränderter Linkfarbe grau / rot ------ */
.bi_ra_1 img         { border:1px solid #A9A9A9; }
.bi_ra_1 img:hover   { border:1px solid #ff0000; }


/* ----------- Galerie Bilder style mit Rahmen und Schatten (ohne hover) -------------*/
.galerie-bild { float: left; background: url(bilder/shadowAlpha.png) no-repeat bottom right !important; background: url(bilder/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; }
.galerie-bild img {	margin: -6px 6px 6px -6px !important; background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; padding:4px; position:relative; }
// .galerie-bild img:hover { background-color: #A9A9A9; }
.galerie-bild span { font-size:90%; padding-left:5px; display:block; } /* Images description */

/* ----------- Galerie Bilder style mit Rahmen und Schatten + HOVER -------------*/
.galerie-bild-hov      { float: left; background: url(bilder/shadowAlpha.png) no-repeat bottom right !important; background: url(bilder/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; }
.galerie-bild-hov img  {	margin: -6px 6px 6px -6px !important; background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; padding:4px; position:relative; }
.galerie-bild-hov img:hover { background-color: #A9A9A9; }
.galerie-bild-hov span { font-size:90%; padding-left:5px; display:block; } /* Images description */

/* ----------- Galerie Bilder style nur mit mit Rahmen, ohne Schatten, ohne hover -------------*/
.galerie-ra img { background-color:#FFFFFF; border:1px solid #A9A9A9; display:block; padding:3px; position:relative; }


.galerie-ra-hg img { border:1px solid #A9A9A9; }


/* ----------- unklar -------------*/
.galeryoverview { margin-top: 10px; width: 100%; clear:both; display:block !important; }  /* für was gut? */
.galerie-bild-box { margin:0px !important; float: left; }  /* noch testen */

/* ---   --- */
.galrie-clear { clear: both; }
.galerie-einzelbild { background-color:#FFFFFF; display:block; padding:4px; }
.galerie-schrift { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; margin: 30px 20px 20px 20px ; }  /* noch bearbeiten  */
.galerie-clear { clear: both; }



/*----################### TEST ----------- */
/*----- NO nicht ok ----*/ 
.bild3 img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:2px 10px 4px 5px !important;  /*  L, R, O, U   */
	padding:4px;
	position:relative; }
.bild3 img:hover { background-color: #A9A9A9; }

/* Nur zum Testen funktioniert */
.bild4 img {
	background-color: #FFFFFF;
	border:1px solid #c0c0c0;
	margin:5px 9px 5px 5px !important;
	padding:2px;
	position:relative; }
.bild4 img:hover { /*background-color: #ff0000;*/ border:1px solid #ff0000; }

.bi_ra_pressb img {
	margin: -6px 6px 6px -6px !important;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}
/*
.bi_ra_pressb img:hover {
	background-color: #A9A9A9;
}
*/

.bi_ra_pressb2 img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
//  margin:4px 0px 4px 5px !important;
	padding:3px;
	position:relative;
}
/*
.bi_ra_pressb2 img:hover {
	background-color: #A9A9A9;
}
*/

.bi_ra_pressb3 {
	margin:0px 12px 0px 0px !important;
	float: left;
}

.bi_ra_pressb3 img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px !important;
	padding:4px;
	position:relative;
}

.bi_ra_pressb3 img:hover {
	background-color: #A9A9A9;
}
/*----################### TEST Ende ----------- */





/* --- ############### -------------- Menüdarstellungen --------------------------- */
/* ------------- Menüs Unterseiten - Oben und Unten - Menue Fonts + HiGrund Color */
.menu { background: url(bilder/menu_1_23_2_100pr.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; text-decoration: none; 
font-size: 9pt; font-weight: bold; line-height: 1.7em; 
}

/* bisher- wird durch vorstehende Zeile ersetzt */
// .menu   { background-color: #D2B48C; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}

.menu_rot   { background-color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
.menu_gruen { background-color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
.menu_gelb  { background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}
.menu_blau  { background-color: #436EEE; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;}


/* ------------- Menüs Unterseiten - unterer Abschluss  - Menue Fonts + HiGrund Color */
.menu_u { background: url(bilder/menu_1_23_2_100pr.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; text-decoration: none; 
font-size: 11px; font-weight: bold; line-height: 1.7em; 
}

/* ------------- Menüs Unterseiten - Oben und Unten - Menue Fonts + backgrund-Bild/repeat - Schriftgröße - Line-Höhe */
.menu_rep { background: url(bilder/menu_1_23_2_100pr.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; text-decoration: none; 
font-size: 9pt; font-weight: bold; line-height: 1.7em; 
}

/* ------------- Menüs Unterseiten - Oben und Unten - senkrechter Trennstrich zwischen den Menupunkten */
.senkrecht { border-right: 1px solid #000000; }


/* ------------- Link-Darstellung im Haupt- und Sub- ### Menu UNSICHTBAR ### weil gleiche Frabe wie Hintergrund - CCCCCC=schwarz - DDDDDD=hellgrau ---  */
A.men_uns 	  {color:#D2B48C; text-decoration:none; font-size: 11px; font-weight: normal; }
A.men_uns:active  {color:#D2B48C;}
A.men_uns:visited {color:#D2B48C;}
A.men_uns:hover   {color:#D2B48C;}
/*A.men_uns:hover   {color:#DDB4DE; text-decoration: none; font-weight: bold;} hier ist Unterschied sichtbar */

/* ------------- Link-Darstellung im Haupt- und Sub- Menu - CCCCCC=schwarz - DDDDDD=hellgrau ---  */
A.men_t 	{color:#CCCCCC; text-decoration:none; font-size: 11px; font-weight: normal; }
A.men_t:active 	{color:#CCCCCC;}
A.men_t:visited {color:#CCCCCC;}
A.men_t:hover 	{color:#DDDDDD; text-decoration: none; font-weight: bold;}

/* ------------- Link-Darstellung im Rechts - Menu -   FFFF00=gelb Weihnachten - FF0000=rot     */
A.men_r 	{color:#FFFF00; text-decoration:none; }
A.men_r:active 	{color:#FFFF00;}
A.men_r:visited {color:#FFFF00;}
A.men_r:hover 	{color:#FFFF00;  text-decoration: underline; font-weight: bold;}

/* ------------- Link-Darstellung im Haupt- und Sub- Menu - CCCCCC=schwarz - DDDDDD=hellgrau - ohne Schriftgroessenangabe..! ---  */
A.men_0 	{color:#CCCCCC; text-decoration:none; font-weight: normal; }
A.men_0:active 	{color:#CCCCCC;}
A.men_0:visited {color:#CCCCCC;}
A.men_0:hover 	{color:#DDDDDD; text-decoration: none; font-weight: bold;}



/* ------------- Hintergrund TOPFRAME   width="1000" height="92" */
/*
.back_topframe {
width: 1000px;
hight: 92px;
border-top: 0px solid #FFFFFF;
border-bottom: 1px solid #000000;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background: url(bilder_men/Test_leer1_82x2_hlg100pr.gif) repeat-x;
}
*/

/* ------------- SUB-Menue-Leiste Fonts + HiGrund Color ------------- */
.menu_s  { background-color: #D2B48C; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}

/* ------------- TOP-Menue-Leiste Fonts + HiGrund Color ------------- */
.menu_t  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;} 

/* ------------- Rechts-Menue-Leiste Fonts + HiGrund Color ------------- */
.menu_r  { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;} 


/* ------------- Test freie Schriftpositionierung - nur Muster ------------- */
.ue   { font-family: Arial, Helvetica, sans-serif; color: #444444; font-size: 17pt; font-weight: bold; }


/* --- Scolbar Anpassung (zeigt nur IE-Explorer an) --- */
html, body, textarea {
  scrollbar-base-color:#D2B48C;
  scrollbar-3d-light-color:#FFFF00;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#FFFFFF;
  scrollbar-face-color:#D2B48C;
  scrollbar-highlight-color:#FFFFF0;
  scrollbar-shadow-color:#8B5A2B;
  scrollbar-track-color:#EED8AE;     }
/*
scrollbar-base-color = Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color = Farbe für 3D-Effekte
scrollbar-arrow-color = Farbe für Verschiebepfeile
scrollbar-darkshadow-color = Farbe für Schatten
scrollbar-face-color = Farbe für Oberfläche
scrollbar-highlight-color = Farbe für oberen und linken Rand
scrollbar-shadow-color = Farbe für unteren und rechten Rand
scrollbar-track-color = Farbe für freibleibenden Verschiebeweg
*/


/* --- ############### -------------- Horizontal-Menu --------------------------- */
#mianMenu {
	list-style: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
/*	font-weight: bold;  */
	color: #000000;
	width: 807px;
/* border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;  
border-left: 1px solid #FFFFFF; */	
    clear: both;
	background: url(bilder_men/Test_leer1_1--780x23_R_100pr.gif) no-repeat top right;
/*	background: url(bilder_men/Test_leer1_1--500x23_R.gif) no-repeat top right; */
}
#mianMenu li {
    float: left; 
/*	border-left: 1px solid #000000; */
}
#mianMenu li a {
    float: left; 
	line-height: 20px;  /* 22 */
/*	border-bottom: 1px solid #000000;*/
/* Schriftfarbe Menu-OFF */
	border-right: 1px solid #000000;
	color: #000000;
	padding: 0 11px;
	text-decoration: none;
	background: url(bilder_men/menu_1_23_2_100pr.gif) repeat-x;
}
#mianMenu li.firstItem {
	border-left: none;
}
#mianMenu li.firstItem a {
	background: url(bilder_men/menu_left_on.gif) no-repeat left top;
}
#mianMenu li.questItem a {
	padding: 0 9px;
}
#mianMenu li.questItem {
/*	border-right: 1px solid #000000; */
}
/* mit - #mianMenu li a:focus - bleibt das angeklickte sichtbar bestehen
   solange bis der nächste button aktiviert wird */
#mianMenu li a:hover, #mianMenu li a.current, #mianMenu li a:focus {
	background-color: #778cae;
	border-bottom-color: #7086aa;
	background: url(bilder_men/menu_3_23_2.gif) repeat-x;
	color: #fff;
}
#mianMenu li.firstItem a:hover, #mianMenu li.firstItem a.current {
	background: #778cae url(bilder_men/Test_leer1_1--143x23_L.gif) no-repeat left top;
}


/* --- ############### ---- zu horizontal Menü  clearfix  wird ##### SEHR DRINGEND ###### benötigt -universell
                            ansonsten funktioniert das hor. Menu nicht korrekt -------------- */
.clear {clear: both;}
.clearfix:after, #mianMenu:after, ul#secondaryMenu:after, #shortPress:after, 
#mainNews:after, #mainContent:after, #szService:after, ul#submenu:after, #digitaleBox:after, .artOptions:after,
.artOptions ul:after, .fotoGallery ul:after, .newsBox2:after, .newsBoxWide:after, .sieGefunden li:after, 
#header:after, .videoList li:after, .videoList:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #mianMenu, ul#secondaryMenu, #shortPress, #mainNews, #mainContent, 
#szService, ul#submenu, #digitaleBox, .artOptions, .artOptions ul, .fotoGallery ul, .newsBox2, 
.newsBoxWide, .sieGefunden li, #header, .videoList li, .videoList {display: inline-block;}