@charset "utf-8";
body  {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
	background: #F0E7CC;
	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: #330000;
	background-image:url(pix/bg_body.jpg);
	background-repeat:repeat-x;
}
.twoColFixLtHdr #container { 
	width: 960px;  
	background-color: #470814;
	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 überschrieben. */
	background-image: url(pix/bg_container.jpg);
	background-repeat:no-repeat;
} 
.twoColFixLtHdr #header {
	height: 135px;
	padding: 0 0 0 36px;  /* 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. */
	margin: 0;
	position:relative;
	background-image: url(pix/bg_header_xmas.jpg);
	padding: 0 0 0 36px;
} 


.twoColFixLtHdr #header img {

} 



.twoColFixLtHdr #header #box_rechts{ 
float: right;
width: 655px;
	padding: 0;  
	margin: 0;
	height: 135px;
}

.twoColFixLtHdr #header #box_rechts #adresse{ 
padding: 12px 0 0 20px;
font-size: 12px;
color: #FFF;
}

.twoColFixLtHdr #header #box_rechts #oeffnungszeiten{ 
font-size: 18px;
position: absolute;
bottom: 0;
margin: 0;
padding: 10px 0 10px 20px;
color: #FFF;
}

.twoColFixLtHdr #sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 305px; /* 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: 0;
	margin: 0;

}



.twoColFixLtHdr #sidebar1 ul {
	padding: 0;
	margin: 26px 0 0 0;
	list-style-type:none;
}

.twoColFixLtHdr #sidebar1 ul li a{
display: block;
border-bottom: 1px solid #FFF;
color: #330000;
text-decoration: none;
padding: 5px 0 5px 36px;
font-size: 12px;
background-image:url(pix/bg_li.jpg);
}


.twoColFixLtHdr #sidebar1 ul li.active a{
background-image:url(pix/bg_li2.jpg);
}


.twoColFixLtHdr #sidebar1 ul li a:hover{
	background-image:url(pix/bg_li2.jpg);
}


.twoColFixLtHdr #sidebar1 img{
	margin-top: 0px;
}

.twoColFixLtHdr #sidebar1 a img{
	border: none;
}


.twoColFixLtHdr #sidebar1 h1{
		color: #2C3C26;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	margin: 0;
	background-image: url("pix/bg_spalte.jpg");
}


.twoColFixLtHdr #sidebar1 .sidebox{
	
	font-size: 11px;
}

.twoColFixLtHdr #sidebar1 .sidebox p{
	margin-top: 0;
	margin-left: 20px;
	padding-top: 10px;
}

.twoColFixLtHdr #sidebar1 .sidebox .imgbox {
margin-left: 67px;
margin-bottom: 15px;
width: 100px;
float: left;
color: #FFF;


}

.twoColFixLtHdr #sidebar1 .sidebox .imgbox img{
fgfloat: left;
margin-right: 5px;
}


.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 305px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background-image:url(pix/bg_maincontent.jpg);
	background-repeat:repeat-x;
	background-color: #fff;
	color: #FFF;
} 



.twoColFixLtHdr #mainContent  h1{ 
	color: #2C3C26;
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0 5px 20px;
	margin: 0;
}

.twoColFixLtHdr #mainContent p{ 
	color: #2C3C26;
	font-size: 12px;
	padding: 20px 0 5px 20px;
	margin: 0;
}

.twoColFixLtHdr #mainContent a{ 
	color: #2C3C26;
}

.twoColFixLtHdr #mainContent #karte a{ 
	color: #2C3C26;
	font-size: 12px;
}

.twoColFixLtHdr #mainContent table{ 
	color: #2C3C26;
	font-size: 12px;
	font-weight: bold;
	margin: 15px auto 20px auto;
}



.twoColFixLtHdr #mainContent table td{ 
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}


.twoColFixLtHdr #mainContent table td a img{ 
border: none;
cursor:default;
}

.twoColFixLtHdr #mainContent table.formular{ 
	color: #2C3C26;
	font-size: 12px;
	font-weight: normal;
	margin: 20px 0 0 20px;
	float: left;
}



.twoColFixLtHdr #mainContent table.formular td{ 
	padding: 10px;
	vertical-align: top;
	text-align: left;
}


.twoColFixLtHdr #mainContent table.formular td a img{ 
border: none;
cursor:default;
}




.twoColFixLtHdr #mainContent .spalte { 
	width: 439px;
	float: left;
	height: 490px;
	background-color: #555554;
	
}

.twoColFixLtHdr #mainContent .spalte2 { 
	width: 218px;
	float: left;
	height: 278px;
	
}

.twoColFixLtHdr #mainContent .spalte3 { 
	width: 210px;
	float: left;
	height: 315px;
	
	
}


.twoColFixLtHdr #mainContent .spalte4 { 
	width: 217px;
	float: left;
	height: 70px;
	color: #2C3C26;

}


.twoColFixLtHdr #mainContent .spalte5 { 
	width: 218px;
	float: left;
	height: 70px;
	border-left: 1px solid #CACBB8;
	color: #2C3C26;

}



.twoColFixLtHdr #mainContent .spalte6 { 
	width: 216px;
	float: left;
	height: 70px;
	border-left: 1px solid #CACBB8;
	color: #2C3C26;

}


.twoColFixLtHdr #mainContent .spalte h1, .twoColFixLtHdr #mainContent .spalte2 h1, .twoColFixLtHdr #mainContent .spalte3 h1{ 
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 5px 20px;
	margin: 0;

}

.twoColFixLtHdr #mainContent .spalte h1, .twoColFixLtHdr #mainContent .spalte2 h1{

background-image:url(pix/bg_spalte.jpg);
}




.twoColFixLtHdr #mainContent .spalteninhalt { 
	padding: 0px;
	font-size: 11px;
}


.twoColFixLtHdr #mainContent .spalte3 .spalteninhalt img,  .twoColFixLtHdr #mainContent table td .event img { 
	margin-top: 15px;
	margin-right: 5px;
}


.twoColFixLtHdr #mainContent .spalte3 .spalteninhalt
{ 
	margin-left: 15px;
	color: #330000;
}

.twoColFixLtHdr #mainContent .spalte3 a img,  .twoColFixLtHdr #mainContent table td .event a img
{ 
	border: none;

}





.twoColFixLtHdr #mainContent .spalte3  p 
{ 
	color: #FFF;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 5px 20px;
	line-height: 130%;
	font-wight: normal;
}

.twoColFixLtHdr #mainContent .spalte3  .event   
{ 

background-image: url(pix/bg_event.png);
background-repeat: no-repeat;
height: 163px;
margin: 5px 0 5px 13px;


}



.twoColFixLtHdr #mainContent .spalte3  .event p
{ 
color: #2C3C26;
}

.twoColFixLtHdr #mainContent .spalte3  .event img,  .twoColFixLtHdr #mainContent table td .event img 

{ 
padding-left: 12px;
padding-top: 8px;

}





 .twoColFixLtHdr #mainContent table td .event p
	 { 
	color: #2C3C26;
    font-size: 12px;
    margin: 0;
    padding: 5px 0 5px 20px;
	line-height: 130%;
	font-weight: normal;
}

 
 
 .twoColFixLtHdr #mainContent table td .event {
	 
	 background-image: url(pix/bg_event2.jpg);
background-repeat: no-repeat;
height: 163px;
margin: 5px 0 5px 13px;
display: block;
color: #2C3C26;

 }
 
 
 .twoColFixLtHdr #mainContent table td .event img {
	 padding-left: 12px;
padding-top: 8px;
margin-top: 0;
 }



.twoColFixLtHdr #mainContent .spalte4 .spalteninhalt,
.twoColFixLtHdr #mainContent .spalte5 .spalteninhalt,
.twoColFixLtHdr #mainContent .spalte6 .spalteninhalt{ 
	margin-left: 20px;
	margin-right: 20px;
}


.twoColFixLtHdr #mainContent .spalte .spalteninhalt img{ 
	margin-top: 0px;
	margin-right: 5px;
}

.twoColFixLtHdr #mainContent .spalteninhalt a img{ 
border: none;
}

.twoColFixLtHdr #mainContent .spalteninhalt .imgbox{ 
	margin-top: 15px;
}


.twoColFixLtHdr #mainContent .spalteninhalt .imgbox img{ 
	float: left;
	margin-top: 0;
}

.twoColFixLtHdr #mainContent #karte{ 
margin: 15px auto 20px auto;
width: 550px;
}

.twoColFixLtHdr #mainContent #partner{ 
margin: 15px auto 20px auto;
width: 451px;
}

.twoColFixLtHdr #mainContent ul li{ 
padding-bottom: 7px;
list-style-type: none;
}

.twoColFixLtHdr #mainContent ul li a{ 
font-size: 12px;
padding-bottom: 40px;

}

.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px;
	font-size: 11px;/* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	color: #FFF;
	 
} 
.twoColFixLtHdr #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. */
}
.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;
}