/* Diese Datei legt zentrale Elementformatierungen fest die von den anderen dokumenten benutz werden*/




/* Dieser Bereich definiert eine Klasse für Body(Ganz äusserer Rahmen) */
/*---------------------------------------------------------------------*/
	.body { 
			background-color:#222222; /*ganz hinterer background vom äussersten rahmen*/
			font-family:arial; 
			color:#ffffff;
			vertical-align:middle;
			text-align:center;
			margin:20px;
			margin-left:60px;
			margin-right:60px;
			}

/* Für die abgerundeten ecken des Containers für die inhalte (ro, lo und ru füllen die seiten mit aus)*/
/*---------------------------------------------------------------------*/

	.ro {
		background:url(../bilder/layout/ro.gif) top right repeat-x;
		
		}
	.lo {
		background:url(../bilder/layout/lo.gif) top left no-repeat;
		}

	.ru {
		background:url(../bilder/layout/ru.gif) bottom right repeat-x;
		}
	.lu {
		background:url(../bilder/layout/lu.gif) bottom left no-repeat;
		}

	.inhalt {
		margin:0;
		padding:1em 1em 1em 1em;
		}

	.inhalt p {
		margin:0;
		padding:0;
		}

/*der rahmen auf der äusseren hauptseite*/
/*---------------------------------------------------------------------*/

	.grundrahmen {
		padding:0px;
		border: 1px solid #000000;
		border-bottom: 0px;
		margin:0px auto;          /*fuer zentrierte ausrichtung zusaetzlich text-align center fuer ie*/
		padding-top:5px;
		text-align:center;
		background-color: #88CEF9;
		height:95%;
	}


/* Das Hauptauswahlmenü*/
/*---------------------------------------------------------------------*/
.menu_cell	{
			color:#ffffff;
			background-color:#FFCC66;
			border-top:1px solid #000000;
			border-bottom:1px solid #000000;
			}
			.menu_cell a:link, .menu_cell a:visited { color:#000000; }
			.menu_cell a:hover { color:#ffffff;}



/* Das NEUE Hauptauswahlmenü*/
/*---------------------------------------------------------------------*/
	#menucontainer {
					font-size:13px;
					height:19px;
					z-index:2;
					border:1px solid black;
					border-left:0px;
					border-right:0px;
					position:relative;
					background-image:url(../bilder/layout/bgr_verlauf.gif);
					float:left
					}	/* Rahmen um menü	*/

	#menu, #menu ul	{ list-style-type:none; margin:0; padding:0px 15px 0 15px ;}/* Für alle menü einträge inkl obere Elemente */
	#menu li {; float:left; } /* Horizontale Anordnung */
	
	#menu li ul { display:none; } /* Normalzustand eingeklappt */
	#menu li:hover ul { display:block; } /* Ausgeklappt */

	  #menu { position relative;float:left; }
	  #menu li { border-bottom:0px solid #000; }		/* aussehen menuzelle	*/
	  #menu ul li {width:100px;border-left:1px solid black;background-color:#D16421;border-right:1px solid black; margin:0 -15px 0 -15px; }/* aussehen ausgeklappte menuzellenunterpunkte	*/
	/*	Verhalten von Links	*/
	  #menu a { font-weight:bold; display:block;text-align:center; padding:0.1em; }
	  #menu a:link, #menu a:visited { color:#000; text-decoration:none; }
	  #menu a:active, #menu a:hover { color:#fff;  text-decoration:none; }
	  
	  #unter a {background:#ffffff;}

/* eingebetteter frame für die unterseiten*/
/*---------------------------------------------------------------------*/

	.inner_body { 
			background-image:url(../bilder/layout/blot_ul.gif); 
			background-repeat:no-repeat;
			background-attachment:fixed; 
			background-position:left bottom;
			background-color:transparent;
			padding-left:5px;
			padding-right:5px;
			padding-top:2px;
			font-family:arial; 
			font-size:12px;
			font-weight:normal;
			vertical-align:middle;
			color:#B1ACA9;
			text-align:left;
			}

/* die header leiste auf jedere Kategorie seite*/
/*---------------------------------------------------------------------*/

.inner_header{
				font-family:Arial;
				font-size:22px;
				color:#FFA100; 
				font-weight:bold;
				position:relative; 
				width:150px; 
				height:50px;
				/* float:left; sonst bricht der text um das logo */
				}
.inner_header_text{
				text-align:left;
				z-index:2; 
				position: relative; 
				top:10px;
				left:20px;
				width:300px;
				}

.inner_divcontainer{
				margin-left:70px;  
				margin-top:0px
				}

/* Das rahmen für bilder*/
/*---------------------------------------------------------------------*/
.bild {border:2px solid #000000;}
.bild_klein {border:2px solid #000000; width:50;height:40px}
.bild_groß {border:3px solid #000000;height:210px}


/* Wetter */
/*---------------------------------------------------------------------*/
.wetterbox	{
				background-color:#DD702D;border:2px solid #000000;
				}
/* Gallerieeigenschaften*/
/*---------------------------------------------------------------------*/
.gallery_cell	{
			color:#ffffff;
			background-color:#FFA100;
			border:1px solid #ffffff;
			}

/* Dieser Bereich definiert ein Weisses Button mit blauem Rahmen das bei berühren grau wird */
/*---------------------------------------------------------------------*/
		div.menue { padding-top:4px;width:80px; height:20; text-align:center; white-space:nowrap;float:left;}
		div.menue { border-bottom:1px solid #343434;border-top:1px solid #343434  }
		div.menue a {display:block; width:100%; height:100%; font-family:Arial;text-decoration:none;font-size:13 }
		div.menue a:link, div.menue a:visited { color:#343434; }
		div.menue a:hover { color:#ffffff;}

/* Dieser Bereich definiert das Verhalten von Verweisen*/
/*---------------------------------------------------------------------*/
		 a:link, a:visited, a:active { text-decoration:none; font-weight:bold; color:#ffffff; }
		 a:hover { text-decoration:none; font-weight:bold; color:#f00000}

/* Eigenschaften einer Table */
/*---------------------------------------------------------------------*/

		.table{
			font-size:8pt;
			font-weight:normal;
		}

/* Spezielle schriften */
/*---------------------------------------------------------------------*/

		.small{
				font-size:10;
				font-weight:normal;
				}

		.cell{
				font-family:arial; 
				font-size:12px;
				/*color:#000000;*/
				text-align:left;
				vertical-align:top;
				}





/* ende*/