@charset "UTF-8";

body 
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #0e4f88;
	background-color: #e1f4fb;
	background: url(images/bg_kachel.gif) repeat;
	border-left-width: 200px;
	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. */
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.default #rahmen 
{
	width: 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 aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;
}

.default #flasher 
{
   
	width: 1000px; /* 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 aufgehoben. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	background-color: transparent;
	


}

.default #keinflash
{
   
	width: 1000px; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	border: 0px solid #000000;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	background-color: transparent;
	


}


.default #bg_inhalt
{
	width: 1000px; /* 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 aufgehoben. */
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: transparent;
	
}

.default #bg_inhalt_links
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 15px; /* 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-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 486px;
	background-image: url(images/bg_inhalt_links.gif);
	
}


.default #bg_inhalt_mitte
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 970px; /* 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-color: transparent;
	float: left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 486px;
	background-image: url(images/bg_inhalt_mitte.gif);
	
}

.default #bg_inhalt_rechts
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 15px; /* 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-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 486px;
	background-image: url(images/bg_inhalt_rechts.gif);
	
}

.default #navi_links
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 197px; /* 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. */
	display: inline;
	background-image: url(images/bg_leftpanel02.gif);
	background-repeat: repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 0px;
	padding-top: 60px;
	height:375px;
	
	
	}
	
	
.default #navi_oben
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 654px; /* 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. */
	display: inline;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 60px;
	padding-top: 13px;
	height:38px;
	
	
	}
	
	
	
.default #content
{
	float: left;
	width: 654px;
	height: 390px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 5px;
	padding-left: 60px;
	
	
	}
	
	.default #panorama
{
	
	padding-top: 3px;
	
	
	
	}
	
	.default #panorama_back
{
	
	
	height:281px;
	background-image: url(images/panorama_back.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 5px;
	padding-right:20px;
	
	
	
	}
	
	
	
.default #headline
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}
	
.default #headline2
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_boule.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}



.default #headline3
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_minigolf.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline4
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_fitness.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline5
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_airhockey.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline6
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_biergarten.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}



.default #headline7
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_eventlocation.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}



.default #headline8
{
	
	
	width: 614px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_oeffnungszeiten.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 20px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline9
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_essen.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline10
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_kontakt.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


.default #headline11
{
	
	width: 444px; /* 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. */
	height: 88px;
	
	background-image: url(images/headlineleiste_oeffnung.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0% 0%;
	text-align: left;
	padding-left: 190px;
	padding-top: 15px;
	padding-right:20px;
}


 .default #footer {
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	padding-left:200px;
	
	text-align: center;
	color: #666666;
	font-size: 9px;
    } 
	
.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;
    }
	
	
	.default #bg_datenschutz_links
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 25px; /* 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-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 271px;
	background-image: url(images/bg_datenschutz_links.jpg);
	
}


.default #bg_datenschutz_mitte
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 604px; /* 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-color: transparent;
	float: left;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 271px;
	padding-top:4px;
	background-image: url(images/bg_datenschutz_mitte.jpg);
	
}

.default #bg_datenschutz_rechts
{
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 25px; /* 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-color: transparent;
	float: left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 271px;
	background-image: url(images/bg_datenschutz_rechts.jpg);
	
}