@import url("layout.css");

body {
	font-family: "Arial", Sans-Serif;
	background-color: #c5e5f9;
}
#container {
	background-color: #fff;
}
#masthead {
	text-align: center;
	background-color: #fff;
	background-image: url("../images/masthead_image_wasserspass3.png");
	background-repeat: no-repeat;
}
#navigation {
	width: 150px;
	border-top: 1px solid #0a6197;
	border-bottom: 1px solid #0a6197;
	background-color: #0a6197;
}
html>body #navigation {
	overflow: hidden;
}

/* Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;

}
#navigation li {
	font-size: 0.9em;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation a {
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 5px;
	border: 1px solid #0a6197;
}
#navigation a:hover {
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	color: #ccc;
	border: 1px solid #0a6197;
	background-color: #0a6197;
}

/* Websitetypografie */
h1 {
	font-size: xx-large;
	color: #000;
}
h2 {
	font-size: x-large;
	color: #000;
}
h3 {
	font-size: large;
	color: #000;
}
h4 {
	font-size: medium;
	color: #000;
}
blockquote,p,ol,ul {
	font-size: small;
	color: #000;
}
h5 {
	font-size: x-small;
	color: #c77;
}
h6 {
	font-size: xx-small;
	color: #c77;
}
/* Fußzeile */
#footer p {
	font-size: small;
	color: #fff;
	text-align: center;
	background-color: #0a6197;
}
/* Start of Column CSS */
#container_links {
	float: left;
	width: 950px;
	position: relative;
	right: 620px;
	background-color: #0a6197; /* column 1 background colour */
}
#container_mitte {
	clear: left;
	float: left;
	width: 950px;
	position: relative;
	right: 160px;
	background-color: #fff; /* column 2 background colour */
}
#container_rechts {
	clear: left;
	float: left;
	width: 950px;
	position: relative;
	overflow: hidden;
	background-color: #0a6197; /* column 3 background colour */
}
#spalte_links {
	float: left;
	width: 150px; /* Spaltenbreite -20px Rand */
	position: relative;
	left: 790px; /* =950 (gesamtbreite) - 170 (linke Spalte) + 10 (1x Rand) */
	overflow: hidden;
}
#spalte_mitte {
	float: left;
	width: 620px; /* Spaltenbreite -0px Rand */
	position: relative;
	left: 800px; /* =950 (gesamtbreite) - 170 (linke Spalte) + 10 (1x Rand) */
	overflow: hidden;
/*	margin: 10px;*/

}
#spalte_rechts {
	float: left;
	width: 140px; /* Spaltenbreite -20px Rand */
	position: relative;
	left: 810px; /* =950 (gesamtbreite) - 170 (linke Spalte) + 30 (3x Rand) */
	overflow: hidden;
}

.tab_weiss {
	background-color: #fff;
}
.tab_hellblau {
	background-color: #c5e5f9;
}.tab_eisblau {
	background-color: #eafaff;
}
.tab_gruen {
	background-color: #94d966;
	}
.tab_hellgruen {
	background-color: #d5f7ce;
}
.tab_gelb {
	background-color: #ffdd66;
}
.tab_hellgelb {
	background-color: #ffffd2;
}
.tab_rot {
	background-color: #fc7c80;
}.tab_hellrot {
	background-color: #ffd5d5;
}
.style2 {
	border-collapse: collapse;
}
.tab_text {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	z-index: 0;
}
.style3 {
	text-align: center;
}