@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			*/
/* Vd. 	spalte rechts content   */
/* VI.	footer					*/
/* VII.	sonstiges				*/
/*==============================*/

/*==============================*/
/* Farben:						*/
/* hg 				#fff		*/
/* hg content		#e9bb6e		*/
/* text	braun		#3f2814 	*/
/* fliesstext		#000		*/
/* hg navi dunkelblau #97b1be	*/
/* hg navi hellblau #dfe7eb	    */
/* hg spalte braun 	#f0e1c0		*/
/* hg spalte hellbraun 	#f7f1e7	*/
/* (formular)					*/
/* kontur braun 	#cdad7c		*/
/*==============================*/

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

* {
	margin:0;
	padding:0;
	color:#000;
}

/* laufleiste firefox */
html {
	height:101%;
}

body {
	background:url(_img/hg_body.jpg) top center no-repeat;
}

* html body {
	background:none;
}

/*clearing der floats */
hr {
	clear:both;
	height: .1px;
	border: none;
	visibility:hidden;
	margin: 0;
	padding: 0;
}

h3 {
	font-size:2em;
	color:#3f2814;
	padding-bottom:0.5em;
	font-weight:normal;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	padding-bottom:0.3em;
	padding-top:0.3em;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	margin-bottom:1em;
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
}

h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	margin-top:0.5em;
}

p, ol li, {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.9em;
	line-height:1.5em;
}

/* abstand unter absatz*/
p {
	margin-bottom:0.8em;
}

/* einrückung der geordneten liste */
ol li {
	margin-left:20px;
}

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

#wrapper {
	width:950px;
	background:url(_img/hg_wrapper.png) 0px 375px repeat-y;
	margin:10px auto;
}

*html #wrapper {
	background:url(_img/hg_wrapper_ie.gif) 0px 375px repeat-y;
}

#wrapper2 {
	background:url(_img/hg_wrapper_abschluss.gif) bottom no-repeat;
}

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

#header {
	height:220px;
	background:url(_img/header.jpg) no-repeat;
}

* html #header {
	background:url(_img/header_temp.jpg) no-repeat;
}

/* überschriften unsichtbar */
#header h1, #header h2 {
	display:none;
}

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

#navi_main {
	text-align:right;
	padding:10px 20px;
}

/* keine aufzählungspunkte */
#navi_main li {
	list-style:none;
}

#navi_main a {
	display:block;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1em;
	margin-bottom:7px;
	padding-top:0.2em;
	padding-right:5px;
	border-bottom:1px solid #069;
	color:#069;
}

/* sonst zu grosser abstand zwischen den links */
* html #navi_main a {
	height:20px;
	padding-top:10px;
	margin-bottom:0;
}

/*hover */
#navi_main a:hover,
#navi_main a:focus, 
#navi_main a:active {
	background:#dfe7eb;
	outline:none;
}

/* effekt bei klick */
#navi_main a:active {
	color:#dfe7eb;
	background:#069;
	outline:none;
}

/* aktiver link */
#index .start,
#clubabende .clubabende,
#veranstaltungen .veranstaltungen,
#aktuelles .aktuelles,
#geschichte .geschichte,
#freunde .freunde,
#mitglied_werden .mitglied_werden,
#kontakt .kontakt,
#impressum .impressum {
	font-weight:bold;
}
	
#logo {
	margin-top:20px;
	margin-bottom:20px;
}

/*==============================*/
/* Teil V. 						*/
/* wrapper_content				*/
/*==============================*/

#wrapper_content {
	padding:10px 10px 30px 10px; /* schlagschatten ausgleichen achtung IE6! */
}

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

#content {
	padding:0 20px 10px 20px;
}

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

#spalte_links {
	float:left;
	width:200px;
}

.datum, .ort{
	font-size:90%;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:0;
}

.ort {
	margin-bottom:0.8em;
}

.klein {
	font-size:60%;
}

.bild_im_veranstaltungstext {
	float:left;
	margin:0.4em 10px 10px 0;
	padding:5px;
	border:1px solid #000;
}

.fett {
	font-weight:bold;
}

.rot {
	color:#F00;
}

/* linktext */
.karten_bestellen {
	text-align:right;
	color:#069;
	font-size:90%;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* linktext */
.karten_bestellen a {
	color:#069;
	padding:2px 4px 0 4px;
}

.karten_bestellen a:hover,
.karten_bestellen a:active {
	background:#dfe7eb;
}

.karten_bestellen a:active {
	color:#dfe7eb;
	background:#069;
	outline:none;
}

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

#spalte_rechts {
	margin-left:200px;
	background:url(_img/hg_loecher.gif) left top repeat-y;
	padding-left:10px;
	padding-bottom:0;
	margin-bottom:10px;
}

#content_unter_h3 {
	background-image:url(_img/hg_faux_column.gif);
	background-repeat:repeat-y;
	background-position:right;
	margin-top:10px;
}

#content_links {
	float:left;
	width:430px;
}

#content_rechts {
	margin-left:460px;
}

.block_braun {
	padding:10px 0 5px 10px;
}

.bildunterschrift_sidebar {
	font-size:80%;
	font-style:italic;
	padding:0 5px;
}

/* nachlese auf der veranstaltungsseite */
.nachlese h5 {
	font-size:150%;
}

.nachlese {
	padding: 20px 10px;
	font-size:80%;
}


#spalte_rechts ul li {
	line-height:1.5em;
	margin-left:20px;
}

/* hover im content */
#spalte_rechts a:hover,
#spalte_rechts a:focus {
	color:#069;
	outline:none;
}


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

#footer {
	padding:5px 30px;
	text-align:center;
	background:#fff;

}

#footer p, #footer li {
	font-family:Verdana, Geneva, sans-serif;
	font-size:60%;
	letter-spacing:2px;
}

/* navi im footer */
#footer ul {
	margin-bottom:0.5em;
}

/* links im footer */
#footer li {
	display:inline;
	list-style:none;
}

/* hover im content */
#footer a:hover,
#footer a:focus {
	color:#069;
}

	

/*==============================*/
/* Teil VII. 					*/
/* formulare    				*/
/*==============================*/

/*================================
formatierung für alle Formulare
=================================*/

/* eingabefelder beschriftung */
.formular_container label { /* newsletter */
	display:block;
	margin-top:10px;
}

/* eingabefelder */
.formular_container input {
	background-color:#dfe7eb;
	border:none;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	width:152px;
	height:1.4em;
	padding:0.2em 0.3em 0.1em 0.3em;
	display:block;
}

/* absendenknopf */
.formular_container #senden {
	background-image:url(_img/absenden_knopf.gif);
	width:160px;
	height:27px;
	border:none;
	margin-top:10px;
	padding-bottom:4px;
}

.formular_container #senden:hover {
	background-image:url(_img/absenden_knopf_hover.gif);
}

/* schriftart im formularbereich */
.formular_container p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
}


/*================================
Newsletter
=================================*/

.formular_container {
	padding:10px 20px;
}

#newsletterformular label {
	margin-bottom:3px;
}

/*================================
Kontakt
=================================*/

/* kontaktformular weiter links */
.formular_container #kontaktformular {
	margin-left:-20px;
}

/* eingabefelder nur kontaktseite breiter */
#kontaktformular input {
	width:222px;
}

/* texteingabefeld kontakt formular*/
.formular_container textarea {
	background-color:#dfe7eb;
	border:none;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	width:222px;
	height:10em;
	padding:0.2em 0.3em 0.1em 0.3em;
	display:block;	
}



/*================================
Karten bestellen
=================================*/

/* zeilenumbruch */
#karten_formular .block {
	display:block;
}

/* keine absatzabstände im kartenformular */
.formularcontainer p {
	margin-bottom:0;
}

/* eingabefelder karten bestellen */
.formularcontainer input {
	background-color:#dfe7eb;
	border:none;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	width:222px;
	height:1.4em;
	padding:0.2em 0.3em 0.1em 0.3em;
}

/* optionsfeld karten bestellen */
.formularcontainer select {
	background-color:#dfe7eb;
	border:none;
	border-top:1px solid #069;
	border-bottom:1px solid #069;
	height:1.8em;
	padding:0.2em 0.3em 0.1em 0.3em;
}

/* eingabefelder karten bestellen */
/* einige lang, einige kurz */
.formularcontainer input.kurz {
	width:5em !important;
}

/* innenabstand zum rahmen */
/* rahmenfarbe, aussenabstand */
#karten_formular fieldset {
	padding:10px;
	border:1px solid #069;
	margin-bottom:15px;
}

/* abschnittsüberschriften (legend) abstand zum rahmen */
#karten_formular legend {
	font-weight:bold; /* fett */
	padding-left:3px;
	padding-right:3px;
	margin-left:-3px; /* wieder bündig rücken */
}

/* IE 6 abstand legend nach unten */
*html #karten_formular legend {
	margin-bottom:10px;
}

/* IE 7 abstand legend nach unten */
*+html #karten_formular legend {
	margin-bottom:10px;
}

/* anzahl eintrittskarten selbe zeile wie input */
#kanzahl {
	width:3em;
}

/*abstand der eingabefelder nach unten */
#karten_formular .formularelement_abstand {
	margin-bottom:10px;
}

/* radiobuttons wenig breite */
#karten_formular input#abendkasse,
#karten_formular input#post,
#karten_formular input#mitglied,
#karten_formular input#kein_mitglied {
	width:1em;
	height:0.9em;
	margin-left:5px;
	margin-right:20px;
	border:none;
	background:none;
}

/* absendenknopf */
#karten_formular #senden {
	background-image:url(_img/absenden_knopf.gif);
	width:160px;
	height:27px;
	border:none;
	margin-top:10px;
	padding-bottom:1px;
}

#karten_formular #senden:hover {
	background-image:url(_img/absenden_knopf_hover.gif);
}

/* Fotagalerie und Impressum ohne Sidebar */
#fotogalerie #content_rechts,
#impressum #content_rechts{
	display:none;
}

/* keine faux-column */
#fotogalerie #content_unter_h3,
#impressum #content_unter_h3{
	background-image:none;
}

/* Inhaltsspalte breit wie rechte Spalte */
#fotogalerie #content_links,
#impressum #content_links {
	float:none;
	width:100%;
}

#graugans_logo {
	border:none;
}