/*
Farben für diese Datei:
Dunkles Rot:#990000
Helles Blau:#BBCCFF
Neutrales Grün:#77CC77
Helles Grau:#ddd
*/


body {
background-color:#BBCCFF;
background-image:url(../img/bg3.jpg);
background-attachment:fixed;
font-size:100.01%;
font-family: Verdana, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
}

div#header {
background-color:#ddd;
background-image:url(../img/head1.jpg);
border-bottom:1px solid #990000;
margin-bottom:0;
padding:0.8em 0 0.8em;
vertical-align:bottom;
}

div#header h1{
font-size:2em;
font-style:normal;
font-weight:bold;
letter-spacing:0.1ex;
margin:0 1.5em 0;
text-align:right;
}


div#main {
position:relative;
background-color:#fff;
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
border:4px solid #990000;
margin:0.5em auto 0.5em;
min-height:50em;
width:60em;
overflow:hidden;
}

div#nav {
background-color:#ffffff;
border-right:1px dotted #990000;
float:left;
margin:0.2em 1em;
padding-right:0.8em;
padding-top:0.8em;
text-align:left;
min-height:30em;
width:13em;
}

div#nav ul{
font-size:0.9em;
list-style-type:none;
margin:0;
padding:0;
}
	
div#nav li{
background-color:#ddd;
border:1px solid #333;
margin:0.5ex 0;
padding:0.1ex 0.5em;
text-decoration:none;
}

div#nav .leer {
	background-color:#fff;
	border:0;
	height:1em;
}

div#nav .leer:hover {
	background-color:#fff;
	border:0;
	height:1em;
}


div#nav li:hover{
background-color:#999;
}

div#nav a{
text-decoration:none;
color:black;
}

div#innernav{
margin:1.5em 0 2.5em 0;
}

div#innernav a{
	text-decoration:none;
	font-size:0.8em;
	border-bottom:1px dotted #0033BB;
	color:#0033BB;
}
div#innernav a:hover{
	border-bottom:1px solid #0033BB;
	color:#0033BB;
}

div.hoch {
	text-align:right;
	color:#0033BB;
	margin-bottom:2em;
}

div.hoch a{
	text-decoration:none;
	color:#0033BB;
	font-size:0.8em;
	border-bottom:1px dotted #0033BB;
}
div.hoch a:hover{
	color:#0033BB;
	border-bottom:1px dotted #0033BB;
}

p.adv {
	font-size:0.5em;
}

/* -----------------------------------------------
	Die Formatierung des Seiteninhalts
	----------------------------------------------- */

div#content {
background-color:#FFFFFF;
float:right;
margin:0.2em 1em 5em;
padding:1em;
text-align:left;
width:51em;
font-size:0.8em;
}

div#content h2 {
	margin-top:0.5em;
}

h3.tabelle {
	font-size:1.1em;
	font-weight:bold;
	padding:1em 0 0.5em 0;
	margin:0 0 1em 0;
}

h3 a{
	text-decoration:none;
	color:black;
}

div.term {
	font-weight:normal;
	padding:0.5em 0 0.5em 3em;
	font-family:monospace;
	font-size:1.3em;
	line-height:200%;
}

div#content table {
	width:100%;
	margin-bottom:1em;
	padding:1em;
	border-collapse:collapse;
	border:1px dotted black;
}


td.name {
	vertical-align:middle;
	padding:0.5em 0.5em 0.5em 0.5em;
	font-size:1.1em;
}

td.term{
	border:0;
	vertical-align:top;
	font-weight:normal;
	padding:1em 2em 0.5em 3em;
	font-family:monospace;
	font-size:1.3em;
	line-height:170%;
	width:50%;
}

tr.first {
	background-color:#ddd;
}

tr.second {
	background-color:#fff;
}

textarea {
	margin-left:3em;
	border:1px solid gray;
	padding:1ex;
	background-color:#cff;
}

/* ------------------------------------------
	Die Formatierung des Footers
	------------------------------------------ */

div#footer {
	background-color:#ddd;
	position:absolute;
	bottom:0em;
	padding-bottom:0.2em;
	clear:both;
	border-top:1px dotted #990000;
	text-align: right;
	width:100%;
	color:#333;
	font-size:0.75em;
}

div#footer a {
	margin-right: 3em;
	margin-left: 45em;
	color:#333;
	text-decoration:underline;
}

div#footer a:hover {
	text-decoration:underline;
}