/* CSS Document */

/* CSS Document */


/* Reset */
* {
        padding: 0;
        margin: 0;
}

html { /* für IE*/
        font-size: 75%;
}

html>body { /*für den Rest*/
        font-size: 12px;
}



/*Globale Definitionen
-
----------------------------------------------------------------------------------------------------*/
img, a img{

        border:0px;

}


img, div { behavior: url(images/iepngfix.htc) }

p {
        font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        margin-left:12px;
        margin-right:10px;
}
h1{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#333333;
        margin-left:12px;
}
h2{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#333333;

}
h3{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#ffffff;
}
h4{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-style:italic;
        color:#333333;
        margin-left:5px;
		margin-top:5px;
		margin-bottom:5px;
		font-weight:normal;
}
h5{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#333333;
        margin-left:12px;
}
h6{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        color:#333333;
        font-variant:small-caps;
        margin-left:5px;
}
body{
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#333333;
        /*background-image:url(/images/background3.jpg);
        background-repeat:no-repeat;*/
}
a {
        text-decoration: none;
        color:inherit;
}

a:hover{
        text-decoration: none;
}
td{
        border-bottom:solid 1px #333333;
        padding-top:5px;
        }


/*Hauptebenen------------------------------------------------------------------------------------------------------------------*/

#wrapper{
	position:relative;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}


#all {
        position:absolute;
        top:20px;
        left:10px;
        visibility: visible;
        z-index: 8;
}


#greenpeace {
        position:absolute;
        width:466px;
        height:158px;
        z-index:2;
        border:solid 1px #999999;
        background-color:#eeeeee;
        /*background-image:url(/images/greenpeacelogo.jpg);*/
        visibility: visible;
}
#banner {
        position:absolute;
        width:210px;
        height:158px;
        z-index:3;
        left: 499px;
        top: 0px;
        border:solid 1px #999999;
}

#termine {
        position:absolute;
        width:238px;
        height:158px;
        z-index:3;
        left: 760px;
        top: 0px;
        border:solid 1px #999999;
        /*background-image:url(/images/termine.jpg);*/
        background-color:#89ba17;
        visibility: visible;
        overflow:auto;
}

#main {
        position:absolute;
        width:748px;
        height:488px;
        z-index:1;
        left: 0px;
        top: 170px;
        border:solid 1px #999999;
        background-image:url(/images/weiss.png);
        background-repeat:repeat;
        overflow:hidden;
        visibility: visible;
}
#archiv {
        position:absolute;
        width:238px;
        height:488px;
        z-index:4;
        left: 760px;
        top: 170px;
        border:solid 1px #999999;
        background-color:#eeeeee;
        visibility: visible;
}

#fuss {
        position:absolute;
        width:998px;
        height:23px;
        z-index:5;
        left: 0px;
        top: 670px;
        border:solid 1px #999999;
        background-color:#89ba17;
        padding-top:5px;
}
#kletterer {
        position:absolute;
        width:291px;
        height:257px;
        z-index:9;
        left: 479px;
        top: 0px;
        visibility: visible;
}
#bannertraeger {
        position:absolute;
        width:128px;
        height:121px;
        z-index:10;
        left: 873px;
        top: 579px;
        visibility: visible;
}

/*css für Ebenen auf bestimmten Seiten--------------------*/

/*"STARTSEITE"--------------------------*/

#neuigkeiten {
        position:absolute;
        width:344px;
		height:488px;
        top:0px;
        left: 354px;
        z-index: 3;
		padding-right:50px;
		overflow:auto;
		
}
.neuigkeiten li{
        padding: .4em 1em;
        display: block;
}
.neuigkeiten a{
        color:#333333;
}
.neuigkeiten a:hover{
        color:#89ba17;
}

/*Bild mit Rahmen auf der Startseite / den Jahresseiten -> beibehalten?*/

#bildrahmen {
        position:absolute;
        width:284px;
        height:446px;
        z-index:10;
        left: 20px;
        top: 20px;
}
#bild {
        position:absolute;
        width:248px;
        height:344px;
        z-index:1;
        left: 17px;
        top: 16px;
        overflow:hidden;
}
#bildunterschrift {
        position:absolute;
        width:247px;
        height:58px;
        z-index:2;
        left: 18px;
        top: 376px;
        color:#ffffff;
        overflow:hidden;
}

/*"ARTIKEL"-------------------------------------------------------*/
.artikelinhalt{
	position:absolute;
	width:748px;
    height:488px;
	top:0px;
	left:0px;
	overflow:auto;	
}
/*Bild für Artikel----------------*/

.artikelbild{
		position:relative;
		float:left;
		width:250px;
		margin:20px;
		border:solid 1px #999999;
}
.bilder{
	position:relative;
	float:left;
	width:250px;
}
/*"TERMINE"-----------------------*/

#alletermine{
        position:absolute;
        width:700px;
        height: 438px;
        left: 30px;
        top:50px;
        overflow:auto;
}
	#termintabelle{
			position: absolute;
			width:680px;
	}

/*"MITMACHEN"---------------------------------*/	
	
#ehrenamtlich{
        position:absolute;
        top:30px;
        left:20px;
        width:180px;
        height:70px;
        background-image:url(/images/ehrenamtlichbg.jpg);
        overflow:hidden;
}
#foerdermitglied{
        position:absolute;
        top:140px;
        left:20px;
        width:180px;
        height:70px;
        background-image:url(/images/foerderbg.jpg);
        overflow:hidden;
}
#cyberactivist{
        position:absolute;
        top:250px;
        left:20px;
        width:180px;
        height:70px;
        background-image:url(/images/greenaction.jpg);
        overflow:hidden;
}
#kinder{
		position:absolute;
        top:360px;
        left:20px;
        width:180px;
        height:70px;
        background-image:url(/images/kinderbg.jpg);
        overflow:hidden;
}
.mitmachbutton{
        color:#ffffff;
        padding:10px;
}
/*"WEGBESCHREIBUNG"---------------------*/

#stadtplan{
		/*position:absolute;
		top:73px;
		left:335px;*/
		position:relative;
		float:right;
		margin-right:10px;
		margin-left:20px;
		margin-top:30px;
		width:400px;
		height:400px;
		background-image:url(/images/Stadtplan-ESsw.gif);
}
#stadtplandetail{
		position:absolute;
		top:250px;
		left:0px;
		margin-left:10px;
		width:250px;
		height:216px;
		background-image:url(/images/Detail-flat.gif);
}

/*Fotos------------------------------------------------------------------------------------------------------------ */

/*#quer {
        position:absolute;
        width:202px;
        height:182px;
        z-index:2;
        left: 536px;
        top: 298px;
        visibility: hidden;
}
#fotoquer {
        position: absolute;
        width:749px;
        height:215px;
        left: 0px;
        top:275px;
        background-image:url(/images/fotobg.jpg);
        overflow:hidden;
        visibility: hidden;
        z-index: 5;
}
*/



/*Formatierungsklassen------------------------------------------------------------------------------------------*/

.textabsatz {
        font: 0.83em/1.8em Verdana, Arial, Helvetica, sans-serif;
}
.white{
        color:#ffffff;
}


.textrechts{
        position:absolute;
        top:0px;
        left:258px;
        width:490px;
        height:488px;
        overflow:auto;
}
.textbericht{
		position:absolute;
		width:748px;
		height:488px;
		overflow:auto;
}
.tabelle td{
	border: solid 2px #ffffff;
}

.tabelle{
	position:relative;
	vertical-align:middle;
}
/*Navi-------------------------------------------------*/

.aktionen li{
        padding: .4em 1em;
        display: block;
}
.aktionen a{
        color:#333333;
}
.aktionen a:hover{
        color:#000000;
}

.archiv li{
        padding: .4em 1em;
        display: block;
}
.archiv a{
        color:#333333;
}
.archiv a:hover{
        color:#000000;
}

.termine li{
        padding: .4em 1em;
        display: block;
        color:#333333;
}
.termine a{
        color:#333333;
}
.termine a:hover{
        color:#333333;
}
.fuss li{
        position: relative;
        list-style-type:none;
        display:inline;
        padding-left:10px;
        padding-right:10px;
        border-left:solid 1px #333333;
}
.fuss li:first-child{
        border-left:none;
}




/*Menü--------------------------------------------------*/

#menuposition{
        position:absolute;
        width:466px;
        height:23px;
        left: -1px;
        top: 130px;
        font-size:14px;
        font-weight:bold;
        visibility: visible;
        border:solid 1px #999999;
        background-color:#89ba17;
        padding-top:5px;
}
#menumittig{
        position:relative;
}

.menuliste a{
        color:#333333;
}
.menuliste li{
        position:relative;
        list-style-type:none;
        display:inline;
        padding-left:5px;
        border-left:solid 1px #333333;
}

/*first-child wird von IE6 nicht unterstützt*/
.menuliste li:first-child{
        border-left:none;
}

/*Kontaktformular -----------------------------------------------------*/
fieldset{
  border: solid 1px #999999;
  border-right:none;
  background-color: #fff;
  margin-left:10px;
  padding:0;
  width:70%;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 15px;
  float:right;
}
legend{
  font-weight: normal;
  margin-left: 8px;
 	color: #666;
  padding-top: 2px;
  padding-bottom: 2px;
}
label{
  float: left;
  text-align: left;
  width: 30%;
  padding: 5px;
  margin-top, margin-bottom: 2px;
  margin-left:5px; 
  margin-right: 5px;
}
#longer{
  float: left;
  text-align: left;
  width: 80%;
  padding: 5px;
  margin: 5px;
}
input, select{
  width: 40%;
  margin-top: 2px;
  border: 1px solid #999999;
  color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
}
input{
  display: block;
  padding:2px;

}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
	background-color:#eeeeee;
	border: 1px solid #89ba17;
}
textarea{
  width: 96%;
  border:1px solid #999999;
  float: left;
  color: #000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:100%;
  margin-left:10px;
  height:20em;
}
.submit{
  width: 15em;
  float:right;
  margin-top: 0.5em;
  margin-bottom: 20px;
  margin-right: 10px;
  border:1px solid #999999;
  background-color:#eeeeee;
  text-align: center;
  background-image:none;
}