body { background-color: #333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; margin:0px; padding:0px;}
.gruen {color: #669900}
a { text-decoration:none; color:#FF0000;}
/* tooltip für die Links */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  color: #000000; font-size: 1.0em ; 
  }
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;}
a.tooltip span {
  display: none;  
  text-decoration: none; }

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 30px; 
  left: 0; 
  width: 160px;
  z-index: 100;
  color: #000000; 
  border:1px solid #000000; 
  background-color: #FFFFFF;
  text-align: left;
  padding: 0px 5px 0px 5px; 
  }
  
a.tooltip span b {
  display: block;
  margin: 0px;
  padding: 0px 0px 03px 0px; 
  font-weight: bold;
  color: ;
  background-color: #FFFFFF;
  border: 0px;
  border-bottom: 0px solid black;
}
/* tooltip für die Rubriken*/
a.tooltip1, a.tooltip1:link, a.tooltip1:visited, a.tooltip1:active  {
  position: relative;
  text-decoration: none; 
  color: #000000; font-size: 1.0em ; 
  }
a.tooltip1:hover {
  color: #0000ff; 
  background: transparent;}
a.tooltip1 span {
  display: none;  
  text-decoration: none; }

a.tooltip1:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 0; 
  width: auto;
  z-index: 100;
  color: #000000; 
  }
  
a.tooltip1 span b {
  display: block;
  margin: 0px;
  padding: 3px 0px 3px 0px; 
  font-weight: bold;
  color: ;
  background-color: #FFFFFF;
  border: 1px;
  border-bottom: 0px solid black;
}
/* tooltip für die Rubriken nach oben*/
a.tooltip1a, a.tooltip1a:link, a.tooltip1a:visited, a.tooltip1a:active  {
  position: relative;
  text-decoration: none; 
  color: #000000; font-size: 1.0em ; 
  }
a.tooltip1a:hover {
  color: #0000ff; 
  background: transparent;}
a.tooltip1a span {
  display: none;  
  text-decoration: none; }

a.tooltip1a:hover span {
  display: block;
  position: absolute; 
  top: -200px; 
  left: 0; 
  width: auto;
  z-index: 100;
  color: #000000; 
  border:none; 
 }
  
a.tooltip1a span b {
  display: block;
  margin: 0px;
  padding: 0px 0px 03px 0px; 
  font-weight: bold;
  color: ;
  background-color: #FFFFFF;
  border: 0px;
  border-bottom: 0px solid black;
}
#rahmen { position:relative; margin: 10px auto;	width:920px;	min-height: 540px; @height: 540px; 	padding:0px;}
#top { width:900px; height:25px; margin:0px 0px 0px 0px; padding: 10px 10px 10px 10px; background-color: #000000; color:#FFFFFF;}
#top p {float:right;	margin: -30px 0px 0px 0px;	font-family: "Courier New", Courier, mono; letter-spacing: -0.05em;font-size:1.9em; font-weight:bold;}
#top a {text-decoration:none; color:#FFFFFF; font-size:1.1em;}
#top a:hover{color:#FFFF00;}
#top69 {position:absolute;	width:300px;	height: auto;	top:248px;	font-size:290px; font-weight:bold;	color: #708090;	left: -50px;}
#top69a {position:absolute;	width:300px;	height: auto;	top:250px;	font-size:290px; font-weight:bold;	color: #A6B5C8;	left: -51px;}
#titel { position:absolute; width:920px; min-height: 540px; @height: 540px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: #ffffff; color:#000000; float:left; background-image: url(grafik/hi_titel_1.jpg)}
#logo {	position:absolute;	left:720px;	top: 195px;	width: 200px;	height: 200px;
}
#text { position:absolute; width:620px; margin:0px 0px 0px 0px; padding: 35px 25px 0px 25px; ackground-color: #ffffff; color:#000000; float:left; font-size:1.2em;}
/* die Themen */
#catalog {	position:absolute;	border: 0px solid #000000;	padding:0px;	color:#FFFFFF;	font-size: 1.2em;	left: 450px;	top: 157px;	z-index:1000;	visibility: visible;}
#a1, #a2,#a3, #a4, #a5, #a6, #a7, #a8, #a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16, #a17 {	position:absolute;	border: 1px solid #000000;	padding:4px;	color:#FFFFFF;	font-size: 1.2em;}
#a1 a { text-decoration:none; color:#FFFFFF;}
#a2 a { text-decoration:none; color:#FFFFFF;}
#a3 a { text-decoration:none; color:#FFFFFF}
#a4 a { text-decoration:none; color:#FFFFFF}
#a5 a { text-decoration:none; color:#FFFFFF}
#a6 a { text-decoration:none; color:#FFFFFF}
#a7 a { text-decoration:none; color:#000000;}
#a8 a { text-decoration:none; color:#000000;}
#a9 a { text-decoration:none; color:#000000}
#a10 a { text-decoration:none; color:#000000}
#a11 a { text-decoration:none; color:#000000}
#a12 a { text-decoration:none; color:#000000}
#a13 a { text-decoration:none; color:#000000}
#a14 a { text-decoration:none; color:#000000}
#a15 a { text-decoration:none; color:#000000}
#a16 a { text-decoration:none; color:#000000}
#a17 a { text-decoration:none; color:#000000}
#a1{left: 170px;top: 71px; background-color:#FF0000; z-index:1000;}
#a2{left: 525px;top: 131px; background-color: #CC6600; z-index:1200;}
#a3{left: 381px;top: 366px; background-color: #FFCC33;z-index:1100;}
#a4{left: 202px;top: 338px; background-color: #009900;z-index:2000;}
#a5{left: 494px;top: 508px; background-color: #0000FF;z-index:1100;}
#a6{left: 782px;top: 475px; background-color: #660099;z-index:1000;}
#a7{left: -10px;top: 94px; background-color:#DDDDDD;z-index:2000;}
#a8{left: 208px;top: 121px; background-color:#DDDDDD; z-index:900;}
#a9{left: 66px;top: 291px; background-color:#DDDDDD; z-index:1000;}
#a10{left: 346px;top: 263px; background-color:#DDDDDD; z-index:2000;}
#a11{left: 119px;top: 501px; background-color:#DDDDDD; z-index:2000;}
#a12{left: 679px;top: 508px; background-color:#DDDDDD; z-index:1000;}
#a13{left: 312px;top: 458px; background-color:#DDDDDD; z-index:2000;}
#a14{left: 91px;top: 181px; background-color:#DDDDDD; z-index:1000;}
#a15{left: 170px;top: 71px; background-color:#DDDDDD; z-index:1000;}
#a16{left: 170px;top: 71px; background-color:#DDDDDD; z-index:1000;}
#a17{left: 170px;top: 71px; background-color:#DDDDDD; z-index:1000;}
/* mit Links */
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9, #s10, #s11, #s12, #s13, #s14, #s15, #s16, #s17, #s18, #s19, #s20, #s21, #s22, #s23, #s24 {position:absolute;border: 1px solid #FF0000; padding:3px; ont-size: 0.8em; font-weight:bold; width: 70px; height:70px; text-align:center; ackground-color:#CC9999}
#s1{left: 410px;top: 68px; background-color: #F3C2F2;}
#s2{left: 623px;top: 98px;}
#s3{left: 55px;top: 440px;}
#s4{left: 774px;top: 61px;}
#s5{left: 306px;top: 232px;}
#s6{left: 283px;top: 63px;}
#s7{left: 180px;top: 166px; z-index:200;}
#s8{left: 665px;top: 369px;}
#s9{left: 806px;top: 144px;}
#s10{left: 320px;top: 154px;}
#s11{left: 117px;top: 270px;}
#s12{left: 516px;top: 55px;}
#s13{left: 182px;top: 465px;}
#s14{left: 574px;top: 358px;}
#s15{left: 314px;top: 359px;}
#s16{left: 186px;top: 368px;}
#s17{left: 237px;top: 263px; z-index:200;}
#s18{left: -14px;top: 153px;}
#s19{left: 653px;top: 227px;}
#s20{left: 386px;top: 171px;}
#s21{left: 830px;top: 405px;}
#s22{left: 507px;top: 457px;}
#s23{left: 744px;top: 453px;}
#s24{left: 137px;top: 80px; background-color: #ADC8A2;}
/* mit Hovertext */
#h01, #h02, #h03, #h04, #h05, #h06, #h07, #h08, #h09, #h10, #h11, #h12, #h13, #h14, #h15, #h16, #h17, #h18, #h19, #h20, #h21 {
	position:absolute;	border: 1px dotted #00aa78;	padding:3px;	ont-size: 0.8em; ackground-color:#FFFFFF; width: 80px; height:40px; }
#h01{left: 341px;top: 318px; z-index:1900;}
#h02{left: 385px;top: 502px; z-index:100;}
#h03{left: 7px;top: 260px; z-index:300;}
#h04{left: -1px;top: 478px;z-index:100;}
#h05{left: 276px;top: 393px;z-index:100;}
#h06{left: 515px;top: 403px;z-index:100;}
#h07{left: 6px;top: 90px;z-index:200;}
#h08{left: 32px;top: 346px;z-index:100;}
#h09{left: 256px;top: 163px;z-index:100;}
#h10{left: 219px;top: 306px; z-index:100;}
#h11{left: 385px;top: 394px; z-index:100;}
#h12{left: 664px;top: 440px;z-index:1500;}
#h13{left: 694px;top: 161px;z-index:100;}
#h14{left: 427px;top: 438px;z-index:1050;}
#h15{left: -1px;top: 309px;z-index:100;}
#h16{left: -10px;top: 406px;z-index:100;}
#h17{left: 197px;top: 238px;z-index:100;}
#h18{left: 276px;top: 485px;z-index:100;}
#h19{left: 54px;top: 228px;z-index:100;}
#h20{left: 664px;top: 57px;z-index:100; border-color:#FF33CC}
#h21{left: 385px;top: 322px;z-index:100;}

#footer {
	position:absolute;	width: 920px;	ackground-color:#CCFF66;	height:20px;	font-size: 0.95em;	padding: 5px 0px 0px 0px;	z-index:1000;	left: 0px;	top: 540px;}
#footer p { float:right; margin: 0px 10px 0px 0px; color:#660000; }
#footer a { color:#666600;}

