body {
	font-family: Arial, Helvetica, sans-serif;
	
	width: 808px;
	height: 605px;
	margin-left: auto;
	margin-right: auto;
	
	padding: 0px;
	
	font-size: large;
	background-color: #ffffff;
	}
	
.whole-content {
   
    position: relative;
	top: 15%;
	/*
	top: 50%;
	margin-top: - 275px;
	*/
	
	padding: 0px;
	
	width: 808px;
	height: 605px;
	
	background-image:  url(../bilder/hintergrund-cafe-richter-07.jpg);
	background-repeat: no-repeat;
	background-position: center;
   }
   
   
   .top-links {
		position: absolute;
		left: 50px;
		top: 30px;
		width: 120px;
		
		padding: 5px;
		margin: 0px;
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: x-small;
		font-style: normal;
		text-decoration: none;
		color: #fff;
		line-height:16px;
		
		z-index: 99;
		
		border:1px solid #fff;
	}
	
	.top-links a {
		color:#fff;
		text-decoration:none;
	}
	
	.top-links a:hover {
		color:#000;
	}

/**********************************************************************************
* NAVIGATION - oben 
***********************************************************************************/
.quermenueoben ul {
    position: absolute;
	top: 110px;
	left: 36px;
    padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*
	text-align: left;
	*/
}

.quermenueoben ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 10px;
	padding-right: 9px;
	
	/*
	display: inline;
	*/
	width: auto;
	 /*
	line-height: 1em;
	*/
}
.quermenueoben ul li a {

	padding-top: 0;
	padding-right: .3em;
	padding-bottom: 0;
	padding-left: .3em;
	margin: 0; 
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: medium;
	text-decoration: none;
	/*
	text-transform: lowercase;
	*/
}
.quermenueoben ul li a:link {
	color: #ffffff;
}
.quermenueoben ul li a:visited {
	color: #ffffff;
}
.quermenueoben ul li a:hover {
	color:#000000;

}
.quermenueoben ul li a.current {
/*
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	*/
	color:#000000;

}



/*********************************************************************************
* Inhaltsbereich - Text und ein bis zwei Fotos...
**********************************************************************************/
.inhalt {
    position: relative;
	top: 155px;
	left: 70px;
	width: 420px;
	height: 396px;
	overflow-x: hidden;
	overflow-y: scroll;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-size: x-small;
	font-weight: normal; 
	color: #000000;
	margin-right: 5px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
	text-align: justify;
	
	z-index: 6;
	/*
	clear: both;
	*/
}

hr.rotelinie {
  color: #d11509;
  width: 99%; 
  float: left;
  }
p.wappen {
    text-align: center;
	}
/**********************************************************************************
* NAVIGATION - senkrecht - mitte-rechts
***********************************************************************************/
.navigation {
    position: absolute;
	left: 475px;
	top: 150px;
	width: 200px;
	
	
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	
	z-index: 99;
}
.navigation li {
	height: auto;
	list-style-type: none;
	list-style-position: outside;
}
.navigation li a {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	line-height: 32px;
}   
.navigation li a:link {
	margin-left: inherit;
	text-decoration: none;
	color: #ffffff;
}
.navigation li a:visited {
	margin-left: inherit;
	text-decoration: none;
	color: #ffffff;
}
.navigation li a:hover {
	margin-left: inherit;
    text-decoration: none;
	color: #000000;
} 
.navigation li a.current {
    margin-left: inherit;
    text-decoration: none;
	color:#000000;
	/*
	line-height: 50px;
	*/
}

.side {
    position: absolute;
	left: 510px;
	top: 300px;
	width: 140px;
	
	padding: 0px 5px;
	margin: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #000;
	
	z-index: 99;
}
/*******************************************************************************
* 
*******************************************************************************/
.fotomitterechts {
    position: absolute;
	top: 134px;
	left: 505px;
	}
.fotomitterechtsgroesse {
    width: 160px;
	height: 436px;
	}
.fotorechts {
	position: absolute;
	top: 134px;
	left: 665px;
	}
.fotorechtsgroesse {
	height: 436px;
	}
/***************************************************************************************
* inhalt2 und navigation2 - inhalt2 ist der alte Inhalt samt mitte-rechts-Spalte!!!!!
*******************************************************************************	*********/
.inhalt2 {
    position: relative;
	top: 134px;
	left: 52px;
	width: 660px;
	
	height: 436px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-size: x-small;
	font-weight: normal; 
	color: #000000;
	margin-right: 0px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	/*
	text-align: justify;
	*/
	z-index: 6;
	/*
	clear: both;
	*/
}
.inhalt2drinnen {
   	position: absolute;
   	top: 10px;
   	left: 10px;
   	width: 420px;
	height: 426px;
	overflow-x: hidden;
	overflow-y: scroll;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-style: normal;
	font-size: x-small;
	font-weight: normal; 
	color: #000000;
	margin-right: 5px; 
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-left: 0px;
	text-align: justify;
   }
    
.navigation2 {
    position: absolute;
	left: 465px;
	top: 5px;
	width: 140px;
	
	
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small;
	font-style: normal;
	text-decoration: none;
	color: #ffffff;
	
	z-index: 99;
}	
a:link {
   color: red;
   }
   
    
 /**********************************************************************************
* NAVIGATION - unten 2
***********************************************************************************/
.quermenueunten2 ul {
    position: absolute;
	top: 567px;
	left: 34px;
    padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.quermenueunten2 ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 11px;
	padding-right: 12px;
	width: auto;
}
.quermenueunten2 ul li a {
	padding-top: 0;
	padding-right: .3em;
	padding-bottom: 0;
	padding-left: .3em;
	margin: 0; 
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: medium;
	text-decoration: none;
}
.quermenueunten2 ul li a:link {
	color: #ffffff;
}
.quermenueunten2 ul li a:visited {
	color: #ffffff;
}
.quermenueunten2 ul li a:hover {
	color:#000000;
}
.quermenueunten2 ul li a.current {
	color:#000000;
} 
   
   
 /**********************************************************************************
* NAVIGATION - unten
***********************************************************************************/
.quermenueunten ul {
    position: absolute;
	top: 567px;
	left: 489px;
    padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*
	text-align: right;
	*/
}

.quermenueunten ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 11px;
	padding-right: 12px;
	
	/*
	display: inline;
	*/
	width: auto;
	 /*
	line-height: 1em;
	*/
}
.quermenueunten ul li a {

	padding-top: 0;
	padding-right: .3em;
	padding-bottom: 0;
	padding-left: .3em;
	margin: 0; 
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: medium;
	text-decoration: none;
	/*
	text-transform: lowercase;
	*/
}
.quermenueunten ul li a:link {
	color: #ffffff;
}
.quermenueunten ul li a:visited {
	color: #ffffff;
}
.quermenueunten ul li a:hover {
	color:#000000;

}
.quermenueunten ul li a.current {
/*
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	*/
	color:#000000;

}