/* JG-Gruppe - basis.css 1.1 vom 25.11.04- - - - - - - - - - - - - - - */
/* Michael Charlier - http://www.kommkonzept.de  - - - - - - - - - - - */

/* Allgemein - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@import "menu.css";
@import "content-l.css";
@import "print.css";

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background-color: #FFFFFF;
	color:#202020;
}

#content li, #content p{
	font-size: .95em;
	line-height:150%;
	margin-top: .6em;
	}

#eingang #content{
	letter-spacing:.05em;	
}
* html #content{ /* korrigiert den 3-px text jog */
	height:1px;
}

#content #infospalte p{
	letter-spacing: 0;
}

h1, h2, h3{
	padding-top: 1em;
	color:#003300;	
}

h1{
	font-size:135%;
	font-weight:500;
	margin-left:-20px;
	letter-spacing: .1em;
}

h2	{
	font-size:120%;
	font-weight:500;
	letter-spacing:.1em;		
	}
h3	{
	font-size:100%;
	font-weight:700;
	letter-spacing:.05em;	
}


h3.unterstrich {
	border-bottom: 1px solid #00920;
	}

h4.doppelstrich {
	margin-top:		1em;
	margin-bottom:	1em;
	padding: 		0.3em;
	border-top:		1px solid #00920;
	border-bottom:	1px solid #00920;
	text-align:		center;
	}


img{
	border:none;
}

img.rechts {
	float:right;
	border:			1px solid #009428;
	margin: 		10px 10px 10px 20px;
	}

img.links {
	float:left;
	border:			1px solid #009428;
	margin: 		10px 20px 10px 0px;
	}

img.keinrand {
	border:			0px;
	}

* html acronym{
   border-bottom:1px dotted black;
}
#content ol{
   margin-left:20px;
}

* html #content ol{
   margin-left:24px;   
}
.unsichtbar, .u{
	position: absolute;
	left: -3000px;
}
.nix{
	visibility: hidden;
	line-height:10px;
}
.alpha{
	list-style: lower-alpha;
}

ol.alpha li{
	margin-left: 30px;
}
.grossrechts,
.grosslinks{
	float:right;
	border:2px solid #009428;
	margin: 5px 8px 3px 8px;
	text-align:center;
}
.grosslinks{
	float:left;
}
.grossrechts p,
.grosslinks p,
.grossganz p{
	margin:0;
	padding:0;
	font-size:.9em;
}
.grossganz{
   width:65%;
}

#content .klein {
	font-size: 0.8em;
}

a:active,
a:focus{
	color:#fff !important;
	background-color:#009020 !important;
}
hr{
   clear:both;
   margin-bottom:-1em; 
   visibility:hidden;
}

p.mitte {
	margin-top:		1em;
	margin-bottom:	1em;
	padding: 		0.3em;
	border-top:		1px solid #00920;
	border-bottom:	1px solid #00920;
	text-align:		center;
	}



/* Seitenkopf- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
#kopf{
	width: 100%;
	height: 203px;
	background-image: url(/grafik/kopfleiste.gif);
	background-repeat: no-repeat;
}

img.logo{
	float: right;
}
img.koepfe{
	position:absolute;
	top:30px;
	left:10px;
}


#orientierung{
	margin-left: 60px;
}

#orientierung img{
	border: none;
	padding-right: 5px;
}

#orientierung .breadcrumbs{
	color: #888888;
	font-size: .85em;
	margin-top: 5px;
}


#orientierung .schnellnavi{
	margin-top: 95px;
	font-size: .8em;
	font-weight: 600;
}

#orientierung a:link,
#orientierung a:visited {
	color: #009020;
	text-decoration: none;
	padding-right: 2.9em;
	font-weight: bold;
}

#orientierung a:hover{
	color: #000000;
	text-decoration: underline;
}
#orientierung p.breadcrumbs { 	font-size: .7em; }
#orientierung p.breadcrumbs a:link,
#orientierung p.breadcrumbs a:visited,
#orientierung p.breadcrumbs a:hover{
   padding-right:0 !important;
}

#breadcrumb {
	position: absolute;
	top: 10px;
	left: 65px;
	}

#breadcrumb p {
	color: #888888;
	font-size: .85em;
	}

p.signal{
	margin: .4em 0 .2em 2.6em;
	padding-top: 10px;
	font-size: 1.2em;
	letter-spacing: 2px;
	color:#078C21;
	/*
	background-color:#fff;
	width:13em; */
	line-height:1em;
   /* Verschiebung des Signals nach rechts: */
   margin-left:9.6em;   
   position:relative;
   z-index:15;
}
* html p.signal{
	/* width:3em; */
}

img.qm {
	margin: .4em 0 .2em 2.6em;
	padding-top: 10px;
	position:absolute;
	}


/* Hilfsmenu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#hilfsmenu{
	position: absolute;
	left: -1500px;
	top:20px;
	display: block;
	z-index: 20;
}

#hilfsmenu ul li a:active, 
#hilfsmenu ul li a:focus{
	position: absolute;
	left: 1760px;
	top: 120px;
	width: 10em;
	font-size: 0.8em;
	font-weight: 600;
	color: #003300;
	text-decoration: none;
	z-index: 20;
}

/* Contentbereich  - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
#content{
	margin-left: 12em;
	background-color: #FFFFFF;
	border: 1px solid #009020;
	border-right: none;
	padding-left: 35px;
	padding-bottom: 20px;
	padding-right: 15px;

}

#content p{
	margin-right: 20px;
}
#content ul ul{
   margin-left:7px;
   padding-left:7px;
}
#nachrichten p{
	margin-right: 0;
}
#content a:link,
#video a:link,
#sound a:link{
	color:#009020;
	text-decoration:underline;	

}


#content a:visited,
#video a:visited,
#sound a:visited{
	color:#009020;
	text-decoration:none;
	
}
#content a:hover,
#video a:hover,
#sound a:hover
{
	text-decoration: underline;
	color:#fff;
	background-color:#009020;

}
#infospalte{
	float:right;
	padding-right:10px;
	width:11.7em;
	margin-top:20px;
	margin-right:10px;
}

* html #infospalte{
	margin-top:31px;
	margin-right:0px;
}

.infobox{
	background-image: url(../grafik/links_back.gif);/**/
	width: 11.5em;
	margin: 10px 0 10px 10px;	
	padding-left:10px;
}
.infobox h3{
	font-size: .9em;
	background-image: url(../grafik/header_back.gif);
	color: #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 4px 0 4px 3px;
	margin-bottom:5px;
}

.infobox p{
   margin-top:0 !important;
}    

.infobox ul{
   width:10.5em;
   margin-left:15px;
   margin-bottom:0;
} 
.infobox ul li{
   font-size:.83em !important;
   line-height:100% !important;
   margin:3px !important;
}




* html .infobox ul{ 
   margin-left:0px !important;
   width:10em;
   padding-left:18px;   
}

#content .infobox p{
	font-size: 0.83em;
	line-height: 130%;
	margin: .7em 0 0 .2em;
}


.grueneck{
	margin-left:20px;
	list-style-image: url(../grafik/grueneck.gif);
} 



ul.grueneck ul{ 
   list-style-image: none;
   list-style: disc;
}
ul li ul li{
   line-height:100% !important;
  /*  margin:3px !important; */
}


.nummeriert{
	margin-left:25px;	
}
blockquote{
	margin-top:1em;
	padding:.5em;
	margin-right:10px;
	background-image: url(/grafik/links_back.gif);
	border-top:1px solid #009420;
	border-bottom:1px solid #009420;
}
blockquote h2{
	padding-top:0em;
	padding-bottom:.3em;
}
#content blockquote p{
	padding-right:0px;
	margin-right:0px;
	line-height: 140%;
}
.quelle{
	text-align:right;
	font-size:.9em;
	font-weight:600;
	font-style: italic;	
}
blockquote img.begin{
	float:left;
	position:relative;
	top:6px;	
	padding-right:4px;
}
blockquote img.end{
	clear:left;
	position:relative;
	top:6px;
	margin-top:-10px;
}


/* Fußzeile  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 
#footer{
	position:relative;
	clear: both;
	height: 2em;
}

.footer1,
.footer2,
.footer3{
	margin-top: .2em;
	height: 2em;
	font-size: .8em;
	font-weight: 600;
	color: #888888;
	float: left;
}

.footer1{
	width: 12.4em;	
}

* html .footer1{
	width: 12.8em;

}

.footer1 .impressum{
	float:left;
}
.footer1 .mail{

}

.footer2{
	width: 21em;
	padding-left: 1.4em;
}

.footer2 a{
	position: relative;
	top: -4px;
}

.footer3{
	width: 20em;
	float: right;
	text-align: right;	
	padding-right:10px;
}

.footer0{
	background-image: url(../grafik/links_back_mitpfeil.gif);
	background-position: right;
	width: 11.1em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	position:absolute;
	top:-35px;
	left:0;
}
* html p.footer0{
	width:10.8em;
}

.footer0 a:link,
.footer0 a:visited,
.footer0 a:hover{
	text-decoration: none;
	display: block;
	width: 100%;
	color: #009020;
	line-height: 1.6em;
	font-weight: 700;
	font-size: .95em;
	padding-left: 5px;
}

.footer0 a:hover{
	color: #000000;
}

p.footer1{
	width:13.5em;
	display:block;
	padding-left:5px;	
}

.footer1 a:link,
.footer1 a:visited,
.footer2 a:link,
.footer2 a:visited {
	text-decoration: none;
	color: #888888;
}

.footer1 a:hover,
.footer2 a:hover {
	text-decoration: underline;
	color: #000000;
}
.footer1 img{
	float: right;
	margin-top: 4px;
}
.footer1 a:link img,
.footer1 a:visited img{
	border:3px solid #fff;;
}

.footer1 a:hover img,
.footer1 a:active img,
.footer1 a:focus img{
	border:3px solid #009428;

}
.trennstelle{
	display:inline;	
	color:#fff;
	margin-left:-.25em;	
}
h1 .trennstelle{
	margin-left:-.4em;
}
#menu ul.top span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none;
}	
#smenu ul.sub span.trennstelle{
	display:inline;
	margin-left:-14px;
	color:#000;
	border-bottom:none; /*diese Konstruktion fügt ein Leerzeichen als "weiche" Trennstelle ein und macht es anschließend unsichtbar ;-) */
}
/* Besondere Anweisungen - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#karte{
	margin-top:			2em;
	margin-left:		15%;
}

.abstand, #content .abstand{
	margin-top:			30px;
}


.warn {
	background-color:	#99CC00;
	display:			inline;
	padding:			5px;
	}

.gruen {
	color:				#009020;
	}

#content .kompakt li {
	padding: 			0;
	margin:				0;
	}

#content .bildleisterechts {
	float:				right;
	margin-left: 		1em;
	line-height:		0em;
	}
#content .bildleisterechts img {
	border: 			1px solid #078C21;
	margin-bottom: 		5px;
	}
#content .bildleisteinnen img {
	border:				1px solid #078C21;
	margin-right:		5px;
	}

/* Untermenue in der Infobox (als Sprungmenue innerhalb der Seite oder Navigation 3. Ebene) *****/
/*************************************************************/

#infospalte .submenu p {
	margin-bottom:		0.3em
	}


/* Terminkalender *****/
/*************************************************************/

#content p.datum {
	margin:				1em 0 0 0;
	padding:			0.3em;
	display:			block;
	background-image: url(../grafik/links_back.gif);
	}