@charset "utf-8";
/*- CSS RESET --------------------------------------------------------------------------------------------------*/

* {
		padding: 0;
        margin: 0;
/*		border:1px solid #000;
*/}

body{
	background-image: url(../images/Bilder/hintergrund_body.jpg);
	background-position: center top;
	background-repeat:repeat-x;
	background-color:#2a2924;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	/*padding: 0 0 0 1px;*/ 
	 /* --------------Trick: schieb den gesamten Inhalt der Website um 1px damit bei egal welcher Fenstergröße das Hintergrundbild immer mittig steht. */
	
}

ul,
ol {
        list-style: none;
}
b,
strong {
        font-weight: bold;
		}
img,
a img {
        border: none;
		padding: 0;
        margin: 0;
}
/* Keine Umrahmungspunkte um Links bei Firefox*/
a 
{
	outline: none;
}
/*------reset-Ende---------------------------------------------------------------------------------------------*/
h1{
	font-size:1.0em;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 0 0 13px;
}
h2{
	font-size:1.1em;
	color:#8b850b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 3px 0 5px 10px;
}
h6{
	font-size:0.8em;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 1px 0 0 13px;
}

p{
	font-size:1.0em;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
}

p span.weisser-text{
	color:#666;
	margin-bottom:10px;
	font-weight:bold;
}

p span.interpreten{
	color:#666;
	margin-bottom:10px;
	line-height:2em;
	font-weight:bold;
	
	
}

#center_kontainer{
	width: 1000px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-color:#fff; /* originalfarbe #c5c5b7; */
	border-left:8px solid #fff;
	border-right:8px solid #fff;
}

#kopf{
	width: 1000px;
	height: 430px;
	background-image:url(../images/Bilder/kopf_hintergrund.jpg);
	background-repeat:no-repeat;
	margin-bottom:0px;
}
/*--------------------------------menue oben Anfang-------------------------------------------*/

p#navi_oben{
	width:900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:10px 0 0 10px;
	float:left;
	font-weight:bold;
}
p#navi_oben a,
p#navi_oben a:link{
	color: #fff;
	text-decoration: none;
	padding: 2px 0px;
}

p#navi_oben a:hover{
	color: #000;
}
/*--------------------------------menue oben Ende---------------------------------------*/

/* --------------------------------Das ist die komlette Neue Hauptnavigation--------------------------------------- */

ul.navigation {
	width:1000px;
	height:50px; 
	margin-top:370px;
	text-indent:-999em;
	list-style-position:outside;
	position: absolute;
	left:0;
	top:0;
}

ul.navigation li {
	float: left;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
}

ul.navigation li a,
ul.navigation li a:link {
	background-image: url(../images/Bilder/navigation_schwarz_neu.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	display: block;
	color: #FFF;
	height:50px;   	
	line-height:50px;    
	width:95px;
	margin-right:6px;
}

ul.navigation #eins a,
ul.navigation #eins a:link{
	background-position:0 0;
	width:95px;
}
ul.navigation #eins a:hover,
ul.navigation #eins a.aktiv{
	background-position:0 -57px;
}

ul.navigation #zwei a,
ul.navigation #zwei a:link{
	width:85px;
	background-position:-101px 0;
}
ul.navigation #zwei a:hover,
ul.navigation #zwei a.aktiv{
	background-position:-101px -57px;
}

ul.navigation #drei a,
ul.navigation #drei a:link{
	width:95px;
	background-position:-192px 0;
}
ul.navigation #drei a:hover,
ul.navigation #drei a.aktiv{
	background-position:-192px -57px;
}

ul.navigation #vier a,
ul.navigation #vier a:link{
	width:94px;
	background-position:-293px 0;
}
ul.navigation #vier a:hover,
ul.navigation #vier a.aktiv{
	background-position:-293px -57px;
}

ul.navigation #fuenf a,
ul.navigation #fuenf a:link{
	width:128px;
	background-position:-393px 0;
}
ul.navigation #fuenf a:hover,
ul.navigation #fuenf a.aktiv{
	background-position:-393px -57px;
}

ul.navigation #sechs a,
ul.navigation #sechs a:link{
	width:120px;
	background-position:-527px 0;
}
ul.navigation #sechs a:hover,
ul.navigation #sechs a.aktiv{
	background-position:-527px -57px;
}

ul.navigation #sieben a,
ul.navigation #sieben a:link{
	width:94px;
	background-position:-653px 0;
}
ul.navigation #sieben a:hover,
ul.navigation #sieben a.aktiv{
	background-position:-653px -57px;
}

ul.navigation #acht a,
ul.navigation #acht a:link{
	width:137px;
	background-position:-753px 0;
}
ul.navigation #acht a:hover,
ul.navigation #acht a.aktiv{
	background-position:-753px -57px;
}

ul.navigation #neun a,
ul.navigation #neun a:link{
	width:104px;
	background-position:-896px 0;
	margin-right:0;
}
ul.navigation #neun a:hover,
ul.navigation #neun a.aktiv{
	background-position:-896px -57px;
}
/* --------------------------------------- Neue Hauptnavigation Ende ------------------------------------------ */

.obermutter{
	width:1000px;
	height:auto;
	background-image: url(../images/Bilder/hintergrund_obermutter.jpg);
	background-repeat:repeat;
	float:left;
}

.mutterconti_links{
	position:relative;
	width:605px;
	height:auto;
	background-color:#c5c5b7;
	padding-bottom:20px;
	float:left;
}

.mutterconti_rechts{
	width:387px;
	height:auto;
	background-color:#c5c5b7;
	border-left:8px solid #fff;
	padding-bottom:20px;
	float:left;
}
.links{
	width:118px;
	height:20px;
	background-color:#000;
	margin:25px 0 20px -8px;
	float:left;
	clear:both;
}

.links_h2{
	width:435px;
	height:auto;
	margin:25px 0 0 5px;
	float:left;
}
	
.mitte_links{
	width:435px;
	height:auto;
	margin:10px 8px 8px 5px;
	float:left;
}
.rahmen_mitte_links{
	width:420px;
	height:240px;
	border: 8px solid #fff;
	float:left;
	margin: 15px 0 20px 8px;
}

.rahmen_landkarte{
	width:420px;
	height:350px;
	border: 8px solid #fff;
	float:left;
	margin: 15px 0 20px 8px;
}

.rahmen_mitte_links_galerie{
	width:auto;
	height:auto;
	float:left;
	border: 5px solid #fff;
	padding-bottom:20px;
	margin: 15px 0 20px 8px;
}

.rahmen_mitte_links_audioplayer{
	width:auto;
	height:auto;
	float:left;
	border: 5px solid #fff;
	margin: 15px 0 20px 8px;
}

.mitte_rechts{
	width:108px;
	height:20px;
	margin:25px 0 0 -8px;
	background-color:#000;
	float:left;
}

.rechts_h2{
	width:240px;
	height:auto;
	margin:25px 0 0 5px;
	float:left;
}
.rechts{
	width:300px;
	height:auto;
	margin:10px 0 8px 50px;
	float:left;
}

.rechts_unten{
	width:300px;
	height:auto;
	margin:167px 0 0 50px;
	float:left;
}
.impressum_anfahrt{
	width:270px;
	height:150px;
	margin:12px 0 10px 10px;
	float:left;
	border:5px solid #fff;
}

#fuss{
	width:1000px;
	height:auto;
	margin:10px 0 0 0;
	background-color:#c5c5b7;
	float:left;
	border-bottom:8px solid #fff;
}

.platzhalter{
	width:1016px;
	height:auto;
	background-color:#2a2924;
	margin:0 0 0 -8px;
	padding:0 0 20px 0;
	float:left;
}

#button-historie{
	position:relative;
	width:118px;
	height:20px;
	background-color:#000;
	background-image:url(../images/Bilder/navibild_buchen.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	left: -8px;
	margin: 25px 0 40px 0;
	float:left;
}

#button-historie a,
#button-historie a:link{
	color: #fff;
	padding: 3px 0 4px 13px;
	text-decoration: none;
	font-weight:bold;
	display:block;
}

#button-historie a:hover{
	background-image:url(../images/Bilder/navibild_buchen_hover.jpg);
	background-color:#666;	
}

#container_buchen{
	width:1000px;
	height:20px;
	background-color:#c5c5b7;
	float:left;
	margin:15px 0 10px 0;
}

#button-buchen{
	
	position:relative;
	width:118px;
	height:20px;
	background-color:#000;
	background-image:url(../images/Bilder/navibild_buchen.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	left: -8px;
	border-right:5px solid #fff;
	float:left;
}
#button-buchen a,
#button-buchen a:link{
	color: #fff;
	padding: 3px 0 4px 13px;
	text-decoration: none;
	font-weight:bold;
	display:block;
}

#button-buchen a:hover{
	background-image:url(../images/Bilder/navibild_buchen_hover.jpg);
	background-color:#666;	
}

#button-impressum{
	
	position:relative;
	width:195px;
	height:20px;
	background-image:url(../images/Bilder/navibild_buchen.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border-left:5px solid #fff;
	right:-8px;
	float:right;
}
#button-impressum a,
#button-impressum a:link{
	color: #fff;
	padding: 3px 0 4px 13px;
	text-decoration: none;
	font-weight:bold;
	display:block;
}

#button-impressum a:hover{
	background-image:url(../images/Bilder/navibild_buchen_hover.jpg);
	background-repeat:no-repeat;
	background-color:#666;
}

/* --------------------------------menue unten Anfang------------------------------------------- */

p#navi_unten{
	width:491px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding:10px 0 10px 5px;
	float:left;
}

p#navi_unten a,
p#navi_unten a:link{
	color: #2a2924;
	text-decoration: none;
	padding:0 2px 0 0;
}

p#navi_unten a:hover{
	color: #666;
}
/* --------------------------------menue unten Ende--------------------------------------- */


p#unten {
	font-size:0.8em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:262px;
	height:auto;
	margin:5px 0 5px 65px;
	padding:0;
	float:left;
}

.facebook{
	width:64px;
	height:64px;
	margin:10px 0px 20px 10px;
	float:left;
}

/*----------------------------------------------.fuss_innen_rechts{
	width:100px;
	height:auto;
	margin:15px 0 0 30px;
	float:left;
}------------------------*/

#clear{
	width:1000px;
	clear:both;
}
/* ---------------------------------------------------------------------------------------------- */
#partnerlinks{
	width:118px;
	height:15px;
	background-color:#fff;
	margin:8px 0 20px 0;
	float:left;
}
/* --------------------------------------------Anfang Partnermenü ----------------------------- */
ul#partner {
	width:680px;
	height:15px;
	margin:7px 0 20px 0;
	display:inline;
	float:left;
}

ul#partner li {
	float: left;
	margin-right: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

ul#partner li a, ul#partner li a:link {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight:normal;
	padding: 2px 0 0 10px;
}

ul#partner li a:hover {
	color: #666;
}

ul#partner li a.aktiv {
	float: left;
	color:#666;
}
/* ------------------------------------------------ myspacecontainer + link ------------------------ */
#myspace{
	width:195px;
	height:15px;
	background-color:#fff;
	background-image:url(../images/Bilder/navibild_myspace.jpg);
	background-repeat:no-repeat;
	margin:8px 0 20px 0;
	float:right;
}
#myspace a{
	font-size:0.8em;
	text-decoration:none;
	font-weight:bold;
	padding: 1px 0 0 13px;
	display:block;
	color:#000;
}

#myspace a:hover{
	color:#666;
	background-image:url(../images/Bilder/navibild_myspace_hover.jpg);
	background-repeat:no-repeat;
}
/* --------------------------- Kontaktformular Style --------------------------------- */

/*font-family:"Trebuchet MS", "Lucida Sans Unicode", Tahoma, Arial, Helvetika, sans-serif;
    font-size:100.1%;*/
    #wrapper {
	margin:0 0 30px 5px;
	width:435px; 
	font-size:1.0em;
	float:left;
	clear:both; /*dieser Befehl nimmt den container aus dem Fluss und setzt ihn auf eine neue Zeile.*/
	}
    /*p {padding:0.2em 0;}*/
/*    legend {padding:0.2em 1em; border-bottom:3px solid rgb(125,125,125); border-right:3px solid rgb(125,125,125);
    border-top:1px solid rgb(175,175,175); border-left:1px solid rgb(175,175,175);
    background:rgb(245,245,245); font-weight:bold; font-size:110%;*/
	
/* -----äußerer rahmen um das formular -------- */

    fieldset {
	width:435px;
	height:390px;
	padding:0 0 0 0;
	border:8px solid #fff;
	}
	
    p#legend_text {
	top:9px;
	margin:1em 0;
	width:435px;
	}
    label {
	margin: 5px 0 0 0;
	width:auto;
	float:left;
	clear: both;
	}
/* --------------------------------Blockelemente nehmen die komplette breite ein. 
Display inline nimmt dem Blockelemente aus seinem Block und somit kann es einzeln dargestellt werden. ZB mit float umbrechen. Es wird zum Inline Element-------- */	

p input {
	width:200px;
	margin-right:30px;
	
	}
	
/* ----- texeingabefeld -------- */

    input, textarea {
	border:none; 
	background-color:#fff;
	float:left;
	clear:both;
	
	}
    textarea {
	width:410px;
	height: 130px;
	overflow:auto;
	font-size:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/* ----- senden Button -------- */
	
    input.send {
	background-color: #fff; 
	width:150px; cursor:pointer; 
	color:#fff;
	background:#8b850b;
	margin:10px 0 0 10px;
	float:left;
	clear:both;
	
	}
    /*border-bottom:3px solid rgb(125,125,125); border-right:3px solid rgb(125,125,125); ---------weiter button
    border-top:1px solid rgb(175,175,175); border-left:1px solid rgb(175,175,175);}*/
    input.send.error   {
	color:#fff; 
	background:#8b850b;
	}
    input.send.confirm {
	color:#fff; 
	background:#8b850b;
	}
    .error {
	color:#8b850b;
	}
    .confirm {
	color:#000;
	}
    .standard {
	color:#000;
	}
    .right {
	text-align:right; 
	padding:2em 20% 0 0;
	}
	
	/* --------------------------- Ausgabetext im Danketext --------------------------- */
    code {
	display:block; 
	margin-top:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
    font-size:1.0em;
	font-weight:bold;
	color:#8b850b;
	}
    p#backlink {text-align:right; margin-top:20px; border-top:1px solid #878787;}
    p#backlink a {text-decoration:none; color:#878787;}
    p#backlink a:hover {text-decoration:underline;}
	
	/* --------------------------- conti zum abdecken einzelner links --------------------------- */
	
#abdecker{
	position:absolute;
	height:40px;
	width:60px;
	top:525px;
	left:495px;
	background-color:#c5c5b7;
	z-index:1000;
	}
/* ------------------------------------------------------------------------------------------------ */	
	ul.elbepark {
	width:680px;
	height:15px;
	margin:7px 0 20px 0;
	display:inline;
	float:left;
}

ul.elbepark li {
	float: left;
	margin-right: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

ul.elbepark li a, ul#elbepark li a:link {
	display: block;
	color: #8b850b;
	text-decoration: none;
	font-weight:normal;
	padding: 2px 0 0 10px;
}

ul.elbepark li a:hover {
	color: #666;
}

ul.elbepark li a.aktiv {
	float: left;
	color:#666;
}
	
p#mehr{
	width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	padding: 28px 0 0px 5px;
	float:left;
}

p#mehr a,
p#mehr a:link{
	color: #8b850b;
	text-decoration: none;
	padding:0 2px 0 0;
}

p#mehr a:hover{
	color: #666;
}
a.reserve, 
a.reserve:link{
	color:#8b850b;
	text-decoration: none;
	}
	
a.reserve:hover {
	color: #333;
}

a.presse, 
a.presse:link{
	color:#333;
	text-decoration: none;
	padding: 0 0 0 10px;
	}
	
a.presse:hover {
	color: #8b850b;
}