/***************************
 * Body:	Im Prinzip die   *
 *				Auflage für page *
 ***************************/

body {
	background-color:#F5F5F5;		/* Hintergrundfarbe für das 'Äußere' */
	text-align: center;					/* Zentrierung im Internet Explorer */
	color: black;								/* Textfarbe (wird aber im Moment nicht benutzt */
	font-size: 100.01%;
	font-family: Helvetica,Arial,sans-serif;
	margin: 0 0 0 0; 
	padding: 10px 0 10px 0;
}


/******************************
 * Seite: Hier ist die größte *
 *				Box definiert       *
 ******************************/

div#page {
  text-align: left;						/* Seiteninhalt wieder links ausrichten */
  margin: 0 auto;							/* standardkonforme horizontale Zentrierung */
  width: 920px;								/* Breite der äußeren großen Box */
  padding: 0;
  border: 3px solid #c00000;	/* Äußerster Ramen */
  background-color: black;		/* Farbe unter Navi-Leiste - Hinter Inhaltstext-Hintergrundfarbe */
}

div#page h1 img{
	text-align:left;
}


/********
 * Kopf *
 ********/

div#header_links {
	float: left;
	text-align: center;
	width: 200px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	background-color: black;
	line-height: 0;
}

h1#header_rechts {
	font-family: times;
  font-size: 2em;
	font-weight: 100;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
  text-align: center;
	color: #eeee11;
  background-color: black;
	border-bottom: 2px solid #c00000;
	line-height: 0;
}



/***************
 * Navi-Leiste *
 ***************/

div#navi-container {					/* = page-content */
	background-color: black;
	float: left;
}

/***** Player *****/

/*
	div#player {
	text-align:center;
	background: transparent;
  font-size: 0.83em;
	width: 200px;
  margin: 0; 
	padding: 5px 0 0 0;
}
*/

/***** Navigation *****/

ul#navi {
	position:fixed;
	text-align: center;
	background: transparent;
  font-size: 0.83em;
	width: 140px;
  margin: 0 0 0 0; 
	padding: 10px 0 0 30px;
}

ul#navi li {
	list-style:none;
}

ul#navi li a {
  list-style: none;
  margin: 0; 
	padding: 1px 3px 1px 4px;
	text-decoration:none;
	color:#c00000;
	font: bold 15px verdana, sans-serif;
	display:block;
	border-top:2px solid #99917d;
	border-right:2px solid #e4d9c0;
	border-bottom:2px solid #e4d9c0;
	border-left:2px solid #99917d;	
}

ul#navi a {
  display: block;
  padding: 0em;
  font-weight: bold;
}

ul#navi a:link {
  color: gray; 
	background-color: black;
}

ul#navi a:visited {						/* Wenn schon mal angeklickt */
  color: gray; 
	background-color: black;
}

ul#navi a:hover {							/* Beim Drüberfahren */
	color:brown;
	background:#222222;
	border-top:2px solid #e4d9c0;
	border-right:2px solid #837c6b;
	border-bottom:2px solid #837c6b;
	border-left:2px solid #e4d9c0;	
}

/* Noch nicht ganz ausgereift
ul#navi li:hover {			/* Beim Drüberfahren 
	list-style-image:url(pictures/wappen_klein_orig1.gif);
}
*/

ul#navi a:active {						/* Beim Klick */
  color: black;
	background-color: #ffd700;
}


/**********
 * Inhalt *
 **********/

/***** Allgemeines *****/

div#content {
	min-height: 350px;
	margin: 0px 0 0 200px;
	padding: 18px 15px 15px 15px;
	text-align: center;
	background-color: #dfdfdf;	/* Farbe unter Inhalts-Text */
}

* html div#content {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  margin-bottom: 0;
}

/***** Text *****/

h1#category {
	text-align: center;
	text-decoration: none;
	border: 3px solid black;
	/*background-color: #ffd700;*/
}

div#content h2 {
  font-size: 1.1em;
  margin: 0;
  color: black;
}

div#content p {
  font-size: 0.9em;
  margin: 0 0;
}

h2#headline {
	text-align:center;
	color: #c00000;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding: 19px 0 10px 0;
}

#text_block {
	text-align: justify;
	text-indent: 0.8em;
	padding: 0.5em 0 0.6em 0;
}

#text_center {
	text-align: center;
	padding: 0.9em 0 0 0;
}

#text_center_bold {
	text-align: center;
	font-weight: bold;
}

h3#text-center {
	padding: 0.9em 0 0 0;
}

h3#infobox {
	color: red;
}

#text_left {
	text-align: left;
	padding: 0.9em 0 0 0;
}

#text_left_bold {
	font-weight: bold;
	text-align: left;
	padding: 0.9em 0 0 0;
}

#text_right {
	text-align: right;
	padding: 0.9em 0 0 0;
}

/***** Bilder *****/

img#bild {
	background-color: #F5F5F5;
	max-width: 620px;
	border:double 5px #c00000;
	/* border: solid 5px black; */
	padding: 5px;
	text-align: center;
}

/***** Wetter *****/

div.wettertabelle { 
	padding:130px 0 0 0;
	margin:auto;
	display:table; 
	border-collapse:collapse; 
}

div.wetter_tr { 
	display:table-row; 
}

div.wetter_td { 
	display:table-cell; 
	border:2px solid black; 
	padding:5px; 
}



/***** Links *****/

a#link_im_text {			/* Link im Textfluss */
	color: navy;
}

div#content a:hover {
	color: #c00000;
}

ul#linkliste {				/* Link allein-stehend */
	text-align: center;
	font-size: 20px;
}

ul#linkliste li {
	list-style:none;
	margin: 5px;
	padding: 0 40px 0 0;
}

ul#linkliste li a {
	color: navy;
}

ul#linkliste li a:hover {
	background-color: #c0c0c0;
	border: 3px solid black;
	text-decoration: none;
	padding: 3px;
}

/***** Listen *****/

ul#liste {

}

ul#liste li {

}

/***** Tabellen *****/

div#table_outside {
	border: 3px solid black;
	margin: 10px 0 5px 0;
		background-color: #eeeeee;
}

td#table_head {
	background-color: #a9a9a9;
	text-align: center;
	color: black;
	font-size: 22px;
	border: solid black;
	width: 700px;					/* Breite der Tabelle durch den 
													 Kopf bestimmt - füllt Breite */
}

td#table_up {
	background-color: #a9a9a9;
	border: 3px solid black;
	padding: 4px;
}

td#table_inside {
	background-color: #dcdcdc;
	text-align: center;
	border: 3px solid black;
}

td#termininfo {
	text-decoration: underline;
}


/*************
 * Fusszeile *
 *************/

p#foot {
  clear: both;
  font-size: 0.8em;
	color: black;
  margin: 0 0 0 0; 
	padding: 0.1em;
  background-color: gray;
  border-top: 1px solid black;
	text-align:right;
	padding: 2px 10px 0px 0px;
}

p#foot a{
	color: black;
}

p#foot a:hover {
	color: #c00000;
	text-decoration: blink;
}

div#foot_text {
  clear: both;
  font-size: 0.55em;
	color: black;
  margin: 0 0 0 0; 
	padding: 0.1em;
  background-color: gray;
	text-align:right;
	padding: 1px 10px 2px 0px;
}


/*****************************************
 *																			 *
 *								Ende									 *
 *																			 *
 *****************************************/