BODY {	FONT-SIZE:14px; ;font-weight:bold; FONT-FAMILY:Verdana; background-image:url("../images/Bild1.jpg");}

H1 { FONT-SIZE:18px; MARGIN-BOTTOM:0px; COLOR:#000000; }

H2 { FONT-SIZE:16px; COLOR:#000000; }

H3 { FONT-SIZE:14px; COLOR:#000000; }

P { MARGIN-TOP:0px; }

CODE {	FONT-SIZE:14px; COLOR:#0000ff; }

PRE { PADDING-RIGHT:5px; PADDING-LEFT:5px; FONT-SIZE:14px; PADDING-BOTTOM:5px; COLOR:#0000ff; PADDING-TOP:5px; }

A:link { FONT-WEIGHT:bold; FONT-SIZE:12px; COLOR:#634142; TEXT-DECORATION:none; }

A:visited { FONT-WEIGHT:bold; FONT-SIZE:12px; COLOR:#634142; TEXT-DECORATION:none; }

A:active { FONT-WEIGHT:bold; FONT-SIZE:12px; COLOR:#634142; TEXT-DECORATION:none; }

A:hover { FONT-WEIGHT:bold; FONT-SIZE:12px; COLOR:#634142; TEXT-DECORATION:none; }

A:active { TEXT-DECORATION:underline; }

A:hover { TEXT-DECORATION:underline; }

a.info { border-bottom:1px dashed #800000; text-decoration:none; }

a.info:hover { cursor:help; background:#FFFFFF; }

a.info span { visibility:hidden; position:absolute; left:20em; margin-top:1em; padding:1em; text-decoration:none; }

a.info:hover span { visibility:visible; border:1px solid #800000; color:#800000; background:#F8F9B9; }


/* Navileiste horizontal */


#navi {
	 color:black;
	 background:#0ff;
	 width:550px;
	 height:24px;
	 text-align:center;
	 margin-top:20px;
	 float:right;
	 font:bold 12px "Trebuchet MS", sans-serif;
	 text-decoration:none;

	 }
	
#subnavi {
	background-color:#fff;
	width:170px;
	height:200px;
	float:left;
	text-align:left;
	margin-left:5px;
	display:inline;
	}


/* Formatierung Navileiste horizontal */

#navi ul {
	margin:0;
	padding-top:5px;
	list-style-type:none;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:90%;
	}

#navi ul li { display:inline; }

#navi ul li a {
	text-decoration:none;
	padding:0.2em 0.5em;
	color:#535039;
	}

#navi ul li a:hover { color:black; font-weight:bolder; }


/* Formatierung Subnavigation */

#buttons .titel{font-weight:bold;font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size:95%; margin:0; padding:2px; background-color:#35cb41;}

#buttons a {
	color:#000000;
	background-color:aqua;
	padding:2px 2px 2px 3px;
	display:block;
	border-left:10px solid #FFD700;
	font:bold 12px "Trebuchet MS", sans-serif;
	text-decoration:none;
	text-align:left;
	text-indent:10px;
	margin-top:1px;
	}

#buttons a:hover {
	 text-decoration:none;
	 color:#000000;
	 border-left:10px solid #006400; }

#container {
	width: 750px;
	margin:auto;
	} 




#title {
	PADDING-RIGHT:5px;
	PADDING-LEFT:5px;
	MARGIN-BOTTOM:20px;
	PADDING-BOTTOM:3px;
	PADDING-TOP:3px;
	BORDER-BOTTOM:#000000 3px solid;
	HEIGHT:80px;
	H1:FONT-SIZE:18px;
		MARGIN-BOTTOM:0px;
		COLOR:#000000; 
	}
	
	
#left {
		FLOAT:left;
		WIDTH:170px;
		LINE-HEIGHT:1.5em;
		 }


#content {
	FLOAT:right;
	WIDTH:500px;
	p align:left;
	a.info { border-bottom:1px dashed #800000; text-decoration: none; }
	a.info:hover { cursor:help; background:#FFFFFF; }
	a.info span { visibility:hidden; position:absolute; left:20em; margin-top:1em; padding:1em; text-decoration:none; }
	a.info:hover span { visibility:visible; border:1px solid #800000; color:#800000; background:#F8F9B9; }
	
	}


#footer { 
	WIDTH:750px; 
	margin:0;
	padding:0.5em 1em;
	background:#000000;
	font-family:Arial;
	font-weight:bolder;
	font-style:normal;
	color:#FFCCCC;
	text-align:left; 
	}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding: 0;
	background:transparent;
	}

.wichtig { 
	font-size:120%;
	color:#003300;
	background:#FFCC00;
	width:50%;
	}

.spruch { 
	font-size:120%;
	color:#003300;
	background:#FFCC00;
	width:100%;
	text-align:center;
	}
	
.spruch1 { 
	font-size:120%;
	color:#003300;
	background:#FFCC00;
	width:100%;
	text-align:left;
	}
.zenter {
	font-size:105%;
	text-align:center;
	font-weight:bold;
	}

.zenter1 {
	font-size:115%;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	}



/* Formatierung Text, ueberschrift h1, */

.ueber { 
	font-size:150%;
	text-align:center;

	}

.unterstrichen { text-decoration:underline;
		font-size:115%;
	}

/* Formatierung Liste, square, */


.rechteck { list-style-type:square; }

.rund { list-style-type:circle; }

.punkt { list-style-type:disc; }