@charset "utf-8";

* {
	padding:0px;
	margin:0px;
	}
html, body {
	margin: 0px 0px 0px 0px;
	height:100%;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(bilder/bg.jpg);	
}
#container {
	position:relative;
	top:0px;
	min-height:100%;
	width:960px;
	margin:0px auto 0px auto;
	background-image: url(bilder/inhalt-hg.jpg);
	background-repeat: repeat-y;
}
* html #container {
	height:100%;
	}
#metainfo {
	position:relative;
	height: 142px;
	width: 960px;
	top: 0px;
	background-image: url(bilder/metainfo.jpg);
	background-repeat: no-repeat;
	color: #002B77;
}
#metainfo #adresse {
	position:absolute;
	left:40px;
	top:40px;
	width:258px;
	height:57px;
	z-index:1;
	font-size:0.6875em;
	padding-top:43px;
	font-weight:bold;
	line-height:1.1em;
}
#metainfo #adresse a {
	color: #002B77;
}
#metainfo #adresse a:hover {
	color: #3361B1;
}
#metainfo #adresse .logo {
	position:absolute;
	font: ARCHIMEDES;
	font-size:43.5px;
	text-indent:-6000px;
	background-image:url(bilder/logo.jpg);
	height:37px;
	width:214px;
	top:0px;
	overflow:hidden;
}
#metainfo #titel {
	position: absolute;
	right: 0px;
	top: 37px;
	height: 93px;
	width: 481px;
}
#metainfo #subtitel {
	position: absolute;
	bottom: 0px;
	right: 20px;
}
#metainfo h1{
	font-size: 2.8125em;
	margin: 0px 17px 0px 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 1px;
}
#metainfo h4 {
	font-size: 1.25em;
	text-align: right;
	font-weight: normal;
	line-height: 1em;
	z-index: 2;
	margin-bottom: 0px;
}
#navigation {
	position:relative;
	top:0px;
	width:954px;
	height:27px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00162E;
	border-left-color: #00162E;
	background-image: url(bilder/nav.jpg);
	background-repeat: repeat-x;
	font-size: 0.875em;
}
#navigation ul {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #103C77;
	height: 27px;
	margin-left: 16px;
}
#navigation li {
	float: left;
	list-style-type: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #103C77;
	border-left-color: #506176;
	height: 27px;
}
#navigation li.ende {
	border-right-style: none;
}
#navigation li a {
	color: #FAFAFA;
	display:block;
	padding: 6px 10px 0px 10px;
	height:21px;
	min-width:10px;
	text-decoration: none;
}
* html #navigation li a {
	width:10px;
}
#navigation li a:hover, #navigation li a.aktiv {
	background-image: url(bilder/nav-aktiv.jpg);
	background-repeat: repeat-x;
}
#inhalt-kopf {
	position:relative;
	top:0px;
	width:960px;
	height:58px;
	background-image: url(bilder/inhalt-kopf.jpg);
	background-repeat: no-repeat;
}
#inhalt {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	min-height:320px;
	padding-bottom:53px;
	z-index:2;
	line-height: 1.25em;
}
/*wieder IE und Safari*/
* html #inhalt {
	height:320px;
}
/* unbekannter Fehler im IE 6, der erratisch abhängig von Fenstergrösse den Fuss (Subinfo)nach oben oder nach unten verschiebt  und mit der Grösse des Fusses zusammenhängt; mit 53px tritt der Fehler auf, nicht aber, wenn der Fuss zu kurz ist. hack unten */
#inhalt-fuss {
	position:absolute;
	bottom:53px;
	width:960px;
	height:300px;
	background-color: #CCCCCC;
	background-image: url(bilder/inhalt-fuss.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
*html #inhalt-fuss {
	b\ottom:52px;
	}
	
#inhalt .text{
	margin: 0px 387px 0px 40px;
	padding-bottom:18px;
	color: #021933;
	font-size: 0.875em;
	text-align: justify;
}
#inhalt .text p {
	padding-bottom: 0.75em;
}

#inhalt .text h2 {
	font-size: 1.429em;
	font-weight: normal;
	padding-bottom: 0.8em;
}
#inhalt-fuss #bild {
	position:absolute;
	left:593px;
	bottom:0px;
	width:367px;
	height:260px;
}
#inhalt #subnav {
	position:absolute;
	left:615px;
	top:0px;
	width:325px;
	height:150px;
	z-index:3;
	color: #FAFAFA;
	font-size: 0.75em;
}
#inhalt #subnav li {
	padding-bottom: 0.5em;
	list-style-type: none;
}
#inhalt #subnav li a {
	color: #FAFAFA;
}
#inhalt #subnav li a:hover {
	color: #E70000;
}
#inhalt #subnav li a.aktiv {
	text-decoration: none;	
}
#subinfo {
	position:relative;
	margin:-53px auto 0px auto;
	width:920px;
	height:27px;
	color: #FCFCFC;
	background-image: url(bilder/subinfo.jpg);
	background-repeat: no-repeat;
	font-size: 0.625em;
	padding:26px 0px 0px 40px;
	z-index:3;
}
#subinfo a{
	color: #FCFCFC;
	text-decoration: none;
	}
#subinfo a:hover{
	color: #E70000;
}