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

/*==================================*/
/* Website Jazzclub-itzehoe.de		*/
/* Datum: September 2009			*/
/* Autor: graugans-design			*/
/*==================================*/

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

/*==============================*/
/* Farben:						*/
/* hg 				#e9e9e8		*/
/* hg content		#efeff0		*/
/* text	scwarz		#000	 	*/
/* fliesstext		#000		*/
/* kontur hell		#efeff0		*/
/* kontur dunkel    #bdbdba	    */
/* hg spalte braun 	#f0e1c0		*/
/* hg spalte hellbraun 	#f7f1e7	*/
/* (formular)					*/
/* kontur braun 	#cdad7c		*/
/*==============================*/

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

* {
	margin:0;
	padding:0;
}

html {
	height:101%;
}

body {
	background:url(_img/hg_body.jpg) no-repeat top center #e9e9e8;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:90%;
}

/* links im text */
#content a {
	color:#090;
}

/* linkhover im text */
#content a:hover,
#content a:focus,
#content a:active {
	color:#060;
}



/*==============================*/
/* Teil II. 					*/
/* wrapper						*/
/*==============================*/

#wrapper {
	width:950px;
	margin:20px auto 20px auto;
	background:#efeff0;
}

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

#header {
	position:relative;
	z-index:100;
	background:url(_img/header.jpg);
	height:200px;
	border-bottom:1px solid #efeff0;
}

h1 {
	display:none;
}

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

#navi {
	background:#efeff0;
	height:2em;
	border-top:1px solid #bdbdba;
	border-bottom:1px solid #bdbdba;
	position:relative;
	z-index:100;
}

#navi ul {
	border:1px solid #efeff0;
}

#navi li {
	list-style:none;
	float:left;
	background:url(_img/hg_navi_trennstriche.gif) right top no-repeat;
}

/* letzter link keine gestrichelte linie rechts */
.kontakt {
	background-image:none !important;
}

#navi a {
	text-decoration:none;
	display:block;
	letter-spacing:1px;
	font-size:95%;
	font-variant:small-caps;
	padding:2px 14px 0 14px;
	color:#000;
}

#navi a:hover,
#navi a:focus,
#navi a:active { 
	text-decoration:underline;
	outline:none;
}

/* aktiver link */
#index .start a, 
#grabmale .grabmale a,
#kindersteine .kindersteine a,
#grabgestaltung .grabgestaltung a,
#gartensteine .gartensteine a,
#trauerarbeit .trauerarbeit a,
#galerie .galerie a,
#kontakt .kontakt a {
	background:url(_img/hg_navi_hover.gif) no-repeat top left;
}


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

/* klassen für den inhalt */
/* bilderrahmen */

.bild_rahmen_aussen {
	border:1px solid #bdbdba;
	margin-top:-5px;
}

.bild_rahmen_innen {
	border:5px solid #d8d8d6;
}

/* bild im fliesstext links */
.bild_fliesstext_links {
	width:250px;
	float:left;
	margin:10px 30px 10px 0;
}

/* bild im fliesstext rechts */
.bild_fliesstext_rechts {
	width:250px;
	float:right;
	margin:10px 0 10px 30px;
}

/* bild im fliesstext rechts */
/* nur gartensteine */
#gartensteine .bild_fliesstext_rechts {
	width:182px;
	float:right;
	margin:10px 0 10px 30px;
}

/* bildunterschrift */
.bildunterschrift {
	font-size:0.8em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin-top:4px;
	margin-left:5px;
	text-align:left !important;
	line-height:1.4em;
}

/* mysteriöse lücke unter bild weg */
.bild_rahmen_aussen img {
	margin-bottom:-6px;
}

/* bildunterschrift rechts und links*/
.schriftstil_rechte_spalte, 
.bildunterschrift {
	font-size:90%;
	line-height:1.4em;
	margin-top:6px;
	margin-bottom:20px;
	font-style:italic;
}

/* bildunterschrift nur fliesstext links */
.bildunterschrift {
	margin:4px 5px 0 5px !important;
	text-align:left !important;
	line-height:1.4em;
}


#content {
	clear:both;
	overflow:hidden;
}

/* zeilenabstand nach absatz kleiner */
.absatz {
	line-height:1em;
}

.abstand {
	margin-bottom:10px;
}

.abstand_oben {
	margin-top:20px;
}

.kindergedenkstaetten li {
	margin-left:17px;
	line-height:1.3em;
}

.klein {
	font-size:70%;
}

.fett {
	font-weight:bold;
}

.trauerseminare {
	padding:8px 0;
	margin-bottom:10px;
}

.trauerseminare  p {
	margin-bottom:.8em;
}

.trauerseminare h4 {
	margin-bottom:.8em;
}

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

#spalte_links {
	float:left;
	width:584px;
	padding:30px 50px;
	background:url(_img/hg_spalte_links.gif) repeat-x top #efeff0;
	border:1px solid #efeff0;
}

#spalte_links p {
	text-align:justify;
}

h3 {
	font-size:2em;
	margin-bottom:5px;
	font-weight:normal;
	line-height:1.2em;
}

h4 {
	font-size:1.3em;
	margin-bottom:25px;
	font-weight:normal;
	line-height:1.2em;
}

h5 {
	font-size:1em;
	line-height:1.2em;
	margin-bottom:0.2em;
}

/* VITA */
#spalte_links .vita {
	margin-top:0px;
	width:350px;
	float:left;
}

#kontakt #spalte_links .bild_fliesstext_rechts {
	width:204px;
}

#spalte_links .vita span {
	font-weight:bold;
}

#spalte_links .vita li {
	list-style:none;
}

/* überschriften ersetzen */
/*.header_start {
	background:url(_img/content/header_start.gif) no-repeat;
	height:80px;
	width:453px;
	margin-top:-5px;
	margin-bottom:20px; 
}
*/
/* html überschrift eusblenden */
/*.ausblenden {
	display:none;
}*/

/*==============================*/
/* Teil Vc. 					*/
/* spalte_rechts				*/
/*==============================*/

#spalte_rechts {
	margin-left:686px;
	padding:30px;
}

#spalte_rechts .bild_rahmen_aussen {
	margin-top:0;
}

/* durch companion border left ganz durchgehend */
#companion {
	height:1em;
	float:right;
	width:263px;
	padding-top:2000px;
	margin-top:-2000px;
	border-left:1px solid #bdbdba;
}	

hr {
	clear:both;
	height:0.1px;
	border:none;
	visibility:hidden;
	margin:0;
	padding:0;
}

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

#footer {
	clear:both;
	/*height:60px;*/
	background:url(_img/hg_footer.gif) top repeat-x #bdbdba;
	text-align:left;
	padding:10px 50px 30px 50px;
}

#footer ul {
	text-align:left;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
}

#footer li {
	display:inline;
	list-style:none;
	color:#FFF;
	border-right:1px solid #fff;
	padding-right:12px;
	padding-left:10px;
}

/* start kein padding */
#footer li.start_footer {
	padding-left:0;
}

/* impressum kein border-right */
#footer li.impressum {
	border-right:none;
}

#footer a, #footer p {
	color:#FFF;
	font-size:80%;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	line-height:1.3em;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	color:#ddd;
}

/* adressen mittig */
#adresse_container {
	clear:both;
}

#adresse_container p {
	line-height:1.5em;
}

/* adressblöcke nebeneinander */
.adresse1 {
	float:left;
	margin-right:30px;
	text-align:left;
}

.adresse2 {
	margin-top:10px;
}


/*==============================*/
/* Teil VII. 					*/
/* Formular						*/
/*==============================*/

#formular {
	position:relative;
	z-index:1000;
}

/* umrahmung formular */
#formular fieldset {
	border:1px solid #bdbdba;
	padding:10px 10px 10px 10px;
	width:185px;
	float:left;
	margin-right:30px;
}

/* formular überschrift */
#formular legend {
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
}

/* formularfeldbeschriftung über feld */
#formular label {
	display:block;
}

/* formularfeld */
#formular input {
	height:1.3em;
	width:174px;
	padding:2px 3px 4px 3px;
}

/* textfeld */
#formular textarea {
	height:10em;
	width:174px;
	overflow:auto;
	padding:2px 3px 4px 3px;
}

/* absendeknopf */
#formular #senden {
	width:120px;
	height:2em;
	margin-left:32px;
}

/* abstände */
#formular #name,
#formular #email,
#formular textarea {
	margin-bottom:10px;
}
	
/*==============================*/
/* Teil VIII. 					*/
/* sonstiges					*/
/*==============================*/



/* impressum */
/* text linksbündig */
#impressum #spalte_links p {
	text-align:left;
}

/* keine rechte spalte */
#impressum #spalte_rechts,
#galerie #spalte_rechts {
	display:none;
	position:absolute;
}

/* linke  spalte breiter */
#impressum #spalte_links,
#galerie #spalte_links {
	width:848px;;
}

/* companion weg, sonst border */
#impressum #companion,
#galerie #companion {
	display:none;
}

/* galerie */
/* galerie bilder */
#galerie .bild_rahmen_aussen {
	float:left;
	margin-right:10px;
}

/* Überschrift in den Tabs */
h6 {
	font-size:.8em;
	margin-bottom:.8em;
}

#galerie .bild_rahmen_innen {
}

#galerie #galerie_zeile {
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	padding-top:20px;
}

.ohne_linie {
	border-bottom:none !important;
}