body
{
	margin: 0px;
	padding: 0px;
	background-color: #B9FF96;
/*	background-image: url(asphalt1.jpg);*/
	font-family: Verdana,Arial,sans-serif;
}

table
{
	border: solid 1px gray;
	border-collapse: collapse;
	empty-cells: show;
}

table td
{
	border: dotted 1px gray;
	border-spacing: 0px;
	padding-top:    2px;
	padding-bottom: 2px;
	padding-left:   5px;
	padding-right:  5px;
	vertical-align: top;
}

h1
{
	font-size: large; font-weight: bold;
}

h2
{
	font-size: medium; font-weight: bold;
}

ul
{
	margin-top: 0px;
	list-style-type:circle;
}

a
{
	text-decoration:none;
}

img
{
	border-style:none;
}

.Titel0			{ font-size: medium;}
.Titel1			{ font-size: xx-large;	font-weight: bold;}
.Titel2			{ font-size: large;		font-weight: bold;}
.TextCentered	{ text-align: center; }
.TextKlein		{ font-size: small; }
.TextKleiner	{ font-size: x-small; }
.TextTabelle	{ font-size: small;		font-weight: normal;	text-align: left;   vertical-align: top; }
.TitelTabelle	{ font-size: small;		font-weight: bolder;	text-align: left;   vertical-align: top; }
.Erklaerung		{ font-size: xx-small;	font-weight: lighter;	text-align: center; }
.Motto			{ font-size: x-small;	font-weight: lighter; }
.TextLink		{						font-weight: bolder; }
.TextLinkSmall	{ font-size: small;		font-weight: bolder; }
.Hint			{ font-size: small;		font-weight: bold;		text-align: left;   vertical-align: top; }
.HintKlein		{ font-size: xx-small;							text-align: left;   font-style: italic }

.NavLink1		{ font-size: medium;	font-weight: bold;		color: blue; text-align: center;	vertical-align: top; text-decoration: none; }
.NavLink2		{ font-size: medium;	font-weight: normal;	color: blue; text-align: center;	vertical-align: top; text-decoration: none; }
.NavLink3		{ font-size: x-small;	font-weight: lighter;	color: blue; text-align: center;	vertical-align: top; text-decoration: none; }
.NavLink		{ color: blue; }
.NavLink:hover	{ color: #800000; }
.NavLinkAktuell	{ color: #800000; }
.NavLinkAktuell:hover	{ color: #800000; }
.NavText1		{ font-size: medium;	font-weight: bold;					text-align: center;	vertical-align: top; text-decoration: none; }
.NavText		{ color: gray; }

.TabTag		{ width: 10%; white-space: nowrap; vertical-align: top; }
.TabTop		{ vertical-align: top; }
.TabText	{ width: 70%; vertical-align: top; }
.TabKoord	{ width: 20%; white-space: nowrap }
.TabSmall	{ font-size: small; text-align: center; vertical-align: top; }

.TextLeft	{ margin-left: 50px; margin-right: 250px; }		/* margin-right inkl. Image-Breite */

.image		{ width: 200px; }
.imgLeft	{ float:left;	margin-right: 50px; width: 200px; }
.imgRight	{ float:right;	margin-left: 50px; width: 200px; }
.imgMiniH	{ width: 80px; border:0; }
.imgMiniV	{ width: 50px; border:0; }

.Eingerueckt	{ margin-left: 115px; }
.clear			{ clear: both; }
.TabelleMax		{ width: 100% }
.HintNew		{ background-color:yellow; color:red; font-weight: bold; font-size: xx-small;}


#headerPicture
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 133px;
}

#header
{
/*	position: absolute;*/
	margin-left: 200px;			/* damit korrekt zentriert wird */
	height:  133px;
	background-color: #B9FF96;
	text-align: center;
}

#navigation
{
	position: absolute;
	top: 133px;
	left: 0px;
	width: 20%;
/*	width: 200px;*/
	background-color: #B9FF96;
	text-align: center;
	font-size: xx-small;		/* für Zeilenumbrüche ohne Abstand */
}

#content
{
	position: absolute;
	top: 133px;
	left: 20%;				/* left + width = 100% */
	width: 80%;			 	/* damit immer bis zum rechten Rand gefüllt wird */
	margin: 0px;
	padding: 0px;
	text-align: justify;
	background-color: #D9FFB6;
}

