html
{
	height: 100%;
}

body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  background-image: url(graphics/rasenkachel_low.jpg);
  height: 100%;
  overflow: auto;
}

div.menu
{
	position: absolute;
	top: 0px;
   left: 0px;
   width: 220px;
	height: 2220px;
   background: #E0F8C0;
	-moz-opacity:0.8;
   filter: alpha(opacity=80, style=1, finishOpacity=100, startx=60, starty=50, finishx=20, finishy=70)
      alpha(opacity=80, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);

}

div.pagetitle
{
	position: absolute;
	top: 0px;
   right: 0px;
   height: 100px;
	margin-top: 0px;
	font-size: 100px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
  	color: rgb(255,255,255);
  	padding: 10px;
	-moz-opacity:0.8;
  	filter: alpha(opacity=80, style=1, finishOpacity=90, startx=60, starty=50, finishx=20, finishy=70)
      alpha(opacity=60, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);
	z-index: 100;
}

div.shadow {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 604px;
  height: 404px;
  background: #002030;
  filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4, makeShadow=true, shadowOpacity=.20);
}

div.glass
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 680px;
  height: 380px;
  padding: 10px;
  background-color: rgb(255,255,255);
  -moz-opacity:0.8;
  filter: alpha(opacity=100, style=1, finishOpacity=80, startx=60, starty=50, finishx=20, finishy=70)
      alpha(opacity=80, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);
}

div.menuglass
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 10px;
  background-color: rgb(255,255,255);
  -moz-opacity:0.8;
  filter: alpha(opacity=100, style=1, finishOpacity=80, startx=60, starty=50, finishx=20, finishy=70)
      alpha(opacity=80, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);
}

ul.menu
{
	list-style: none outside none;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
}

ul.gruppenauflistung
{
	list-style: none outside none;
	font-size: 10px;
	line-height: 80%;
}

li.menu
{
	padding-bottom: 2px;
	padding-top: 2px;
}

a.menu
{
	text-decoration: none;
	font-size: 16px;
	color: rgb(0,0,0);
	font-weight: bold;
}

a.menu:hover
{
	text-decoration: none;
	font-size: 16px;
	color: rgb(255,0,0);
	font-weight: bold;
}

a.menu2
{
	text-decoration: none;
	font-size: 12px;
	color: rgb(0,0,0);
	font-weight: bold;
	line-height: 80%;
}

a.menu2:hover
{
	text-decoration: none;
	font-size: 12px;
	color: rgb(255,0,0);
	font-weight: bold;
}

a.extern
{
	text-decoration: underline;
	color: rgb(0,0,0);
		font-weight: bold;
}

a.extern:hover
{
	text-decoration: none;
	color: rgb(255,0,0);
		font-weight: bold;
}

div.menutest
{
		filter: alpha(opacity=0);
}

a.menuaktiv
{
	text-decoration: none;
	font-size: 16px;
	color: rgb(0,0,0);
	font-weight: bold;
	margin-top: 5px;
	padding-bottom: 10px;
}

a.menuaktiv2
{
	text-decoration: none;
	font-size: 12px;
	color: rgb(0,0,0);
	font-weight: bold;
	margin-top: 5px;
	padding-bottom: 10px;
}

div.title
{
  color: black;
  font-weight: bold;
  font-size: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
  padding: 10px;
}

div.contentneu
{
	position: absolute;
	top: 0px;
   left: 0px;
   width: 750px;
   height: 500px;
	margin-left: 250px;
	padding: 10px;
 	overflow: auto;
 	background: white;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	padding-bottom: 50px;
}

div.contentalt
{
	position: absolute;
	top: 100px;
   left: 250px;
   width: 700px;
   height: 400px;
	padding: 10px;
 	overflow: auto;
	background-color: rgb(255,255,255);
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}

div.logo
{
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 1000;
}

div.zitat
{
	position: absolute;
	top: 350px;
	left: 350px;
	height: 250px;
	width: 600px;
	z-index: 100;
	color: rgb(255,255,255);
	font-size: 30px;
	font-style: italic;
	text-align: right;
}

div.content
{
 position: absolute;
 bottom: 10px;
 left: 250px;
 top: 140px;
 width: auto;
 height: 2060px;
 margin-top: 0px;
 padding: 10px;
 margin-right: 10px;
 padding-right: 30px;
 background-color: rgb(255,255,255);
 filter: alpha(opacity=90);
 -moz-opacity:0.9;
}

div.contentdeaktiviert
{
	position: absolute;
	top: 100px;
   left: 250px;
   width: 720px;
   height: 480px;
	padding: 10px;
 	overflow: auto;
	background-color: rgb(255,255,255);
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}

div.bildbeschreibung
{
	position: absolute;
	top: 40px;
   left: 0px;
   width: 100%;
   height: 100px;
	padding: 10px;
	margin: 10px;
 	overflow: auto;
	background-color: rgb(255,255,255);
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}

div.bilderrahmen
{
	position: absolute;
	width: 180px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
	background-color: #E0F8C0;
}

div.menucontent
{
	position: absolute;
	top: 210px;
   left: 10px;
	padding: 5px;
   width: 190px;
	-moz-opacity:0.9;
	  filter: alpha(opacity=100, style=1, finishOpacity=90, startx=60, starty=50, finishx=20, finishy=70)
      alpha(opacity=90, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);
	background-color: rgb(255,255,255);
}

div.menubottom
{
	position: absolute;
	bottom: 0px;
	left: 10px;
	padding: 5px;
   width: 190px;
	overflow: none;
	-moz-opacity:0.9;
	  filter: alpha(opacity=100, style=1, finishOpacity=90, startx=6, starty=5, finishx=20, finishy=70)
      alpha(opacity=90, style=1, finishOpacity=100, startx=10, starty=5, finishx=60, finishy=70);
	background-color: rgb(255,255,255);
}

h2.uebersicht
{
	font-size: 14px;
	position: relative;
	padding: 0px;
	top: 190px;
	left: 0px;
	width: 180px;
	z-index: 90;
}

p.uebersicht
{
	position: relative;
	font-size: 10px;
	padding: 0px;
	top: 180px;
	left: 0px;
	width: 180px;
	z-index: 90;
}

div.bild
{
	z-index: 1;
	background-color: rgb(255,255,255);
	filter: alpha(opacity=100 style=0);
}

div.einzelbild
{
	position: absolute;
	left: 10px;
	top: 180px;
}

div.rahmenuebersicht
{
	position: absolute;
	width: 200px;
	height: 250px;
	border: solid 1px rgb(102,102,102);
	padding: 10px;
	z-index: 101;
	cursor: pointer;
	background-color: #E0F8C0;
		filter: alpha(opacity=100);
		margin-bottom: 50px;
}

a.none
{
	text-decoration: none;
	color: rgb(0,0,0);
	cursor: pointer;
	z-index: 10000;
}

a.none2
{
	text-decoration: none;
	color: rgb(0,0,0);
	cursor: default;
	z-index: 10000;
}

td.white
{
	filter: alpha(opacity=100);
}

div.titel1
{
	position: absolute;
	left: 260px;
	top: 140px;
}

div.titel2
{
	position: absolute;
	left: 500px;
	top: 140px;
}

div.titel3
{
	position: absolute;
	left: 750px;
	top: 140px;
}