/***********************/
/*Design for red fading*/
/***********************/

/*******************************/
/*global pagelayout-Definitions*/
/*******************************/
	body	{ 	/*background-image:url(../graphics/line3.jpg); */
				  background-color:#000066;
				  
	}	
	h1,h2,h3,h4,
	p,ul,ol,li,
	div,td,th,
	address,
	blockquote,
	nobr,b,i {	font-family:Verdana,"Monotype Corsiva",sans-serif;
				
				color:white;
				font-size:14px;
	}
	ul {	margin-top:-10px;
			margin-bottom:-10px;
			margin-left:44px;
			text-align:left;
	}    
	
	
/*****************/	   
/*Div-Definitions*/
/*****************/
	div#banner	{	margin-bottom:-20px;
					/*margin-left:10px;*/
					width:100%;
					height:80px;
					z-index:1;
					text-align:left;
					padding-left:50px;
	}
	div#bottom	{	/*margin-left:10px;*/
							margin-top:-17px;
							width:980px;
							position:relative;
	}
	div#content {	/*margin-left:10px; */
					width:800px;
					margin-top:0px;
					position:relative; 
					/*background-color:#FFFFFF;*/
					background-color:#000066;
					/*background-image:url('../../images/rightfade2.png');*/
					background-position:right;
					background-repeat:repeat-y;
	}
	div#menu	{	margin-top:20px;
					position:relative;
					/*margin-left:10px; */
				   	width:900px;
				   	/*margin-right:5%; */
	
				  	text-align:center;
	}
	div#footer	{	width: 800px;
					clear: left;
					text-align: right;
					font-size: 10px;
	}

	


/**********************/
/*Heading Definitions*/
/**********************/
	h1 {	font-size:26px; 
			padding-top:20px;
			margin-right:26px;
			text-align:left; 
			/*color:#cb001c;*/
			color:#99ccff;
	}
	h2 {	font-size:20px; 
			/*letter-spacing:0.4em;*/
			margin-bottom:15px; 
			text-align:left; 
			color:#99ccff;
	}
	h3 {	font-size:20px; 
			margin-bottom:15px;
			margin-left:0px;
			text-align:center;
			color:#99ccff;
	}
	h4 {	font-size:16px; 
			margin-bottom:10px; 
			text-align:left; 
			color:red;
	}
	
	
/*****************************/
/*Horizontal line Definitions*/
/*****************************/
	hr.news {	width:100%; 
	}
	hr	{	width:99%;
			margin-right:9px;
	}
	hr.bottom	{	width: 100%;
					margin-top: 25px;
	}
		
		
/***********************/		
/*Paragraph-Definitions*/	
/***********************/
	p	{	text-align:justify;
			margin-left:4px;
			margin-right:0px;
			padding-left: 10px;
			padding-right: 10px;
	}
	p.zitat	{	
				text-align:justify;
				margin-top:-15px;
				/*margin-left:40px;*/
				margin-right:-10px;	
				margin-bottom:-3px;;
	}
	p.programm	{ 	/*margin-left:-10px;*/
				 	/*margin-right:px;*/
					padding:0px 0px 0px 0px;
					text-align:justify;

	}
	p.right {
				text-align:right;
			 	margin-right:-10px;
			 	margin-top:-25px;;
			  	color:#ffffff;
	}
	p.centered	{ text-align:center;
	}
	
	
/******************/
/*List-Definitions*/
/******************/
	li.repertoire {	margin-left:-60px;
					margin-right:40px;
					padding:0px 0px 0px 0px;
	}


/*******************/
/*Table-Definitions*/
/*******************/
	table#rep_table	{	margin-left:-20px;
						margin-right:5px;
						margin-left:10px;
	}
	td.kongressDate	{ 	font-weight:bold;
						vertical-align:top;
	}
	td.kongress	{	padding-left:10px;
	}
	
	
/**********************/	
/*Section divisions...*/
/**********************/
	div#programm,
	div#live,
	div#galerie,
	div#referenzen,
	div#kontakt	{	position:relative;
					/*background-color:#f5ab2e;*/
					background-color:#000066;
					text-align:left;
	}
	/****************************************************************/
	/*..with different paddings to align them under their categories*/
	/****************************************************************/
	#programm	{	padding-left:220px;
	}
	#referenzen	{	padding-left:535px;
	}
	
					
/******************/						
/*Link-definitions*/
/******************/
	a.menulink 	{	font-weight:bold;
					color:white;
					font-size:14px;
					text-decoration:none;
	}
	

	a.menulink:hover, 
	a.menulink:active	{	font-weight:bold;
							color:#99ccff;
							font-size:14px;
							text-decoration:none;
	}
	a.activemenulink	{ 	font-weight:bold;
							color:#99ccff;
							font-size:14px;
							text-decoration:none;
	}
	a.mainlink	{	font-weight:bold;
					
	}
	a.replink { font-weight:bold;
				margin-left:-5px;
				color:#99ccff;
				text-decoration:none;
	}
	a.reflink { font-weight:bold;
				
				color:#99ccff;
				text-decoration:none;
	}			
	a.bottomLink	{	color: #ffffff;
						text-decoration: none;
	}
	
	#button_ralf,
	#button_live,
	#button_repertoire,
	#button_referenzen,
	#button_kontakt		{	position:relative;
							width:142px;
							height:57px;
							margin-top:0px;
							margin-left:10px;
							border:0;
	}
	#button_repertoire 		{background-image:url(../../images_menue/repertoire.png);}
	#button_repertoire:hover{background-image:url(../../images_menue/repertoire_over.png);}
	#button_live			{background-image:url(../../images_menue/live.png);}
	#button_live:hover		{background-image:url(../../images_menue/live_over.png);}
	#button_ralf			{background-image:url(../../images_menue/ralfweber.png);}
	#button_ralf:hover		{background-image:url(../../images_menue/ralfweber_over2.png);}
	#button_referenzen		{background-image:url(../../images_menue/referenzen.png);}
	#button_referenzen:hover{background-image:url(../../images_menue/referenzen_over.png);}
	#button_kontakt			{background-image:url(../../images_menue/kontakt.png);}
	#button_kontakt:hover	{background-image:url(../../images_menue/kontakt_over.png);}


/********************/
/*Graphicdefinitions*/
/********************/
	img.mainleft	{	border:0;
						vertical-align:text-top;
						margin-right:20px;
						margin-top:-10px;
						float:left;
	}
	img.right	{		border:0;
						vertical-align:text-top;
						margin-left:20px;
						float:right;
	}
	img.activemenuIE	{	border:0;
							margin-top:28px;
	}
	img.activemenu	{	border:0;
						margin-top:0px;
						
	}
	img.menuleft	{	border:0;
						vertical-align:text-top;
						margin-right:6px;			
						float:left;
	}
	img.list	{	border:0;
					vertical-align:text-top;
					padding-left:20px;
	}
	
	
/*************/	
/*CSS-Gallery*/
/*************/
	.gallerycontainer	{	position:relative;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
	.thumbnail img	{	border:0px;
						margin:0 5px 5px 0;
	}
	.thumbnail:hover	{	background-color:transparent;
	}
	.thumbnail:hover img	{	border:0;
	}
	.thumbnail span	{ /*CSS for enlarged image*/
						position:absolute;
						background-color:#F8FFBC;
						padding:5px;
						left:-1000px;
						border:1px dashed gray;
						visibility:hidden;
						color:black;
						text-decoration:none;
	}
	.thumbnail span img	{ 	/*CSS for enlarged image*/
							border-width:0;
							padding:2px;
	}
	/*.thumbnail:hover span	{ 	visibility: visible;
								top: 0;
								left: 230px; 
								top: 300px;	 
								z-index: 0;
	}*/	
	.thumbnail:hover span.closeup	{	visibility:visible;
										top:0;
										left:230px;
										top:250px;
										z-index:0;
	}
	.thumbnail:hover span.standup	{	visibility:visible;
										top:0;
										left:230px;
										top:140px;
										z-index:0;
	}
	/*.thumbnail:hover span.popr	{	visibility:visible;
									top: 0;
									left:230px;
									top:230px;
									z-index:0;
	}*/