body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #fffff0;
margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
padding: 0;
text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
color: #000000;
}
#container {

width: 700px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
background: #FFFFFF;
margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
border: 0px solid #000000;
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
#navigation{
margin: 0px;
padding: 5px 10px 0 10px;
height: 60px;
	background-color: #fef4d8;
	/*background-image: url(images/navi-blume.png);*/
	background-repeat: no-repeat;
	text-align: center;
}

#header {
position: relative;
background: #DDDDDD; 
height: 250px;
margin:0px;
padding: 0 0px 0 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */

}

#header #h1box {
position: absolute;
left:0px;
bottom:-10px;
color:#fafad2;
width: 100%;
margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
text-align: center;
}
#header #h1box h1 {
border: 0px solid #000000;
color:#fafad2;
width: 100%;
margin: 0; 
padding: 0; 
 background-color: transparent;
}
#header h1.grau {
color:#dddddd;
}
#header h1.blau {
color:#b0e0e6;
}
#headersub {
position: absolute;
background: #DDDDDD;
margin:0px; 
padding: 0 0px 0 0px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
#headersub h2 {
position: absolute;
left:40px;
bottom:0px;
color:#708090;
margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}

#mainContent {
margin: 30px 0 0 0;
padding: 0 40px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
background: #FFFFFF;
}
.borduere{
	background-color: white;
	display: none;
}
#bilder{
padding: 0 40px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
background: #FFFFFF;
}
#externlink{

	width: 100%;
	background: #fefaef;
}
#externlink25{
margin: 10px 0x;
padding: 0px;
	width: 100%;
	background: white;
	text-align: center;
}

#footer {
	clear: both;
padding: 0 40px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
border: 0px solid #fef4d8;
background: #fef4d8;
margin: 20px 0 0 0;
}
#footer p {
margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Lamprechthof *** - Josef und Monika Bichlmair - Untermurbach 26 - 83661 Lenggries - Tel.: 08042 / 8301
 auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
background: #fef4d8;
   /* background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;*/
    color: #444;
    display: inline-block;
   /*float: left;*/
    font: normal 12px arial, sans-serif;
    /*height: 22px;*/
	 margin: 4px 0;
    padding: 2px 12px;
    text-decoration: none;
border: 1px solid #FEE6A7;
}


a.button:active,a.button:hover {
	background: #FEE6A7;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span,a.button:hover span {
    background-position: bottom left;
  /* padding: 2px 12px;*/
} 
p, ul{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color:gray;
	line-height: 16px;
}
h3{
	color: #708090;
	border-bottom: 1px solid #ff5b00;
}
#bilder{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:gray;
}
#bilder table{
	background-color: transparent;
	width: 100%;
}
#bilder table td{
	width: 25%;
}
#bilder img{

padding: 4px 5px 15px 6px;
	border-top: 1px solid #EAEAEA;
	border-left: 0px solid #D3D3D3;
	background-image: url(images/ks-schatten-110-83.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}
#bilder a{
	color: gray;
}