@charset "utf-8";
/*------------------------------------
Stylesheets bkg.css
Datum: 15.01.2011
-------------------------------------- 

Inline-Elementen:
a | abbr | acronym | applet | b | basefont | bdo | big | br | button | cite | code | del | dfn | em | font | i | img | ins | input | iframe | kbd | label | 
map | object | q | samp | script | select | small | span | strong | sub | sup | textarea | tt | var
(applet, basefont, font, iframe, u, s und strike nur bei  HTML Transitional) 

Block-Elementen:
address | blockquote | center | del | dir | div | dl | fieldset | form | h1-6 | hr | ins | isindex | menu | noframes | noscript | ol | p | pre | table | ul
(center, dir, isindex, menu und noframes nur bei  HTML Transitional) 
*/

* {
margin:0;
padding:0;
}

a {
text-decoration:none; 
}

html {
height:100%;   /*wg. footer */
}

ul  { 
list-style: none 
}

li { 
list-style-type:none;    /*none,  square, circle, disc */
list-style-position:outside; /*inside / outside = ausgerueckt (Voreinstellung) */ 
}

p {
margin:0.4em 0;
}

/* body ------------------------------------------------------------------------------------------------------------------------------------------ */

body {
height: 100%;   /*wg. footer */
width: 100%;
/* Scrollbar 
scrollbar-base-color: #bc6424;
scrollbar-track-color : #d8aa74;    
   scrollbar-3dlight-color : #FFFFFF;
	scrollbar-arrow-color : #000000;
	scrollbar-base-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;
	scrollbar-face-color : #FFFFFF;
	scrollbar-highlight-color : #FFFFFF;
	scrollbar-shadow-color : #FFFFFF;
	scrollbar-track-color : #FFFFFF; */
background-color:#ffffff; background-image:url(bkg_img/backgr.gif); background-repeat:repeat;
font-size: 100.1%;  /* Bug IE / EM f.fontsize */
font-family:arial, verdana, helvetica, sans-serif; 
font-variant:normal; font-weight:normal; font-style: normal; color: #723A06; 
}
 
#wrapper {   
width:71em; 
min-height: 100%;   /*wg. footer */
position: relative;   /*wg. footer */
margin: 0 auto; /* horizontal zentriert*/
background:transparent;
font-size:1em; 
}

* html #wrapper {  /* Hack IE6 wg. footer */
height: 100%;
} 

#content {  
height:100%;
overflow:auto;
background:transparent;  
padding: 0em 0em 3.5em 0em; /*wg. footer */
} 

/* Menue-Struktur http://www.ohne-css.gehts-gar.net/0066.php --------------------------------------------------------------------------------------------------  border:1px solid blue; */

/* formatiert die Menuleiste */
#menu {
position: absolute; top: 0; left:0;  
float: left; 
width: 49.6em;
height:7em;
padding-top:0.65em; 
padding-left:14em; 
background-image:url(bkg_img/head2.gif); background-repeat:no-repeat; background-position:0em 0.5em; 
font-weight:bold; 
font-size: 1.1em;
line-height: 1.3em;  /* bewirkt eine vertikale Textzentrierung */  
}

/* formatiert die Navigationsbloecke   */
#menu ul {
float: left;
width: 8.0em;
list-style-type: none; 
text-align: center;
}

/* Einzellink im Normalzustand auf aktiver Seite, wenn kein Drop-Down erforderlich */
#menu span.direkt-aktiv { 
font-size: 1.1em;
font-weight: bold;
text-align: center;
color: #bc6424;
background:transparent;    
}

/* Einzellink im Hoverzustand auf aktiver Seite, wenn kein Drop-Down erforderlich */
#menu span.direkt-aktiv:hover {
text-align: center;
color: #FFFFFF;
}

/* Einzellink im Normalzustand auf  n i c h t  aktiver Seite, wenn kein Drop-Down erforderlich */
#menu a.direkt-no-aktiv {
font-size: 1.1em;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background:transparent;
}

/* Einzellink im Hoverzustand auf  n i c h t  aktiver Seite, wenn kein Drop-Down erforderlich */
#menu a.direkt-no-aktiv:hover   {   
text-align: center;
color: #bc6424;
}
/*a:link { color: red }     link pseudo-class, noch nicht besuchter Link */
/*a:visited { color: blue } link pseudo-class, schon besuchter Link */
/*a:hover { color: yellow } dynamic pseudo-class, Benutzer 'hovert' */
/*a:active { color: lime }  dynamic pseudo-class, Link wird ausgew�hlt */
/*a:focus { color: lime }   dynamic pseudo-class, Element akzeptiert Eingaben */

/* definiert die Blockueberschriften auf aktiver Seite*/ 
#menu span.ueberschr-aktiv { 
font-size: 1.1em;
text-align: center;
color:#bc6424;
background:transparent;
font-weight: bold;
}

/* positioniert 1. Eintrag Drop-Down-Menu  */
#menu .first  {
margin-top:0.537em;  
}

/* definiert die "Drop-Down-Links" im Normalzustand  */
#menu a.drop-down {
text-decoration: none;
display: block;
text-align: left;
color:#ffffff;
background-color:#d8aa74;
border-width:0em 0.20em 0.20em 0.20em; border-style:solid; border-color:#bc6c24;   
padding-left:0.2em;
}

/* definiert die "Drop-Down-Links" im Hoverzustand */
#menu a.drop-down:hover {
color: #bc6424;
background-color:#d8aa74;
border-width:0em 0.20em 0.20em 0.20em; border-style:solid; border-color:#bc6424; 
}

/*verhindert im Zusammenhang mit pos. absolute bei ul ul eine Hoehenvergroesserung von #menu beim Hoern */ 
#menu li {
position: relative; 
list-style-type:none; 
}

/* versteckt die "Drop-Down-Links", solange nicht gehovert wird  */
#menu ul ul {
position: absolute; left: 0em; top: 1em;
z-index: 2;
display: none;
}

/* laesst die Dropdown-Links beim Hovern erscheinen */
#menu ul li:hover ul {
display: block;
} 

/* nur fuer IE-Versionen kleiner gleich 6 erkennbar */
* html #menu ul li{
float: left;
width: 100%;
} 

/* nur fuer IE 7 erkennbar */
*+ html #menu ul li {
float: left;
width: 100%;
} 

/*--bewirkt Hover-Effekt fuer IE kleiner 7 auch fuer ul- und li-Elemente - blockiert Menu wenn Javascript nicht akzeptiert ist 
* html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}*/

* html #menu ul li a {
height: 1%;
}
/* Inhalt ------------------------------------------------------------------------------------------------------------------------------  border:1px solid blue; 
*/
#cont-all  { 
float: left;
width:64em;
margin:8em 1em 0em 0em;
padding:2em 2.5em 1em 2em; 
border:0.0625em solid #974D17;   
text-align:justify;
font-size: 1em;
}
/* -------------------------------------------------------------------------------------------------------------------------------------  border:1px solid blue; */
/* Footer-Struktur http://www.ohne-css.gehts-gar.net/0044.php */
#footer1 { 
position: absolute; bottom: 0; left:0;   /*wg. footer */
width: 100%;
background:transparent;
line-height:3.5em;
} 

.footer {
text-align: center;
font-size:0.8em;     
} 
 
#footer1 a {
color: #723A06;
background:transparent;
text-decoration:underline;  
}

#footer1 a:hover {
color:#bc6424; 
background:transparent;
text-decoration:none;
}
/* Textformat-Klassen -----------------------------------------------------------------------------------------------------------------------------------  border:1px solid fuchsia; */
h1 {
color: #723A06; 
font-size: 1.7em;
font-weight: bold;
text-align: center;
margin: 0;
}

h2 {
font-size: 1.5em;
font-weight: bold;
color: #723A06;
}

h3 {
font-size: 1.3em;
font-weight: bold;
color: #723A06;
}

h4,  .right-30 {
font-size: 1.1em;
font-weight: bold;
color: #723A06;
}

.text-1em, #middle-80 a {
font-weight:normal;
font-size: 1em;
color: #723A06;
} 

.text-shadow1 {
text-shadow: 0.125em 0.0625em 0em #d8aa74;
/* text-shadow: -1px -1px 0px #101010, 1px 1px 0px #505050;
Schatten #1 Versatz links - Versatz oben - Unsch�rfe (Blur) - Farbe, Schatten #2 Versatz links - Versatz oben - Unsch�rfe (Blur) - Farbe 
Mehrere Schatten f�r denselben Text k�nnen durch Kommas getrennt hintereinandergesetzt werden. Den Schatten nach innen erzeuge ich mit negativen 
Werten f�r den x- und y-Versatz und einer dunklen Farbe. Der helle Schlagschatten wird wie gehabt mit einem Versatz von 1px von links und von oben erzeugt.
#d8aa74 = beiger Grund Menu-Leiste, #b96b25 = dunkler Rand Menu-Leiste */
}

/* Info-Block -----------------------------------------------------------------------------------------------------------------   
...
 <p>Dies k�nnen <a class="infobox" href="#INFO">AFAIK<span> <b>Infobox:</b><br />
 englisch f�r: 'As far as I know' ('soweit ich wei�')</span></a> alle modernen Browser interpretieren:</p>*/
a.infobox { 
border-bottom: 1px dashed #c30; 
text-decoration:none; font-size:0.75em;  
}
a.infobox:hover { 
cursor:help; 
color:#c30; 
background:white; 
}
a.infobox span { 
visibility:hidden; 
position:absolute; left:-99em;
margin-top:1.5em;
padding:1em; 
text-decoration:none; 
text-align:justify;
width:20em; 
}

a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
visibility:visible; left:1em;
border:1px solid #c30; 
/*color:blue; */
color:#bc6424;
background:white; 
}

 /* Ecken -------------------------------------------------------------------------------------------------------------------------------  */
 
div.rounded1 {
-moz-border-radius:1em 1em 1em 1em; /* Firefox - alte Syntax */
-webkit-border-radius:1em 1em 1em 1em;  /* Safari, Chrme - alte Syntax */
border-radius:1em 1em 1em 1em;  /* alle neuen Browser, W3C Standard */
/*-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; */
}

div.rounded2 {
-moz-border-radius:1.5em 1.5em 1.5em 1.5em;  /* Firefox - alte Syntax */
-webkit-border-radius:1.5em 1.5em 1.5em 1.5em; /* Safari, Chrome - alte Syntax */
border-radius:1.5em 1.5em 1.5em 1.5em; /* alle neuen Browser, W3C Standard */
}

/* background:-ms-linear-gradient(top, #ffffff, #adf);   IE 
background:linear-gradient(top, #ffffff, #adf);       W3C Standard */

/* Box-Schatten --------------------------------------------------------------------------------- 
1. Wert = Verschiebung X-Achse
2. Wert = Verschiebung Y-Achse
3. Wert = Blur Radius (mit Wert 0 ist der Schatten scharf, je h�her der Wert, desto unsch�rfer)
4. optional - Wert = L�nge des Schattens, z.B. -5px verk�rzt den Schatten
5. Wert = Schattenfarbe */

.est { 
border:1px solid #000; 
-moz-border-radius:0.75em; 
-webkit-border-radius:0.75em; 
background:#CEFFF8;  
height:64px; width:160px; 
padding:0.25em 1em; 
margin:3em; 
}
			.shadow1 {
				box-shadow:0.5em 0.5em #666;
				-webkit-box-shadow:0.5em 0.5em #666;
				-moz-box-shadow:0.5em 0.5em #666;
			}
			.shadow2 {
				box-shadow:0.8em 0.8em 1.2em #974D17; /* #bc6424 */
				-webkit-box-shadow:0.8em 0.8em 1.2em #974D17;
				-moz-box-shadow:0.8em 0.8em 1.2em #974D17;
			}
			.shadow3 {
				box-shadow:0.5em 0.5em 0.5em 0.5em #666;
				-webkit-box-shadow:0.5em 0.5em 0.5em 0.5em #666;
				-moz-box-shadow:0.5em 0.5em 0.5em 0.5em #666;
			}
			.shadow4 {
				box-shadow:12px 0.5em 0.5em -0.5em #666;
				-webkit-box-shadow:12px 0.5em 0.5em -0.5em #666;
				-moz-box-shadow:12px 0.5em 0.5em -0.5em #666;
			}
			.shadow5 {
				box-shadow:0.5em 0.5em 0.5em red, -0.5em 0.5em 0.5em green, 0.5em -0.5em 0.5em blue, -0.5em -0.5em 0.5em yellow;
				-webkit-box-shadow:0.5em 0.5em 0.5em red, -0.5em 0.5em 0.5em green, 0.5em -0.5em 0.5em blue, -0.5em -0.5em 0.5em yellow;
				-moz-box-shadow:0.5em 0.5em 0.5em red, -0.5em 0.5em 0.5em green, 0.5em -0.5em 0.5em blue, -0.5em -0.5em 0.5em yellow;
			}
			.shadow6 {
				-box-shadow:inset 0.5em 0.5em 0.5em #666;
				-webkit-box-shadow:inset 0.5em 0.5em 0.5em #666;
				-moz-box-shadow:inset 0.5em 0.5em 0.5em #666;
			}
/* http://www.peterkroener.de/test/css3/box-shadow.html
		<div class="test shadow1">
			<p>
				Ein einfacher Schatten
			</p>
		</div>

		<div class="test shadow2">
			<p>
				Ein weicher Schatten
			</p>
		</div>

		<div class="test shadow3">
			<p>
				Schatten mit erh�htem Radius
			</p>
		</div>

		<div class="test shadow4">
			<p>
				Schatten mit verringertem Radius
			</p>
		</div>

		<div class="test shadow5">
			<p>
				Mehrfach-Schatten
			</p>
		</div>

		<div class="test shadow6">
			<p>
				Innerer Schatten
			</p>
		</div>
*/
/* home ---------------------------------------------------------------------------------------------------------------------------------- border:1px solid red; */
#cont-10 {
width:80%;
margin:2em 0 auto 0em;
padding:2em 5em 2em 5em; 
border:1px solid #974D17;   /* alte Farbe: #bc6424 - #974D17 / #834517 / #854719 */  
}

#head-10 {   
margin:0 auto;
width:12em;
height:3.2em; 
background-color:transparent; 
}

#menu-10 {  
width:27.8em;
height:20.5em;
margin: 0 auto; /* horizontal zentriert*/   
/* margin:8em 0em 3em 17em;    margin:5em 0em 0em 17em;  */    
background-color:transparent; background-image:url(bkg_img/main2.gif); background-repeat:no-repeat; background-position:0.1em 0.1em;  /* Bild 444 x 326 / 27.75em x 20.375*/
}

/* navi aus http://www.ohne-css.gehts-gar.net/0077.php -----------------------------------------------------------------------------------------------------------------------------------  */
#menu-10a {
margin:4.5em 0em 0em 1em;
float: left;
width:7em;     
}
 
#menu-10a li {
line-height:1.7em;
margin-bottom:0.2em; 
text-align: left;
list-style: none;   
}

.corr-10-3 {
margin-top:0.3em; /* Korrektur Hoehe */
}

#menu-10a a {
display: block;
color:#723A06; font-size:1.1em; font-weight:bold; text-align:left; 
text-decoration: none;
}
 
#menu-10a a:hover {
color:#bc6424; font-size:1.1em; font-weight:bold;  text-align:left; 
}

#text-10 {
margin:2em 0em 1em 0em; 
background-color:transparent;  
text-align: center; 
}

#text-10 a {
color:#723A06; 
}

#text-10 a:hover {
color:#bc6424;
} 

#flag-10 {
margin-top:1em;  
text-align:center; 
}

#visit-10 {
float:left; 
margin-top:1.9em;
width: 10.63em;  
font-size:0.75em; font-weight:normal;  
text-align:right;    
}

/* interests -----------------------------------------------------------------------------------------------------------------------------------  
border:1px solid fuchsia; border:1px solid black; border:1px solid green; border:1px solid blue;  border:1px solid lime; border:1px solid red;
 */

#cont-20  { 
float: left;
width:64em;
margin:8em 1em 0em 0em;
padding:2em 2.5em 1em 2em;  
border:0.0625em solid #974D17;  
text-align:justify; 
font-size: 1em;
}

#cont-20 a   { 
color: #723a06;  
text-decoration:none;  
}

#cont-20 a:hover   {
color:#bc6424; 
}

#cont-20a-titel {   
float:left;   
width:36em; 
height:4.1em;  
padding:0em 0em 0em 8em;
background-color:transparent; background-image:url(bkg_img/swiss-links.gif); background-repeat:no-repeat; background-position:0em 0em; /* 50 x 74px */
}

#cont-20b-titel { 
float:left;   
width:44em; 
height:3.3em;  
padding:1em 0em 0em 0em;
background-color:transparent; background-image:url(bkg_img/italy.gif); background-repeat:no-repeat; background-position:41em 0em; 
}

#cont-20c-titel {  
float:left;   
width:36em; 
height:3.3em;  
padding:1em 0em 0em 10em;
background-color:transparent; background-image:url(bkg_img/italy-links.gif); background-repeat:no-repeat; background-position:0em 0em; 
}

#cont-20a-p {
width:18.125em; 
height:24.25em; 
background-color:transparent;  background-image:url(bkg_img/B-E-antik.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 290 x 388px = 18.125 x 24.25em */
}

#cont-20b-p { 
width:18.125em; 
height:24.1875em; 
margin-top:1em;
background-color:transparent;  background-image:url(bkg_img/Barolo-Castello-di-Falletti-kl.jpg); background-repeat:no-repeat; background-position:0em 0em;  /* 290 x 387px = 18.125 x 24.1875em */
}
#cont-20c-p {  
width:18.125em; 
height:25.375em; 
margin-top:1em;
background-color:transparent;  background-image:url(bkg_img/trulli00-k.jpg); background-repeat:no-repeat; background-position:0em 0em; /* 290 x 406px = 18.125 x 25.375em */
}
#kurztext01 a, #kurztext02 a, #kurztext03 a    {
color: #bc6424;  
text-decoration:none;
}
#kurztext01 a:hover, #kurztext02 a:hover, #kurztext03 a:hover    {
color: #723a06;
}
.spa-li { 
float:left; 
width:21em;
}
.spa-mi {  
float:left; 
margin-left:2em;
width:21em;
}
.spa-re {  
float:right; 
width:21em;
}
.spa-re-p {   
float:right; 
width:18.125em;
text-align:right;
}
.spa-li-p {    
float:left; 
width:18.125em;
}
.p-text {  
padding-top:0.5em;
font-size:0.8em;
}

.spa { 
float:left; 
width:64em;
margin-bottom:1.5em;
}
.spa-texte-li  {  
float:left; 
width:44em;
}
.spa-texte-re  {  
float:right; 
width:44em;
}

.zeiger { 
text-align:center; 
margin-top:1em;
}
.zeiger a   { 
/* color: #723a06; */
text-decoration:none;
}
/* .zeiger a:hover   {
color:#bc6424; 
} */
/* pictures ----------------------------------------------------------------------------------------------------------------------------------- border:1px solid red; */   
 
#cont-30 {
width:100%;
margin:2em 0em 2em 0em;
padding:2em 2em 2em 2em; 
border:1px solid #974D17;   position: absolute; top: 7em; left:0; /* Pagenlaenge < Monitor */
text-align:left;  
}
#menu30-1a, #menu30-2a, #menu30-3a { 
float:left; 
width:10.8em;
height:2.2em;  
padding:0.2em 0em 0em 0.625em; 
background-color:transparent;  background-image:url(bkg_img/ind.gif); background-repeat:no-repeat; background-position:0em 0em;  
}

#menu30-1b, #menu30-2b, #menu30-3b {   
height:2.5em; 
padding:0.2em 0em 0em 0em; 
}

#left-30 {   
float: left;
width: 13.5em;
text-align:left;       
}

#right-30 { 
margin-left:14em;
text-align:left; 
} 

a.navi-30-weiss {color:#FFFFFF; font-size:1.15em; font-weight: bold;     
}

.navi-30-weiss:hover {color: #bc6424; font-size:1.15em; font-weight: bold; 
}

/* links  -----------------------------------------------------------------------------------------------------------------------------------  */
#cont-40  { 
width:75%;
margin:1em 5em 2em 6em;
padding:2em 2em 2em 3em; 
border:0.0625em solid #974D17;   position: absolute; top: 7em; left:0; /* Pagenlaenge < Monitor */
}

#middle-40 {  
float:left; 
width:100%; 
padding:2em 0em 8em 0em;  /* padding-bottom-Wert, hier 55px, entspricht mindestens der H�he des #footer - fixierter header + footer */  
text-align:center;                 
}
/* contact ---------------------------------------------------------------------------------------------------------------------  border1px solid red; */
#cont-50 {
width:75%;
margin:1em 5em 2em 6em;
padding:2em 2em 0.5em 3em; 
border:0.0625em solid #974D17;   
position: absolute; top: 7em; left:0; 
text-align:left;  
}

#form-50 {  
width:48.5em; 
margin-top:1em;
text-align:left; 
}

#eingabe, #eMail, #Name, #Betreff, #Nachricht  {
background-color:transparent;   
border:none; 
font-family:arial, verdana, helvetica, sans-serif;
color: #723A06; 
}

#left-50-1, #left-50-2, #left-50-3, #left-50-4 {   
width:9.5em; 
}

.Meldung  {
font-weight: bold;
margin-bottom:1em;
}

#pflicht-50 { 
float:left;  
width:20em; 
margin-top:1em; 
}

#left-50-1, #left-50-2, #left-50-3, #left-50-4, #right-50-1, #right-50-2, #right-50-3, #right-50-4 {
float:left; 
margin-bottom:0.5em; 
}

#right-50-1, #right-50-2, #right-50-3, #right-50-4  {
border:1px solid #d8aa74;
margin-left:0.1em;
}
#form-50 input, #form-50 textarea  {
font-size:1em; 
}

#send-50  {
float:left; 
margin-left:3.7em;
margin-top:0.5em;
}

#abbruch-50  {  
float:left; 
margin-left:5.8em; 
margin-top:0.5em;
width:6.25em;
height:1.125em; 
padding:0em 0em 0.2em 0em;
text-align:center; 
background-color:#d8aa74;
border:5px solid #bc6424;   
color:#ffffff; 
font-size:1em; 
font-weight: bold;
}

#abbruch-50 a:hover, #send-50 input:hover, #merci-50 a:hover  {
color:#bc6424;       
}

#abbruch-50 a{
color:#ffffff;       
}

#merci-50  {
float:left; 
width:40em;
margin:4em 0em 2em 0em;
text-align:left; 
font-size:0.6em;        
}

#merci-50 a {
color: #723A06;
text-decoration:underline;   
}

.button-50 {
width:7em;
height:2em; 
padding:0em 0em 0.2em 0em;
text-align:center; 
background-color:#d8aa74;
border:5px solid #bc6424;
color:#FFFFFF; 
font-size:1em; 
font-weight: bold; 
}
 
/* change-log------------------------------------------------------------------------------------------------------------------------ border:1px solid red; */
/* 
#cont-60 {
width:75%;
margin:1em 5em 2em 6em;
padding:2em 2em 2em 3em; 
border:1px solid #974D17;   position: absolute; top: 7em; left:0; Pagenlaenge < Monitor 
}*/
#cont-60  { 
float: left;
width:75%;
margin:8em 5em 0em 6em;
padding:2em 2em 1em 3em; 
border:0.0625em solid #974D17;   
}

#head-60 {  
width:70%;
font-size: 1em;
color: #723A06;
font-weight: bold;  
text-align:left; 
padding-bottom:1em;                                                  
}

.head-60-1 {
font-size: 1.5em;
}
.head-60-2 {
font-size: 1em;   
}
.head-60-3 {
font-size: 1em;   
}
.head-60-4a {
padding-left:3.5em; 
}
.head-60-4b {
padding-left:4.4em; 
}
.head-60-5 {
padding-left:3.8em;                
}

#left-60 {  
float:left; 
width:7em; 
}

#middle-60a { 
float:left;  
width:7em; 
} 
#middle-60b { 
float:left;  
width:9em; 
}
#right-60 { 
float:left;  
}

#right-60 a {
color:#723A06;
}

#right-60 a:hover{
color:#bc6424;
}
/* legal notice / impressum ---------------------------------------------------------------------------------------------------------------------  border:1px solid red;  
*/
#cont-70  { 
float: left;
width:64em;
margin:8em 1em 0em 0em;
padding:2em 2.5em 1em 2em; 
border:0.0625em solid #974D17;   
text-align:justify;
font-size: 1em;
}
#top-70 {  
width: 50em;
line-height:2em; 
} 

#left-70 { 
float:left;   
width: 30.5em;
padding-top:1em;
color: #723A06;
}

#left-70-a, #left-70-b, #left-70-c, #left-70-d, #left-70-e {
margin-bottom:1em;
}

#left-70-a a, #left-70-e a{
color:#723A06;
}

#left-70-a a:hover, #left-70-e a:hover{
color:#bc6424;
} 

#left-70 h3, #right-70 h3 {
margin-bottom:0.5em;
}

#right-70 { 
float:right;   
width: 30.5em;
padding-top:1em;
color: #723A06;
} 

#data-70 {
padding:0em 0em 0.5em 0.75em;
} 

/* http://www.1ngo.de/web/spam.html */
.email>ins:before {content: "@"; text-decoration: none}
.email del {text-decoration: none}
.email>del {display: none} 
*:first-child+html .email>del {display:inline}  /* Workaround fuer IE 7 */

/* sitemap ----------------------------------------------------------------------------------------------------------------------------------- border:1px solid red; */
#cont-80  { 
width:75%;
margin:1em 5em 2em 6em;
padding:2em 2em 2em 3em; 
border:1px solid #974D17;   position: absolute; top: 7em; left:0; 
}

#top-80 {
width:70%;
font-size: 1em;
color: #723A06;
font-weight: bold;  
text-align:left; 
padding-left: 1em;
}

DIV#sitemap {
padding: 1em 1.5em;
line-height: 1.4em;
}

#sitemap a {
color:#723A06;
}

#sitemap a:hover{
color:#bc6424;
} 
/*
DIV#sitemap LI {
padding: 0 0 0 0.8em;
margin: 0;
}

DIV#sitemap UL {
padding: 0 0 0 0.8em; 
margin: 0 0 0 -0.8em;
}
*/
DIV#sitemap UL .level-2 {
padding-left:1.75em; 
}

DIV#sitemap UL .level-3 {
padding-left:1.75em; 
}

DIV#sitemap LI .level-2top {
padding-top:0.5em;
margin: 0;
}