/*  css: www.saskia-ketz.de  */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
}
body {
	background-color: transparent;
	font-family: "Trebuchet MS", arial, sans-serif; 
	font-size: 0.7em; 
	line-height: 1.5em;
	letter-spacing: 0.1em;
	overflow: visible;
}
body#hg {
	background: url(img/bg.jpg) repeat;
}
/* -----------------------------------------------allgemeine Schriftformatierung */
a { 
	color: #dbe7c7;
	outline: 0; 
	text-decoration: none;
}
h1, h2, h3 {
	color: #b1b763;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	padding: 15px 0 10px 0;
	margin: 0;
}
h2 {
	padding: 0 0 1px 0;
}
h3 {
	padding: 0 0 10px 0;
}
p {
	padding-bottom: 15px;
}
p, #giglist li, #musiclist li{
	color: #dbe7c7;
}
/*-------------------------------------------------------------------- Textlinks */
#copy a:link, #copy a:visited, li#aktiv a { 
	color: #b1d943; 
}
#copy a:hover, #copy a:active { 
	color: #dbe7c7; 
}
#download span, #downloadmedia span {
	display: none;
}
#download a, #downloadmedia a {
	display: block;
	background: url(img/download.png) no-repeat;
	width: 200px;
	height: 15px;
}
#downloadmedia a {
	position: absolute;
	top: 290px; 
	background: url(img/download_pics.png) no-repeat;
}
a:link.textlink, a:visited.textlink, #giglist li a:link, #giglist li a:visited {
	background: url(img/pfeil_link.gif) transparent no-repeat 0 50%;
	padding-left: 10px;
}
a:hover.textlink, a:active.textlink, #giglist li a:hover, #giglist li a:active {
	background: url(img/pfeil_hover.gif) transparent no-repeat 0 50%;
	padding-left: 10px
}
/*-------------------------------------------------------------------- Hauptseite */		
#musicplayer {
	position: absolute;
	left: 748px; top: 10px;
	z-index: 10;
}
#logo span {
	display: none;
}
#logo a {
	display: block;
	background: url(img/logo.png) no-repeat;
	position: absolute;
	top: 460px; left: 50px;
	width: 272px;
	height: 112px;
	z-index: 2;
	float: left;
}
#content { /* iframes Inhalte */
	position: absolute; height: 100%;
	top: 50px;
}
#copy{ /* Texte inkl. Headline */
	width: 500px;
	position: absolute; left: 480px; top: 175px;
	z-index: 3;
}
/*-------------------------------------------------------------------- Headlines */
#hl_news{
	width: 200px;
	height: 40px;
	background: url(img/hl_news.png) no-repeat;
}
#hl_music{
	width: 200px;
	height: 40px;
	background: url(img/hl_music.png) no-repeat;
}
#hl_gigs{
	width: 200px;
	height: 40px;
	background: url(img/hl_gigs.png) no-repeat;
}
#hl_photos{
	width: 200px;
	height: 40px;
	background: url(img/hl_photos.png) no-repeat;
}
#hl_bio{
	width: 200px;
	height: 40px;
	background: url(img/hl_bio.png) no-repeat;
}
#hl_contact{
	width: 200px;
	height: 40px;
	background: url(img/hl_contact.png) no-repeat;
}
/*-------------------------------------------------------------------- Unterseiten */
#home{
	background: url(img/bg_00.jpg) 102px 29px no-repeat;
	position: absolute;
	overflow: visible;
	width: 950px; /* 1000px, so lassen */
	height: 900px; /* kein min-height, geht auf opera nicht */
	z-index: 1;
}
* html #home { /* ie6 */
	height: 700px;
}
*:first-child+html #home{ /* ie7 */
}
#music{
	background: url(img/bg_01.jpg) 27px 9px no-repeat;
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 900px;
	z-index: 1;
}
#gigs{
	background: url(img/bg_02.jpg) 10px 65px no-repeat;
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 900px;
	z-index: 1;
}
/* photos bg in html */
#bio{
	background: url(img/bg_03.jpg) 111px 4px no-repeat;
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 1000px;
	z-index: 1;
}
#contact{
	background: url(img/bg_00.jpg) 102px 29px no-repeat;;
	position: absolute;
	overflow: visible;
	width: 100%;
	height: 819px;
	z-index: 1;
}
/*-------------------------------------------------------------------- Hauptnavi */
#navcontainer ul {
	position: absolute;
	top: 102px; left: 368px;
	width: 580px;
	z-index: 4;
}
#navlist li {
	display: inline; 
	list-style-type: none;
}
#navcontainer ul li a {
	width: 109px;
	height: 29px;
	float: left;
}
/*----------------------------------------------------------- music */
#navlist li#navmusic a:link, #navlist li#navmusic a:visited {
	background: url(img/nav_music_link.png) no-repeat;
}
#navlist li#navmusic a:hover, #navlist li#navmusic a:active {
	background: url(img/nav_music_hover.png) no-repeat;
}
/*----------------------------------------------------------- gigs */
#navlist li#navgigs a:link, #navlist li#navgigs a:visited {
	background: url(img/nav_gigs_link.png) no-repeat;
}
#navlist li#navgigs a:hover, #navlist li#navgigs a:active {
	background: url(img/nav_gigs_hover.png) no-repeat;
}
/*----------------------------------------------------------- photos */
#navlist li#navphotos a:link, #navlist li#navphotos a:visited {
	background: url(img/nav_photos_link.png) no-repeat;
}
#navlist li#navphotos a:hover, #navlist li#navphotos a:active {
	background: url(img/nav_photos_hover.png) no-repeat;
}
/*----------------------------------------------------------- bio */
#navlist li#navbio a:link, #navlist li#navbio a:visited {
	background: url(img/nav_bio_link.png) no-repeat;
}
#navlist li#navbio a:hover, #navlist li#navbio a:active {
	background: url(img/nav_bio_hover.png) no-repeat;
}
/*----------------------------------------------------------- contact */
#navlist li#navcontact a:link, #navlist li#navcontact a:visited {
	background: url(img/nav_contact_link.png) no-repeat;
}
#navlist li#navcontact a:hover, #navlist li#navcontact a:active {
	background: url(img/nav_contact_hover.png) no-repeat;
}
/*------------------------------------------------------------- Subnavi, Seitenzahlnavi */
#subnavcontainer ul {
	position: absolute;
	top: 140px; left: 481px;
	z-index: 4;
}
#page ul{
	margin-top: 30px;
	text-align: right; 
	padding-right: 2px;
}
#subnavlist li, #prevnext li, #gignavlist li {
	display: inline;
	list-style-type: none;
	padding-right: 25px;
}
#gignavlist li {
	padding-right: 8px;
}
 #prevnext li {
	padding: 0 0 0 25px;
}
#subnavlist li a:link, #subnavlist li a:visited, #prevnext li a:link, #prevnext li a:visited, #gignavlist li a:link, #gignavlist li a:visited {
	letter-spacing: 0.3em;
	font: 0.82em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#prevnext li a:link, #prevnext li a:hover, #prevnext li a:active, #prevnext li a:visited {
	color: #dbe7c7;
}
#gignavlist li a:link, #gignavlist li a:visited {
	letter-spacing: 0.3em;
}
#subnavlist li a:hover, #subnavlist li a:active, #prevnext li a:hover, #prevnext li a:active, #gignavlist li a:hover, #gignavlist li a:active {
	letter-spacing: 0.3em;
	font: 0.82em "Lucida Grande", Lucida, Verdana, sans-serif;
}
#gignavlist li a:hover, #gignavlist li a:active {
	letter-spacing: 0.3em;
}
/*-------------------------------------------------------------------------- giglist */
#giglist li{
	list-style-type: none;
	padding: 0 0 12px 0;
}
/*-------------------------------------------------------------------------- musiclist */
#description {
	width: 250px;
	float:  left;
	margin: 0 0 0 20px;
}
#musiclist {
	width: 220px;
	float:  left;
}
#musiclist li {
	font-style: italic;
}
#musiccontainer h2 { /* unnoetig */
	padding: 0 0 15px 0;
}
#musiclist li{
	list-style-type: decimal-leading-zero;
	padding: 0 0 1px 0;
	list-style-position: inside;
}
/*-------------------------------------------------------------------------- gallery */
a.gallery, a.gallery:visited { 
	display: block; display: inline-block; 
	border: 1px solid #8cb535;
	width: 70px; height: 70px; 
	float: left; margin: 0 10px 10px 0; 
	z-index: 1; 
}
a.bild01 { background: url(photos/2007/thumb_01.jpg); }
a.bild02 { background: url(photos/2007/thumb_02.jpg); }
a.bild03 { background: url(photos/2007/thumb_03.jpg); }
a.bild04 { background: url(photos/2007/thumb_04.jpg); }
a.bild05 { background: url(photos/2007/thumb_05.jpg); }
a.bild06 { background: url(photos/2007/thumb_06.jpg); }
a.bild07 { background: url(photos/2007/thumb_07.jpg); }
a.bild08 { background: url(photos/2007/thumb_08.jpg); }
a.bild01_2006 { background: url(photos/2006/thumb_01.jpg); }
a.bild02_2006 { background: url(photos/2006/thumb_02.jpg); }
a.bild03_2006 { background: url(photos/2006/thumb_03.jpg); }
a.bild04_2006 { background: url(photos/2006/thumb_04.jpg); }
a.bild05_2006 { background: url(photos/2006/thumb_05.jpg); }
a.bild06_2006 { background: url(photos/2006/thumb_06.jpg); }
a.bild07_2006 { background: url(photos/2006/thumb_07.jpg); }
a.bild08_2006 { background: url(photos/2006/thumb_08.jpg); }
a.bild09_2006 { background: url(photos/2006/thumb_09.jpg); }


a.gallery em  { display: none; }
a.gallery:hover { border: none; }

/* aussenhuelle */
#contbild {  
	position: absolute;
	background: transparent; 
	width: 460px; height: 604px; /* max bildgroesse */
	margin: 2px 0 0 0; 
	padding: 2px 0 0 60px;
	float: left;
}
/* erstes bild */
#contbild img { 
}
/* reihen contbild */
#contbild .thumbs {
	width: 500px;
	position: absolute; left: 480px; top: 270px;
	margin: 0; 
}
/* thumb zum eingeblendeden bild */
#contbild a.gallery:hover, #contbild a.gallery:active, #contbild a.gallery:focus {
	border: 1px solid #dbe7c7;
}
/* eingeblendedes bild */
#contbild a.gallery:hover em, #contbild a.gallery:active em, #contbild a.gallery:focus em {
	display: block;
	position: absolute; top: -271px; left: -480px;
	width: 460px; height: 470px; 
	margin: 0; padding: 107px 0 0 0; /* ausrichtung eingeblendedes bild */
	background: url(photos/bg.jpg) no-repeat;
	overflow: hidden;
	z-index: 1;
	text-align: right;
}