/* ie5 win  hack */

body { 
	/*voice-family: "\"}\""; 
	voice-family: inherit;*/
	text-align: center; }

/* ie5 win hack end */

html, body {
	margin: 0; 
	padding: 0;
	background: #FFF;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-color: #a9ba9d;
 	background-image: url(../images/page_hg2.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}


body {
	margin: 0; 
	padding: 0;
	background-color: #a9ba9d;
 	background-image: url(../images/page_hg2.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}


/* ------------------------- Hauptelemente -------------------------  */


#container { 
	width: 882px; 
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
	
#head {
	width: 450px;
	margin: 0px; 
	padding: 0px;
	}
	
#header {
 	width: 882px;
 	height: 20px; /* strange but ie6 needs this */

	background-position: top center;
	background-repeat: no-repeat;
	border-top: 0px;    
	border-right: 0px;    
	border-bottom: 0px;    
	border-left: 0px;    
	margin: 0px 0px 0px 0px; 
	padding: 257px 0px 0px 0px;
	}
	
/* -------------- Headerbild ----------------  */
body.img1 #header {
	background-image: url(../images/header2_wald.jpg);/* -- willkommen --  */
	}
	
body.img2 #header {
	background-image: url(../images/header2_zerstoerung.jpg);/* -- Zerst?rung --  */
	}
	
body.img3 #header {
	background-image: url(../images/header2_schutz.jpg);/* -- Schutz --  */
	}
	
body.img4 #header {
	background-image: url(../images/header2_frosch.jpg);/* -- Photo Galerie --  */
	}
	
body.img5 #header {
	background-image: url(../images/header2_wald2.jpg);/* -- Verein --  */
	}
	
body.img6 #header {
	background-image: url(../images/header2_frosch2.jpg);/* -- Impressum --  */
	}

body.img7 #header {
	background-image: url(../images/header2_wald3.jpg);/* -- Projekte --  */
	}
	
body.img8 #header {
	background-image: url(../images/header2_schlange.jpg);/* -- Kontakt --  */
	}
	
body.img9 #header {
	background-image: url(../images/header2_wald4.jpg);/* -- Beitritt --  */
	}
	
	
#titel {
	width: 882px;
	height: 50px;
	margin: 0px; 
	padding: 0px;
	background-color: #162b14;
	border-right: 0px;    
	border-bottom: 1px solid #90948a;    
	border-left: 0px;  
	background-image: url(../bilder_neu_allgemein/hg_header1.gif);
	background-repeat: repeat-x;
	}
	
#main {
	width: 882px;
	margin: 30px 0px 0px 0px; 
	padding: 0px;
	border: 0px;    
	text-align: left;
	}
		
#nav {
	width: 882px;
	margin: 0px 0px 0px 0px;
	background-color: #162b14;
	padding: 0px;
	border: 0px; 
	border-top: 1px solid #90948a;
	
	height: 25px;
	background-image: url(../bilder_neu_allgemein/hg_nav1.gif);
	background-repeat: repeat-x;
	}
	
.content {
	width: 882px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 15px 0px;
	background-color: #FFFFFF;
	border: 1px solid #a0a0a0;
	}
	
.inhalt {
	width: auto;
	margin: 0px 10px 0px 10px;
	padding: 0px;
		
}
	
/* ------------------------------------------ spalten 617 - 240 ----------------  */
.linkespalte{
	float:left;
	width: 600px;
	padding: 0px;
	margin: 0px;

	}
	
.rechtespalte{
	margin: 0px 0px 0px 610px;
	padding: 0px;
	text-align:center;
	font-size: 9px;
	line-height: 12px;

	}
/* um das float element in den div einzuschliessen: */

.rechtespalte:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.rechtespalte {display: inline-table;}

/* Hides from IE-mac \*/
* html .rechtespalte {height: 1%;}
.rechtespalte {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------- spalten 617 - 240 ----------------  */
/* ------------------------------------------ spalten 537 - 320 ----------------  */
.linkespalte2{
	float:left;
	width: 521px;
	padding: 0px;
	margin: 0px;

	}
	
.rechtespalte2{
	margin: 0px 0px 0px 531px;
	padding: 0px;
	text-align:center;
	font-size: 9px;
	line-height: 12px;

	}
/* um das float element in den div einzuschliessen: */

.rechtespalte2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.rechtespalte2 {display: inline-table;}

/* Hides from IE-mac \*/
* html .rechtespalte2 {height: 1%;}
.rechtespalte2 {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------- spalten 537 - 320 ----------------  */
/* ------------------------------------------ spalten 428 - 428 ----------------  */
.linkespalte3{
	float:left;
	width: 421px;
	padding: 0px;
	margin: 0px;
		border: 1px solid #ffffff;
	}
	
.rechtespalte3{
	width: 421px;
	margin: 0px 0px 0px 431px;
	padding: 0px;
	text-align:center;
	font-size: 9px;
	line-height: 12px;
		border: 1px solid #ffffff;
	}
/* um das float element in den div einzuschliessen: */

.rechtespalte3:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.rechtespalte3 {display: inline-table;}

/* Hides from IE-mac \*/
* html .rechtespalte3 {height: 1%;}
.rechtespalte3 {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------- spalten 428 - 428 ----------------  */


.rechtespalte img, .rechtespalte2 img{
	margin-bottom: 5px;
	}
		
.content p{
	margin: 7px 0px 14px 0px;
	line-height: 16px;
	}
	
.content p.bild{
	text-align:center;
	font-size: 9px;
	line-height: 12px;
	}
	
.content p.bild img{
	margin-bottom: 5px;
	}
	
.content p.last{
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 25px 0px;
	border-bottom: 1px solid #c9c9c9; 
	}
	
#footer {
	clear: both;
	width: 882px;
	margin: 20px 0px 0px 0px; 
	padding: 10px 0px 20px 0px;
	border: 0px;    
	text-align: center;
	font-size: 11px; 
	}
	
/* ------------------------- Ueberschrifen --------------------1px solid #a0a0a0-----  */
	
h1 {
	font-family: Cochin, Georgia, "Times New Roman", times, serif; 
	color: #fff;
	font-weight: lighter;
	padding: 0px;
	}


#titel h1 {
	display: block;
	width: 400px;
	font-size: 32px; 	
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 0px 10px;
	text-align: left; 
	float: left;
	border: 0px;
		/*background-color: #aeaeae;*/
	}
	
#titel h2 {
	width: 200px;  
	font-size: 11px;
	padding: 0px;
	margin: 0px 0px 0px 670px;  
	padding: 27px 0px 0px 0px;
	text-align: right; 
	border: 0px;
			/*background-color: #aeaeae;*/
	}/* 728 minus 200 width  */
	
#titel h2 a{
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 15px;
	}
	
#titel h2 a:hover {
	text-decoration: underline;
	}
	
.content h3 {
	font-family: Cochin, Georgia, "Times New Roman", times, serif; 
	color: #747274;
	font-size: 20px; 
	margin: 20px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 43px;
	height: 30px;
	width: 100%; 
	}

h3.titelschmuck {
  	background: url(../bilder_neu_allgemein/blatt.gif) no-repeat top left;
	}

h4 {
  	color: #162b14;
	margin: 20px 7px 5px 7px;
	font-size: 15px; 
	}
	
	
	
	
/* ------------------------- Navigation -------------------------  */



/* ######################################################################################################
** ### Hauptnavigation: "Shiny Buttons" von Dirk Jesse ##################################################
** ######################################################################################################
*/



#nav {
	padding-bottom: 0px;

}

#nav img{
    border-bottom: 1px #fff solid;
}



#navigation {
    width: 100%;		/* Einfassen der Floats im IE */
    float:left;         /* Einfassen der Floats in allen anderen Browsern */
    background: #183013 url(../images/nav_background.gif) repeat-x center right;
    border-top: 1px #333 solid; 
    border-bottom: 1px #fff solid;
    line-height: 0px;
}



#navigation ul {
    float:left;
    display:inline;		/* Fix f?r IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zur?cksetzen */
    padding: 0;
    border-right: 1px #818596 solid;
}



#navigation ul li {
    float: left;
    display:inline;     /* Fix f?r IE Doubled Float Margin Bug    */ 
    margin: 0;
    padding: 0;
    line-height: 1em;
    list-style-type: none;
    border-right: 1px #818596 solid;
}



#navigation ul li a {
    display:block;
    width: auto;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0.4em 1.3em 0.6em 1.3em;
	font-size: 11px;
}



#navigation ul li a:hover {
    background: transparent url(../images/nav_background_hover.gif) repeat-x center right;
    color: #fff;
    text-decoration: none;
}



#navigation ul li#current { 
    border-right: 1px #818596 solid;
    background: transparent url(../images/nav_background_act.gif) repeat-x center right;	
}


#navigation ul li#current a,

#navigation ul li#current a:hover {
    color: #fff;
    background: transparent;
    text-decoration: none;
}



/* ####################################### Ende Navigation ####################################### */
	
	
	
/* ------------------------- Links -------------------------  */
	
	
a {
	color: #1a3b1b;
	text-decoration: underline;
	}
	
a:hover {
	color: #727272;
	text-decoration: underline;
	}
	
img {
	border: 0;
}

img.redak {
	border: 1px solid #a0a0a0;
}


p.links {
	margin: 5px 0 5px 20px;
	height: 50px;
	display:block;
}

p.links a.link {
	display:block;
	height: 50px;
	margin: -30px 0 0 110px;
}


/* ------------------------- Liste Projekte / Aktionen -------------------------  */


ul.linklist {
	margin: 25px 0px 25px 0px; 
	padding-left: 25px;
}

ul.linklist li {
	margin-bottom:10px;
}