body	  		
{color: black; font-size: 100.01%; font-family: Helvetica, Arial, Verdana, sans-serif; 
 background-color: #FFFEF5 !important; 
 margin: 0; padding: 1em;	text-align: center;} 
#Seite					/* Seiten-Container */
{width: 1000px; height: auto;						/* feste Breite - Standard angenommen 1024 x 768 */
 margin: 10px auto; padding: 0; background-color: #D0CCCB; background-image:url(../images/Klee_1000br667hoUnschMask.JPG); background-repeat:no-repeat; background-position:0px 0px; font-size: 16px; text-align: left;}	/* Seiteninhalt li. ausrichten - sonst Zentrierung v. Block-Elementen */	
	/* Korrekturen fuer IE 5.x / IE 6 */
	* html #Seite	{height: 760px;}

#Kopf	/* Kopf-Container */ 
{width: 755px; height:130px;} /* Breite = 950px - padding-left von Navi_hor */
#Kopf p.klee {width: 80px; position: relative; top: -13px; left: 85px; font-family: Verdana, Arial; color: #000; font-size: 0.7em; clear: both;}
#Kopf p.klee a:link, #Kopf p.klee a:visited {text-decoration: none; color: #000; padding: 0 0 0 3px; margin: 0 0 0 2px;}
#Kopf p.klee a:hover {text-decoration: none; color: #000; margin: 0 0 0 1px;
border-left: 1px;	border-left-color: #9A3314; border-left-style: dotted; 
border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted;}
 

/* Navigation, horizontal */
ul#Navi_hor					/* Liste der 1. Ebene */
{width: 755px; text-align: center; font-family: "Georgia", "Times New Roman", Times, serif; font-size: 1em;
 font-weight: bold; margin: 0; padding: 117px 0 0 195px;}
ul#Navi_hor li			/* Menuepunkte der 1. Ebene */
{list-style: none; display: inline; margin: 0; padding: 0;}
ul#Navi_hor a:link, ul#Navi_hor a:visited, ul#Navi_hor span	/* Verlinkte Menuepunkte */
{float: left; color: #000; width: 90px; padding: 2px 10px 4px 10px; margin: 0 0 0 15px;
/* border-left: 1px;	border-left-color: #D3D2D0; border-left-style: solid; 
border-bottom: 1px; border-bottom-color: #D3D2D0; border-bottom-style: solid; */
 text-decoration: none;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html ul#Navi_hor a:link, html ul#Navi_hor a:visited, * html ul#Navi_hor span
	{width: 100%;         		/* Breitenangabe fuer IE 5.x */
	 w\idth: 82px;  						/* Breitenangabe fuer IE 6 */}
/* Hover und Kennzeichnung */
ul#Navi_hor a:hover
{text-decoration: none; /*background-color: #F0F1D2;*/ color: #000000;
border-left: 1px;	border-left-color: #9A3314; border-left-style: dotted; 
border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted;
padding: 2px 10px 2px 10px; margin: 0 0 1px 14px;}
/* Kennzeichnung der aktuellen Seite */
ul#Navi_hor span {color: #000;
padding: 2px 10px 2px 10px; margin: 0 0 1px 14px;
border-left: 1px;	border-left-color: #9A3314; border-left-style: solid; 
border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: solid;}

/* Navigation, vertikal */  		
ul#Navi_vert					/* Liste der 1. Ebene */
{/* border: 1px dashed blue; */
 float: left;
 width: 11em;					/* Breite passend zum längsten Linktext */
 font-family: "Georgia", "Times New Roman", Times, serif; font-size: 1em;
 margin-top: 40px;	padding: 1em 0 0.8em 0;
 /*background-color: #DFE0DB;*/}
 	/* Korrekturen fuer IE 5.x / IE 6.x */
	* html ul#Navi_vert
  {width: 9em; w\idth: 9em;		/* Breite passend zum längsten Linktext */
   padding-left: 0;	padd\ing-left: 0.5em; padding-top: 30px;}
ul#Navi_vert li			/* Menuepunkte der 1. Ebene */
{list-style: none; 
 margin: 0.2em; padding: 0;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html ul#Navi_vert li
  {width: 8em; w\idth: 8em;
   margin-left: 0.4em; ma\rgin-left: 0.4em;}

ul#Navi_vert li.beginn			/* Menuepunkte der 1. Ebene */
{list-style: none; 
 margin: 0.2em; padding-top: 30px;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html ul#Navi_vert li.beginn
  {width: 8em; w\idth: 8em;
   margin-left: 0.4em; ma\rgin-left: 0.4em; padding-top: 0px;}

ul#Navi_vert li ul		/* Liste der 2. Ebene */
{margin: 0 0 0 1em; padding: 0 0 0 30px;}
ul#Navi_vert li ul li	/* Menuepunkte der 2. Ebene */
{margin: 0.1em 0; padding: 0; font-size: 0.9em;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html ul#Navi_vert li ul li
  {margin-left: 1em; ma\rgin-left: 0;}
ul#Navi_vert a:link, ul#Navi_vert a:visited, ul#Navi_vert span	/* Verlinkte Menuepunkte */
{display:block; padding: 6px 0 1px 10px;
 background-repeat: no-repeat; color: #000; text-decoration: none;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html ul#Navi_vert a, * html ul#Navi_vert span					/* ...der 1. Ebene */
	{width: 100%;         		/* Breitenangabe fuer IE 5.x */
	 w\idth: 8em;  						/* Breitenangabe fuer IE 6 */}
	* html ul#Navi_vert li ul li a, * html ul#Navi_vert li ul li span		/* ...der 2. Ebene */
	{width: 100%;    					/* Breitenangabe fuer IE 5.x */
   w\idth: 8em;  						/* Breitenangabe fuer IE 6 */}
/* Hover und Kennzeichnung */
ul#Navi_vert a:hover
{text-decoration: none; color: #000; padding: 6px 0 0 10px;
border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted;}
/* Kennzeichnung der aktuellen Seite */
ul#Navi_vert span {text-decoration: none; color: #000; padding: 6px 0 0 10px;
border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: solid;}
  		  		
/* Inhalts-Container */
#Inhalt {color: #000; min-height: 497px;
margin-left: 12em;		/* Abstand zum li. Seitenrand >= Breite den Navigations-Containers */
padding: 1.5em 1em 1em 1em;
min-width: 9em;} 				/*	 Mind.-Breite verhindert Anzeigefehler in mod. Browsern */
   /* Workaround gegen 3px-Bug des IE */
	* html div#inhalt	{height: 1em;}

/* ================================================================================ */
/* Abbildungen im Text, rechts / links */
/* ================================================================================ */
#Inhalt dl							/* Bildunterschriften...  */
{font-size: 0.7em; font-weight: bold;}
#Inhalt dl dt a:link {padding:0}
/* -------------------------------------------------------------------------------- */		
#Inhalt dl.BildRechts				/* 	...für rechtsbündig gesetzte Bilder */
{float:right;	margin: 0 16px 20px 20px;}
#Inhalt dl.BildRechts dt {margin-bottom: 0;} 
#Inhalt dl.BildRechts dd {margin: 0;}
/* ---------------------------------------------------------------------------------- */
#Inhalt dl.BildLinks					/* ...für linksbündig gesetzte Bilder */				
{float:left; margin-left: 0; margin-right: 1em;}
#Inhalt dl.BildLinks dt {margin-bottom: 0;}
#Inhalt dl.BildLinks dd	{margin: 0;}
/* ---------------------------------------------------------------------------------- */
#Inhalt dl.BildMitte					/* ...für zentriert gesetzte Bilder */				
{margin-left: 0; margin: 0 auto; padding: 0;}
#Inhalt dl.BildLinks dt {margin-bottom: 0;}
#Inhalt dl.BildLinks dd	{margin: 0;}
/* ---------------------------------------------------------------------------------- */
#Inhalt dl.Bild				/* 	...für Bilder ohne floating */
{margin-right: 1em; margin-left: 5px;}
#Inhalt dl.BildRechts dt {margin-bottom: 0;}
#Inhalt dl.BildRechts dd {margin: 0;}
/* ---------------------------------------------------------------------------------- */
#Inhalt dl.Randli					/* ...für linksbündig gesetzte Bilder */				
{float:left; margin-right: 1em; margin-left: -180px;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html #Inhalt dl.Randli {margin-left: -90px;}
#Inhalt dl.Randli dt {margin-bottom: 0;}
#Inhalt dl.Randli dd	{margin: 0;}
/* ---------------------------------------------------------------------------------- */

/* ================================================================================= */
#Inhalt a:link, #Inhalt a:visited	/* Links im Fließtext */
{color: #000; text-decoration: none; padding-left: 2px;}
#Inhalt a:hover	{border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted;}

/* =============== Inline-Bilder =================== */
/* Seite: Index */
a.Inline-Bild_Klee, a.Inline-Bild_Klee:visited {color:#c00; position:relative; z-index:5000;}
a.Inline-Bild_Klee b {position:absolute; visibility:hidden; width:540px; height:0; left:0; top:-10px;}
a.Inline-Bild_Klee:hover {text-decoration:none; border:0; z-index:6000;}
a.Inline-Bild_Klee:hover b {visibility:visible; height:auto; cursor:pointer; z-index:6000; left: 70px;}
a.Inline-Bild_Klee:hover b img {border:0; padding:20px; background-color:#000; z-index:6000;}

/* nach rechts */
a.Inline-Bild_re, a.Inline-Bild_re:visited, a.Inline-Bild_re2, a.Inline-Bild_re2:visited, a.Inline-Bild_re3, a.Inline-Bild_re3:visited {color:#c00; position:relative; z-index:1;}
a.Inline-Bild_re b, a.Inline-Bild_re2 b, a.Inline-Bild_re3 b {position:absolute; visibility:hidden; width:530px; height:0; left:0px; top:1.2em;}
a.Inline-Bild_re:hover, a.Inline-Bild_re2:hover, a.Inline-Bild_re3:hover {text-decoration:none; border:0; z-index:1000;}
a.Inline-Bild_re:hover b, a.Inline-Bild_re2:hover b, a.Inline-Bild_re3:hover b {visibility:visible; height:auto; cursor:pointer; z-index:500; left: 60px;}
a.Inline-Bild_re:hover b img, a.Inline-Bild_re2:hover b img, a.Inline-Bild_re3:hover b img {border:0; padding:10px; background-color:#fff;}
/* nach links */
a.Inline-Bild_li, a.Inline-Bild_li:visited, a.Inline-Bild_li2, a.Inline-Bild_li2:visited, a.Inline-Bild_li3, a.Inline-Bild_li3:visited {color:#c00; position:relative; z-index:1;}
a.Inline-Bild_li b, a.Inline-Bild_li2 b, a.Inline-Bild_li3 b {position:absolute; visibility:hidden; width:530px; height:0; left:0px; top:1.2em;}
a.Inline-Bild_li:hover, a.Inline-Bild_li2:hover, a.Inline-Bild_li3:hover {text-decoration:none; border:0; z-index:1000;}
a.Inline-Bild_li:hover b, a.Inline-Bild_li2:hover b, a.Inline-Bild_li3:hover b {visibility:visible; height:auto; cursor:pointer; z-index:500;}
a.Inline-Bild_li:hover b {left:-520px;}
a.Inline-Bild_li2:hover b {left:-150px;}
a.Inline-Bild_li3:hover b {left:-320px;}
a.Inline-Bild_li:hover b img, a.Inline-Bild_li2:hover b img, a.Inline-Bild_li3:hover b img {border:0; padding:10px; background-color:#fff;}
/* nach oben */
a.Inline-Bild_ob1, a.Inline-Bild_ob1:visited, a.Inline-Bild_ob2, a.Inline-Bild_ob2:visited {color:#c00; position:relative; z-index:1;}
a.Inline-Bild_ob1 b, a.Inline-Bild_ob2 b {position:absolute; visibility:hidden; width:530px; height:0; left:0px; top:1.2em;}
a.Inline-Bild_ob1:hover, a.Inline-Bild_ob2:hover {text-decoration:none; border:0; z-index:1000;}
a.Inline-Bild_ob1:hover b, a.Inline-Bild_ob2:hover b {visibility:visible; height:auto; cursor:pointer; z-index:500;}
a.Inline-Bild_ob1:hover b {left:-320px; top: -460px;}
a.Inline-Bild_ob2:hover b {left:0px; top: -350px;}
a.Inline-Bild_ob1:hover b img, a.Inline-Bild_ob2:hover b img {border:0; padding:10px; background-color:#fff;}
/* ========= Ende: Inline-Bilder =================== */

#Inhalt h1{font-family: "Georgia", "Times New Roman", Times, serif;	color: #393126;	font-size: 1.5em;	letter-spacing: 2px; margin: 0 0 1em 0;}
#Inhalt h1.index {color: #504F55; text-align: center; margin-top: 20px; font-size: 2em; letter-spacing: 0px; line-height: 1.5em;}
#Inhalt h1.index a {color: #504F55;}
#Inhalt h2 {font-family: "Georgia", "Times New Roman", Times, serif; color: #393126; font-size: 1.2em; letter-spacing: 1px; margin: 0 0 1em 0;}
#Inhalt h2 span, #Inhalt h2 span a {font-family: Verdana, Arial; font-size: 70%; font-style: normal; font-weight: normal; margin-left: 10px;}
#Inhalt h3 {font-family: "Georgia", "Times New Roman", Times, serif; color: #393126; font-size: 1em; font-weight: bold; margin: 0 0 1em 0;}
#Inhalt h3 span, #Inhalt h3 span a {font-family: Verdana, Arial; font-size: 80%; font-style: normal; font-weight: normal; margin-left: 10px;}
#Inhalt p, #Inhalt p.online {color: #393126; line-height: 1.4em; font-size: 0.9em; margin-bottom: 1em; }
#Inhalt p.online span {padding-left: 21px; font-style:normal; font-weight:normal;}
#Inhalt p.para {font-size: 1em; font-weight: bold; font-style:italic; text-align: center; letter-spacing: 2px;}
#Inhalt p.quelle {font-family: Verdana, Arial; font-size: 0.7em;}
#Inhalt p.zitatr {text-align: right; font-family: "Georgia", "Times New Roman", Times, serif; line-height: 1.5em; font-size: 0.9em; font-weight: bold; margin: 0 0 0.5em 0;}
#Inhalt p.zitatrq {text-align: right; font-family: Verdana, Arial; font-size: 0.7em;}
#Inhalt p.zitatAnfang	{font-size: 0.9em;}
#Inhalt p.zitatEnde	{font-size: 0.9em;}
#Inhalt p.zitatAnfang img {float:left; border: 0em; padding-right: 1em; position: relative;}
#Inhalt p.zitatEnde img {float:right; border: 0em; padding-left: 1em; position: relative; top: 0px;}
#Inhalt p.zitatimzitat{padding-left: 1em;	font-size: 0.9em;}
#Inhalt p.tubo {margin: 0; padding: 0 0 0.5em 0;}
#Inhalt p.mehr {font-family: Verdana, Arial; font-size: 0.6em;}
#Inhalt img.Kamera {height: 1em; width: auto; padding: 0em 0.2em 0em 0.2em; top: 2px;}
#Inhalt img.Info {height: 1em; width: auto; padding: 0em 0.2em 0em 0.2em; top: 2px;}
#Inhalt img.Klee {height: 1em; width: auto; padding: 0em 0.2em 0em 0.2em; top: -30px;}
#Inhalt img.E-Mail {height: 0.8em; width: auto; padding: 0em 0.2em  0em 0.2em; top: 0.1em;}
#Inhalt span {font-weight: bold; font-style: italic;}
#Inhalt p.Liste {background: url(../images/GlasTonwUnschMask11h18b.jpg) no-repeat 0px 5px; padding-left:30px; line-height: 1.3em; font-size: 0.9em;	margin: 0 0 1em 0;}
#Inhalt ul {list-style: none; padding-left: 0px;}
#Inhalt ul li {background:url(../images/Icons/Bullet.GIF) no-repeat 0px 0px; padding-left:30px; line-height: 1.3em; font-size: 0.9em; margin-bottom: 1em;}

/* Beispiel fuer Inline-Info/-Bild */
#Inhalt ul li a.InlineInfo, #Inhalt ul li a.InlineInfo:visited {color: #000; text-decoration: none; padding-left: 2px; position:relative; z-index:1;}
#Inhalt ul li a.InlineInfo b {position:absolute; visibility:hidden; width:150px; height:0; left:0px; top:1.2em;}
#Inhalt ul li a.InlineInfo:hover {border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted; z-index:1000;}
#Inhalt ul li a.InlineInfo:hover b {visibility:visible; height:auto; cursor:pointer; z-index:500;}
#Inhalt ul li a.InlineInfo:hover b p {width: 130px; font-family: Verdana, Arial; font-size: 0.7em; color: #000; border:0; padding:10px; background-color:#fff;}

/* Inline-Infos auf Portrait */
#Inhalt ul li a.InlineInfo2, #Inhalt ul li a.InlineInfo2:visited {color: #000; padding-left: 2px; position:relative; z-index:800;}
#Inhalt ul li a.InlineInfo2 b {position:absolute; visibility:hidden; width:350px; height:0; left:0px; top:1.2em;}
#Inhalt ul li a.InlineInfo2:hover {border-bottom: 1px; border-bottom-color: #9A3314; border-bottom-style: dotted; z-index:1000;}
#Inhalt ul li a.InlineInfo2:hover b {visibility:visible; height:auto; cursor:pointer;}
* #Inhalt ul li a.InlineInfo2:hover b p {width: 330px; font-family: Verdana, Arial; font-size: 0.7em; color: #000; border:0; padding:10px; background-color:#fff; */}

#Inhalt ul li a.InlineInfo3, #Inhalt ul li a.InlineInfo3:visited {color:#000; position:relative; z-index:800;}
#Inhalt ul li a.InlineInfo3 b {position:absolute; visibility:hidden; width:120px; height:0; left:0px; top:1.2em;}
#Inhalt ul li a.InlineInfo3:hover {text-decoration:none; border:0; z-index:1000;}
#Inhalt ul li a.InlineInfo3:hover b {margin: 0; visibility:visible; height:auto; cursor:pointer; z-index:500;}
#Inhalt ul li a.InlineInfo3:hover b {left:2px; top: -215px;}
#Inhalt ul li a.InlineInfo3:hover b img {margin: 0; border:0; padding:10px; background-color:#505050;}
#Inhalt ul li a.InlineInfo3:hover b p {width: 100px; font-family: Verdana, Arial; font-size: 0.7em; color: #fff; margin-top: -10px; border:0; padding:10px; background-color:#505050;}

/* Bildergallerie, vertikal */				
#gallerie {width:180px; height:20px; position:relative; margin-top: -20px;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html #gallerie {float: left; margin-right: -180px; margin-top:-20px;}
#gallerie a:link {padding: 0;}
#gallerie ul {list-style:none; padding:0; margin:20px -35px 20px -200px; width:180px; position:relative; float:left;}
#gallerie ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallerie ul li a {display:block; text-decoration:none; width:50px; height:50px;  padding:0; border:1px solid #000;}
#gallerie ul li span {display:none;}
#gallerie ul li a img {display:block; width:50px; height:50px; border:0;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html #gallerie ul li a img {width:52px; margin-left: -2px;}
#gallerie ul li a:hover {white-space:normal; border-color:#ddd; background-color:#DFE0DB;}
#gallerie ul li a:hover b {position:absolute; left:300px; top:-100px; width:490px; height:auto; text-align:center;  text-decoration:none; background:#000;}
#gallerie ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-style:normal; font-weight:normal; font-size: 11px; width:450px; margin:0 auto;}
#gallerie ul li a:hover img {right:0px; top:0; width:450px; height:auto; border:0; padding:20px;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html #gallerie ul li a:hover img {padding: 20px 20px 0px 20px;}

fieldset {border: 1px;	border-color: #9A3314; border-style: solid;
width: 400px; float:right; margin: 0 16px 20px 20px; padding: 20px;}
input {width: 400px; padding: 5 px; border: 0; font-family: Verdana, Arial; font-size: 0.9em;}
input.Feld {width: 400px; height: 300px; padding: 5 px; margin-left: 0px; border: 0;padding: 10px; font-family: Verdana, Arial; font-size: 0.9em;}
input.senden {width: 90px; position: relative; left: 0px; background-color: #fff; text-align: left;}
p.senden input:hover {border-bottom:2px; border-bottom-color: #9A3314; border-bottom-style: dotted;}
	/* Korrektur fuer IE 5.x / IE 6.x */
	* html input.senden {text-align: center;}
textarea {border: 0; background-color: #fff; padding: 10px; font-family: Verdana, Arial; font-size: 0.9em;}