html, body {
	min-height: 101%;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a:active {
	color: black;
}

#layout {
	background-image: url(hintergrund_oben.png);
	background-position: top left;
	background-repeat: repeat-x;
	
}

#seite {
  width: 800px;	
  margin: 0px auto;
  min-height: 600px;
}


/* ----------------------------------------- */
.tmenu {
	height: 42px;  
	padding-left: 20px;
	padding-top: 2px;
}

.tmenu ul {
	list-style: none;
	list-style-position:inside;
	text-indent: 0px;
 	margin: 0px;
	padding:0px;
	font-size: 12px;
}


.tmenu ul li {
	float: left;
	text-indent: 0px;
 	margin: 0px;
	padding:0px;   
	padding: 10px 7px;
	border-left: 1px solid #fff;
   border-right: 1px inset #555;	
	height: 14px;
}


/* um das erste Zeichen eines Menüpunktes größer darzustellen
ist ein Trick nötig. Das Wort muss in einen DIV TAG gelegt werden.
Hintergrund: first-letter funktioniert nur in Block elemente, ist ein A TAG 
darumgebaut wird beim überfahren das erste Zeichen wieder klein dargestellt

Hier ein Beipsiel wie es funktioniert.
<li><a href=""><div>erster</div></a></li>

ul li div:first-letter{
	font-size: 120%;
}

 */



.tmenu ul li a div {
	color: silver;
	text-decoration: none;
}

.tmenu ul li a div:first-letter{
	font-size: 16px;
	float: left;
}

.tmenu ul li a:hover div  {
	background-image: url(cur.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 29px;
}

.tmenu ul li a.cur div {
	background-image: url(cur.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 29px;
}





/* ----------------------------------------- */

.suche {
	background-image: url(logo.jpg);
	background-repeat: no-repeat;
	height: 76px;
}

.suche_box {
	padding-top: 42px;
	padding-left: 510px;
}

.logo {
	background-image: url(kopf.jpg);
	background-repeat: no-repeat;
	height: 205px;
}



.umenu {
	background-image: url(menuebereich.jpg);
	background-repeat: no-repeat;
	height: 25px; /* wird im Inline Template "Startseite" und "Esstrainer" mit 60px überschrieben */
	
}

.inhalt { /* wird im Inline Template "Startseite" überschrieben */
	font-size: 14px;
	padding-top: 00px;
	padding-left: 30px;
	padding-right: 110px;
	
}


/* --- Ausgelagert im Inline Template "Startseite" überschrieben *//*

.inhalt_links {
	float:left;	
	width: 204px; padding:0px 10px 0px 20px;;/* 234px *//*
}



.inhalt_mitte {
	float:left;	
	width: 201px; padding: 0px 10px 0px 20px;/* 231 *//*
}


.inhalt_rechts {
	float: left;	
	width: 140px; padding-left: 20px;/* 160px */  /*
}



.inhalt_clear {
	clear:left;
	height: 27px;
	background-image: url(abschluss_inhalt.jpg);
	background-repeat: no-repeat;
}

*/

.fuss {
	
	background-image: url(fusszeile.png);
	background-repeat: no-repeat;
	height: 46px;
}

.fuss_links {

	font-size: 12px;
	padding-top: 24px;
	margin-right: 110px;
	text-align: right;
}

.fuss_links a {
	color: #656565;
	text-decoration: none;
}




/* Adressausgabe */


.adr_ausblenden {
  	display: none;
}

.adresse_links {
  float: left;
  position: relative; 
  width: 305px;
  padding-right: 10px;
  margin-bottom: 20px;
  border-right: 1px dotted #777;
  
}

.adresse_rechts {
  float: left;
  position: relative;
  width: 305px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.adresse_ende {
  clear: left;
}

.adr_kopf {
	background-color: #590000;
	color: #fff;
	padding: 7px 5px;
	font-size: 14px;
	font-weight: bolder;
	margin-bottom: 7px;
	margin-top: 10px;

}

.adr_bild {
  float: left;	
}

.adr_liste {
  float: left;	
  width: 200px;
}

.adr_zeile {
  border-bottom: 1px dotted #555;
  padding-left: 5px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 7px;
}

.adr_kurzbeschreibung {
	background-color: #590000;
	color: #fff;
	padding: 3px;
	margin-top: 7px;	
}

.adr_text {
	font-size: 11px;
	margin-top: 12px;
	min-height: 100px;
}

.adr_link {
	padding-top: 20px;
	text-align: right;
	
	
}

.adr_link a {
	text-decoration: none;
	font-weight: bolder;
	color: black;
	margin-top: -5px;
}

.adr_link img {
	margin-bottom: -2px;
	position: relative;
}

/* ---------------------------------- */


/* Logo ausblenden wird als Bild eingebaut  -> page.120*/
.logo_esstrainer {
  background-image: none;
}

.umenu_esstrainer {
	background-image: none;
	height: 30px; margin: 10px 0px;
	
	border-bottom: 1px dotted #555;
	width: 680px; margin-left: 20px;
	
}

.inhalt_esstrainer {
   float: left;
	width: 470px; padding-left: 20px; 
	padding-right: 10px; 
	margin-right: 10px;/* 500px */
	font-size: 12px;
	min-height: 220px; padding-top: 25px;
	border-right: 1px dotted #555;
	
	
}

.inhalt_esstrainer h1{
  font-size: 14px;
}



.inhalt_info_esstrainer {
   float: left;
	background-color: #FFFFB9;
	width: 180px;
	font-size: 12px;
	padding: 30px 10px;
	min-height: 220px;
}

.inhalt_info_esstrainer h1 {
	font-size: 12px;
}

.clear_esstrainer {
	clear: left;
	padding-bottom: 20px;
}

.seitenzeile_esstrainer {
	border-bottom: 5px solid #333333;
	width: 680px; margin-left: 20px; /* 700px; */
	margin-top: 15px;
	margin-bottom: 5px;
}

.titel_subtitel_esstrainer {
   margin: 0px;
	background-color: #333333;
	font-size: 18px;
	color: #fff;
	padding: 5px 15px 5px 10px;
	min-width: 100px;
}

.link_submenu_esstrainer a {
	color: #595900;
	text-decoration: none;
	font-weight: bolder;
	font-size: 12px;
}