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

/*==================================*/
/* Website molekular-cocktailbar.de	*/
/* Datum: November 2009				*/
/* Autor: graugans-Design			*/
/*==================================*/

/*==============================*/
/* Inhalt:						*/
/* I.	allgemeine Format.		*/
/* II.	wrapper					*/
/* III.	header					*/
/* IV. 	navi	 				*/
/* Va.	content					*/
/* Vb. 	spalte_links			*/
/* Vc. 	spalte_rechts			*/
/* VI.	footer					*/
/* VII.	sonstiges				*/
/* VIIa. aktuelles				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* hg (beige)		#fbf5dd		*/
/* hg cont. (grün)  #5b9931		*/
/* text	h3	(braun)	#965d38     */
/* text h4 (turkis) #389296		*/
/* text h5 (orange) #ee6537		*/
/* navi hover		#389296		*/
/* fliesstext 		#fbe7d4		*/
/* cocktails beschreibung		*/
/*					#fbba78		*/
/*==============================*/

/*==============================*/
/* Teil I. 						*/
/* allg. Format.				*/
/*==============================*/

/* reset */
* {
	margin:0;
	padding:0;
}

html {
	height:101%;
}

body {
	min-height:100%;
	background-color:#000;
	/*color:#e3e2e1;*/
	color:#fbe7d4;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
}

/* Start-Seite zu kurz */
/* bei min-height HG Foto abgeschnitten */
#index, #drinks, #kontakt, #bier_und_wein, #team, #referenzen, #ueber_uns,
#index_sp, #drinks_sp, #kontakt_sp, #bier_und_wein_sp, #referenzen_sp, #team_sp, #ueber_uns_sp {
	height:100%;
}

/* h1 durch Bild ersetzen */
/*h1 {
	text-indent:-3000px;
	width:241px;
	height:31px;
	background-image:url(../_img/_text/molekular_png24.png);
	background-repeat:no-repeat;
}*/

/* solange logo nicht fertig */
h1 {
	font-size:3em;	
	font-weight:normal;
	letter-spacing:4px;
	color:#965d38;
	margin-left:-2px;
}

/* Logo Schriftzug durch molekular_logo.png ersetzen */
.logo {
	text-indent:-9999px;
	width:265px;
	height:30px;
	/*background-image:url(../_img/molekular_logo.png);*/
	background-image:url(../_img/Logo-Molekul-animiert.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:4px;
}

/* auf Cocktails-Seite Logo mit hellem Hintergrund */
#cocktails .logo,#cocktails_sp .logo {
	background-image:url(../_img/Logo-Molekul-animiert_hell.gif);
}
	
h2 {
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:3px;
	margin-top:1px;
}

h3 {
	font-size:1.8em;
	font-weight:normal;
	letter-spacing:2px;
	color:#965d38;
	margin-bottom:1em;
}

h4, .ueberschrift {
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:1px;
	color:#389296;
	margin-bottom:1em;
}

h5 {
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	color:#ee6537;
	margin-bottom:0.7em;
}

p {
	line-height:1.6em;
	margin-bottom:1em;
}

#content ul {
	margin-bottom: 1em;
}

/* hr zum float beenden */
hr {
	clear:both;
	height:.1px;
	border:none;
	visibility:hidden;
	margin: 0;
	padding: 0;
}

a, a:active {
	outline:none;
	color:#fbe7d4;
}

a:hover, a:focus {
	color:#389296;
}

#index #content a, #index_sp #content a {
	color:#389296;
}


/*==============================*/
/* Teil Ia. 					*/
/* Klassen						*/
/*==============================*/

.fett {
	font-weight:bold;
}

.zutaten {
	font-style:italic;
	color:#389296
}	

.ohne_abstand {
	margin-bottom:0;
}

.klein {
	font-size:.7em;
}

.orange {
	color:#ee6537;
}
 
a.link_fliesstext {
	color:#ee6537 !important;
	font-weight: bold;	
}
 
.kursiv {
	font-style: italic;
}

.mwst {
	font-size:10px;
	font-style:italic;	
	text-align: right;
	margin-top: -10px;
	color:#ee6537;
}

.mwst_links {
	font-size:10px;
	font-style:italic;	
	margin-top: -10px;
	color:#ee6537;
}

/* mwst auf Aktuelle Seite */
#aktuelles .mwst_links,
#aktuelles_sp .mwst_links  {
	margin-top: -5px;
	margin-bottom:10px;
}
 
/*==============================*/
/* Teil II. 					*/
/* wrapper						*/
/*==============================*/

/* Hintergrundbild einbinden */

/* Start-Seite */
#index #wrapper_aussen_1,
#index_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_index.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Bars-Seite */
#bars #wrapper_aussen_1,
#bars_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/bars.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Drinks-Seite */
#drinks #wrapper_aussen_1,
#drinks_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_drinks.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Cocktail-Seite */
#cocktails #wrapper_aussen_1,
#cocktails_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_cocktails_neu.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Ohne Alkohol-Seite */
#ohne_alkohol #wrapper_aussen_1,
#ohne_alkohol_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_non_alkoholic.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Bier und Wein-Seite */
#bier_und_wein #wrapper_aussen_1,
#bier_und_wein_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_bier_und_wein.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Preise-Seite */
#preise #wrapper_aussen_1,
#preise_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_preise.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Kontakt-Seite */
#kontakt #wrapper_aussen_1,
#kontakt_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_kontakt.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Impressum-Seite */
#impressum #wrapper_aussen_1,
#impressum_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_impressum.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Aktuelles-Seite */
#catering #wrapper_aussen_1,
#catering_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_aktuelles.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Shooter-Seite */
#shooter #wrapper_aussen_1,
#shooter_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_shooter.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Über uns-Seite, Aktuelles Seite */
#ueber_uns #wrapper_aussen_1,
#ueber_uns_sp #wrapper_aussen_1,
#aktuelles #wrapper_aussen_1,
#aktuelles_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_ueber_uns.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Team-Seite */
#team #wrapper_aussen_1,
#team_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_team.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* Referenzen-Seite */
#referenzen #wrapper_aussen_1,
#referenzen_sp #wrapper_aussen_1 {
	background-image:url(../_img/_hintergruende/hg_referenzen.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100%; /* hasLayout für IE <8, zeigt Transparenz */
	padding-bottom:20px;
}

/* transparenter Streifen oben */
#streifen_oben {
	background-color:#FFF;
	height:90px;
	filter:alpha(opacity=20); /* Tranparenz */
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

/* Verlauf im Streifen neben Header links */
#verlauf_streifen_links {
	width:258px;
	height:75px;
	position:absolute;
	background-image:url(../_img/_hintergruende/verlauf_streifen_links_png24.png);
	left:-258px;	
}

/* Verlauf im Streifen neben Header links */
#verlauf_streifen_rechts {
	width:258px;
	height:75px;
	position:absolute;
	background-image:url(../_img/_hintergruende/verlauf_streifen_rechts_png24.png);
	left:692px;
	z-index:10;
}


#wrapper {
	width:950px;
	margin:-90px auto 0 auto; /* nach oben schieben, über border von -aussen_2 */
	padding:0 0;
	position:relative;
}

/*==============================*/
/* Teil III. 					*/
/* header						*/
/*==============================*/

#header {
	float:left;
	width:320px;
	padding-top:10px;
	padding-left:50px;
}

/* Sprachauswahl */
#sprache {
	position:absolute;
	top:10px;
	right:50px;
	z-index:200;
	height:20px;
}

/* Sprachwahl Liste */
#sprache li {
	display:inline;
	list-style:none;
}

#sprache a {
}


/* kein Rahmen */
#sprache img {
	border:0;
}

/* Flagge als HG */
li.deutsch img {
	background-image:url(../_img/_flaggen/flagge_deutschland.gif);
	background-repeat:no-repeat;
	background-position:top;
}

/* Flagge als HG */
li.spanisch img {
	background-image:url(../_img/_flaggen/flagge_spanien.gif);
	background-repeat:no-repeat;
	background-position:top;
}

/* Hover */
li.deutsch a:hover img {
	background-image:url(../_img/_flaggen/flagge_deutschland.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
}

/* Hover */
li.spanisch a:hover img {
	background-image:url(../_img/_flaggen/flagge_spanien.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
}


/* Linkschrift nicht anzeigen */
#sprache span {
	display:none;
}

/* Sprache ausgewählt Bild der Flagge farbiger */
.website_deutsch li.deutsch img {
	background-image:url(../_img/_flaggen/flagge_deutschland.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
}

/* Sprache ausgewählt Bild der Flagge farbiger */
.website_spanisch li.spanisch img {
	background-image:url(../_img/_flaggen/flagge_spanien.gif);
	background-repeat:no-repeat;
	background-position:0 -20px;
}




/*==============================*/
/* Teil IV. 					*/
/* navi							*/
/*==============================*/

/* oben rechts positionieren */
#navi {
	position:relative;
	width:650px;
	margin-left:330px;
	padding-top:2px;z-index:100;
}

#navi a {
	color:#e3e2e1;
	color:#fbe7d4;
	display:block;
	padding:10px .8em;
	text-decoration:none;
/*	background-color:#FF9;*/
}

/* hover für alle a */
#navi a:hover,
#navi a:focus {
	color:#389296;
}

#navi a:active {
	color:#ee6537;
}

/* alle li in Reihe und ohne Listenpunkte */
#navi li {
	float:left;
	list-style:none;
}

/* alle li 1. Ebene gleich hoch (Platz f. HG) */
#navi ul.ebene01 li {
	padding-top:52px;
}

/* Aktiver link */
#index .start,
#bars .bars,
#drinks .drinks,
#cocktails .drinks,
#shooter .drinks,
#bier_und_wein .drinks,
#catering .catering,
#ohne_alkohol .drinks,
#ueber_uns .ueber_uns,
#team .ueber_uns,
#referenzen .ueber_uns,
#preise .preise,
#kontakt .kontakt, 
#impressum .impressum,
#index_sp .start,
#bars_sp .bars,
#drinks_sp .drinks,
#cocktails_sp .drinks,
#shooter_sp .drinks,
#bier_und_wein_sp .drinks,
#catering_sp .catering,
#ohne_alkohol_sp .drinks,
#ueber_uns_sp .ueber_uns,
#team_sp .ueber_uns,
#referenzen_sp .ueber_uns,
#preise_sp .preise,
#kontakt_sp .kontakt, 
#impressum_sp .impressum {
	background-image:url(../_img/_hintergruende/aktiver_link_png24.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* ************************ */
/* 2. Ebene *****************/
/* **************************/

/* 2. Ebene verstecken */
ul.ebene02 {
	position:absolute;
	left:-9999px;
}

/* 2. Ebene sichtbar bei Hover */
#navi li:hover ul {
	position:absolute;
	left:auto;
	background-image:url(../_img/_hintergruende/navi_ebene02_png24.png);
/*	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;*/
}

/* 2. Ebene formatieren */
ul.ebene02 li {
	width:10em;
	clear:left;
	margin-left:0;
	border-top:1px solid #000;
	padding-top:0 !important;
}

/* links 2. Ebene formatieren */
/* mit #navi als selektor wg spezifität */
#navi ul.ebene02 li a {
	padding:7px .7em;
}

/* navi links auf der Drinks-Seite */
#links_drinks a {
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	color:#fbe7d4;
	margin-bottom:0.7em;
}

/* links Preise-Seite */

/* navi links auf der Drinks-Seite */

/* hover */
#links_drinks a:hover,
#links_drinks a:focus {
	color:#389296;	
}

/* navi links auf der Drinks-Seite in Reihe */
#links_drinks h5 {
	display:inline;
	margin-right:2em;
}


/*==============================*/
/* Teil Va. 					*/
/* content						*/
/*==============================*/

#content_wrapper {
	margin-top:90px;
	min-height:100%;
	background-image:url(../_img/_hintergruende/hg_content_png24.png);
}

#content {
	position:relative; /* beseitig die Transparenz im IE<8 */ 
	padding:50px;
	background-image:url(../_img/_hintergruende/verlauf_content_png24.png); /* Schein Ecke oben links */
	background-repeat:no-repeat;
	background-position:top left;
}

/* Listen im Inhalt */
#content li {
	line-height:1.6em;
	margin-left:20px;
}

/* weiss hinterlegtes Feld Startseite */
#index #content_feld_weiss,
#kontakt #content_feld_weiss,
#index_sp #content_feld_weiss,
#kontakt_sp #content_feld_weiss {
	padding:20px;
}

/* Spalten Startseite */
.block_start {
	float:left;
	width:233px;
	height:14em;
	padding:15px 20px;
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
}

/* FOTOS BARS */
.container_bar {
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
	width:375px;
	height:33em;
	float:left;
	padding:20px;
	margin-top:20px;
}

/* Zweispaltigkeit Über uns Seite */
#ueber_uns .container_bar,
#ueber_uns_sp .container_bar {
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
	width:375px;
	height: auto;
	float:left;
	padding:20px;
	margin-top:20px;
}

/* Bars der linken Spalte erhalten Abstand nach rechts */
.abstand_rechts {
	margin-right:20px;
}

.foto_bar img {
	margin-top:10px;
}

/* Fotos floaten nach links */
.beschreibung_bar  {
	margin-top:10px;
}

/* FOTOS COCKTAILS */
.container_cocktails {
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
	width:385px;
	float:left;
	padding:15px;
	margin-top:15px;
}

/* Cocktailfoto links neben Text */
.foto_cocktail {
	float:left;
	margin-right:15px;
}

/* Cocktails der linken Spalte erhalten Abstand nach rechts */
#cocktails .abstand_rechts,
#cocktails_sp .abstand_rechts{
	margin-right:15px;
}

/* Hover Cocktailfoto */
.foto_cocktail a:hover img {
	border:1px solid #dbd4cd;
	width:98px;
	height:197px;
}

.float_foto {
	float:right;
	width:450px;
}

.float_foto img {
	margin:20px 20px 5px 20px;
	padding:3px;
	border:1px solid #389296;
}

/* Fotogruppe Teamseite */
#fotogruppe dl {
	float: left;	
}

.foto {
	margin:20px 40px 5px 0;
	padding:3px;
	border:1px solid #389296;
}

/* kein Rahmen um Referenzen */
#referenzen .foto,
#referenzen_sp .foto {
	border: none;	
}

/*==============================*/
/* Teil VI. 					*/
/* footer						*/
/*==============================*/

#footer {
	margin-top:2em;
	padding:4px 50px;
	height:1.8em;
	background-image:url(../_img/_hintergruende/hg_content_png24.png);
	font-size:0.8em;
}
	
/*==============================*/
/* Teil VII. 					*/
/* sonstiges.   				*/
/*==============================*/

/* Blöcke Preise-Seite */
.festpreispaket {
	width:160px;
	/*height:8em;*/
	float:left;
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
	padding:15px 20px;
	margin-bottom:15px;
}

.abstand_oben {
	margin-top:30px;
}

.festpreispaket h4 {
	font-size:1.4em;
	margin-bottom:0;
}

.festpreispaket h5 {
	text-align:right;
}

.abstand_rechts {
	margin-right:15px;
}

#graugans_logo {
	border:none;
}

/*==============================*/
/* Teil VIIa. 					*/
/* aktuelles	   				*/
/*==============================*/

/* Aktuelles Button */
#aktuelles_button {
	width:128px;
	height:129px;
	position:absolute;
	z-index:1000;
	right:-50px;
	top:-50px;
}

#aktuelles_button a {
	background-image:url(../_img/aktuelles_button.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:129px;
	width:128px;
}

/* Spanischer Button */
#index_sp #aktuelles_button a {
	background-image:url(../_img/aktuelles_button_sp.gif);
}

#aktuelles_button a {
	display:block;
}

/* Hover */
#aktuelles_button a.aktuelles:hover,
#aktuelles_button a.aktuelles:focus {
	background-position:right;
}


#aktuelles_button a span {
	display:none;
}


.wrapper_container_aktuelles {
	overflow:hidden;
	height:100%;
	margin-bottom:10px;
}

.container_aktuelles {
	background-image:url(../_img/_hintergruende/hg_textfeld_png24.png);
	width:375px;
	position: relative;
	/*height:33em;*/
	padding:20px 20px 1000px 20px;
    margin-bottom: -1000px;
	float:left;
	margin-top:20px;
}

/* sorgt für Abstand nach unten, da padding nicht möglich */
.abstand_unten {
	height:20px;
}

.container_aktuelles img {
	margin-bottom:20px;
	
}

.container_aktuelles h5 {
	/*text-align:right;*/
}

/* jetzt buchen! */
.buchen {
	color:#ee6537;
}