/* ################################## */
/* #   steinmetz-Stauss.css         # */
/* #   Autor: H. Härtl   24.05,2018 # */
/* ################################## */
body 
{ background: #fff url('../bilder/higrund2.gif');
  /* color: #000; */
  font-family: verdana, helvetica, serif;
  font-size: 12pt;
  margin: 0; padding: 0;
	width: 100%
}

img {border: 0px none; }

/* Image float left im Content */
img.floatleft 
{ float: left;
  margin-right: 20px;
}
/* alle Links ausserhalb der Menuebereiche  und Footer */
a:link 
{ color:  #002e8b; /* #0000CC; */ /*#005bf7;  */ /* #8e1604; */
  font-style: normal;
  font-weight:bolder;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:visited 
{ color:  	#005bf7; /* #001b57; */
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:hover 
{ color: #005bf7; /* #001b57; */
  font-style: normal;
  font-weight:bolder;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

a:active 
{ color: #005bf7; /* #001b57; */
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:focus 
{ color: #005bf7; /* #001b57; */
  font-style: normal;
  font-weight: bolder;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

/* ############################    v i e w p o r t    ###################################### */
#viewport
{ /* background:  none; */ /* "#fff"; */
	width: 945px;  /* 950 px */
	margin: 1.5em auto;
	padding: 0;
	text-align: left;
	/* border : 1px solid; #b0462b;  */
}
/* #############################    l i n k e    S p a l t e   ######################################## */
#lispalte
{ /*background-color: #0;  *//* green */
  width: 180px;
	float: left; 
	margin: 0;
	padding: 0;
  /* border-right: 1px solid #b0462b;  */
}

#lispalteLuecke
{ background: none; 
	height: 5px;
	width: 180px;
}

#logoContainer
{ background-image: url('../bilder/kapitell2-180x180.gif');
	background-repeat: no-repeat;
	height:  180px;
	/* width: 180px; */
	margin: 0;
	padding: 0;
	color : #424242;
	line-height: 2.5ex;	
	/* border : 1px solid silver; */
}

#logoContainer span
{ /* margin: 124px 0 0 8px; */ 
	/* padding: 0; */
	/* color: #583913;  #BAB9D0; */ 
	position: relative;
	top: 0px;
	left: 11px;
	font-family: Arial;
	font-weight: bold;
	/* font-size: 16pt; */
}

/* =========================     M  e  n  u  e  C  o  n  t  a  i  n  e  r     ================================================ */
#menueContainer
{ background: 0; 
  width: 180px; /* 220px */
	height: 200px;
	font-size: 10pt;/* 0.75em; */
  margin: 0;
  padding: 0;	
}
/* ========================   N a v i g a t i o n s z e i l e n    i m    M e n u e C o n t a i n e r    ====================================  */

#naviZeilen 
{ /* background-color: none; /*  #fffacd;   #e3e6ee; */
	color: 	#A6744E; /* #f9f7d7;  #fffacd;  #001b57; */
	margin: 0;
	padding: 20px 0; 
	/* font-size: .8em; */
}

#naviZeilen ol, #naviZeilen ul 
{ list-style-type: none;
	margin: 0;
	padding: 0;
}


#naviZeilen li 
{ margin: 0;
	padding: 0;
}

/* === !!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Die Angabe html>body überschreibt die entsprechenden a:Attribute aus dem Body  ====  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!   === */
html>body #naviZeilen li a:link, html>body #naviZeilen li a:visited 
{ height: auto; }


#naviZeilen li a:link, #naviZeilen li a:visited 
{ color: 	#424242; /* #f9f7d7; #fffacd;  #001b57; */
	display: block;
	margin: 0;
	padding: 8px 4px 4px 26px;
	/* background: url('../icons/ball-blau-kl.jpg') no-repeat 8% 50%; */
	text-decoration: none;
	text-transform: uppercase;
}

/* ===  highlighting (heller Hintergrundbalken), wenn man mit der Maus über die Menuezeilen (ol-Liste) faehrt  === */
#naviZeilen ol a:hover, #naviZeilen ol a:active, #naviZeilen ol a:focus 
{ background-color: 		#FFEBCD } /* #B9210B;  /* #aa4b16; white; */


/* ============================  Formatierung für  a l l e   n a c h g e o r d n e t e n   ( ul )  -  M e n u e p u n k t e   ========================= */
#naviZeilen ul li a:link, #naviZeilen ul li a:visited 
{ font-weight: normal;
	list-style: none;
	/* height: 1em; */
	margin: 0; padding : 0;
	text-align: left;
	text-transform: none;
}

/* =====    bestimmt das layout der Untermenue-zeilen der zweiten Ebene    ====== */
#naviZeilen ul.zweiteEbene a:link, #naviZeilen ul.zweiteEbene a:visited 
{ 
  margin: 0 4em 0 2em;
	padding: 4px 0 2px 20px; /* 4px 0 2px 30px; */
	/* background-image: url('none');  */
	background: 0;
	display: block;
	text-transform: none;
}

#naviZeilen ul.zweiteEbene a:hover, #naviZeilen ul.zweiteEbene  a:active, #naviZeilen ul.zweiteEbene  a:focus 
{ background-color: 	#FFEBCD; }

/*
#naviZeilen a.aktiv:link, #naviZeilen a.aktiv:visited 
{ font-weight: bolder; }
*/

/* ====  eventuell für den link auf E-Mail  ====== 
#adresse a:link 
{ font-weight:normal; }
*/

/* #####################    Kurzardresse links unten  ############################ */
/* Address-Container  global  */
#adresse 
{ /*background: #f7f5f4;  irgendgrau */
	border: 1px solid #424242;
	margin: 0 0 0 0;
	padding: 0px 0px 6px 10px;
}
#adresse p
{ font-size: 0.75em;
	margin: 0;
	padding: 3px 0px;
	color: #424242;
}

#adresse h2 
{ color: #8e1604;  /*#990000; #821200; */
	font-family: verdana;
	font-size: 0.9em;
	font-weight: bold;
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
	margin: 8px 0 6px 0;
	padding: 0;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxxxxxxxxxxxxxxxxxxxxxxxxxxxxXXXXXXXXXXXXXXXXXXX */
/* ##########    r e c h t e    S p a l t e   ############### */
#respalte
{ /* background: 0;  */
	width: 740px;
	float: right;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#bildleiste  /* für das Bild oben */
{ /* background-color: #000; */
  background: #000 none  top left repeat-x;
  height: 145px; /*130px;*/
	width: 740px;
  margin: 0;
  padding: 0; 
}

#respalteLuecke
{ /* background-image: url('../bilder/mm_bg_red.gif'); */
  height: 12px; /*15px;*/
	width: 740px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXX      M a i n    C o n t e n t           XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#mainContent 
{	background-color: #FEFDF2; /* #fff;  */
	width: 740px;
	/* min-height: 420px; */
	color: #000;
	margin: 0;
	padding: 0 0 1em 0; /*  weißer Rand unten */
}

#inhalt 
{ background-color: #FEFDF2;
	margin: 0;
	padding: 0 3em 1em 3em;
	/* margin: 0 2em 1em 3em; */
	/* padding: 0 1.2em 0 1.2em; */
	font-size: 0.9em;
}

#inhalt .liHalbkasten
{ width: 350px;
	margin:0 0 0 -32px;
	padding: 0;
	float: left;
}

#inhalt .reHalbkasten
{ width: 350px;
	margin:0 -32px 0 0;
	padding:0;
	float: right; 
}

#inhalt .halbkastenUeberschrift
{ margin:0 0 3px 10px; 
	color:#333333; /*#821200;*/
	font-family: verdana;
	font-size: 105%;
	font-weight:bold;
}

#inhalt2
{	margin: 0; 
	padding: 0 1em 1em 3em;
	font-size: 0.9em;
}

#mainContent label 
{
	background-color: #d0b9af;
	color: #00216b;
	margin: 0;
	padding: 0;
}

/* ############################   m y   S t y l e s    ########################################### */

.fusszeile
{
	width: 945px; /* eventuell wg. Layout um 10px kuerzer */
	margin: 2.5ex 0 0 0;
	padding: 0;
	background : 0;/*background-color: #f9f7d7; */
	font-family: verdana;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0.8px;
	height: 12px; 
	border-top: 1px solid #424242; /* #838383; */
}

.fusszeile a:link, .fusszeile a:visited
{ color: #515151; /* #838383; */
	text-decoration : none;
}
.fusszeile a:hover, .fusszeile a:focus
{ color: #515151; /* #838383; */
	text-decoration : underline;
}

.fzLinks
{  color: #25265d;
	float:left; 
	margin: 0 0 0 2em;
}

.fzRechts
{  color: #515151;
	float: right; 
	text-align:right;
	margin: 0 2em 0 0;
	font-size: 7pt;
}

.ueberschrift1 
{ color: #8e1604;  /*#990000; #821200; */
	font-family: verdana;
	font-size: 130%;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 0 0 0;
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
}

.ueberschrift2 
{ color: #8e1604;  /*#990000; #821200; */
  font-family: verdana;
  font-size: 120%;
	font-weight: bold;
  margin: 0;
	padding: 1.8em 0 0 0;
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
}

.etwasGroesser
{ /*color: #8e1604;  /*#990000; #821200; */
  font-family: verdana;
  font-size: 1.2em;
	/* font-weight: bold; */
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
	margin: 1em 0 4px 0;
	padding: 0;
}

.kommentar
{ font-size: 0.8em;
  color: #434948;
	padding-left: 2em;
}

.myfett {font-weight: bold;}

.mybulletlist
{	list-style-image: url('../icons/ball-rot.gif'); 
	margin: 0; 
	padding: 0; 
	line-height: 3ex;
}

.mylistStufe1
{	list-style-image: url('../icons/ball-rot.gif'); 
	margin: 0; 
	padding: 0; 
	line-height: 3ex;
}
.mylistStufe2
{	list-style: circle inside;
	margin: 0 0 10px 0; 
	padding: 0 0 0 0; 
	line-height: 2.3ex;
}

.myulist
{ margin: 0;
	padding: 0 0 0 3em;
	text-transform: none;
}
.myulist li 
{ margin: 0; 
	padding: 0.5em 0 0 0;
}

.myollist
{ margin: 0;
	padding: 0 0 0 3em;
	text-transform: none;
}

.myolist li 
{ margin: 0; 
	padding: 0.5em 0 0 0;
}

.kursiv {font-style:italic;}

.containerTrenner 
{ clear: both;
  margin: 0;
  padding: 0;
  font-size: 0px;
  line-height: 0px;
  height: 1px;
}

.trenner
{ clear: both;
  margin: 0;
  padding: 0;
  color : 0;
  font-size: 0px;
  line-height: 0px;
}
.mitRahmen
{ background:#fff; 
	padding:6px; 
	margin:20px 40px 5px 30px; 
	border-style:solid; 
	border-color:#BDB1A6; 
	border-width:1pt;
}

.mitRahmen2
{ background:#fff; 
	padding:6px; 
	margin:0 20px 5px 30px; 
	border-style:solid; 
	border-color:#BDB1A6; 
	border-width:1pt;
}