/* ------------------- FARBEN --------------------------	

	Hintergrund: 	#edffed
	Hellgrün: 	#C0FF78
	Mittelgrün:	#00A000	
	Dunkelgrün:	#1f5c1f

	written by Thomas Schuster 2008
*/



body{
background:url(Bilder/design/bg.png);
background-color:#0C1E94;
background-repeat:repeat-x;
/* margin:0 0 10px 0;*/
}


/* ------------------- LOGO-BEREICH OBEN --------------------*/

#rosengrafik{
 padding: 3px 0px 3px 3px;
}

#upper_area{
 height:20px; 
 width:734px; 
 text-align:center; 
 padding: 10px 0 10px 26px; 
 position:relative; 
 left:-27px;
 background-color:#C0FF78; 
 z-index:3;
}

#container{
 width:954px;
 margin:0px auto;
 padding:0px;
 background-color:#edffed;

}


#area_text{
 float:left;
 width:731px;
}

#gwlogo{
 position:relative; 
 z-index:5; 
}




/* ------------------------- MENÜTEIL -------------------------*/
#area_menu{
background-color:#1f5c1f;
width:200px;
padding-left:18px;
padding-top:27px;
border-right:2px solid #00A000;
border-bottom:2px solid #00A000;
float:left;
}

#bottom{
 clear:both;
}

#area_menu a{
color:white;
text-decoration:none;
}

.background_gruen_menue{
 width:177px;
 height:19px;
 padding: 9px 0 7px 7px;
 border:0px;
 color:white;
 font: 11pt Arial;
 margin:0px;
 background:url(Bilder/design/menue_bg.png);
}

.background_gelb_menue{
 width:175px;
 padding: 6px 0 6px 7px;
 font: 10pt Arial;
 color:white;
 border:0px;
 border-bottom: 1px dotted #00A000;
 border-left:1px dotted #00A000;
 border-right:1px dotted #00A000;
 margin:0px;
 text-align:justify;
}




#menue_gartenwelt{
list-style-type:none;
margin:0px;
padding-left:0px;
}

#menue_gartenwelt li{
 display:block;
 vertical-align:middle;
 width:182px;
 border:0px;

 border-bottom: 1px dotted #00A000;
 border-left:1px dotted #00A000;
 border-right:1px dotted #00A000;

 font: 10pt Arial;
}

#menue_gartenwelt li a{
color:white;
display:block;
text-decoration:none;
padding:7px 0 7px 7px;
}

#menue_gartenwelt li ul{
border:1px solid #1f5c1f;
display:none;
padding: 0px;
position:absolute;
width:auto;
z-index:500;
margin:-27px 0 0 145px;
}

#menue_gartenwelt li ul li{
background:#F6FEE7;
border:none;
border-bottom:1px dotted #1f5c1f;
margin:0;
padding:0;
width:170px;
}

#menue_gartenwelt li ul li a{
color:#1f5c1f;
padding:5px 10px 5px 5px;
}




/* HOVER */

#menue_gartenwelt li:hover{
background-color:#00A000;
width:182px;
}

#menue_gartenwelt a:hover{
background-color:#00A000;
}

#menue_gartenwelt li:hover ul{
display:block;
}

#menue_gartenwelt li ul li:hover{
background:#C0FF78;
width:170px;
}

#menue_gartenwelt li ul li a:hover{
background:#C0FF78;
}


/* ----------------------------- TEXTBEREICH ----------------------------*/

#area_text table{
 width:650px;       
 margin: 0px auto;
 border:0px;
 border-bottom: 1px dotted #00a000;
 border-collapse:collapse;
 padding:0px;
 font-size:12pt;
 color:#1f5c1f;
}     

#area_text td{
 padding:3px 0 3px 7px;
}    

.texttable table{
  font-color:red;
  width:650px;
  margin:0px auto;
  border-bottom:1px dotted #00a000;  
}

.background_gelb{
 margin: 0px auto;
 width:650px;
 padding: 3px 0px 3px 7px;
 /*background-color:white;*/
 text-align:left;
 border:0px;
 border-bottom: 1px dotted #00a000;/*#1f5c1f;*/
/* border-left: 1px dotted #00a000;*/
 color: #1f5c1f; 
 font-size:12pt;
 
}

.background_gelb img{
padding-left:10px;
}

#area_text h1{
 color: #00a000;
 font-size:13pt;
}

.background_gelb ul{
 margin-top:0px;
}

.background_gruen{
 margin: 0px auto;
 width:647px;
 height:22px;
 padding: 8px 0 6px 10px;
 background-color:#C0FF78;
 border-left: 1px solid #C0FF78;
 color:#1f5c1f;
 font: 12pt Arial;
}



/* Teil für die Gallerien bei den Bildern */

.gallerie{
 float:left;
}

.gallerie a {
 display:block;
 background:#1f5c1f;
 width:109px;
 height:74px;
 border:none;
 text-align:center;
 padding:0px;margin-top:5px;
}


.gallerie a:hover { 
 color:#1f5c1f;
/* background:#00a000;*/
 text-decoration:none;
}


.gallerie a span {
 display:none;
}

.gallerie a:hover span {
 position:relative;
 left:135px;
 z-index:3;
 display:block;
 width:480px;
 height:345px;
}

.vorschaubild{
 width:109px;
 height:74px;
 border:none;
 position:relative; left:-10px;
 margin:0;
 float:left;
}

.grosses_bild{
 border:none;
}

.meldung{
 /*border-top: 1px solid #1f5c1f;
 border-bottom: 1px solid #1f5c1f;*/
 border:1px solid #1f5c1f;
 position: relative; left:20px; top:15px; z-index:2;
 width:510px;
 height:215px;
 text-align:center;
 font-size: 14pt;
 background:white;
 padding-top:150px;
 float:left;
}