body
{
	margin: 0px;padding: 0px; 
	color: #000000;
}
a
{
	text-decoration: none;
	border: none;
	color: #000000; 
}
#container
{
	position: relative;
	padding: 0;
  	margin: 36px auto 0 auto;
	border: 2px solid #999999;
	height: 518px;
	width: 948px;
	background: url("menu/00.gif") no-repeat; 
	background-position: top right;

}
#cright {
	position: absolute;
	background: url("menu/cright.gif") 0px 0px no-repeat;
	height: 518px;
	width: 16px;
	top: -4px;
	left: 954px;
	padding: 0; 
	margin: 0px; 
}
#cright:hover {background-position: -16px 0px;}
#cright.active {background-position: -16px 0px;}
#cright strong { visibility: hidden; }
#logo 
{
	position: absolute;
	top: 31px;
	left: 17px;
	width: 119px;
	height: 33px;
	padding: 0; 
	margin: 0px; 
}
.menu
{
	position: absolute;
	left: 122px;
	top: 96px;
	height: 13px;
	margin: 0;
	line-height: 13px;
}
.menu strong { visibility: hidden; }
.menu2
{
	position: absolute;
	left: 178px;
	top: 118px;
	height: 14px;
	margin: 0;
	line-height: 14px;
}	
.menu2 strong { visibility: hidden; }
.menu3
{
	clear:left;
	position: absolute ;
	left: 178px;
	top: 136px;
	height: 14px;
	margin: 0;
	line-height: 14px;
}	
.menu3 strong { visibility: hidden; }
#start {
	background: url("menu/start.gif") no-repeat;
	height: 13px;
	width: 31px;
	display: block;
	float: left;
}
#start:hover {background-position: 0px -13px;}
#start.active {background-position: 0px -13px;}

#edition {
	background: url("menu/edition.gif") 0px 0px no-repeat;
	height: 13px;
	width: 42px;
	display: block;
	float: left;
}
#edition:hover {background-position: 0px -13px;}
#edition.active {background-position: 0px -13px;}

#herr {
	background: url("menu/herr.gif") 0px 0px no-repeat;
	height: 13px;
	width: 62px;
	display: block;
	float: left;
}
#herr:hover {background-position: 0px -13px;}
#herr.active {background-position: 0px -13px;}

#aktuell {
	background: url("menu/aktuell.gif") 0px 0px no-repeat;
	height: 13px;
	width: 43px;
	display: block;
	float: left;
}
#aktuell:hover {background-position: 0px -13px;}
#aktuell.active {background-position: 0px -13px;}

#kontakt {
	background: url("menu/kontakt.gif") 0px 0px no-repeat;
	height: 13px;
	width: 48px;
	display: block;
	float: left;
}
#kontakt:hover {background-position: 0px -13px;}
#kontakt.active {background-position: 0px -13px;}

#regale {
	background: url("menu/regale.gif") 0px 0px no-repeat;
	height: 14px;
	width: 42px;
	display: block;
	float: left;
	}
#regale:hover {background-position: 0px -14px;}
#regale.active {background-position: 0px -14px;}

#oho {
	background: url("menu/oho.gif") 0px 0px no-repeat;
	height: 14px;
	width: 22px;
	display: block;
	float: left;
	}
#oho:hover {background-position: 0px -14px;}
#oho.active {background-position: 0px -14px;}

#mr4 {
	background: url("menu/mr4.gif") 0px 0px no-repeat;
	height: 14px;
	width: 23px;
	display: block;
	float: left;
	}
#mr4:hover {background-position: 0px -14px;}
#mr4.active {background-position: 0px -14px;}

#mr5 {
	background: url("menu/mr5.gif") 0px 0px no-repeat;
	height: 14px;
	width: 92px; width: /*23px;*/
	display: block;
	float: left;
	}
#mr5:hover {background-position: 0px -14px;}
#mr5.active {background-position: 0px -14px;}

#ensemble {
	background: url("menu/ensemble.gif") 0px 0px no-repeat;
	height: 14px;
	width: 150px;
	display: block;
	float: left;
	}
#ensemble:hover {background-position: 0px -14px;}
#ensemble.active {background-position: 0px -14px;}

#pur {
	background: url("menu/pur.gif") 0px 0px no-repeat;
	height: 14px;
	width: 50px;
	display: block;
	float: left;
	}
#pur:hover {background-position: 0px -14px;}
#pur.active {background-position: 0px -14px;}

.trenner
{
	float: left;
}
.trenner2
{
	clear: both;
}
/* text */
.punktestart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 8px;
	letter-spacing: 0.1em;
	text-align: left;
}
#textstart {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 194px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
	background-color: transparent;
	background: url("menu/transparent.png"); 
	
	padding: 10px 10px 4px 10px;
}
#textstart a {
	text-decoration: underline;
	font-style: italic;
	color: #00000; 
}
#text {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 194px;
	width: 264px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
}
#text a {
	text-decoration: underline;
	font-style: italic;
	color: #00000; 
}
/* schmale 2.spalte */
#text2 {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 484px;
	width: 194px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
}
#text2 a {
	text-decoration: underline;
	font-style: italic;
	color: #00000; 
}
/* normale 2.spalte */
#text3 {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 484px; /*	width: 294px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
	background-color: transparent;
	background: url("menu/transparent.png"); 
}
#text3 a {
	text-decoration: underline;
	font-style: italic;
	color: #00000; 
}
/*doppeltbreite spalte */
#text4 {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 464px; /*194*/
	width: 468px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
}
#text4 a {
	text-decoration: underline;
	font-style: italic;
	color: #00000; 
}
/* normalbreite 2.spalte */
#text5 {
	float: left;
	position: absolute;
	bottom: 20px;
	left: 484px;
	width: 264px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: 0.1em;
	text-align: left;
}
/* bildmenu */
#bildmenu {
	position: absolute;
	top: 414px;
	left: 120px;	
	padding: 0;
	margin: 0;
	width: 65px;
	height: 88px;	
	list-style-type: none;
	display: block;
}
#bildmenu li
{
	float: left;
	width: 22px;
	height: 22px;
	margin: 0 6px 6px 0;
	padding: 0;
}
.leerquadrat
{
	height: 22px;
	width: 22px;
	border: 1px solid #FFFFFF;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	background-color: #FFFFFF;
	padding: 0;
}
.leerquadrat strong {
	visibility: hidden; }
.quadrat
{
	height: 22px;
	width: 22px;
	border: 1px solid #999999;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	background-color: #FFFFFF;
	padding: 0;
}
.quadrat:hover {background-color: #999999;}
.quadrat.active {background-color: #999999;}
.quadrat strong {
	visibility: hidden; }
.pfeile {
	background: url("menu/pfeile.gif") no-repeat;
	height: 26px;
	width: 26px;
	display: block;
	text-decoration: none;
	padding: 0;
}
.pfeile:hover {background-position: 0px -26px;}
.pfeile.active {background-position: 0px -26px;}
.pfeile strong {
	visibility: hidden; }