body {
/*	background: url(grafik/karre_1400x620_transp_gesp.gif) bottom right no-repeat fixed; */
	background: #fff1cc url(grafik/bgnd_gerste.jpg) bottom right no-repeat fixed; 
	/* Karren hat Farbe #FFECB4 */
}

/* Erstmal alle Ränder auf 0. Im Einzelfall explizit setzen */
body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {	
	margin: 0; 
	padding: 0;	 
	border: 0px solid #fff; /*  DEBUG */ 
}

/******************************************************************************************/
/* KOPFLEISTE mit Till Nine Logo und Hintergrundfarbe */
/******************************************************************************************/

#header {
	height:51px; /* Exakte Höhe von t9_logo.gif */
	padding-top: 10px; 
/*	background: #b0c7e3 url(grafik/t9_logo.gif) bottom left no-repeat; *//* 558 x 51px */ 
/*	background: #b6c9de url(grafik/bgnd_headline_wood.jpg) bottom right no-repeat;*/
	background: #b6c9de url(grafik/bgnd_headline_celtic.jpg) bottom right no-repeat;
}


/******************************************************************************************/
/* NAVIGATOR Position, Größe, Farben */				
/******************************************************************************************/

#nav { 
	margin:0;
	padding-left:  10px; /* Einrücken (linke Textkante bündig mit Logo und h1)*/
	padding-top:    4px; /* Backgroundrand oberhalb Textes */
	padding-bottom: 4px; /* Backgroundrand unterhalb des Textes */
	background: #5D6832 url(grafik/nav_bgnd.jpg); /* DEFAULT Grafik für Navihintergrund */
	overflow:hidden;  /* schneidet hover-bgnd-grafik auf Maß ab. s. #nav li a */
}
#nav ul {	
	padding: 0; margin: 0;
	list-style:none; /* kein Bullet Zeichen */
} 
#nav li {	
	display:inline;  /* in einer Zeile anzeigen */
}
#nav li a {
	/* Padding dehnt die Bgnd-Grafiken um den Text aus */
	padding-top:  18px;  /* hier übertreiben, wird mit #nav hidden abgeschnitten */
	padding-bottom: 18px; /* hier übertreiben, wird mit #nav hidden abgeschnitten */
	padding-left: 9px;
	padding-right: 8px;  
	text-decoration: none; 
	text-transform: lowercase;
	}
#nav li a:hover {
	background:url(grafik/nav_hover.jpg); } /* HOVER Hintergrundgrafik */
#nav a:link       { color: #e6f0b2;}
#nav a:visited { color: #cbd598;}
#nav a:hover    { color: #faffc5;}
	
/* Hervorhebung der aktuellen Unterseite im Navigator*/
#home #navHome a,
#band #navBand a,
#musik #navMusik a,
#presse #navPresse a,
#termine #navTermine a,
#kontakt #navKontakt a,
#gaestebuch #navGaestebuch a,
#links #navLinks a,
#WWWalt #navWWWalt a  {
	background:url(grafik/nav_actual.jpg); /* Grafik für AKTUELL angezeigte Site */
	color: #faffc5; /* Textfarbe */
}
	
/******************************************************************************************/
/* SCHRIFTART, Default Textgrößen, Textfarben, Absatz-abstände */
/* margin: O R U L */
/******************************************************************************************/

body {
/*	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal; /* italic, oblique */
	font-variant: normal;
	font-weight: normal; /* bold */
	font-size: 0.94em;
	line-height: 1.0;
	color: #3e4723; /* Schrift default dunkelgrün. Explizite Definition s.u. */ 
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; } /* erstmal alles auf normal */

h1 { font-size:1.87em; color:#a4a867; margin: 20px 0 30px 0; /* 20: Abstand zu #nav */
	padding-left:10px; /* linker Containerrand */}
h2 { font-size:1.33em; color:#54758f; margin: 30px 0 15px 0;}
h3 { font-size:1.20em; color:#2d3715; margin: 15px 0 10px 0;}
p  { font-size:1.00em; color:#3e4723; margin: 10px 0 10px 0; /* unten 0 => letzter Absatz bündig mit Elementrahmen */
	letter-spacing:0.02em; /* 0.03em */
	line-height: 1.3;
}

/*
#sidebox h1, #bottombox h1, #sidebox h2, #bottombox h2 
{ font-family: Georgia, "Times New Roman", Times, serif;}
#sidebox ,   #bottombox     
{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
*/
/*
#sidebox h1, #bottombox h1 { font-size:1.33em; color:#54758f; margin: 15px 0 10px 0; padding: 0;}
#sidebox h2, #bottombox h2 { font-size:1.20em; color:#2d3715; margin: 10px 0 5px 0;}
#sidebox h3, #bottombox h3 { font-size:1.00em; color:#2d3715; margin: 10px 0 5px 0;}
#sidebox p,  #bottombox p  { font-size:0.75em; color:#3e4723; margin: 5px 0 5px 0;}

*/
#sidebox h1, #bottombox h1 { font-size:1.71em; color:#a4a867; margin: 15px 0 10px 0; padding: 0;}
#sidebox h2, #bottombox h2 { font-size:1.22em; color:#54758f; margin: 10px 0 5px 0;}
#sidebox h3, #bottombox h3 { font-size:1.10em; color:#2d3715; margin: 10px 0 5px 0;}
#sidebox p,  #bottombox p  { font-size:0.92em; color:#3e4723; margin: 5px 0 5px 0;}

#sidebox a,  #bottombox a  { font-size:1.00em; font-weight:bold; text-decoration:none; }

p.noscript { font-size:0.85em; font-style:italic; color:#dc4fca;}

ul {	list-style:circle outside; /* ausgerückt, dafür aber... */
	padding-left: 30px; /* ...alles zusammen eingerückt 20px */
	margin: 10px 0 0 0;
	line-height: 1.3;
}
li { margin: 10px 0 0 0; } /* Abstand der Listeneinträge untereinander */

a 			{ font-size:0.85em; font-weight: bold; text-decoration:none; }
a:link 		{ color: #9d3550;  }  /* alt: 613542 */
a:visited	{ color: #9d3550;  }
a:hover		{ color: #ae65a5; font-weight: bold; text-decoration:underline; }
a:active	{ color: #9d3550; }

#nav a{
	font-size:0.85em;  /* Schriftgröße hier einstellen => passt Balkenhöhe automatisch an */
	font-weight:bold;
}

#links a { target:_blank; } /* Links auf externe Seiten in neuem Fenster anzeigen */

/******************************************************************************************/
/* Positionen, Rahmen, Layout außer Headline und Navigator */
/******************************************************************************************/

#containerTEST {
	border: 0px solid #f00;  /* DEBUG */
	width: 100%; /* hier Breite für Inhalt angeben, prozentual oder absolut */
	height: 100%;
	float: left;
	margin:0px -500px 20px 0px; /* margin<0: ist ein Trick: schafft Platz für sidebox außerhalb container */
	/* -500px oder größer, ist ziemlich egal */
	padding:0;
}
#container {
	border: 0px solid #f00;  /* DEBUG */
	width: 100%; /* hier Breite für Inhalt angeben, prozentual oder absolut */
	height: 100%;  /***************##### hier klappt was nicht mit der Höhe **************/
	padding:0;
	padding-bottom: 15px; /* für letzte Zeile (Fusszeile) Abstand zum Browserfenster */
}

/* DEBUG BORDER ohne Container */
#content, #content_wennsidebox, #sidebox, #bottombox {
	border: 0px solid #f0f; /* DEBUG */
/*	line-height: 1.5;*/
}

#content{ /* für alle außer HOME Seite */
	margin:0px 10% 0 10%; 
}
#home #content{ /* HOME Seiteninhalt */
	width: 600px; 
}

#content_wennsidebox{ /* nur content wenn auch sidebox */
/* margin:0px 300px 0 10%; */ /* Für HOME Seite: breiter rechter Rand = Platz für sidebox */
	margin:0px 30% 0 10%; /* Für HOME Seite: 30% breiter rechter Rand = Platz für sidebox */
}

#content img, #content_wennsidebox img { box-shadow:3px 3px 3px #666; }/* R U Weichheit Farbe */

/* sidebox steht außerhalb von <div id=container> */
#sidebox {
	float: right;
	width: 15%; /* 200 px*/
	border:0px solid #a88;
	margin:85px 5% 0 0; /* R=40px Abstände nach außen zum Eltern/Nachbarelement z.B. zum #nav */
	padding:10px 10px 20px 10px; /* Abstand vom sidebox Rand zum inneren Text */
	background: #ecc7ce url(grafik/bgnd_blumen.jpg) top left no-repeat;
	border-radius:10px;
	box-shadow:3px 3px 3px #666; /* 3. Wert für Weichzeichner */
}

#bottombox {
	width: 580px; /* nicht breiter als Foto=600px */
	margin:0px 10% 0 10%; 
	border:0px solid #a88;
	padding:10px 10px 20px 10px; /* Abstand vom sidebox Rand zum inneren Text */
	background: #ecc7ce url(grafik/bgnd_blumen.jpg) top left no-repeat;
	border-radius:10px;
	box-shadow:3px 3px 3px #666; /* 3. Wert für Weichzeichner */
}

#fusszeile { margin:30px 10% 0 0 ; padding-bottom: 15px;}
#fusszeile #nachoben { float: right; }

/***  Spaltentext mit Hilfe von Tabellen */
#band #content .mitglied , #musik #content table{ 
	border:0px solid #000; /* DEBUG */
	border-spacing:0px;
}
#band #content .mitglied  td, #musik #content td { vertical-align:top; padding:0; } /* Bild und Text oben */
#band #content .mitglied  td  h2, #musik #content td  h3   { margin-top: 0;} /* Überschriften in Tabelle oben bündig */
#band #content .mitglied  td  img, #musik #content td  img { margin-right: 20px;} /* rechts Platz zur Textspalte */
#band #content .mitglied  td  img { width: 200px;} /* Bildbreite einheitlich */

/* Tabelle für Dias Sonderbehandlung*/
#band #content #pressefotos { 
	border:0;
	border-spacing:20px;}

#band #content #pressefotos td {
	height: 220px;
	width: 220px;
	vertical-align:middle; 
	text-align:center;
	border:0;
	margin:0; 
	padding:0; 
/*	background: #ecc7ce; *//* flieder */
	background: #999; /* grau */
	border-radius:10px;
	box-shadow:3px 3px 3px #666; /* 3. Wert für Weichzeichner */
}
#band #content #pressefotos .dia  img {
box-shadow: -1px -1px 8px #333; /* R U 3. Wert für Weichzeichner */
}
 
/*** Gästebuch */
#gaestebuch {overflow:hidden;} /* body ohne Scrollleisten */ 

#gaestebuch iframe {
	overflow:auto;  /* iframe selber aber mit Scrollleiste */
	margin: 0;
	padding: 0;
	border:0px solid #F00; 
}

/******************************************************************************************/
/* Sonstige Globals */
/******************************************************************************************/

.trennzeile {
	height:60px;
	margin:0;
	background: url(grafik/symbol1.gif) no-repeat; /* hat Farbe dccea9 */
	background-position:center;
/*	border-bottom:1px dotted #5C754E; */
}