/* ===========================
Stylesheet für Harrap-Webseite :
Datei: bildschirm.css
author: Christian Meller
date: 11.11.2008
=============================*/


/* ===========================
1. Kalibrierung bzw. 
Voreinstellungen
der wichtigsten Abstände!
=============================*/

.clearing {
	clear: both;
	}
	
/* Einheitliche Ausgangssituation schaffen */
* { padding: 0; margin: 0; } 

li ul{ list-style: square; }

/*Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/*Verschachtelte Listen ohne Abstand*/
ul ul { margin-bottom: 0; }

/*Abstand von links*/
li {margin-left: 2em; }


h1 {
	font-size: 115%;
	text-align:center;
	}

h2 {
	font-size: 120%;
	font-weight:bold;
	text-align:center;
	color:#000;
	}


/* Erzwingt die Scrollbar im Firefox */
html { 
	height: 101%;
	position:relative;
} 

body {
	color:white;
	background-color:black; /*Hintergrundfarbe der gesamten Webseite*/
	background-image:url(../grafiken/hintergrund_raster_heller.jpg); /*Hintergrundbild der gesamten Webseite*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	height:100%;
}

/* Hyperlinks */
a { 
	text-decoration: none; 
	outline: none;
	} 
a:link { color: #d90000; } 
a:visited { color: #cc6666; }




/* ===========================
2.Styles für den Layout-Bereich:
=============================*/
/*================
"Schutzumschlag, die "Umrandung""
=================*/
#wrapper {
	color:black; /*Farbe der Schrift des Inhaltsbereiches*/
	background-color:white; /*Farbe des Inhaltsbereiches*/
	width: 750px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 4px solid white;
}

/*================
Kopfbereich:
=================*/
#kopfbereich {
	height:200px;
	width:750px;
	background-image:url(../grafiken/banner02_750_200_rand.jpg);
	border-bottom: 2px solid #000000;
}

/*================
Navigationsbereich:
=================*/

#navibereich {
	width: 120px;
	background-color: #ddd; 
	background-image:url(../grafiken/farbverlauf_harrap_senkrecht.jpg);
	padding: 10px;
	border: 1px solid black;
	border-right:2.5px solid #333;
	border-bottom:2.5px solid #333;
	margin: 5px; 
	margin-right:0px;
	margin-left:0px;
	float:left;
	height:100%;
} 

#navibereich ul { margin-bottom: 0; } 
#navibereich li { 
	list-style-type: none; 
	margin: 0 700px 0 0;    /* rechts 10px, sonst 0 */
	padding: 4px;
	font-weight:bold;
}
	  
#navibereich a { 
	color:white; /*Standardfarbe der Links*/
}  
	  
	   

#navibereich a:hover, /* Damit die aktiven Links eine andere Farbe bekommen, wenn sie mit der Maus beruehrt werden oder aktiviert sind */
#navibereich a:focus,
#startseite #navi01 a, 
#biografie #navi02 a,
#konzerte #navi03 a,
#pressestimmen #navi04 a,
#links #navi05 a,
#kontakt #navi06 a,
#impressum #navi07 a,
#recordings #navi08 a{ 
  color: #ee1d1d;
 }

/*================
Textbereich
=================*/
#textbereich {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-left: 150px;
}

#textbereich p {
	text-align:center;
	}

/*#pressestimmen #textbereich {
	text-align:center;
}*/

/*Text des Bildes auf der Presseseite*/
#presse01 {
	margin:10px 12px 10px auto;
	float:left;
	font-size:smaller;
	font-style:italic;
}

/*================
Bilder
=================*/
/*Bilder allgemein*/
#startseite img {
	border: 1px solid black;
	border-bottom:2px solid #333;
	border-right:2px solid #333;
	padding:1px;
}

/*Bilder auf der Biografie Seite*/
#biografie img {
	border: 1px solid black;
	padding:1px;
}

#bild01 {
	margin:10px 12px 10px auto;
	float:left;
}

#bild02 {
	margin:10px auto 12px 10px;
	float:right;
}

#kontakt #textbereich{
	background-image:url(../grafiken/stephen_transparent.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*Bilder auf der Konzerte-Seite*/
#konzerte img {
	border: 1px solid black;
	padding:1px;
}


#bild03 {
	margin:10px 12px 10px auto;
}


/*Bilder auf der Presse-Seite*/
#bild01_presse01 {
	margin:10px 12px 10px auto;
	float:left;
	border: 1px solid black;
	padding:1px;
}

#bild01_presse02 {
	margin:10px 12px 10px auto;
	border: 1px solid black;
	padding:1px;
}

/*================
Linien in den Konzerten:
=================*/

hr {
	text-decoration : none;
}

/*================
FlashPlayer
=================*/

#flashplayer {
	text-align:center;
}
	
/*================
Fußbereich:
=================*/
#fussbereich {
	text-align:center;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 1px solid #8c8c8c;
	margin-top: 20px;
	/*font-family:"Courier New", Courier, monospace; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:90%;
	
	
}


/* ===========================
3. Sonstige Styles:
=============================*/