﻿body {

	background-color:#f0f2f8;	

	scrollbar-base-color: black; 
	scrollbar-arrow-color: #ABBCE4;
	scrollbar-darkshadow-color: gray;
	scrollbar-face-color: black;
	scrollbar-track-color: gray;
	background-image:url(../main/frames/wallpaper_frames.jpg);

	background-attachment: fixed;

	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}
	

a:link {color:#ABBCE4; FONT-FAMILY: Arial, Helvetica; FONT-SIZE:12px;} 
a:visited {color:#ABBCE4; FONT-FAMILY: Arial, Helvetica; FONT-SIZE:12px;}
a:hover {color: white; /*#f2cd89;*/ FONT-FAMILY: Arial, Helvetica; FONT-SIZE:12px; text-decoration:none;}
a:active {color:#ABBCE4; FONT-FAMILY: Arial, Helvetica; FONT-SIZE:12px;} 




/* HAUPT-TABELLE ALLE FRAMES */


.table_main {
	border: 0px; 
	width: 480px; 
	align: center; 
	border-spacing: 10px; 

	font-family: Verdana;
	color: white;

	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.table_dvorak {

	background-image:url(../main/frames/news/mitteldeutsche_kp.png);
	background-repeat: no-repeat;
	


}


/*  -----------------REPERTOIRE SOLO FORMATIERUNGEN------------ */



.table_rep_solo {

	background-color:black;
	background-image:url(../main/frames/repertoire/bg_rep.jpg);
	
	border: thin solid black;
	
	border-left-width:1px;
	border-left-style: solid;
	border-color:black;


	width: 410px; 
	align: right; 
	/*border-spacing: 8px;*/

	font-family: Verdana;
	color: white;

	padding:10px;

	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.table_rep_solo_liszt {

	background-color:black;
	background-image:url(../main/frames/repertoire/bg_rep_liszt.jpg);
	
	border: thin solid black;
	
	/*border-left-width:1px;
	border-left-style: solid;
	border-color:black;*/


	width: 410px; 
	align: right; 
	/*border-spacing: 8px;*/

	font-family: Verdana;
	color: white;

	padding:10px;
	/*
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}


.table_rep_solo_horowitz {

	background-color:black;
	background-image:url(../main/frames/repertoire/bg_rep_horowitz.jpg);
	
	border: thin solid black;
	
	/*border-left-width:1px;
	border-left-style: solid;
	border-color:black;*/


	width: 410px; 
	align: right; 
	/*border-spacing: 8px;*/

	font-family: Verdana;
	color: white;

	padding:10px;
	/*
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}


.table_rep_solo_haydn {

	background-color:black;
	background-image:url(../main/frames/repertoire/bg_rep_haydn.jpg);
	
	border: thin solid black;
	
	/*border-left-width:1px;
	border-left-style: solid;
	border-color:black;*/


	width: 410px; 
	align: right; 
	/*border-spacing: 8px;*/

	font-family: Verdana;
	color: white;

	padding:10px;
	/*
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}


.table_rep_solo_schubert {

	background-color:black;
	background-image:url(../main/frames/repertoire/bg_rep_schubert.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	
	border: thin solid black;
	
	/*border-left-width:1px;
	border-left-style: solid;
	border-color:black;*/


	width: 410px; 
	align: right; 
	/*border-spacing: 8px;*/

	font-family: Verdana;
	color: white;

	padding:10px;
	/*
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;*/
}


/*Programmtitel in Solo-Programme Section*/

.rep_solo_programmtitel {


	border-bottom: 1px solid gray;

	/*border-top: 1px solid gray;
	border-left: 1px solid #ABBCE4;
	border-right: 1px solid #ABBCE4;*/

	FONT-SIZE: 20px; 
	COLOR: #ABBCE4; 
	FONT-WEIGHT: lighter; 
	FONT-FAMILY: Monotype Corsiva; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


.rep_solo_komponist{
	FONT-SIZE: 10px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


.rep_solo_werk{
	FONT-SIZE: 10px; 
	COLOR: #f2cd89; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.rep_pause {


	border-bottom: 1px solid gray;

	/*border-top: 1px solid gray;
	border-left: 1px solid #ABBCE4;
	border-right: 1px solid #ABBCE4;*/



	FONT-SIZE: 20px; 
	COLOR: #ABBCE4; 
	FONT-WEIGHT: ; 
	FONT-FAMILY: Monotype Corsiva; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


/*  ----  E N D E  -------------REPERTOIRE SOLO FORMATIERUNGEN   ---- E N D E ------------ */




/* ----------------------------  CD SECTION FORMATIERUNGEN ----------------------- */

.table_main_cd {
	border: 0px; 
	width: 480px; 
	align: center; 
	border-spacing: 15px; 

	font-family: Verdana;
	color: white;

	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}



.table_main_gallery {
	border: 0px; 
	width: 480px; 
	align: center; 
	border-spacing: 0px; 

	font-family: Verdana;
	color: white;

	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}






caption { 
	color:red;
	font-size:13px;
}

.caption_link {

	color:#ABBCE4;
	font-size:13px;

}

hr {
	width: 80%;
	height: 1px;
	color: gray;
}

/*--------------------------------------------------------------------*/
/*	Formatierungen News-Tabelle */
/*--------------------------------------------------------------------*/




.trennlinie {
	height:65;
}


.monat_news{
	font-style: Verdana;
	color: #ABBCE4;
	font-size:12px;

}

.text_news{
	font-size:12px;
}


/*TEXT für Ausschnitte aus Kritiken für NEWS-Page*/

.zitat2{
	FONT-SIZE: 12px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


/*--------------------------------------------------------------------*/
/*	ENDE Formatierungen News-Tabelle */
/*--------------------------------------------------------------------*/



.zitat{
	FONT-SIZE: 11px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


.titel{
	FONT-SIZE: 10px; 
	COLOR: #ABBCE4; 
	FONT-WEIGHT: bold; 
	FONT-Style: italic;
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
}



/*--------------------------------------------------------------------*/
/*	 Formatierungen Konzert-Kallender */
/*--------------------------------------------------------------------*/


.konzerte_monat {


	border-bottom: 1px solid gray;

	/*border-top: 1px solid gray;
	border-left: 1px solid #ABBCE4;
	border-right: 1px solid #ABBCE4;*/



	FONT-SIZE: 12px; 
	COLOR: #ABBCE4; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


.konzerte_datum{
	FONT-SIZE: 14px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.konzerte_ort{

	/*border-left: 2px solid #ABBCE4;*/
	FONT-SIZE: 15px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.konzerte_ort2{
	FONT-SIZE: 13px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.konzerte_ka{
	/*border-left: 2px solid #ABBCE4;*/
	FONT-SIZE: 15px; 
	COLOR: #f2cd89; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.konzerte_ka2{
	FONT-SIZE: 13px; 
	COLOR: #f2cd89; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.konzerte_programm{
	FONT-SIZE: 14px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.aktual{
	FONT-SIZE: 11px; 
	COLOR: #ABBCE4; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: ; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

/*--------------------------------------------------------------------*/
/*	 ENDE Formatierungen Konzert-Kallender */
/*--------------------------------------------------------------------*/



/*--------------------------------------------------------------------*/
/*	 Formatierungen REPERTOIRE */
/*--------------------------------------------------------------------*/

.rep_head{
	FONT-SIZE: 16px; 
	COLOR: #ABBCE4; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.rep_composer{
	FONT-SIZE: 15px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: bold; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.rep_concerto{
	FONT-SIZE: 15px; 
	COLOR: #f2cd89; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: bold; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}

.rep_concerto_zusatz{
	FONT-SIZE: 15px; 
	COLOR: white; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-WEIGHT: bold; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}


/*--------------------------------------------------------------------*/
/*	 ENDE Formatierungen REPERTOIRE */
/*--------------------------------------------------------------------*/




.video_title{
	font-style: Verdana; 
	FONT-FAMILY: Arial, Helvetica; 
	color: white;
	font-size:14px;

}




.referent {

	border-top: 1px solid gray;

	FONT-SIZE: 14px; 
	COLOR: #ABBCE4;

	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;

	}


.referent2 {

	border-top: 0px solid gray;

	FONT-SIZE: 11px; 
	COLOR: white;

	FONT-WEIGHT: bold; 
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;

	}




.guestbook {


	border-bottom: 1px solid gray;

	/*border-top: 1px solid gray;
	border-left: 1px solid #ABBCE4;
	border-right: 1px solid #ABBCE4;*/



	FONT-SIZE: 12px; 
	COLOR: white; 
	/*FONT-WEIGHT: bold;*/
	FONT-FAMILY: Arial, Helvetica; 
	FONT-VARIANT: normal;
	FONT-STYLE: normal;
	}



/* HOVER für LINKS Section */


		
.stateon {
	FILTER: alpha(Opacity=55); 
	BORDER-RIGHT: white 1px solid; 
	BORDER-LEFT: white 1px solid;
	BORDER-TOP: white 1px solid; 
	BORDER-BOTTOM: white 1px solid;
	}

.stateoff {
	BORDER-RIGHT: #ABBCE4 1px solid; 
	BORDER-TOP: #ABBCE4 1px solid; 
	BORDER-LEFT: #ABBCE4 1px solid; 
	BORDER-BOTTOM: #ABBCE4 1px solid;
	}

.stateclicked {
	BORDER-RIGHT: #ABBCE4 1px solid; 
	BORDER-TOP: #ABBCE4 1px solid; 
	FILTER: alpha(Opacity=60); 
	BORDER-LEFT: #ABBCE4 1px solid; 
	BORDER-BOTTOM: #ABBCE4 1px solid;
	}


.stateon_g { 
	BORDER-RIGHT: #ABBCE4 1px solid; 
	BORDER-LEFT: #ABBCE4 1px solid;
	BORDER-TOP: #ABBCE4 1px solid; 
	BORDER-BOTTOM: #ABBCE4 1px solid;
	FILTER: alpha(Opacity=60);
	}

.stateoff_g {
	BORDER-RIGHT: #333333 1px solid; 
	BORDER-TOP: #333333 1px solid; 
	BORDER-LEFT: #333333 1px solid; 
	BORDER-BOTTOM: #333333 1px solid;
	}

.stateclicked_g {
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid;  
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid;
	}

/* Lightbox CSS!!! */

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

#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-image: url(data:image/gif;base64,AAAA); 

/* Trick IE into showing hover */ 

display: block; }

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../main/lightbox_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../main/lightbox_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; outline: none;}	 	


#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Lightbox CSS!!! */



/* Rahmen bei CD-Bilderin in CD-Page */

.bordergallery{ 
	border: 1px solid #ABBCE4; 

}
