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

/*==================================*/
/* Website pasatiempo.de 2.0		*/
/* Datum: November	 2009			*/
/* Autor: Graugans-design			*/
/*==================================*/

/*==============================*/
/* Inhalt:						*/
/* Ia.	allgemeine Format.		*/
/* Ib.	Klassen					*/
/* IIa.	wrapper_1				*/
/* IIb.	wrapper_content			*/
/* III.	header					*/
/* IV. 	navi					*/
/* Va.	content					*/
/* Vb.	spalte_links			*/
/* Vc.	spalte_rechts (fotos)	*/
/* VI.	footer					*/
/* VII.	sonstiges				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* Hg-body:		#dcd3be			*/
/*==============================*/

/*==============================*/
/* Teil Ia. 					*/
/* allg. Format.				*/
/*==============================*/

* {
	margin:0;
	padding:0;
}

html {
	height:101%;
}

body {
	background-color:#dcd3be;	
	height:100%;
	color:#8c613b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color:#8a4609;
	margin-bottom:.8em;
	line-height:1.4em;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#8c613b;
	margin-bottom:.8em;
	line-height:1.2em;
}


p {
	margin-bottom:1em;
	line-height:1.6em;
	font-size:.7em;
}

a {
	color:#8a4609;
}

a:hover {
	color:#b4743b;
}

#spalte_links li {
	margin-left:20px;
	line-height:1.6em;
	font-size:.7em;
}

/*==============================*/
/* Teil Ib. 					*/
/* Klassen						*/
/*==============================*/

.fett {
	font-weight:bold;
}

.links a {
	color:#8c613b;
}


.verblasst, .verblasst a {
	color:#e9d9cb;
}

/*==============================*/
/* Teil IIa. 					*/
/* wrapper_1					*/
/*==============================*/

#wrapper_1 {
	background:url(../_img/hg_wrapper_1_kopie.jpg) top center no-repeat;
	min-height:100%;
	position:relative; /* bezugspunkt für footer */
}

/* IE-Hack */
*html #wrapper_1 {
	height:100%;
}

/*==============================*/
/* Teil IIb. 					*/
/* wrapper_content				*/
/*==============================*/

/* Zentrieren des Inhaltsbereichs */
#wrapper_content {
	width:950px;
	margin:0 auto;
	padding-bottom:310px;
	position:relative;
	background-image:url(../_img/hg_wrapper.jpg);
	background-repeat:no-repeat;
}

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

#header {
	height:203px;
}

#header h1, #header h2 {
	display:none;
}

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

/* navigation aus dem fluss nehmen */
#navi {
	position:absolute;
}

/* keine listenpunkte */
#navi li {
	list-style:none;
}

/* html-links nicht anzeigen */
#navi span {
	display:none;
}

#navi img {
	border:none;
}

/* erst bild für den hover positionieren */
.start a img {
	position:absolute;
	top:38px;
	left:11px;
}

/* hover start */
.start a:hover img {
	position:absolute;
	top:38px;
	left:11px;
	background:url(../_img/navi/start.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.ensemble a img {
	position:absolute;
	top:92px;
	left:11px;
	height:43px;
}
/* hover ensemble */
.ensemble a:hover img {
	position:absolute;
	top:92px;
	left:11px;
	background:url(../_img/navi/ensemble.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.termine a img {
	position:absolute;
	top:139px;
	left:9px;
}
/* hover ensemble */
.termine a:hover img {
	position:absolute;
	top:139px;
	left:9px;
	background:url(../_img/navi/termine.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.booking a img {
	position:absolute;
	top:212px;
	left:15px;
}
/* hover ensemble */
.booking a:hover img {
	position:absolute;
	top:212px;
	left:15px;
	background:url(../_img/navi/booking.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.musik a img {
	position:absolute;
	top:257px;
	left:11px;
}
/* hover ensemble */
.musik a:hover img {
	position:absolute;
	top:257px;
	left:11px;
	background:url(../_img/navi/musik.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.mehr_salsa a img {
	position:absolute;
	top:298px;
	left:4px;
}
/* hover ensemble */
.mehr_salsa a:hover img {
	position:absolute;
	top:298px;
	left:4px;
	background:url(../_img/navi/mehr_salsa.jpg) no-repeat;
}

/* erst bild für den hover positionieren */
.conga_para_cuba a img {
	position:absolute;
	top:343px;
	left:4px;
}
/* hover ensemble */
.conga_para_cuba a:hover img {
	position:absolute;
	top:343px;
	left:4px;
	background:url(../_img/navi/conga_para_cuba.jpg) no-repeat;
}






/*==============================*/
/* Teil Va. 					*/
/* content						*/
/* content_1: hg_oben			*/
/* content_2: hg_unten			*/
/* content_3: hg_mitte als 		*/
/*			streifen			*/
/*==============================*/

#content_1 {
	width:660px;
	background:url(../_img/hg_content_oben.jpg) top no-repeat;
	margin-left:282px;
	padding-top:96px; /* sonst ist der hg nicht sichtbar */
}

#content_2 {
	background:url(../_img/hg_content_unten.png) bottom no-repeat; /* für den IE als jpg! */
	padding-bottom:63px; /* sonst ist der hg nicht sichtbar */
}

#content_3 {
	background:url(../_img/hg_content_mitte.gif) 6px repeat-y;
	padding:0 80px 1em 60px;
	min-height:400px;
}




/*==============================*/
/* Teil Vb. 					*/
/* spalte_links					*/
/*==============================*/

/* ensemble Fotos */
#ensemble #spalte_links img {
	float:left;
	border:1px solid #8c613b;
	font-size:10px;
	padding:2px;
	margin-bottom:5px;
}

.abstand_rechts {
	margin-right:5px;
}


/*==============================*/
/* Teil Vc. 					*/
/* spalte_rechts (fotos)		*/
/*==============================*/

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

#footer {
	height:281px;
	width:100%;
	position:absolute;
	bottom:0;
	background:url(../_img/hg_footer.jpg) top center no-repeat;
	z-index:0;
}

/* Plakat Navigation footer */
#navi_footer {
	position:absolute;
	width:143px;
	height:193px;
	bottom:80px;
	left:100px;
	background-image:url(../_img/navi/plakat_footer.jpg);
	z-index:100;
}

/* keine Listenpunkte */
#navi_footer li {
	list-style:none;
}

/* links nicht anzeigen */
#navi_footer span {
	display:none;
}

/* keine Rahmen */
#navi_footer img {
	border:none;
}

/* hover-Effekt Impressum */
.impressum a:hover img {
	background-image:url(../_img/navi/plakat_footer_hover.jpg);
	width:143px;
	height:43px;
}

/* hover-Effekt Kontakt */
.kontakt a:hover img {
	background-image:url(../_img/navi/plakat_footer_hover.jpg);
	background-position:left -46px;
	width:143px;
	height:30px;
}

/* hover-Effekt Galerie */
.galerie a:hover img {
	background-image:url(../_img/navi/plakat_footer_hover.jpg);
	background-position:left -79px;
	width:143px;
	height:40px;
}

/* hover-Effekt Gästebuch */
.gaestebuch a:hover img {
	background-image:url(../_img/navi/plakat_footer_hover.jpg);
	background-position:left -115px;
	width:143px;
	height:40px;
}

/*==============================*/
/* Teil VII. 					*/
/* sonstiges					*/
/*==============================*/