/* Stylesheet Datei zum Testen */

/*Setzt die Farben bei Hyperlinks und entfernt die lästigen Unterstreichungen bei Links    */
a:link { color:#9fca32; text-decoration:none; }
a:visited { color:#9fca32; text-decoration:none; } 
a:active { color:#a2d825; text-decoration:none; }
a:hover {color:#a2d825; text-decoration:none;}
a:focus {color:#a2d825; text-decoration:none;}

a:link.link { color:#9fca32; text-decoration:none; }
a:visited.link { color:#9fca32; text-decoration:none; } 
a:active.link { color:#9fca32; text-decoration:none; }
a:hover.link {color:#a2d825; text-decoration:none;}
a:focus.link {color:#a2d825; text-decoration:none;}


/*Definiert die Farben der Scrollleisten sowie background B4E632*/
BODY
    {
        background-color:#004000;
        scrollbar-face-color:#298939;
        scrollbar-arrow-color:#003300;
        scrollbar-track-color:#298939;
        scrollbar-shadow-color:#298939;
        scrollbar-highlight-color:#298939;
        scrollbar-3dlight-color:#003300;
        scrollbar-darkshadow-Color:'';
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin:0px;
    }
    


   
/*Schriftfamile und -farben für alles auf Arial gesetzt*/

/*body,table,td,tr,div,p,pre,td,h1,h2,h3,h4,ul*/

body, table,tr,h4,p,ul,ol,li,div,th,address,blockquote,nobr
    {
        font-family:Arial,sans-serif;
        font-size:10pt;
        color:#003300;
    }
    



h1 
    {
        font-family:Arial,sans-serif;
        font-size:22pt;
        color:#990000;
    }
    
.navi
{
	font-family:Arial,sans-serif;
        font-size:16pt;
        font-weight:bold;
        font-variant:small-caps;
        color:#990000;
        
}

.navi_main
{
	font-family:Arial,sans-serif;
        font-size:24pt;
        font-weight:bold;
        font-variant:small-caps;
        
        
}


/*Schriftart für die Navigation der Untergruppen auf der linken Seite unter dem Logo*/  
.navigation 
{
	font-family:Arial,sans-serif;
	font-size:16pt;
}

/*Alle Überschriften im Informationsbereich, beschreibt auch hintergrundfarbe*/
.ueberschrift
{
	font-family:Arial,sans-serif;
	font-size:22pt;
	font-weight:bold;
	/*color:#FFAA11;*/
	color:#9fca32;
	/*background-color:#298939;*/
	background-color:#479557;
	background-image:url(background.gif);
}

/*Text für copyright, Update etc. links*/
.klein 
{
	font-family:Arial,sans-serif;
	font-size:8pt;
}

/*Wahrscheinlich nur im index.php verwendet - Begrüßung*/
.begruessung
{
	font-family:Arial,sans-serif;
	font-size:18pt;	
	font-weight:bold;
	
}

.text_hauptgruppe
{
	font-family:Arial,sans-serif;
	font-size:16pt;	
	font-weight:bold;
}

.text_hauptgruppe_kleiner
{
	font-family:Arial,sans-serif;
	font-size:12pt;	
	font-weight:bold;
}

/*Texte im Musikersheet und Pressesheet - nicht überschriften*/
.musiker
{
        font-size:14pt;
}

/*Texte im Musikersheet - überschriften*/
.musiker_gruppe
{
        font-size:18pt;
        font-weight:bold;
}

/*Überschriften der musikerseiten*/
.ueberschrift_musiker 
{
        font-weight:bold;
        font-size:18pt;
        /*color:#FFAA11;*/
	color:#9fca32;
        background-color:#298939;
}

/*Schriftgröße für zurück-link (mitglieder etc.)*/
.backlink
{
	font-size:16pt;
	font-weight:italic;
}

/*Rahmen komplett durchgezogen */
.border_around	
{ 
	border-width:1px;
	border-color:#004000;
	border-style:solid;
}

/*Rahmen nur unten gepunktet */
.border_bottom_dotted	
{ 
	border-bottom-width:1px;
	border-bottom-color:#004000;
	border-bottom-style:dotted;
}

/*Rahmen nur unten rechts gepunktet */
.border_b_r_dotted	
{ 
	border-bottom-width:1px;
	border-bottom-color:#004000;
	border-bottom-style:dotted;
	border-right-width:1px;
	border-right-color:#004000;
	border-right-style:dotted;
}

/*Rahmen nur unten durchgezogen */
.border_bottom	
{ 
	border-bottom-width:1px;
	border-bottom-color:#004000;
	border-bottom-style:solid;
}

/*Rahmen nur reechts durchgezogen */
.border_right	
{ 
	border-right-width:2px;
	border-right-color:#004000;
	border-right-style:solid;
}

.border_bottom2px	
{ 
	border-bottom-width:2px;
	border-bottom-color:#004000;
	border-bottom-style:solid;
}


/*Anscheinend nicht verwendet*/
.darkred
{	
	font-family:Arial,sans-serif;
	font-size:14pt;	
	font-weight:bold;
	color:#990000;
}
.darkblue
{	
	font-family:Arial,sans-serif;
	font-size:14pt;	
	font-weight:bold;
	color:#000090;
}

/*Anscheinend nicht verwendet*/
.grau
{
	font-weight:bold;
	color:#909090;
}

/*Farbe für den Hintergrund der Tabelle wo alle Informationen stehen!*/
.info
{
	background-color:#FAFDFF;
	background-image:url(background.gif);
	background-repeat:repeat-x;
}

.bg /*Same as info, but only for Index.php - = other backgroundpicture!*/
{
	background-color:#FAFDFF;
	background-image:url(back.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

/*Farbe für hellen Hintergrund in dem Bereich hinter der Informationstabelle! */
.backgroundlight
{
	background-color:#FFFFDD;
}

.backgroundnavicolor
{
	/*background-color:#479557;*/
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}