html, body 
{
	font-family			: Arial, Helvetica, sans-serif; 
	font-style			: normal; 
	font-size			: 12px;
	/*line-height			: 1.0em; */
	font-weight			: normal; 
	font-variant			: normal; 
	padding 			: 0px;
	margin				: 0px;
	color				: #333;
	overflow			: auto;
	background-color		: #990000;

	scrollbar-base-color		: #fff;
  	scrollbar-face-color		: #fff;
  	scrollbar-shadow-color		: #B7B6B6;
  	scrollbar-highlight-color	: #B7B6B6;
  	scrollbar-3dlight-color		: #fff;
  	scrollbar-darkshadow-color	: #fff;
  	scrollbar-track-color		: #fff;
  	scrollbar-arrow-color		: #666666;
}

*html html, body
{
	overflow			: auto;

	scrollbar-base-color		: #fff;
  	scrollbar-3dlight-color		: #fff;
  	scrollbar-arrow-color		: #666666;
  	scrollbar-darkshadow-color	: #fff;
  	scrollbar-face-color		: #fff;
  	scrollbar-highlight-color	: #B7B6B6;
 	scrollbar-shadow-color		: #B7B6B6;
  	scrollbar-track-color		: #fff;
}


/* ====================================================== */
#page
{
	width			: 955px;
	height			: 675px;
	background-color	: #fff;
	padding 		: 10px 10px 0px 10px;
}

*html #page
{
	width			: 955px;
	height			: 666px;
}


#header
{
	background-image	: url(../images/index/tasten_st.jpg);
	background-repeat	: no-repeat;
	width			: 955px;
	margin-bottom		: 10px;
	height			: 105px;
}

#mainBox
{
	width			: 955px;
	height			: 477px;
	margin-bottom		: 25px;
	/*background-color	: #ffd;*/
}

*html #mainBox
{
	width			: 975px;
	height			: 463px;
}


/* ----------------------------------------------------------- Anfang Start-Template ----------------------------------------------------- */

#mainBannerBox
{
	float			: left;
	width			: 949px;
	height			: 235px;
	border			: 1px solid #ddd;
	border-bottom		: 2px solid #ddd;	
	padding			: 2px;
	margin-bottom		: 25px;
}

*html #mainBannerBox
{
	width			: 969px;
	height			: 245px;
}

#mainBanner
{
	width			: 949px;
	height			: 220px;
}

#mainBannerLaufB
{
	width			: 949px;
	height			: 15px;
	background-color	: #CC0000;
}
/* =============================================================== */
/*--------------------------------- BEGINN Menue-Definition --------------------*/
#mainMenuBox
{
	float			: left;
	width			: 955px;
	height			: 202px;
}

*html #mainMenuBox
{
	width			: 975px;
	height			: 205px;
}



#mainFestivalBox, #mainProgrammBox, #mainChronik_2009Box, #mainChronik-2009Box, #mainEducationBox
{
	float			: left;
	width			: 199px;
	height			: 190px;		
	border			: 1px solid #ddd;
	border-bottom		: 2px solid #ddd;
	padding			: 10px 10px 6px 20px;	
	margin-right		: 10px;
	/*background-color	: #ddd;*/
}
/* --padding oben kann bis auf 5px zurückgesetzt werden, wenn neue Menüpunkte dazu kommen --*/
#mainServiceBox
{
	float			: left;
	width			: 199px;
	height			: 190px;		
	border-bottom		: 2px solid #ddd;
	border			: 1px solid #ddd;
	padding			: 10px 10px 6px 20px;
	margin-right		: 0px;
}

div#mainFestivalBox a, div#mainProgrammBox a, div#mainChronik_2009Box a, div#mainChronik-2009Box a, div#mainEducationBox a, div#mainServiceBox a
{
	
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	/*letter-spacing		: 1px;*/
	line-height		: 15px;
	font-weight		: bold; 
	font-variant		: normal; 
	text-transform		: none; 
	text-decoration		: none;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px; 
	color			: #cc0000;
	/*background-color	: #99ff33; */
}	


div#mainFestivalBox ul, div#mainProgrammBox ul, div#mainChronik_2009Box ul, div#mainChronik-2009Box ul, div#mainEducationBox ul, div#mainServiceBox ul
{
	list-style		: none;
	margin			: -1px 0px 0px 0px;
	padding			: 0px;
}

div#mainFestivalBox ul li, div#mainProgrammBox ul li, div#mainChronik_2009Box ul li, div#mainChronik-2009Box ul li, div#mainEducationBox ul li, div#mainServiceBox ul li
{
	margin			: 0px 0px 0px 0px;
	padding			: 0px;
}

div#mainFestivalBox ul li a:link, div#mainProgrammBox ul li a:link, div#mainChronik_2009Box ul li a:link, div#mainChronik-2009Box ul li a:link, div#mainEducationBox ul li a:link, div#mainServiceBox ul li a:link
{
	font-family		: Arial, Helvetica, sans-serif;	
	font-size		: 12px;
	/*letter-spacing		: 1px;*/
	font-weight		: normal;
	text-decoration		: none; 	
	margin			: 0px;
	padding			: 0px;	
	color			: #333;
}

div#mainFestivalBox ul li a:visited, div#mainProgrammBox ul li a:visited, div#mainChronik_2009Box ul li a:visited, div#mainChronik-2009Box ul li a:visited, div#mainEducationBox ul li a:visited, div#mainServiceBox ul li a:visited
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	/*letter-spacing		: 1px;*/
	font-weight		: normal;
	/*line-height		: 0.5em; unnötig, da nur über negativen margin hier d. Zeilenabstand geändert werden kann */
	text-decoration		: none;
	margin			: 0px;
	padding			: 0px;
	color			: #333;
}

div#mainFestivalBox ul li a:hover, div#mainProgrammBox ul li a:hover, div#mainChronik_2009Box ul li a:hover, div#mainChronik-2009Box ul li a:hover, div#mainEducationBox ul li a:hover, div#mainServiceBox ul li a:hover
{
	ont-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	/*letter-spacing		: 1px;*/
	font-weight		: normal;
	text-decoration		: none;
	margin			: 0px;
	padding			: 0px;
	color			: #cc0000;
}

div#mainFestivalBox ul li a:aktiv, div#mainProgrammBox ul li a:aktiv, div#mainChronik_2009Box ul li a:aktiv, div#mainChronik-2009Box ul li a:aktiv, div#mainEducationBox ul li a:aktiv, div#mainServiceBox ul li a:aktiv
{
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 12px;
	/*letter-spacing		: 1px;*/
	font-weight		: normal;
	text-decoration		: none;
	margin			: 0px;
	padding			: 0px;
	color			: #cc0000;
}


/* -------------------------------------- feststehende Fußzeile ------------------- */

#footer
{
	clear			: both;
	width			: 955px;
	height			: 48px;
	padding			: 0px 0px 0px 0px;
}

*html #footer
{
	width			: 975px;
	height			: 44px;
}



#footerMenueBox
{
	float			: left;
	width			: 953px;
	height			: 36px;
	border			: 1px solid #ddd;
	border-bottom		: 2px solid #ddd;
}

*html #footerMenueBox
{
	width			: 955px;	
}


/* ---------------------------- Link "Klavier-Festival Ruhr" zur Startseite -------------------------*/
#footerMenueKfr
{
	float			: left;
	width			: 144px;
	height			: 16px;
	padding			: 17px 0px 0px 10px;
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 13px;
	font-style		: normal; 
	line-height		: 13px; 
	font-weight		: normal; 
	font-variant		: normal;
	/*letter-spacing		: 0.1em;*/
	text-align		: left;
	/*background-color	: #eee;*/
}


div#footerMenueKfr a:link
{
	color			: #cc0000;
	font-weight		: bold;
	text-decoration 	: none;
}
div#footerMenueKfr a:visited
{
	color			: #cc0000;
	font-weight		: bold;
	text-decoration 	: none;
}

div#footerMenueKfr a:hover
{
	color			: #cc0000;
	font-weight		: bold;
	text-decoration 	: none;
}

div#footerMenueKfr a:aktiv
{
	color			: #cc0000;
	font-weight		: bold;
	text-decoration 	: none;
}


/* ---------------------------------------------------- Menüzeile --------------------------------------------------*/
#footerMenueLeft
{
	float			: left;
	/*width			: 311px;*/
	height			: 16px;
	padding			: 18px 0px 0px 0px;
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 11px;
	font-style		: normal; 
	line-height		: 12px; 
	font-weight		: normal; 
	font-variant		: normal;
	text-align		: left;
	color			: #333;
	/*background-color	: #ff9999;*/
}

*html #footerMenueLeft
{	
	/*width			: 780px;*/
	height			: 26px;
}

div#footerMenueLeft a:link
{
	color			: #333;
	text-decoration 	: none;
}

div#footerMenueLeft a:visited
{
	color			: #333;
	text-decoration 	: none;
}

div#footerMenueLeft a:hover
{
	color			: #cc0000;
	text-decoration 	: none;
}

div#footerMenueLeft a:aktiv
{
	color			: #333;
	text-decoration 	: none;
}

.auszeichnen
{
	color			: #cc0000;
	font-weight		: bold;
}

/* ----------------------------------- Telefonnummer Ticketbestellung ------------------------------------------------*/
#footerMenueMiddle
{
	float			: left;
	width			: 213px;
	height			: 16px;
	font-size		: 11px;
	font-style		: normal; 
	line-height		: 12px;
	color			: #333; 
	font-weight		: normal; 
	font-variant		: normal;
	text-align		: left;
	padding			: 19px 0px 0px 2px;
	/*background-color	: #963;*/
}

#footerMenuTextir
{
	float			: left;
	width			: 161px;
	height			: 16px;	
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 9px;
	color			: #333;
	font-style		: normal; 
	line-height		: 12px; 
	font-weight		: normal; 
	font-variant		: normal;
	text-align		: right;
	padding			: 8px 5px 0px 2px;
	/*background-color	: #f99;*/
}

/* ------------------------------------- Logo KFR ------------------------------------------- */
#footerMenueRight
{
	float			: left;
	position		: left;
	width			: 100px;
	height			: 36px;
	font-size		: 11px;
	font-style		: normal; 
	line-height		: 12px; 
	font-weight		: bold; 
	font-variant		: normal;
	padding			: 0px 0px 0px 2px;
	text-align		: right;
	/*background-color	: #ddd;	*/
}

*html #footerMenueRight
{
	padding			: 0px 10px 0px 0px;
}

div#footerMenueRight a:link
{
	/*#33C;*/
	color			: #3A5A8C;
	text-decoration 	: none;
}

div#footerMenueRight a:visited
{
	color			: #3A5A8C;
	text-decoration 	: none;
}

div#footerMenueRight a:hover
{
	color			: #cc0000;
	text-decoration 	: none;
}

div#footerMenueRight a:aktiv
{
	color			: #3A5A8C;
	text-decoration 	: none;
}

/* ------------------------------------ Zusatzzeile Copyright ----------------------------------*/
#footerCopyBox
{
	float			: left;
	width			: 955px;
	height			: 15px;	
}





*html #footerCopyBox
{
	width			: 955px;
	height			: 25px;
}


#footerCopyInhalt


{
	font-family		: Arial, Helvetica, sans-serif; 
	font-size		: 9px;
	font-style		: normal; 
	line-height		: 1.4em; 
	font-weight		: normal; 
	font-variant		: normal;
	text-align		: right;
	padding 		: 4px 0px 0px 0px;
	color			: #333;	
}

*html #footerCopyInhalt
{
	padding 		: 3px 0px 0px 0px;
	line-height		: 1.4em;
}
/* -------------------------------------------------- Fußzeile ENDE --------------------------------------------*/