html, body {margin:0; padding: 0;
color: #603; background: #FFF;
font-family: Verdana, Arial, sans-serif;}
h1 {margin: 0 6em; color: #FFF; background: #0CC; font: bold 200%/1em "Avant Garde", Arial, Verdana, sans-serif;
padding: 1em 1em 0; margin: 0;}
h2 {margin: 0 6em; color: #FFF; background: #0CC; font: normal 200%/1em "Avant Garde", Arial, Verdana, sans-serif;
padding: 1em 1em 0; margin: 0;}

.clear { clear: both; }

.balken {margin: 0 6em; color: #FFF; background: #0CC; font:   "Avant Garde", Arial, Verdana, sans-serif;
padding: 1em 1em 0; margin: 0;}
.main {font-size: 0.8 em; color: #333; background: #FFF; margin: 0; padding: 2.5% 7%; clear: left}
.bottom { clear: both; text-decoration: none; font-weight: bold;  background: #BBB; color: #FFF; background: #0CC; font: bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif;
padding: 1em 1em 0; margin: 0;}
.bottom a { text-decoration: none; font-weight: bold;  background: #0CC;}
.drittelzelle { float: left; border: 1px #000; padding: 1px;  width: 31% }
.tribar { float: left; border: 1px #000; padding: 1px;  width: 31% ;text-align: center;font: 0.7em/0.6em "Avant Garde", Arial, Verdana, sans-serif;}
.drittelmrand { float: left; border: 1px #000; padding: 1px;  width: 31% }
.doppelzelle { text-align: left; float: left; padding: 1px; border:  1px 1px 3px 1px; width: 64% }
.halbzelle { text-align: left; float: left; padding: 1px; border:  1px 1px 3px 1px; width: 49% }

/* Aufzaehlung mit Phi Anfang */
/*  - - - - - - - - - - - - - */
.zelle_listen {
	float: left;
 	width: 87%;
 	text-align: left;
 	 	padding: 1em 0 1em 0; 
	background-color: #EFE;
	font-family: "AvantGarde Dm BT", Verdana, sans-serif;
 		line-height: 110%;	
 }
 .zelle_listen ul  { list-style-image:url(phi_16gruen.gif);
list-style-position: outside; 
 line-height: 5em;
 text-decoration: none; }

.zelle_listen ul li { line-height: 1em; padding: 0 0 8px 0.5em; text-align: baseline;} 

/*  - - - - - - - - - - - - - */
/* Aufzaehlung mit Phi Ende */
.rechts { text-align: right;   padding: 1px;  }
/* Navigation */


.nav {margin: 0.4em; padding: 0 ; padding-bottom: 20px;}
.nav li {list-style: none; float: left;  
margin-left: 1px; padding-left: 16px;
font-size: 14px; line-hight: 28px;
white-space: nowrap; background: #996699 0 100% no-repeat; }
.nav a {display: block; float: left; padding: 0 18px 0 0; 
text-decoration: none; font-weight: bold;  background: none 100% 100% no-repeat;
color: #333; }
/* commented backslash hack hides rules from IE/Mac \*/
.nav a {float: none;} /* end IEMac hack */
.nav a:hover {  color: #CCC; }
.nav .current, .nav .current a {color: #FFFFFF;
background: #0CC 0 100% no-repeat; }
.navi {margin: 0.2em; padding: 0 ; padding-bottom: 20px;}
.navi li {list-style: none; float: left;  
margin-left: 1px; padding-left: 16px;
font-size: 12px; line-hight: 20px;
white-space: nowrap; background: #0099FF 0 100% no-repeat; }
.navi a {display: block; float: left; padding: 0 16px 0 0; 
text-decoration: none; font-weight: bold;  background: #0099FF 100% 100% no-repeat;
color: #FFFFFF; }
/* commented backslash hack hides rules from IE/Mac \*/
.navi a {float: none;} /* end IEMac hack */
.navi a:hover {  color: #CCC; }
.navi .current, .navi .current a {color: #FFFFFF;
background: #0CC 0 100% no-repeat; }


/*  - - - - - - - - - - - - - */
/* Ende Navigation */

.linie { clear: both; height: 1em; display: block; text-decoration: none;     background: #FFF; font: #DDD; bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif; padding: 1em 1em 0; margin: 0; border: 1px 0  1px solid #222 ;}
 .hochpfeil { position: fixed; clear: both; right: 3em; height: 1em; display: block; text-decoration: none; bottom: 2em;  font-weight: bold; color: #FFF; background: #ADA; font: bold 80%/1em "Avant Garde", Arial, Verdana, sans-serif; padding: 1em 1em 0; margin: 0; }