/* CSS Document */

html * { margin: 0; padding: 0; font-family: Georgia, serif; font-size: 100.01%; }  /* alle Browser auf ca. 16px bringen */
html, body {height: 100%; background: #20351a url(bilder/pattern.jpg) repeat left top;}
body { background: #20351a url(bilder/pattern.jpg) repeat left top; font-size: 75%; overflow: scroll; overflow: -moz-scrollbars-vertical; height:100%; }  /* das sind genau 12px Font */
p { line-height: 1.6em; margin: 1.4em 0; }  
ul{list-style-type:none;}



/* Galerie */ 
  
.galerie { margin: 10px auto; padding: 0; }
.galerie ul { margin: 0; padding: 0; }
.galerie ul li { list-style: none; float: left; height: 120px; width: 120px; margin: 5px; padding: 0; text-align: center; }
.galerie ul li img { margin: 0 auto; }





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

table a, table a:link, table a:visited, table a:active { color: transparent; }

#holder { margin: 0 auto; width: 750px; height: auto; }
#main { background-color: #ead9ba; padding-top: 10px; clear:both; }
#header { height: 270px; background: transparent url(bilder/header.jpg) no-repeat center 0px; }

#navigation { height: auto; width:180px; padding: 10px; }

#navigation ul { text-align: left; color: #845d3f; font-size: 100%; } /* 12px Font */
#navigation ul li { padding: 4px; position:relative; margin:0 auto; }
#navigation ul li a { width: 170px; color: #845d3f; display: block; text-decoration: none; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #845d3f; padding-right: 10px; padding-bottom: 7px; }
#navigation ul li a:hover {color: #20351a; }
#navigation ul li.focus a, #navigation ul li.focus a:link, #navigation ul li.focus a:visited {color: #20351a; }

#navi { text-align: left; color: #845d3f; font-size: 100%; padding: 10px;  }

#content { /*margin: 20px 0px 20px 200px;*/ width: 520px; height: auto; float: right; padding:0 10px 0 0; clear:right; }



.clearit { display: block; clear: both; }

/* ein SPAN innerhalb einer H1 wird unsichtbar - siehe Kommentare unten ! */
h1 { font-family: Georgia, serif; font-weight:normal; font-size: 200.01%; color: #20351a } 
h4 { line-height: 1.5em; margin: 1.4em 0; font-weight:normal; font-size: 120%; }
h5 { line-height: 1.6em; margin: 1.4em 0; font-size: 110%; }  
  

#adresse { background: transparent url("adresse.gif") no-repeat left top; padding: 4px; width: 165px; height: 165px; float: left; line-height: 1.6em; }

.formbox { width: 280px; color: #000; margin-bottom: 20px; }

.reihe { clear: both; padding: 2px 0px; }

.label {
	width: 70px;
	text-align: right;
	padding-top: 3px;
	padding-right: 5px;
	float: left;
}

.feld {
	width: 200px;
	text-align: left;
	float: right;
} 

.knopf {
  clear: both;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.defbreite {
	width: 130px;
}

.clear {
	width: 100%;
	clear: both;
}