/*
	CSS-Datei für die Website www.dasfischerhaus.de
	(c) Roman Blöth
	
	Letzte Änderung........... :  07.09.2009
	Letzte W3C-CSS-Validierung :  07.09.2009
*/



/*****************************
* Website-spezifische Inhalte:
*****************************/

/* Der Behälter mit der umrandenen Grafik: */
#container {
	position:				relative;	/* Enorm wichtig für die Positionierung des Flash-Audio-Players! */
	margin:					0 auto;
	width:					900px;
	height:					628px;
	background:				url(../img/backgrounds/bg_seite_high.png);
}



/* Positionierung des Flash-Audio-Players: */
#atmo_player {
	position:				absolute;	/* Achtung: Funktioniert nur, wenn der Container, in dem #atmo_player liegt, "relative" positioniert ist! */
	top:					0px;
	left:					778px;
	z-index:				30;
}

/* Der eigentliche Inhaltsbereich für die Seiten: */
#inhalt {
	position:				relative;
	top:					50px;	/* Darf nicht durch margin gesetzt werden, weil FF sonst den #container um 50px nach unten versetzt */
	right:					2px;
	margin:					0 auto 0 auto;
	width:					678px;
	height:					433px;
	background-color:		white;
}


/* Navigation: */
#navigation {
	position:				relative;
	top:					145px;
	position:				absolute;
	top:					575px;
	left:					101px;
	height:					36px;
	overflow:				visible;
}

#navigation ul {
	float:					left;
	margin:					0 5px 0 0;
	border:					none;
}

#navigation ul a {
	display:				block;
	border:					none;
	padding:				0 3px;
}

#navigation ul,
#navigation ul li ul {
	list-style:				none;
	width:					133px;
}

#navigation ul li ul {
	display:				none;
	margin:					0;
	padding:				15px 0 0 20px;
	width:					131px;
	background:				url(../img/backgrounds/bg_untermenue.png) no-repeat -4px -12px;
	color:					#333366;
	z-index:				9;
}

/* Für den Fall, dass JavaScript nicht aktiv ist, wird hier die Unternavigation sichtbar gemacht: */
#navigation ul:hover li ul,
#navigation ul li ul.offen {
	display:				block;
}

#navigation ul li ul a {
	color:					#333366;
	font-size:				0.8em;
}

#navigation ul li ul a.aktiv {
	font-weight:			bold;
}


/* Das Logo / Die Welle: */
#welle {
	position:				relative;
	display:				block;
	width:					900px;
	height:					185px;
	top:					-35px;
	background:				url(../img/welle.png) no-repeat;
	z-index:				10;
}


/* Eigentlicher Seiteninhalt: */
#container #inhalt a {
	color:					#336;
	text-decoration:		underline;
}

#container #inhalt .text {
	float:					left;
	width:					296px;
	height:					433px;
	padding:				0 0 0 24px;
}

#container #inhalt .text.breit {
	width:					auto;
}

#container #inhalt .text.breit h1 {
	padding-bottom:			2em;
}
p.groesser {
	font-size:				1.2em;
	line-height:			2em;
}

#container #inhalt form {
	padding:				0 0 0 24px;
}

#container #inhalt .fotoschatten {
	float:					left;
	width:					19px;
	height:					433px;
	padding:				0;
	background:				url(../img/fotoschatten.png) no-repeat;
}

#container #inhalt .trenner {
	float:					left;
	width:					19px;
	height:					433px;
	padding:				0;
}

#container #inhalt .foto {
	float:					left;
	width:					339px;
	height:					433px;
	padding:				0;
}

#container #inhalt .spalte {
	position:				relative;
	width:					210px;
	float:					left;
	height:					433px;
	z-index:				11;
}

#container #inhalt form .spalte {
	float:					left;
	width:					320px;	
/*	background-color:		red;*/
}

#container #inhalt .spalte img {
	margin:					24px 0 0 0;
}



/* Formular (Buchungsanfragen): */
#container #inhalt form {
	position:				relative;
	z-index:				20;
	width:					640px;
}

label.bezeichnung {
	display:				block;
}

.eingabe_breit {
	display:				block;
	width:					297px;
}
textarea.eingabe_breit {
	height:					67px;
}

.eingabe_mittel {
	display:				block;
	width:					214px;
}

.eingabe_kurz {
	display:				block;
	width:					70px;
}

/* Fußleiste: */
#fussleiste {
	width:					895px;
	height:					142px;
	clear:					both;
	float:					left;
	position:				fixed;
	bottom:					0;
	text-align:				center;
	background-color:		transparent;
}

#fussleiste img {
	vertical-align:			bottom;
}

/*****************
* Druck-Format: *
*****************/
@media print {
}