@charset "ISO-8859-1";

body
{
	color: black;
	font-family: Arial;
	background-image: url(../bilder/hintergrund.jpg);
	font-size: 14pt;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	max-height: 100%;
}

#RLinks
{
	position: absolute;
	top:0;
	left: 0;
	width: 160px;  /*Breite*/
	height: 100%;
	z-index: 1;
}

#ROben
{
	position: absolute;
	top: 0px;
	left: 160px; /*Linker Abstand (Breite #RLinks) */
	right: 0;
	width: auto;
	height: 100px; /*Höhe des Rahmens*/
	z-index: 2;
}

html>body #ROben, #RLinks
{  /* nur fuer moderne Browser! */
    position: fixed;
}

#RHaupt
{
	position: absolute;
	top: 100px; /*Oberer Abstand (Höhe #ROben) */
	left: 160px; /*Linker Abstand (Breite #RLinks) */
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 0;
}

body #ROben, #RLinks
{
	background-image: url(../bilder/hintergrund.jpg);
	background-repeat: repeat;
}

.zentriertvh
{

	display: flex;
	align-items: center;
	justify-content: center; 
 
}

.zentriert
{
	margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
	width: 100%;
	text-align: center;
 
}

div.zentriert table
{
margin: auto;  /* wegen zentrienen der Tabellen*/   
}

#ROben .zentriert div,
#RHaupt .zentriert div
{
    width: 700px;
    margin: auto;
}

#RHaupt .zentriert div
{
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 10pt;
	padding-left: 0pt;
}

#RHaupt table
{
	width: 700px;
	table-layout:fixed;
}


#RHaupt table .RahmenUnten,
#RHaupt table.Rahmen,
#RHaupt td.Rahmen,
#RHaupt th.Rahmen,
#RHaupt table.Rahmen2,
#RHaupt td.Rahmen2,
#RHaupt th.Rahmen2 
{
	border-bottom-color: green;
	border-top-color: green;
	border-right-color: green;
	border-left-color: green;
}


#RHaupt table .RahmenUnten
{
	padding-bottom:20pt;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
}

#RHaupt table.Rahmen,
#RHaupt td.Rahmen,
#RHaupt th.Rahmen,
#RHaupt table.Rahmen2,
#RHaupt td.Rahmen2,
#RHaupt th.Rahmen2 
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

#RHaupt table.Rahmen,
#RHaupt table.Rahmen2
{
  border-collapse: separate;
  table-layout:fixed;
  border-spacing: 1px;
}

#RHaupt table.Rahmen2
{
  width: 650px;
}

#RHaupt td.Rahmen,
#RHaupt th.Rahmen,
#RHaupt td.Rahmen2,
#RHaupt th.Rahmen2
{
  padding: 10px;  
}

* html body
{ /*IE6 hack*/
padding: 80px 0 0 160px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #RHaupt
{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #ROben
{ /*IE6 hack*/
width: 100%;
}

a img
{
  border:none;
}

ul.Menue
{
	color:black; 
	width:130px;
	font-family: Arial;
	font-size: 12px;
    margin:auto;
	padding: 0px;
}

.Menue li
{
	list-style:none;
	text-align: left;
}


.Menue li a
{
	display:block;
	text-decoration:none;
	margin-bottom:0px;
	color:black;
	padding: 0.4em;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D4D4D4;
	border-right-color: #555555;
	border-bottom-color: #747474;
	border-left-color: #F4F4F4;
	background-color: #B4B4B4;
	
}

.Menue li #a
{
	margin-top:10px;  /*Abstand zwischen Buttons*/
	margin-left:0px;
}

.Menue li #b
{
	margin-top:2px;  /*Abstand zwischen Buttons*/
	margin-left:10px;
}

.Menue li a:hover,
#ho .Menue a.ho,
#ri .Menue a.ri,
#klri .Menue a.klri,
#rif1 .Menue a.rif1,
#rif2 .Menue a.rif2,
#ob .Menue a.ob,
#klob .Menue a.klob,
#obf1 .Menue a.obf1,
#obf2 .Menue a.obf2,
#obf3 .Menue a.obf3,
#obf4 .Menue a.obf4,
#ripe .Menue a.ripe,
#pr .Menue a.pr,
#ko .Menue a.ko,
#im .Menue a.im,
#ds .Menue a.ds
{
	border-top-color: #747474;
	border-right-color: #F4F4F4;
	border-bottom-color: #D4D4D4;
	border-left-color: #555555;
	background-color: #A4A4A4;
}

.Menue li a:hover
{
	background-color: #999999;
}