html,body {
	height:100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	background-color: #EEEEEE;
}
p,li,h1,h2,h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

p,li {
	text-align: justify;
	font-size: .8em;
}

p.jahreszahl {
	text-indent:-3.1em;
	text-align:left;
	margin-left:3.1em
}

#Logo {
	position: fixed;
	left:20px; top:10px;
	width: 200px;
	height: 65px;
	z-index: 10;
}

#NavigationBorder {
	position: fixed;
	left:0; 
	top:4em;
	background-color: #BBBBBB;
	z-index: 1;
	width: 10.5em;
	height: 120%;
	min-height: 100%;
}

#Navigation {
	position: fixed;
	left:0;
	top:4em;
	width: 12em;
	height: 100%;
	z-index: 2;
}

.Inhalt, .InhaltGross {
	position: absolute;
	left:13em;
	top:4em;
	z-index: 4;
}
.Inhalt {
	width:24em;
}
.InhaltGross {
	width:35em;
}
.Bilder {
	position: absolute;
	left:38.5em;
	top:6.3em;
	width:10em;
	z-index: 3;
}
P.Navi {
	font-size: 1em;
	font-weight: bold;
	color: #444444;
	text-decoration: none;
	padding-left:10px;
}

A.Sub, A.Sub:Link, A.Sub:Visited {
	display:block;
	font-size: 0.8em;
	font-weight: normal;
	text-align:left;
	color: #444444;
	background-color: #DDDDDD;
	text-decoration: none;
	padding: 1px;
	margin: 2px;
	margin-left: 10px;
}
A.SubAkt, A.SubAkt:Link, A.SubAkt:Visited {
	display:block;
	font-size: 0.8em;
	font-weight: normal;
	text-align:left;
	color: #444444;
	background-color: #AAAAAA;
	text-decoration: none;
	padding: 1px;
	margin: 2px;
	margin-left: 10px;
}

@media all {
	A.Sub, A.SubAkt {
		border: 1px solid #444444;
	}
}
A.Sub:Hover,  A.Sub:Active{
	background-color: #AAAAAA;
}
A.Sprache, A.Sprache:Link, A.Sprache:Visited {
	font-size: 0.7em;
	font-weight: normal;
	color: #444444;
	text-decoration: none;
}

A.Sprache:Hover {
	background-color: #AAAAAA;
}

p.Beschreibung {
	font-size: 0.7em;
	text-align: left;
}


h1,h2,h3 {
	font-weight: bold;
	color: #555555;
}
h1 {
	font-size: 1.2em;
	background-image:url(bilder/Streifen.gif); 
	background-repeat:no-repeat;
	background-position:left bottom;
}
h2 {
	font-size: .9em;
	margin-bottom: .1em;
}
h3 {
	font-size: .8em;
	margin-bottom: .1em;
}

ul, ol {
	margin: 0;
}

table, tr, td {
	font-size: 1em;
	vertical-align:top;
	text-align: left;
}
a, a:link, a:visited {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
a:hover {
	background-color: #AAAAAA;
}

input.formular, textarea.formular {
	width: 300px;
	font-size: 0.85em;
}
input.formular {
	height: 20px;
}
textarea.formular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	height: 100px;
}

img.logo {
	width: 170px;
	height: 47px;
	border: 0px; 
}

.rot { color: red; }


@page { size:21.0cm 29.7cm;
        margin-top:1.7cm;
        margin-bottom:1.4cm;
        margin-left:2cm;
        margin-right:1cm;
}
@media print {
	.Inhalt, .InhaltGross {
		position:absolute; 
		left:auto; 
		top:5%;
		height: auto;
		page-break-inside: always;
	}
/*	.Inhalt  {
		width: 70%;
	}
	.InhaltGross {
		width: 90%;
	}*/
	
	#Logo { 
		position: absolute;
		left:75%; 
		top:0; 
		text-align:left;
	}
	.Bilder { left:75%; 
		top: 8%; 
		width: 25%;
	}
	h1, h2 {
		page-break-before: auto;
		page-break-after: avoid;
	}
	ul,p,li {
		page-break-inside: always;
	}
	img.logo {
		width: 136px;
		height: 38px;
	}
/* Menues werden nicht mitgedruckt */
	#Navigation { display:none; }
}