/* A: -KONFLIKTE: BEI "#navi a:" auch bei visited das #navi a: voranstellen!*/

html {
/*----------Brotschrift------------*/
font-family: Arial, Times New Roman, Times, serif;
font-size: 14px;
color: #eee; 
line-height: 20px;
margin-bottom: 12px;
letter-spacing: 0.3px;
}


body {
/*---------Riesige Fotomontage als zentraler Hintergrund---------*/
background-image: url(layoutgrafik/hintergrundMontage.jpg);
background-position: top left;
background-repeat:no-repeat; 
background-color: #000;
}



/*---------- Endlos-Background wird als 980px breite Ebene realisiert, die ausschliesslich aus wiederholter BG-Grafik besteht*/
#bgGrafik {
background-image: url(layoutgrafik/wiederholungshintergrund.jpg);
background-repeat: repeat-y; 
background-position: 0px 0px;/**/
overflow: visible;
}






/*--------- H1 = SEITENUEBERSCHRIFT -------------*/
#seitenHead {position:absolute; left:310px; top:305px; width:584px; height:41px; z-index:5;
}

 h1 {
  	text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0.5px;
	line-height: 24px;
	font-style: normal;	
	padding-bottom: 4px;
 }

/*----- Kategorien der Repertoire-Seite -----*/
.pageHead {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 20px;
	font-weight: bold;
	/*color: #EDF569;das umstrittene Gelb*/
	letter-spacing: 0.0em;
	padding: 0px;
}
/* ----------- Disclaimer auf Kontakt-Seite ---------*/
.microText {
	font-size: 11px;
	line-height: 13px;
}




/* --------------Definition der Links im Text ----------------*/
a:link, a:visited {
	font-size: 14px;
	color: #929CE7;
	text-decoration: none;
}

a:hover, a:active {
	/*display: block; */
	font-size: 14px;
	color: #ccff66;
	text-decoration: underline;
}


/*-------- Linke Navigations-Spalte ---------------*/

/*Position auf der Seite*/
#naviSpalte {
 position:absolute; left:2px; top:388px; width:179px; height:326px; z-index:3;
}

/*Aufbau der Listen-Navigation*/
#naviSpalte ul {
list-style: none;
}

#naviSpalte a {
display:block;
text-align: right;
padding-bottom: 1px;
font-size: 14px;
font-weight: normal;
/*letter-spacing: 0.5px;*/
color: #fff; /* = Linkfarbe der besuchten Links*/
text-decoration: none;
}

#naviSpalte a:link, #naviSpalte a:visited {
/*border-top:1px solid #FDC358;
padding-left: 0px;*/
color: #eeeeee;
text-decoration: none;
}

#naviSpalte a:hover,  #naviSpalte a:active {
/*border-top:1px solid #FD9F01;*/
padding-right: 5px;
	color: #ccff66;
/*background-color: #FDC358;*/
text-decoration: italic;
}

/* -----------Position der Textspalte --------*/
#textSpalte {
position:absolute; left:310px; top:388px; width:340px; height:300px; z-index:6;
}

/* -----------Gilt nur fr Repertoire-Seite: Textspalte --------*/
#repertoireSpalte {
position:absolute; left:310px; top:388px; width:650px; height:300px; z-index:6;
}

/*	-------------- Fotos,die 719 px breit und 49 px vor der Textspalte, also am linken Rand der Hintergrundhervorheben beginnen. ------*/
.fotoUebergroesse719px {
position: relative;
margin-left:-49px;
}

/* -----------Position der rechten Spalte mit den Fotos --------*/
#rechteSpalte {
position:absolute; left:680px; top:388px; width:300px; height:300px; z-index:7;
}