@charset "utf-8";

html, body {
	height: 100%
	}
body {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	background: #666666; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	margin: 0px;
	position: absolute;
	width: 100%;
	}
.main #table {
	margin: 0px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-style: none; 
	} 
.main #header {
	background: #DDDDDD;
	margin: 0px;
	border: 0px;
	text-align: center;
	padding: 0px;
	line-height: 1em;
	font-size: 24pt;
	font-weight: bold;
	vertical-align: middle;
	height: 80px;
	} 
.main #header h1 {
	padding: 0px;
	font-size: 24pt;
	line-height: 1em;
	}
.main #header p {
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	}
.main #sidebar1 {
	background-color: silver;
	padding: 10px;
	font-size: 14px;
	border: 0px;
	vertical-align: top;
	text-align: center;
	}
.main #sprache {
	background-color: #DDDDDD;
	font-size: 14px;
	border: 0px;
	text-align: center;
	width: 180px;
	height: 80px;
	vertical-align: middle;
	}
.main #sprache a {
	color: maroon;
	text-align: center;
	}
.main #sprache a:focus {
	color: blue;
	}
.main #sprache a:hover {
	color: blue;
	}
.main #sprache a img {
	border: none;
	text-decoration: none;
	text-align: center;
	}
.main #mainContent {
	vertical-align: top;
	background-color: white;
	margin: 0px;
	line-height: 1.4em;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: disc;
	padding-bottom: 10px;
	}
.main #mainContent a {
	color: maroon;
	}
.main #mainContent a:focus {
	color: blue;
	}
.main #mainContent a:hover {
	color: blue;
	}
.main #mainContent a:visited {
	color: #006600;
	}
.main #mainContent a:visited:focus {
	color: blue;
	}
.main #mainContent a:visited:hover {
	color: blue;
	}
.main #mainContent h2 {
	text-align: center;
	}
.main #mainContent table {
	padding-left: 10px;
	text-align: center;
	width: 100%;
	}
.main #mainContent_iframe {
	margin: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: white;
	overflow: auto;
	}
.main   #mainContent_img  {
	background-color: white;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	}
.main #mainContent_phone {
	text-align: justify;
	width: 15.5em;
	}
.main  #mainContent_pictures  a  img {
	text-decoration: none;
	text-align: center;
}
.main #mainContent_pictures {
	vertical-align: top;
	background-color: white;
	margin: 0px;
	line-height: 1.4em;
	padding-left: 20px;
	padding-right: 20px;
	list-style-type: disc;
	padding-bottom: 10px;
	text-align: center;
	border: none;
	text-decoration: none;
}
.main #mainContent ul {
	text-align: left;
}


.main #footer {
	background:#DDDDDD;
	height: 40px;
	text-align: center;
	} 
.main #footer p {
	margin: 0px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	padding: 10px;
	}

.red {
	color: red;
	}

.blue {
	color: blue;
	}
ul#Navigation {
	margin: 0;
	padding: 0;
	width: 160px;
	}
ul#Navigation li {
	list-style: none;
	margin: 4px;
	padding: 0;
	}
ul#Navigation li ul {
	margin: 0 0 0 20px;
	padding: 0;
	}
ul#Navigation li ul li {
	margin: 1px 0;
	}
* html ul#Navigation li ul li { /* Korrektur fuer IE 5.x */
	margin-left: 0.5em;
	ma\rgin-left: 0;
	}
ul#Navigation a {
	display:block;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid black;
	border-left-color: white;
	border-top-color: white;
	color: maroon;
	background-color: #ccc;
	text-align: left;
	}
* html ul#Navigation a {
	width: 140px;	/* Breitenangabe fuer IE 6 */
	}
* html ul#Navigation li ul li a {
	width: 100%;	/* Breitenangabe fuer IE 5.x */
/*	w\idth: 120px;	/* Breitenangabe fuer IE 6 */
	width: 120px;
	}
ul#Navigation a:hover {
	border-color: white;
	border-left-color: black; border-top-color: black;
	color: white; background-color: gray;
	}
ul#Navigation a.current {
	color: #006600;
	}
ul#Navigation a:focus {
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	color: white;
	background-color: gray;
	}
ul#Navigation a:hover.current {
	color: #FFFFFF;
	}
.main #tablebutton {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 16px;
/*	border-spacing : 0px;*/
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color:#000000; 
}

.main  #tablebutton ul {
	width: auto;
	padding: 0;
	margin: 0;
		
}
.main   #tablebutton    li  {
	list-style: none;
	padding: 0;	
}
.main  #tablebutton   ul  li a {
	display:block;
	text-decoration: none;
	border: 1px solid black;
	border-left-color: white;
	border-top-color: white;
	color: maroon;
	background-color: #ccc;
	text-align: center;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}
.main  #tablebutton   ul  li a:hover {
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	background-color: black;
	background-color: gray;
		
}
.main  #tablebutton   ul  li a:focus {
	border-color: white;
	border-left-color: black;
	border-top-color: black;
	background-color: gray;
}

