@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #ece9d8;

	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. */
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
}
.oneColFixCtrHdr #container {
	width:1000px;  /* 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. */
	

	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. */
}
.oneColFixCtrHdr #header {
	
		height:158px;
			background-image:url(neu-site/oben3.png);
	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. */
}
.oneColFixCtrHdr #header h1 {
	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. */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 11px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	
	background-image:url(neu-site/bild-hg3.png);
	height:425px;
}
.oneColFixCtrHdr #content {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	
	height:417px;
	background-image:url(neu-site/unten3.png);
	background-repeat:no-repeat;
		border: 0px solid #8c8c8c;
}
.oneColFixCtrHdr #content p {
	margin: 0; 
	padding: 10px 0;
}
/*

.oneColFixCtrHdr #footer2 {
	padding: 0 10px; 
	
	height:417px;
	background-image:url(neu-site/unten.png);
	background-repeat:no-repeat;
		border: 5px solid #8c8c8c;
}
.oneColFixCtrHdr #footer2 p {
	margin: 0; 
	padding: 10px 0;
} */
#bannerxxxx {
	margin: 0 ;
	padding: 0 0 0 4px;
	height:205px;
	background-image:url(neue-site/oben.png);
	}
	
	#slider {
	position:relative;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}

.kasterl {

	
	font-size:12px;
	
}

/* -----------navigation---------------------------- */	
#nav {
	
	float:left;
	padding-top:0px;
	width:500px;

	height:30px;
	z-index:99;
	
	padding: 4.2em 0 0 3em;

	top: 0;
	visibility: visible;
	background-image:url(media/trans.png);
	background-position: 0px 254px;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5em; 
	font-variant:small-caps;
 	border: 0px solid #8c8c8c;

}

#menulinks {
	width:605px;
	height:20px;
	background-image:url(media/Xmenulinks.png);
	clear:both;
}

#menulinks a {
	padding-left:6px;
	padding-right:5px;
	padding-top:2px;
	height:30px;
 	
	display:block;
	color:#000;
	text-decoration:none;
	float:left;
	font-size:14px;
	font-weight:bold;
  }
  
#menulinks a:hover, #menulinks a.active {
	background-position:top left;
	text-decoration:none;
	color:#743523;
	background-image:url(media/menuhover2.png);
}

.menuline {
background-image:url(media/menuline.png);
width:20px;
height:18px;
display:block;
float:left;
}
/* -----------navigation-klein2 ---------------------------- */	
#nav-klein2 {
	float: left;
	width:450px;
	
	height:30px;
	z-index:99;
	padding: 0 0 0 9em;

	visibility: visible;
	
}

#menulinks-k2 {
	width:455px;
	height:29px;
	background-image:url(media/Xmenulinks.png);
	clear:both;
}

#menulinks-k2 a {
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	height:16px;
   background-image:none;
	display:block;
	color:#000;
	text-decoration:none;
	float:left;
	font-size:13px;
	
  }
  
#menulinks-k2 a:hover, #menulinks-k2 a.active {
	background-position:top left;
	text-decoration:none;
	color:#743523;
	background-image:url(media/menuhover.png);
}

.menuline-k2 {
background-image:url(media/menuline2.png);
width:20px;
height:18px;
display:block;
float:left;
}

/* -----------navigation-klein ---------------------------- */	
#nav-klein {
	float: left;
	padding: 0 0 0 10em;
	height:30px;
	z-index:99;


	visibility: visible;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em; 

	
}

#menulinks-k {
	width:305px;
	height:29px;
	background-image:url(media/Xmenulinks.png);
	clear:both;
}

#menulinks-k a {
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	height:16px;
   background-image:none;
	display:block;
	color:#fff;
	text-decoration:none;
	float:left;
	font-size:13px;
	font-weight:bold;
  }
  
#menulinks-k a:hover, #menulinks a.active {
	background-position:top left;
	text-decoration:none;
	color:#743523;
	background-image:url(x/menuhover.png);
}

.menuline-k {
background-image:url(media/menuline.png);
width:2px;
height:18px;
display:block;
float:left;
}

#header h5{
	float:left;
	margin-left: 5.5em;
	margin-top: 3.0em;
	padding: 0;
	display:inline;
}
