/* CSS Document */
html { height:100%; }				
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	height:100%;
	}
	
#MuseumTitel {
	position:absolute;
	left:21%; top:50px;
 	z-index:1001;
	font-size:20px;	letter-spacing:1px;
}



	.unsichtbar { 	position:absolute;	left:-3000px;	top:-2000px;	width:0px;	height:0px;	overflow:hidden;	display:inline; }

					
#Header {
	position:absolute; 
	top:50px; 
	left:21%;
	font-size:1.5em;
	letter-spacing:0.05em; 
 	padding:0px;
	text-transform:uppercase;
	border:none;
	color:#330000;
	z-index:1000;
	}
	

#BildRand { float:left; margin-right:5px; }

#NavMain { position:relative;
	font-size:0.8em;
	float:left;
	 
	left:0px; 
	top:0px; 
	height:100%;
	width:20%;
	margin-right:15px;
	z-index:10;
		}
		#NavMain  #Nav {
		position:relative;
 		margin-top:73px;
		width:100%;
		z-index:2000;			
		}
		#NavMain  ul { 	 position:relative;
			padding:0;
			margin:0;
			list-style-type:none;					
			}
							
		#NavMain  ul li { 
			padding-bottom:0.1em;
			padding-top:1em; 
			padding-left:10px;
			letter-spacing:0.1em;
			font-weight:bold;
			color:#FFFFFF;}  
			
			  
		/*#NavMain #Nav  ul li:first-child { padding-top:0em;						
			}
		#NavMain #Nav  ul li ul li:first-child { padding-top:0.3em;						
			}*/
			
			
		#NavMain  ul li a { 
			text-decoration:none; 
			color:#FFFFFF;
			display:block; }
		#NavMain  ul li a:hover { 
			text-decoration:underline; 
			color:#FFFFFF;
			display:block; }
			
			
		#NavMain  ul li ul { 	
			padding:0;
			margin:0;
			list-style-type:none;	
			 }	
		#NavMain  ul li ul li { 
			padding-bottom:0.2em;
			padding-top:0.3em; 
			border-bottom:none;
			letter-spacing:0.1em;}     /*<<<<*/
		#NavMain  ul li ul li a { 
			text-decoration:none; 
			color:#FFFFFF;
			display:block;			  }

#stil {  clear:both; width:auto;    }
#stil  ul li a { display:inline;}
#stil  ul li a:hover { display:inline;}
#stil  ul li ul li a { display:inline;}
#stil  ul li ul li a:hover { display:inline;}

#stil  ul li  { border-bottom:none; margin-left:0em; }
#stil  ul li ul li   { margin-left:0px; padding-left:10px;  padding-top:0px; }
 



#untermenu { font-size:0.8em; margin-bottom:1em; border-right:1px solid #000000; border-bottom:1px solid #000000;  }
		#untermenu  ul { 	
			padding:0;
			margin:0;
			list-style-type:none;	
			}
							
		#untermenu  ul li { 
			
			padding-bottom:0.1em;
			padding-top:1em; border-bottom:1px solid ;
			/*#CCD0CC;padding-left:10px;*/
			letter-spacing:0.1em;
			font-weight:bold;
			color:#FFFFFF;

			 padding-left:10px;}     
			
		#untermenu  ul li a { 
			text-decoration:none; 
			color:#FFFFFF;
			display:block;
			
		
 }
			
			
		#untermenu  ul li ul { 	
			padding:0;
			margin:0;
			list-style-type:none;
			 }	
		#untermenu  ul li ul li { 
			/*font-size:0.9em;*/
			padding-left:10px;
			padding-bottom:0.2em;
			padding-top:0.3em; 
			border-bottom:none;
			letter-spacing:0.1em;}     /*<<<<*/
		#untermenu  ul li ul li a { 
			text-decoration:none; 
			color:#FFFFFF;
			display:block; }



.barrierefrei {  visibility:hidden; left:-1000px;  } 
#Marginal .barrierefrei { visibility:visible; left:0px;}






/*----------------------------------*/
#Mitte {
	position:absolute;
	left:21%;
	top:80px;
	width:60%;
   	padding: 0px;
	z-index:100;
	 
}
#Inhalt {	
	background-color:#FFFFFF;
	color: #000000;
	text-align: left;
	padding-bottom:20px;
	height:auto;
	}
	#Inhalt p {
		 
			margin-left:85px;
			padding-left:5px;
			margin-right:15px; 
			margin-top:0px;
			margin-bottom:1em;
		}
	#Inhalt .ohneAbstand p { margin-left:10px; position:relative;}
	#Inhalt .Sp2 p {   padding-left:0px; margin-left: 0px; }

/*------------------------------------*/


#Marginal {
	position:absolute;
	left:82%;
	top:80px;
	width:17%;
	}
			#Marginal .infokasten {					
					min-height:55px;
					margin-bottom:15px;
					 }
				.infokasten .infoheader {
					padding-left:4px;
					padding-top:0px;
					padding-bottom:1px;
					color:#FFFFFF;
					font-size:0.8em;
					font-weight:bold;
					letter-spacing:1px;
					margin-left:0px;
					margin-bottom:0px;
					}
				.infokasten .infotext {
					font-size:0.8em;
					padding:3px;
					line-height:normal;
				}
				.infokasten .infotext p {
				margin:0px; padding:0px;
				}
				.infotext img {
					border:1px solid #000000;
					margin:2px;
				}		


#untermenu .infoheader { font-size:1em; color:#FFFFFF; padding-left:5px; font-weight:bold; letter-spacing:1px;}
	
#InhaltKopf { margin-bottom:1.5em; line-height:normal;}

h1  {
position:relative;
	margin:0px;
	font-size:1.5em;
	margin-left:10px;
	margin-top:40px;
	font-weight:normal;
	margin-bottom:0.3em;
	line-height:normal;
	letter-spacing:1px;
	}
	
h2  {
position:relative;
	margin:0px;
	line-height:normal;
	font-size:1.2em;
	margin-bottom:1em;
	margin-left:10px;
	font-weight:normal;	letter-spacing:1px;
}	
	
h3 {
	position:relative;
	margin-left:15px;
	margin-bottom:1em;
	margin-top:0px;
	font-size:1.2em;
	font-weight:normal;
	margin-left:10px;
	}
 	
/*----------------------------------*/	
				#Bildkasten {					
					margin-right:5px;
					margin-bottom:2px;
					margin-top:2px;		 position:relative;			
					}
				#Bildkasten div {					
					 position:relative;
					}
				#Bildkasten img {
					border:1px solid #000000; position:relative;					
					}
				#Bildkasten .bu {
					/*border-left:1px solid #CCCCCC; 
					border-right:1px solid #CCCCCC; 
					border-bottom:1px solid #CCCCCC; 				
					padding:5px;*/
					margin-left:3px; margin-right:3px;	
					font-size:0.8em;
					padding-top:5px;
					}
				#Bildkasten .bu p {margin-left:0px;}
/*----------------------------------*/	

					
	#Balken {
		color:#FFFFFF; 
		padding-left:5px; 
		font-size:0.8em; 
		letter-spacing:1px; 
		font-weight:bold; 
		padding-bottom:1px; 
		padding-top:2px;
		}
		
#infooben {
	position:absolute; 
	left:0px; 
	top:0px; 
	font-size:0.8em; 
	color:#CCCCCC; 
	font-weight:bold; 
	letter-spacing:1px;
	height: auto;
	width:62%;
	z-index: 1000;

}
#infooben .Pfad { margin-right:10px; }
#infooben .Pfad a:hover { background-color:#333333; background-color:#999999; }
#infooben .Pfad a:active { background-color:#333333; border:1px solid #CCCCCC;}
#infooben .Pfad a:focus { background-color:#333333; border:1px solid #CCCCCC;}


#infooben div {
	float:left;
	background-color:#000000; 
	padding-right:10px; 
	padding-left:10px; 
	padding-top:1px; 
	padding-bottom:3px;
}
#infooben .barr {
	float:left;
	padding-bottom:3px;
	padding-top:1px;
	padding-right:3px; 
}
#infooben .barrIcon  {
	padding-bottom:0px;
	margin-right:10px;
}


.barransicht { position:relative; z-index:1;}

#infooben .infoallg { font-size:14px; letter-spacing:1px; font-weight:bold;}
#infooben .infoallg a { color:#FFFFFF; text-decoration:none;}
#infooben a { color:#FFFFFF; text-decoration:underline;}

#Zusatzmenu a { color:#FFFFFF;}
 
 
 
 
 
.BildGross img { border:1px solid #000000;}
.BildGrossZurueck {margin-top:10px; padding-left:10px;}
 
.vermonat {
	font-size:1.2em;
	margin-top:25px; 
	margin-bottom:5px;
	margin-left:20px;
	font-weight:bold;
	/*color:#333333;*/
	text-transform:uppercase;
	border-bottom:1px solid #666666; }
.vertitel {
	font-size:0.8em;
	letter-spacing:normal;
	/*color:#000000;*/
	margin-left:20px;
	margin-bottom:5px;
	margin-top:20px;}
.verdetails  {
	margin-top:3px; margin-left:0px; border-left:1px solid #CCCCCC; padding-left:8px; padding-right:10px;}
.options {
	margin-bottom:30px;
	}
.option {
	padding-left:10px;
 }
.option div {	  }


 
/*------Ausstellungstitel--------*/
.AusTitel { font-size:1.7em; font-weight:normal; letter-spacing:1px; }
.AusUntertitel { font-size:1em; }
.AusLaufzeit { font-size:1em; }

/*------Ausstellungstitel klein für Rückblick--------*/
.AusTitelLo { font-size:1.3em; font-weight:normal; letter-spacing:normal;     }
.AusUntertitelLo { font-size:1em;letter-spacing:normal; margin-bottom:0.5em; }
.AusLaufzeitLo { font-size:1em; }


.AbbAusst {position:relative; float:left; width:170px; margin-top:2px; }
.AbbAusst img { border:1px solid #000000; }
.AbbAusstGross {  width:510px; margin-top:2px; margin-bottom:10px; }
.AbbAusstGross img {  border:1px solid #000000; }
.AbbAusstGross .bu { margin-left:10px; font-size:0.8em; margin-bottom:10px; }

				
/*------block info unter ausstellungen--------*/
.VBlock  { margin-left:0px; margin-bottom:3em; padding-bottom:10px; border-bottom:1px solid #666666;  }
.abstand { margin-left:90px; }
.VBlock .Titel {
	margin-top:1em;
	font-weight:bold;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;}
.VBlock .option {
	padding-left:0px;
	line-height:20px;
}
	
.VBlock  .Zeile { 
	margin-bottom:1em;
	margin-left:0px;
	margin-top:1em;}
				
.VBlock  .options {
	margin-right:10px;
	margin-top:-0.8em;
	margin-left:0px;
	 }
			
				
.MargScroll250 { width:auto; height:250px; overflow:auto;}
				
				
.anbieter { color:#666666; font-size:0.8em;
	 
	 }
.anbieter a { color:#666666; }



.zurueck { margin-left:10px; }


 #stil .options li {  color:#000000;} 
 #stil .link { cursor:pointer; color:#000000;} 
 #stil .link:hover { text-decoration:underline;} 
 
 

/*------------Fixiertes Logo für moderne Browser----------------*/
#LogoUnten {
    position:absolute; left:0px; bottom:0px; z-index:100;
  }
  html>body #LogoUnten {  /* nur fuer moderne Browser! */
    position: fixed;
  }
/*------------ENDE Fixiertes Logo für moderne Browser----------------*/

/*------------Fixierter Balken für moderne Browser----------------*/
#BgLinks {
    position:absolute; left:0px; top:0px; z-index:1;
	height:100%;
	width:20%;
  }
  html>body #BgLinks {  /* nur fuer moderne Browser! */
    position: fixed;
  }
/*------------ENDE Fixierter Balken für moderne Browser----------------*/


/*---------LINKS Focus--------*/
#Mitte a:focus { background-color:#CCCCCC; color:#000000;}
#Mitte a:active {background-color:#CCCCCC;color:#000000;  }

#Marginal a:focus { background-color:#CCCCCC; color:#000000;}
#Marginal a:active {background-color:#CCCCCC; color:#000000; }

#Nav a:focus { background-color:#CCCCCC; color:#000000; }
#Nav a:active {background-color:#CCCCCC; color:#000000; }
/*---------ENDE LINKS Focus--------*/



  
.SystematikTabelle { font-size:1.2em;   float:left; margin-top:30px; }
.SystematikTabelle td { padding-right:20px; padding-top:5px; padding-bottom:10px;border-bottom:1px solid #EFEFEF;}
.SystematikTabelle div.link { font-size:0.8em; float:left; margin-right:10px;}
.SystematikTabelle td.Signatur {  }
.SystematikTabelle div form { margin-bottom:0px; margin-top:10px;}
.SystematikTabelle div.Frage { font-size:0.8em; float:left; margin-right:10px; line-height:1.4em; margin-top:5px;}
.SystematikTabelle div.Frage input { font-size:0.8em; border:1px solid #CCCCCC; margin-right:5px;}

  
#KastenAudio { width:180px; margin-right:20px; background-color:#F3F3F3;  margin-bottom:20px;  }
#KastenAudio div.titel { font-weight:bold; font-size:1em; margin-left:10px; margin-bottom:10px; margin-top:5px;}
#KastenAudio div.embed { margin-left:10px;}
#KastenAudio div.bu { margin:10px;}


  
#KastenVideo { width:340px; margin-right:20px; background-color:#F3F3F3; margin-bottom:20px;  }
#KastenVideo div.titel { font-weight:bold; font-size:1em; margin-left:10px; margin-bottom:10px; margin-top:5px;}
#KastenVideo div.embed { margin-left:10px;}
#KastenVideo div.bu { margin:10px;}