body {	margin: 0px;	padding: 0px;}

div, p, h1, h2, h3, h4, li, a, dt, dd {font-family: Verdana, Arial, Helvetica, sans-serif;}
div, p, dt, dd {color: #0F0F0F; }
h1 {font-size:1.8em; line-height:1.8em; color: #909090; font-weight: bold; }
h2 {font-size:1.5em; line-height:1.5em; color: #636363; font-weight: normal;}
h3 {font-size:1.2em; line-height:1.2em; color: #3F3F3F; font-weight: bold;}
h4 {font-size:1em; 		line-height:1.0em; color: #333333; font-weight: bold;}
#inhalt h4 {line-height:1.3em;}
hr { color: darkblue; height: 1px; 	width: 100%; }
li {list-style-type: disk; text-align: left;}
dd {position: relative; top: -1.3em; margin: 0 0 0 16em;}

a:link,  a:visited { color: #BB0000; text-decoration: none; font-weight: bold; }
a:hover, a:active  { color: red; text-decoration: underline; font-weight: bold; }

.aktuell { display: block; width: 17em; padding: 0.3em; margin: 0.4em 0 0 0 ; color: #606060; border: 1px solid red; font-weight: bold; text-decoration: none; background-color: #FDFDED; }

#kopf {position:absolute; top: 0; left: 0; height: 70px;  z-index:4;  padding: 0;  width: 100%;  border: none; text-align: center; color: #FCFEFE;font-size: 16px; line-height: 80px;font-weight: bold; font-variant: small-caps; letter-spacing: 5px;
background-image: url(bilder/kopf2.jpg);	background-repeat: repeat-x;	
background-position: -245px 0;}

#untertitel {position:absolute; top: 0; left: 0; height: 70px;  z-index:4;  padding: 0;  width: 100%;  border: none; text-align: center; color: #FCFEFE;font-size: 10px; line-height: 120px;font-weight: bold; font-variant: small-caps; letter-spacing: 5px;}


#navigation {position:absolute; top: 70px; left: 0; height: 1.4em;  z-index:8;  text-align: left; padding: 1px 1px 2px  50px;  width: 100%; overflow: visible; background-color: #10518D; border: 1px solid darkblue; font-size:0.7em; }
#navigation a {display: block; float:left; padding: 1px 3px 1px 15px; margin: 0 3px 0 3px 0;  font-weight: bold;}
#navigation a:link, #navigation a:visited { color: white;  text-decoration: none; }
#navigation a:hover, #navigation a:active { color: 00FFFF; text-decoration: none; }
#navigation .aktiv {	display: block; float:left; 	padding: 1px 3px 1px 15px;	margin: 0 3px;	border: none;	font-weight: bold;	text-decoration: none;	background-image: url(bilder/pfeil_weiss.gif);	background-repeat: no-repeat;	background-position: 0 0.3em;	color: #FFFFFF;}

#left {position:absolute;  top: 70px; left: 0px; z-index:0;  text-align: left; padding: 85px 10px 2px  10px; height: 100em; width: 18em; overflow: visible; background-color: #F0F0F0; border: none;	font-size:0.7em; background-image: url(bilder/azs_small.gif);	background-repeat: no-repeat;	
background-position: 10px 35px;} 
#left a, #left .left, #left .header, #left .sub, #left .active{display: block; width: 17em; padding: 1px 3px ; margin:1px 0 ;  color: white; font-weight: bold;}
#left a.thema:link, #left a.thema:visited,  #left a.thema:hover,  #left a.thema:active  {margin: 10px 0; border: 1px solid #8A0000;}
#left a:link, #left a:visited, #left .sub, #left a.sub:link, #left a.sub:visited {background-color: #10518D; text-decoration: none;  border: none; margin:1px 0 ;}
#left a:hover, #left a:active, #left a.sub:hover, #left a.sub:active {background-color: #FA0000; text-decoration: none;  border: none; margin:1px 0 ;} 

#left a.subsub:link, #left a.subsub:visited { background-color: #217DD1; border: none; margin:1px 0 ;}
#left a.subsub:hover, #left a.subsub:active {	background-color: #6CADE8;  border: none; margin:1px 0 ;} 

#left .header, #left a.header:link,   #left a.header:visited {background-color: #8A0000; }
#left a.header:hover,   #left a.header:active {background-color: #FA0000;  text-decoration: none; }

#left a.active:link,  #left a.active:visited, #left .active  {background-color: #FFF; color: #10518D;  text-decoration: none; } 
#left a.active:hover, #left a.active:active  {background-color: #EDF4FC;   text-decoration: none; }

#starter { position:absolute; top: 70px; left: 14em; z-index:1;  height: auto; width: 80%; padding: 7% 0 10% 0; text-align: center; border: none; font-size:0.8em; line-height: 1.6em; }
html>body #starter { top: 30px; width: 80%;}

#inhalt {
	 position:absolute; top: 124px; left: 19em; z-index:1; 	width: 40em; margin: auto; 	height: auto; text-align: left; overflow: visible; 	padding: 0.2em; 	border: none; font-size:0.8em; line-height: 1.3em;}
.nachricht {padding: 0; margin: 0.4em 0 0 0 ;  background-color: #FFFFFF;  border: none;  width: 100%;  }
html>body .nachricht {  width: 98%; }
.titel { font-size:1.2em; color: #3F3F3F; font-weight: bold;   width: 100%; padding: 0; }
html>body .titel {width: 98%; }
.datum {  clear: both; text-align: right; color: #336699; width: 98%; border: none; margin: 0.1em 0.8em 0 0;}
.autor {  clear: both; text-align: left; color: #336699; width: 98%; border: none; font-style: italic; margin: 0.1em 0.8em 0 0;}
.artikel {text-align: left; /*color: #000033; line-height: 1.1em; */ width: 100%; margin: 0.4em 0 0 0 ; padding: 0; }
html>body .artikel {  width: 98%; }
/*.artikel a{display: block; font-size:0.9em; font-weight: bold; /*margin: 0 0 0 10px;}*/
.artikel b{font-weight: bold; color: #3F3F6D;}
.kategorie { display: block; clear: both; width: 100%; padding: 1px 3px 1px 3px; margin:10px 0 5px 0;  color: white; font-weight: bold; background-color: #8A0000;}
.bild {display: block; float: left; margin: 1em;}

input.anmelden {
	float: right; clear: left;
	background-color: #FDE2A6;
	margin: 5px 5px 0 5px;
	border-top: 1px solid #CC9999;
	border-right: 2px solid #997777;
	border-bottom: 2px solid #997777;
	border-left: 1px solid #CC9999;
}

.e_breit {display: block; float: none; clear:both; width: 100%;}
.note {display: block; float: none; clear:both; width: auto; margin: 10px 0; COLOR: #FF0000;}
.e_breit_Abstand {display: block; float: none; clear:both; width: 100%; margin: 10px 0;}
.e			 {display: block; float: left; width: auto;  text-align: right; margin: 0 5px;}
.e_rechts {display: block; float: right; width: auto;  text-align: right; margin: 0 5px;}
.e60	 {display: block; float: left; width: 60px;  text-align: right; margin: 0 5px;}
.e100 {display: block; float: left; width: 100px; text-align: right; margin: 0 5px;}
.e200 {display: block; float: left; width: 200px; text-align: right; margin: 0 5px;}
.e300 {display: block; float: left; width: 300px; text-align: right; margin: 0 5px;}
.e400 {display: block; float: left; width: 400px; text-align: right; margin: 0 5px;}
.e450 {display: block; float: left; width: 500px; text-align: right; margin: 0 5px;}
.i			 {display: block; float: left; width: auto;  text-align: left; margin: 2px 10px;}
.i35	 {display: block; float: left; width: 35px;  text-align: left; margin: 2px 10px;}
.i40	 {display: block; float: left; width: 40px;  text-align: left; margin: 2px 10px;}
.i60	 {display: block; float: left; width: 60px;  text-align: left; margin: 2px 10px;}
.i100 {display: block; float: left; width: 100px; text-align: left; margin: 2px 10px;}
.i150 {display: block; float: left; width: 150px; text-align: left; margin: 2px 10px;}
.i200 {display: block; float: left; width: 200px; text-align: left; margin: 2px 10px;}
.i250 {display: block; float: left; width: 250px; text-align: left; margin: 2px 10px;}
.i300 {display: block; float: left; width: 300px; text-align: left; margin: 2px 10px;}
.i400 {display: block; float: left; width: 400px; text-align: left; margin: 2px 10px;}
#VolleBreite {float:none; width: 500px; padding: 10px 10px 30px 10px; margin: 5px; border: 1px solid grey; text-align: left; COLOR: #111111; line-height: 18px;}
