#nav
	{
	font-size: 12px;
	text-transform: uppercase;
	width: 120px;
	line-height: 1em;
	white-space: nowrap;
	text-align: center;
	position: absolute;
	top: -6em;
	right: 64px;
	background: #3c0;
	color: #ff0;
	}
#nav a
	{
	color: #000;
	display: block;
	text-decoration: none;
	background: url(navbg01.gif);
	}
#nav a:hover
	{
	background: url(navbg02.gif);
	}
#nav #navtitle
	{
	width: 120px;
	background: #000;
	color: #f0f;
	position: absolute;
	left: 0px;
	top: 6em;
	font-weight: bold;
	}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body, #Teaser, #Teaser form input, #Karte a
	{
	font-family: "Arial", sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	}
body
	{
	background: url(bodybg.gif) #000;
	padding: 0;
	margin: 0;
	}
#Wrap
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 654px;
	height: 540px;
	background: url(gradbg.gif) no-repeat;
	overflow: hidden;
	}
#Teaser
	{
	font-size: 12px;
	position: absolute;
	top: 18px;
	left: 0px;
	height: 439px;
	width: 196px;
	padding: 8px;
	background: url(teaserbg.gif) no-repeat;
	text-align: justify;
	line-height: 15px;
	text-transform: uppercase;
	}
#Teaser a
	{
	color: white;
	}
#Teaser h1
	{
	font-size: 28px;
	letter-spacing: 4px;
	line-height: 28px;
	color: #0f0;
	font-family: "Impact", "Arial", sans-serif;
	font-weight: normal;
	}
#Teaser form input
	{
	text-transform: none;
	border: 1px #fff solid;
	color: #fff;
	padding: 2px;
	}
#SearchText	{width: 120px; margin: 0 12px 0 4px; background: #f0f;}
#SearchSubmit	{width: 32px; background: #f00;}
#Karte
	{
	position: absolute;
	top: 0px;
	left: 230px;
	width: 408px;
	height: 540px;
	background: url(deutschland.gif) no-repeat;
	}
#Karte li, #Karte ul
	{
	display: inline;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0; padding: 0;
	}
#Karte h2
	{
	display: none;
	}
#Karte a, #Karte span
	{
	text-transform: uppercase;
	position: absolute; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	width: 8px;							/* IE5 win */
	overflow: hidden;
	white-space: nowrap;
	padding-left: 8px;
	z-index: 1;
	}
.Activity0 {background: url(px0.gif) no-repeat 0px 4px;}
.Activity1 {background: url(px1.gif) no-repeat 0px 4px;}
.Activity2 {background: url(px2.gif) no-repeat 0px 4px;}
.Activity3 {background: url(px3.gif) no-repeat 0px 4px;}

#Karte a:hover
	{
	width: 400px;
	background: url(hoverbg.gif) no-repeat;
	z-index: 100;
	}
#Karte span
	{
	width: 400px;
	background: url(activebg.gif) no-repeat;
	z-index: 50;
	}

#Start
	{
	position: absolute;
	left: 643px;
	top: 16px;
	height: 460px;
	padding: 16px;
	z-index: 4;
	background: url(startbg.gif);
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
	}
.Name, .Beschreibung, .Kontakt, .Internet
	{
	width: 300px;							/* IE5 win */
	background: #000;
	padding: 4px;
	margin: 0;
	}
.Gruppe
	{
	margin-bottom: 16px;
	padding: 2px;
	background: #0f0;
	color: #0f0;
	width: 95%;
	}
.Gruppe .Name
	{
	background: url(gcorner01.gif) top right no-repeat #0cc;
	color: #f0f;
	font-size: 13px;
	padding-right: 16px;
	}
.Gruppe .Beschreibung
	{
	font-weight: normal;
	background: url(gcorner02.gif) top right no-repeat #000;
	padding-right: 16px;
	}
.Gruppe .Kontakt
	{
	color: #ff0;
	padding-left: 16px;
	background: url(gcorner03.gif) top left repeat-y #000;
	}
.Gruppe .Internet
	{
	background: url(gcorner04.jpg) right top repeat-y #ff0;
	white-space: nowrap;
	overflow: hidden;
	}

#Meldung
	{
	width: 95%;
	padding: 2px;
	background: #000;
	}
#Meldung a
	{
	background: #fff;
	padding: 0 1px 0 1px;
	white-space: nowrap;
	}

#Teaser
	{
	voice-family: "\"}\"";	/* standard brower */
	voice-family: inherit;
	width: 180px;
	}
#Karte a
	{
	width: 0px;
	}
.Name, .Beschreibung, .Kontakt, .Internet
	{
	width: auto;
	}