@charset "UTF-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
body  {
    	font: 100% Arial, Helvetica, sans-serif;
    	background: #f3f1e5;
    	margin: 0;
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }
    .container { 
    	width: 960px;  
    	background: #f3f1e5;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
		overflow:hidden;
		
    } 
    .header { 
    	background: #a1c7ef url(images/header.jpg) top left no-repeat;
		height:303px; 
    	padding: 0 10px 0 20px; 
    }
    .header h1 {
    	margin: 0;
    	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. */
		font-size:180px;
		text-indent:-2000px;
    }
	.header a {display:block;}
	.boxed {
		margin:-32px 0 0 0;padding:0;
	}
	.topNav {text-align:right;margin-bottom:7px;}
	.topNav ul {right:0;margin:-4px 16px 0 0;}
	.topNav ul li {display:inline;list-style:none;margin:0;padding:0 13px 0 13px;}
	 
	.leftNav li a, .topNav li a {margin:0;background:#e8cb9a url(images/navbg.jpg) top right no-repeat;text-decoration:none;color:#1c3469;font:20px "Times New Roman", Times, serif;}
	
	.topNav li a {padding:12px 14px 8px 14px;height:37px;overflow:hidden;}
	.topNav li a:hover {background-position:right -200px;}
	.leftNav ul {margin:0;padding:0;}
	.leftNav ul li{list-style:none;margin:0;padding-bottom:10px;}
	.leftNav li a {display:block;width:130px;background-position:left top;padding:10px 0px 7px 10px}
	.leftNav li a:hover {background-position:left -200px;}
	.leftNav a {display:block;}
	.leftNav a img {border:none;}
    .leftNav {
    	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 130px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	padding: 12px 10px 15px 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
		font:20px "Times New Roman", Times, serif;
    }
    .sidebar2 {
    	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	width: 160px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
    	background: #EBEBEB; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 10px 15px 20px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
    }
    .mainContent { 
    	margin: 0 0 0 140px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
    	padding: 0 20px 1em 18px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		border:1px solid #dbd9ce;
		background:#fafafa;
		/*width:764px;*/
		font:14px Arial, Helvetica, sans-serif;color:#303030;
    } 
	.mainContent .textContent {width:272px;}
	.mainContent ul {margin:0;padding-left:1em;}
	.p_original{background:#fafafa url(images/original.jpg) right top no-repeat;min-height:590px;}
	.p_events{background:#fafafa;min-height:500px;}
	.p_gasthof {background:#fafafa url(images/gasthof.jpg) right top no-repeat;min-height:600px;}
	.p_spezial {background:#fafafa url(images/spezial.jpg) right top no-repeat;min-height:590px;}
	.p_wandern {background:#fafafa url(images/wandern.jpg) right top no-repeat;min-height:600px;}
	.p_metzgerei {background:#fafafa url(images/metzgerei.jpg) right top no-repeat;min-height:550px;}
	.p_home {background:#fafafa url(images/home.jpg) right top no-repeat;min-height:500px;}
	.p_hotel {background:#fafafa url(images/hotel.jpg) right top no-repeat;min-height:600px;}
	.p_anfahrt {background:#fafafa url(images/anfahrt.jpg) right top no-repeat;min-height:500px;}
	.p_kirwa {background:#fafafa url(images/kirwa.jpg) right top no-repeat;}
	.p_impressum {background:#fafafa url(images/impressum.jpg) right top no-repeat;min-height:400px;}
	.p_lieferanten dl {border:1px solid #DBD9CE;background:#f3f1e5;padding:1em;margin:1em 1em 1em 2em;border-right:2px solid #c5c2b8;border-bottom:2px solid #c5c2b8;}
	.p_lieferanten dt {float:left;width:9em;text-align:right;}
	.p_lieferanten dd {margin: 0 0 0.25em 9.5em;}
	.p_lieferanten .textContent {width:40em;}
	.p_vereine {background:#fafafa url(images/vereine.jpg) right top no-repeat;min-height:710px;}
	.p_aktuelles {background:#fafafa url(images/aktuelles.jpg) right top no-repeat;padding-bottom:3em;min-height:450px;}
	.mainContent h1 {margin:12px 0 12px 0;}
	.mainContent h1, .mainContent h2 {font:38px "Times New Roman", Times, serif;color:#1b3369;}
	.mainContent h2,.mainContent h3 {font-size:20px;margin-bottom:0;margin-top:0.5em;}
	.mainContent h3 {color:#1b3369;font:14px Arial, Helvetica, sans-serif;}
	.mainContent a {color:#303030;text-decoration:underline;font-weight:bold;}
	.mainContent a:visited {font-weight:normal;}
	
	.mainContent p ,.mainContent ul {margin-top:0;margin-bottom:0.5em;}
	
	.videoBlock {padding:18px;}
    .footer { 
    	padding: 0 10px 0 150px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    } 
    .footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile 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. */
		text-align:center;font:14px Arial, Helvetica, sans-serif;color:#303030;
    }
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }