/* CSS Document */

/* main structure */

body {
	  background: #6db3d6 url(hg4.gif) repeat-x 0px 380px fixed;
	  margin: 0;
      padding: 0;
	  font-family: georgia;
	  font-size: 14px;
	  color: #1C8F48;
	  text-align: center;
}

p {
	font-family: georgia;
	font-size: 14px;
	color: #1C8F48;
	text-align: justify;
}

table, ul, ol {
			   font-family: georgia;
			   font-size: 14px;
			   color: #1C8F48;
			   text-align:left;
			   margin-top:0;
			   }

li {
	font-family:georgia;
	font-size:14px;
	color: #1C8F48;
	text-align:left;
	margin-bottom:5px;
    }


h1 {
	font-size: 16px;
	color: #000000;
	font-style: oblique;
	text-align: left;
	}
	
h2 {
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	}
	
h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	}
	
hr {
	color:#1c8f48;
	border: solid 1px;
	}
	
a:link, a:visited {
				   color: #3b4f9f;
				   text-decoration:none;
				   }
a:hover {
		color: #000000;
		text-decoration:underline;
		}

#seite {
		position: relative;

        margin-top: 10px;
        margin-left: auto;
        margin-bottom: 10px;
        margin-right: auto;
        padding: 0;

        width: 760px;
        border: solid 4px #1C8F48;
        background: #ffffff;
		overflow: visible;
        z-index:1;

        }
		
#oben          {
                
                background: #006633;
                margin: 0;
                width: 760px;
                height: 40px;
                }
#verein {
                margin: 0;
                font: 16px georgia;
                color: #ffffff;
                font-weight: bold;
                text-align: left;
                padding-top: 10px;
                padding-left: 10px;
                float: left;
                }
				
#service        {
                 font: 11px georgia;
                 color: #ffffff;
                 text-align: right;
                 padding-top: 15px;
                 padding-right: 10px;
                 }
#service a:link, #service a:hover, #service a:active, #service a:visited {
                 font: 11px georgia;
                 color: #ffffff;
                 text-decoration:none;
                 }


/*-----------wechselndes Kopfbild-----------------*/

#welcome {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/willkommen.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }

#kalender {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/kalender.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }

#angebot {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/angebot.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }

#wlp {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/wlp.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }

#jgh {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/jgh.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
#zelt {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/zelt.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
#gast {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/gast.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
#freizeit {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/freizeit.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
#kontakt {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/kontakt.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
				
#buchen {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/buchen.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
				
#bbh {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/bbh.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
				
#maeta {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/maeta.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
				
#middlea {
                width: 760px;
                height: 200px;
                margin: 0;
                background: url(obenpic/middleage.jpg);
                border-top: solid 4px #1C8F48;
                border-bottom: solid 4px #1C8F48;
                }
				
				
/* Navigation */

#menu {
		width: 125px;
        margin-top: 20px;
        margin-left: 10px;
        padding: 0;
        text-align: left;
        float: left;
		z-index: 2;
}
				
/* navigation mit Klassen zur Fehlervermeidung */


.navi, .navi1 {
	font-weight: bold;
	font-size: 14px;
	color: #1C8F48;
	padding-bottom: 5px;
	padding-top: 5px;
}

.navi a:link, .navi a:visited {
								color: #1C8F48;
								text-decoration: none;
								}
.navi a:hover {
				color:#000000;
				text-decoration: none;
				}
				
.navi a:hover {
				color:#000000;
				text-decoration: none;
				}
				

.navi1 a:link, .navi1 a:visited {
								color: #1C8F48;
								text-decoration: underline;
								}
.navi1 a:hover {
				color:#000000;
				text-decoration: underline;
				}

.unavi, .unavi1 {
	font-size: 12px;
	color: #1C8F48;
	padding-bottom: 2px;
	padding-top: 2px;
	font-style:italic;
	text-indent: 15px;
}
.unavi a:link, .unavi a:visited {
								color: #1C8F48;
								text-decoration: none;
								}
.unavi a:hover {
				color:#000000;
				text-decoration: none;
				}
				
.unavi1 a:link, .unavi1 a:visited {
								color: #000000;
								text-decoration: none;
								}
.unavi1 a:hover {
				color:#000000;
				text-decoration: none;
				}




/* inhalte */


#inhalt {
		margin-top: 20px;
        margin-left: 160px;
        padding-right: 30px;
        padding-bottom: 20px;
        text-align: justify;
}

#inhalt ul, #inhalt ol, #inhalt li { text-align: left; }

#inhalt p.mitte { text-align: center; }

#inhalt p.hinweis { text-align:center; border:solid 1px #bb0000; padding:10px; }

#satzung {
		margin-top: 20px;
        margin-left: 160px;
        padding-right: 30px;
        padding-bottom: 20px;
        text-align: justify;
}
#satzung ol, #satzung li, #satzung ul {
			   font-family: georgia;
			   font-size: 14px;
			   color: #1C8F48;
			   text-align:justify;
			   margin-top:0;
			   margin-bottom: 10px;
			   }
				

#foot {
	padding: 3px;
	width: auto;
}

#foot p {
	text-align: right;
	font-size: 11px;
	} 

#foot a:link, #foot a:visited {
	color: #1C8F48;
	text-decoration:none;
}
		  
/* ####### Diashow ###########*/
	    
#Bildbereich {
			  margin: 20px 0 20px 10px;
		 	  height: 375px;
		  	  width: 500px;
			  z-index:0;
			  }

/* Kleinigkeiten */

#bild {
	   margin-left: 0px;
	   margin-right:20px;
	   margin-top: 5px;
	   margin-bottom: 5px;
	   }
	   
#bild_l {
	   margin-right: 20px;
	   margin-left:0px;
	   margin-bottom: 20px;
	   margin-top:5px;
	   float:left;
	   }
	   
#bild_r {
	   margin-left: 20px;
	   margin-right:0px;
	   margin-bottom: 20px;
	   margin-top:5px;
	   float:right;
	   }
	   
.bild_r {
	   margin-left: 20px;
	   margin-right:0px;
	   margin-bottom: 20px;
	   margin-top:5px;
	   float:right;
	   border:none;
	   }
	   
#bild_tr {
	   margin-left: 20px;
	   margin-right:0px;
	   margin-bottom: 20px;
	   margin-top:10px;
	   float:right;
	   }
	   
#bild_tl {
	   margin-left: 0;
	   margin-right:20px;
	   margin-bottom: 20px;
	   margin-top:0;
	   float:left;
	   }
	   
#tab, #tab td {
	  vertical-align: top;
	  text-align: left;
	  width: auto;
	  }
	   
.tab, .tab td {
	  vertical-align: top;
	  text-align: left;
	  width: auto;
	  }
				
				
#zahl { 
	   margin-top: 30px;
	   }
	  
.klein { 
		font-size: 11px;
		font-style:italic;
		}
		
.flyer {
		color:#9f5a2a;
		font-size: 14px;
		text-align: center;
		font-weight:bold;
		font-style: italic;
		}