/* CSS Document */
/* farben:
blau: #3a73a0
gelb #feba10
gruen #899d32

/* Grundelemente */

body {
	    margin:0;
	    padding:0;
	  
	    font: 14px Georgia, "Times New Roman", Times, serif;
		color: #3a73a0;
	    text-align: center;
		line-height: 1.3em;
		font-style:italic;
		
		background: url(baeck/tropfen.jpg) #3a73a0; 
		}

a:link, a:active, a:visited {
                            color: #899d32;
                            text-decoration: none;
                            }
a:hover {
         text-decoration: underline;
         }

h1 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 14px 0;
	color: #3a73a0;
	font-weight:bold;
	text-align:left;
	font-style:italic;
    }

h2 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 14px 0;
	color: #899d32;
	font-weight:bold;
	text-align:left;
	font-style:italic;
    }
	

			 
/*++++++++++++++++++++++++++++++++++ */
			 
hr {
	border: solid 1px #3a73a0;
	margin: 5px 0 5px 0;
	}

/*#################### Strukturelemente #################*/

		
/* grund divs */

#seite { 
		position: relative;
	
		margin-top: 0;
		margin-left: auto;
		margin-bottom: 40px;
		margin-right: auto;
	
		width: 990px; 
		background: url(baeck/speicher.jpg) top left repeat-y;
		text-align:center;
		}
		
/*+++++++++++++++++++++++ header +++++++++++++++++++++++++++++++*/

#box {
        background: url(baeck/abend.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
#box-fleesensee {
        background: url(baeck/kahn.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
#box-waren {
        background: url(baeck/boote.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
		
#box-preise {
        background: url(baeck/ausguck.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
#box-umgebung {
        background: url(baeck/golf.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
#box-kontakt {
        background: url(baeck/spielplatz.jpg) top left no-repeat;
		padding:0;
		margin: 0;  
		width: 990px;
		height: 300px;
		text-align:left;
		}
		
		
/*+++++++++++++++++++++++ menu  +++++++++++++++++++++++++++++++*/

#menu {
		padding: 45px 0 0 30px;
		margin: 0;
		width: 200px;
        float: left;
		text-align:left;
        }
		
/*+++++++++++++++++++++++ menu vertikal basis +++++++++++++++++++++++++++++++*/

.da {
      font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 14px;
      color: #3a73a0;
      padding: 5px 0 8px 16px;
	  font-style: italic;
      }

.da a:link, .da a:visited {
                               text-decoration: none;
                               color: #3a73a0;
                               }
.da a:hover {
               color:#feba10;
               text-decoration: none;
               }
.hier {
      font-family: Georgia, "Times New Roman", Times, serif;
	  font-size: 14px;
      color: #899d32;
      padding: 5px 0 8px 16px;
	  font-weight:bold;
	  font-style:italic;
	  background: url(baeck/kleeblatt.jpg) top left no-repeat;
      }

.hier a:link,.hier a:visited, .hiermehr a:link, .hiermehr a:visited {
                                 color: #899d32;
                                 text-decoration:none;
                                 }
.hier a:hover, .hiermehr a:hover {
                color: #3a73a0;
                text-decoration: underline;
                }
				
				
/* ########## Inhalt ############*/

#inhalt {
		margin: 0;
		padding: 50px 65px 60px 235px;
		text-align: justify;
		min-height:300px;
		}
		
/*  IE 7 hack - sonst seltsamerweise mit bildkiste padding ab Menu gemessen */
* + html #inhalt {
		margin: 0;
		padding: 50px 65px 60px 10px;
		text-align: justify;
		min-height: 300px; 
		} 
		

#inhalt p {
	    font: 14px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 14px 0;
		line-height: 1.5em;
	    color: #3a73a0;
		text-align: justify;
		font-style:italic;
			}
		

#inhalt p.slogan {
	    font: 13px Georgia, "Times New Roman", Times, serif;
		margin: 0 0 11px 0;
		line-height: 1.5em;
	    color: #899d32;
		text-align: justify;
		font-style:italic;
		font-weight:bold;
			}
			
#inhalt  li, ul {
	    font: 14px Georgia, "Times New Roman", Times, serif;
		line-height: 1.5em;
	    color: #3a73a0;
		text-align: left;
		margin-bottom:10px;
		font-style:italic;
			}
			
#inhalt table {
	    font: 14px Georgia, "Times New Roman", Times, serif;
		line-height: 1.3em;
	    color: #3a73a0;
		text-align: left;
		font-style:italic;
			}
			
#inhalt table.preis {
	    font: 14px Georgia, "Times New Roman", Times, serif;
		line-height: 1.1em;
	    color: #3a73a0;
		text-align: center;
		font-style:italic;
		margin-bottom: 30px;
			}
			
#inhalt table.preis tr.klein 
{
font-size: 14px; /*alte preistabelle 12px */
color:#899d32;
}
			
#inhalt table img { margin: 10px 0 10px 20px; border:none; }

#inhalt table td.legende { text-align: center; font-size:11px; }

			 
/* ########## Fuss ############## */


#fuss {
        margin:0;
		padding: 0;
		background: url(baeck/laufi.jpg) no-repeat;
		height: 90px;
		width: 990px;
		clear:both;
		}


/*spezielles klassen */
.bild {
	border:none;
	margin: 20px 0 10px 0;
	}

		  
.bild_r {
		float: right;
		margin: 3px 0 10px 20px;
		border:none;
     }
		
	 
.bild_l {
		float: left;
		margin: 3px 20px 10px 0;
     }
	 
.karte {
		margin: 0 0 10px 0 ;
		}
.fhm-logo { 
		   margin: -10px 0 0 30px;
		   border:none;
		   }