/*  ========================================================= 
Stylesheet für das "Summertime Jazz Trio" 
Stand: 
Datei: screen.css
Datum: 03. September 2007
Autor: Michael Bendit

Aufbau: 1. Kalibrierung und allgemeine Styles
		2. Styles für Layoutbereiche
		3. Sonstige Styles
============================================================= */

/*  ========================================================= 
	1. Kalibrierung und allgemeine Styles
	========================================================= */
	
	/* Kalibrierung der wichtigsten Abstände */
	* { padding: 0; margin: 0; } 
	h2, h3, p, ul, ol { margin-bottom: 1em; }
	ul ul { margin-left: 1em;margin-bottom: 0; }
	li { margin-left: 1em; }
	
	html {
		 /* overflow: hidden; no scrollbars */
	}
  body {
		width: 800px;
		margin: 0 auto;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		color: #fff;
		line-height: 1.4em;
	}
	
	h1 { font-size: 150%; }
	h2 { font-size: 130%; }
	h3 { font-size: 110%; font-style: italic;}
	
	address {
		font-size: 1em;
		font-style: normal;
		 /* letter-spacing: 0.2em; Abstand zwischen den Buchstaben */
		line-height: 1.4em; /* Zeilenabstand */
		margin-top: 2em;
	}
	
	p.url {margin-top: 2em;}
	
	/* Hyperlinks allgemein */
	a { text-decoration: none; outline: none;} /* Unterstreichung entfernen */
	
	a:link {color: #fff;}
	a:visited {color: #fff;}
	a:focus {}
	a:hover {}	
	a:active {}
	
	a img {border: 0;}

	/* Allgemeine Klassen und IDs */
	.skiplink {
		position: absolute;
		top: -2000px;
		left: -3000px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
	}
/*  ========================================================= 
	2. Styles für Layoutbereiche
	========================================================= */
	/* #startseite {background: #000 url('images/bg_startseite_ohne_menu.jpg') no-repeat center 60px;} */
	#startseite {background: #000 url('images/bg_startseite_ohne_menu_2011.jpg') no-repeat center 60px;}
	#bio {background: #000 url('images/bg_biographie_ohne_menu.jpg') no-repeat center 60px;}
	#cd {background: #000 url('images/bg_cd_ohne_menu2.jpg') no-repeat center 60px;}
	#projekte {background: #000 url('images/bg_projekte_ohne_menu.jpg') no-repeat center 60px;}
	#photos {background: #000 url('images/bg_photos_ohne_menu3.jpg') no-repeat center 60px;}
	#kalender {background: #000 url('images/bg_kalender_ohne_menu.jpg') no-repeat center 60px;}
	#blog {background: #000 url('images/bg_blog_ohne_menu.jpg') no-repeat center 60px;}
	#sponsoren {background: #000 url('images/bg_sponsoren_ohne_menu.jpg') no-repeat center 60px;}
	#kontakt {background: #000 url('images/bg_kontakt_ohne_menu.jpg') no-repeat center 60px;}


#wrapper {
	position: relative;
	width: 800px;
	height: 100%; /* IE hasLayout*/
}

	#header {}
	#navigation {
		position: relative; /* "fixed" kennt der IE6 und älter nicht */
		padding: 624px 2px 0px 2px;
		text-align: right;
		height: 100%; /* IE hasLayout*/
	}
		#navigation .navi_logo img {
			position: absolute;
			top: 588px;
			right: 654px;
		}
		#navigation ul {
			background-color: #000;
		}
		#navigation li {
			display: inline;
			list-style-type: none;
			margin: 0; 
			padding-right: 20px;
		}
		#navigation a {
		}
		#navigation a:hover,
		#navigation a:focus {
		}
		#bio #nav01 a,
		#cd #nav02 a,
		#projekte #nav03 a,
		#photos #nav04 a,
		#kalender #nav05 a,
		#kontakt #nav06 a {
		}
		#navigation a:active {
		}
		#navigation a img {
			border: 0;
		}
	#contentLeft {
		position: absolute;
		top: 200px;
		left: 40px;
		width: 380px;
		height: 380px;
	}
	#content {
		position: absolute;
		top: 200px;
		left: 384px;
		width: 380px;
		height: 380px;
		overflow: auto;
	}
	#content .covers{margin-top: 10px;}
	#content a:link {font-weight: bold;color: #99ccff;}
	#content a:visited {font-weight: bold;color: #99ccff;}
	#content a:focus {}
	#content a:hover {font-weight: bold;color: #9999ff;}	
	#content a:active {}
	
	#blog #content .covers{margin-top: 10px;}
	#blog #content a:link {font-weight: bold;color: #666;}
	#blog #content a:visited {font-weight: bold;color: #666;}
	#blog #content a:focus {}
	#blog #content a:hover {font-weight: bold;color: #333;}	
	#blog #content a:active {}
	
	  #content ul.bio {
	    list-style-type: square;
	  }
	  #content ul.project, 
	  #content ul.project ul {
	    margin: 0 0 0 -1em; 
		  padding: 0;
		  list-style-type: none;
	  }
  	#content li.solist {font-weight: bold;}
	  #content li.instrument {margin-bottom: 0.8em;}
	  #content li.vita {margin-bottom: 1em;}
	  #content dt {color: #f7f093;font-weight: bold;}
	  #content dd {margin-bottom: 1em;}
	#photos #content {
		position: absolute;
		top: 195px;
		left: 37px;
		overflow: visible;
	}
	#photos #content ul {
	   list-style-type: none;
	}
	#photos #content li {
	   width: 136px;
	   height: 136px;
	   background-color: transparent;
	}
	#photos #photo01 {
	   position: absolute;
	   top: 0;
	   left: 0;
	}
	#photos #photo02 {
	   position: absolute;
	   top: 0;
	   left: 190px;
	}
	#photos #photo03 {
	   position: absolute;
	   top: 0;
	   left: 380px;
	}
	#photos #photo04 {
	   position: absolute;
	   top: 0;
	   left: 570px;
	}
	#photos #photo05 {
	   position: absolute;
	   top: 185px;
	   left: 0;
	}
	#photos #photo06 {
	   position: absolute;
	   top: 185px;
	   left: 190px;
	}
	#photos #photo07 {
	   position: absolute;
	   top: 185px;
	   left: 380px;
	}
	#photos #photo08 {
	   position: absolute;
	   top: 185px;
	   left: 570px;
	}
	
	/* NEWS auf der Startseite */
	#startseite #content {
		position: absolute;
		top: 200px;
		left: 0px;
		width: 380px;
		
		height: 380px;
		overflow: auto;
	}
	#content #news {
		position: absolute;
		background: transparent url('images/bg_news_startseite_bk.jpg') no-repeat 2px;
		padding: 10px;
	}
	#content #news img {border: 0;}
	#content #news h2 {margin-bottom: 2px;}
	#footer {}
	
	.logos {
		margin-bottom: 1em;
	}