/* stil1.css  letzte Aenderung 19:56 07.12.2011 */
body {
 /* background-color:#CCE6CC; */
background-color:#fff;
 margin:0 auto;  /* main-Box zentrieren in IE 5 und hoeher */
 text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
 font-size:95%;font-family:Arial, Helvetica, sans-serif;
 }
#main {
 background-color:#fff;
 border:none;
 width:100%; /* */
 margin: 0 auto;  /* main-Box zentrieren in Opera, NN, Mozilla */
 text-align:center; /* main-Box zentrieren in Opera, NN, Mozilla */
 
 }
#top {
 background-color:#CCE6CC;
 color: black;
 height: 100px;
 width: 100%;
 text-align:left;
float:left;
padding:0;
 margin:0;
 }
#top p{
 padding:5px;
 margin:0;
 }
#logo1 {
background: transparent url(images/logo-9.jpg) no-repeat top left;
color:#000;
 margin-top:10px;
margin-left: 180px;
height:70px;
width:auto;
  }

#logo2 {
background: transparent url(images/logo-9.jpg) no-repeat top left;
color:#000;
/* background-attachment:fixed; */
 margin-top:2px;
/* margin-left: 270px; -- alt */
margin-left: 350px;
height:80px;
width:auto;
  }
#nest {
background-color:white;
color: black;
width:100%;
text-align: left;
 }

 #navigation {
background-color:#CCE6CC;
color:black;
text-align: left;
position:absolute;
top:100px;
left:0px;
border:none;
z-index:3;
width: 185px;
voice-family: "\"}\"";
 voice-family: inherit;
width: 180px;
 }

 #navigation p {
 padding:3px; margin:0;
 }

#navigation2 {
background-color:#F5F5DC;
color: black;
text-align: left;
position:relative;
top:0em;
left:0px;
border:none;
z-index:4;
width: 170px;
voice-family: "\"}\"";
 voice-family: inherit;
width: 185px;
 }
#navigation2 p {
 padding:3px; margin:0;
 }
 
#inhalt {
position:absolute;
 background-color:white;
color:black;
text-align: left;
top:102px;
left: 185px;
margin:2px;
width:auto;
height:auto;
voice-family: "\"}\"";
 voice-family: inherit;
 }
#inhalt h1, #inhalt p, #inhalt li {
 padding:2px;
margin:1px;
 }
/* navi für Navigationsleiste */
.navi a{
	font-size:1.02em;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	background-color:#99CC00;
	border:none;
	margin-top:0px;
	margin-bottom:0px;
      padding-left:4px;
	line-height:1.2em;
	}
.navi a:link{
	background-color:#CCFFCC;
	color:#000000;
	}
.navi a:visited{
	background-color:#CCFFBB;
	color:#006600;
	}
.navi a:hover{
	background-color:#FFFFCC;
	color:#000000;
	}
.navi a:active{
	background-color:#FFCC99;
	color:green;
	}

/* navi fuer Infohaeuser */
.navi2 a{
	font-size:1.02em;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	background-color:red;
	margin-top:0px;
	margin-bottom:0px;
      padding-left:4px;
	line-height:1.2em;
	}
.navi2 a:link{
	background-color:#F5DEB3;
	color:#000000;
	}
.navi2 a:visited{
	background-color:#FFDEBB;
	color:maroon;
	}
.navi2 a:hover{
	background-color:#CCFFBB;
	color:#000000;
	}
.navi2 a:active{
	background-color:#FFCC99;
	color:green;
	}
.rundrum {
border-width:2px;
border-style:solid;
border-color:green;
margin:6px;
padding:10px;
font-family:Arial,sans-serif;
	text-align:justify; }

/* Umrandung schwarz */
.rundrums {
border-width:4px;
border-style:solid;
border-color:black;
margin:6px;
padding:10px;
font-family:Arial,sans-serif;
	text-align:justify; }
/* Umrandung schwarz */
.rundrum1 {
border-width:2px;
border-style:solid;
border-color:black;
margin:6px;
padding:10px;
font-family:Arial,sans-serif;
	text-align:justify; }

/* Text */
.ht3 {
      font-family:'Times New Roman',serif;/* für Logo Text */
	font-size:1.60em;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
      color:lime;
	}

.textc {/* für Copyright */
	font-size:xx-small;
	font-weight:normal;
	text-align:center;}

.textr {
	font-weight:bold;
	color:red;
	}
.kursiv {/* kursiv */
	font-style:italic;
	}


/* Boxen fuer Bilder */
.imr1	{float:right;
	width:300px;
	margin-left:4px;

}
.imr1s	{float:right;
	width:300px;
	margin-left:20px;
	margin-bottom:6px;

}

.imr2	{float:right; 
	width:240px; 
	margin-left:6px;
}
.imr3	{float:right;
	width:150px;
	margin-left:4px;
}
.imr4	{float:right;
	width:200px;
	margin-left:4px;
}
.imr35	{float:right; 
	width:350px; 
	margin-left:10px;
        margin-right:6px;
}
.imrs	{
	/* fuer Selbstverlag */
	float:right; 
	width:142px; 
	margin-left:6px;
}
.imrl	{
/* fuer logo GOEP etc */
      float:right;
	width:76px;
	margin-left:6px;}

.imrl2	{
/* fuer logo Stadtnatur */
      float:right;
	width:221px;
	margin-left:18px;}


.imm {
     text-align:center;}
.iml1	{float:left; 
	width:171px; 
	margin-right:6px;
}

.iml2	{float:left; 
	width:300px; 
	margin-right:6px;
}
.iml4	{
      float:left;
	width:200px;
	margin-right:6px;}
.iml5	{
      float:left;
	width:250px;
	margin-right:6px;}
.iml6	{
      float:left;
	width:100px;
	margin-right:6px;}


.r1   {float:right;
     text-align:right;}

.ima {/* fuer aktuell Bild */
      margin-left:10px;
     }

.trenn {/* Trenner */
	font-size:xx-small;
	font-weight:normal;
	text-align:center;
	clear:both;
	}
.trenn1 {/* Trenner */
font-size:1px;
	clear:both;
	}
/* Listen */
.uln	{
	list-style-type:none;}
.uln	a{
	
	color:#000;	
	}
.uln	a:link{
	color:#000;	
	}

.uln	a:hover{
	color:#000;	
	}
.uln	a:active{
	color:#000;	
	}