﻿/* CSS Document */
html { 	font-family: Arial, Helvetica, sans-serif;
 }	

			
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	width:99.9%;
	font-size:75%;
 	}
	
.plakat { position:absolute; left:0px; top:0px;  z-index:20; } /*width=""1000"" height=""300""*/

#container 		{ position: absolute; top:70px;  left: 0px; margin-left:200px; border: dotted 0px fuchsia; width:auto; height:auto;  z-index:20;}
#inhalt 		{ position: absolute; width:42em;   top: 0em; left: 0px; border: dotted 0px #003300; z-index:20; }
#logo 			{ position: absolute; top: 0px; left: 0px; margin-bottom:60px; z-index:20;}
#plakatflaeche 	{ position: absolute; top:100px; margin-top:0px; margin-bottom:0px; margin-left:-200px;   height:0px;  z-index:20;width:1000px; } /*overflow:hidden;*/
#unterplakat 	{ position: absolute; top:120px; margin-top:0px; margin-bottom:0px;  z-index:20000; }
#unterlogo 	{ position: absolute; top:115px; margin-top:0px; margin-bottom:0px; z-index:20;width:42em;  }
*html #unterlogo { 
height: 1%; 
} 


#container .Pfad { color: #808080;     text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }
#container .Pfad a { color: #808080; background-image:none; margin-left: 0px; padding-left: 0px; font-weight:normal;   font-weight:normal; line-height: 20px; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; text-decoration: none;}
#container .Pfad a:hover {color: black;font-size: 12px;  line-height: 20px; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; text-decoration: none;}

#container #logo a { margin:0px; padding:0px; background-image:none;}



a:active { border:none;}
a:focus { border:none;}
.unsichtbar { visibility:hidden; width:0px; overflow:hidden;}
/*----------------------------------*/
p { margin: 0px; margin-bottom:4%; font-size:100%; text-align:left; border:0px dashed #006600; line-height:170%; }
p.Pfad { margin-top:0px; margin-bottom: 3%; font-size:100%; text-align:left; border:0px dashed #006600; }

.abstandklein p { margin-bottom:2%;}




p a { 			color: black;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;  }
p a:hover { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }
p a:active, p a:focus { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }



#inhalt  ul {}
#inhalt  ul { list-style:none; margin-left:0px; margin-top:0px; padding-left:0px; padding-top:0px; }
#inhalt  ul li a { color: black;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;					margin-left:0px; line-height:170%;  }
#inhalt  ul li a:hover, #inhalt  ul li a:active, #inhalt  ul li a:focus { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }
 
 
 
#inhalt  ol {}
#inhalt  ol { list-style:square;   margin-top:0px; margin-left:13px; padding-left:0px;padding-top:0px; }
#inhalt  ol li a { color: black;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;
					margin-left:0px;  }
#inhalt  ol li a:hover, #inhalt  ol li a:active, #inhalt  ol li a:focus { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }
 



span.LinksGrau a:hover, span.LinksGrau a:active, span.LinksGrau a:focus { 		color: black;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;  }
span.LinksGrau a { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }

#container a.hell { 			color: #808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;  }
#container a.hell:hover, #container a.hell:active, #container a.hell:focus { 	color:#000000;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }



#container  .zurueck a { 			color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau_links.gif); background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px;   text-decoration: none;  }
#container  .zurueck a:hover, #container  .zurueck a:active, #container  .zurueck a:focus  { 	color:#000000;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz_links.gif); 	background-repeat: no-repeat; background-position: left 3px;    padding-left: 13px; }

#container  .vor a { 			color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat: no-repeat; background-position: right 3px;    padding-right: 13px;   text-decoration: none;  }
#container  .vor a:hover, #container  .vor a:active, #container  .vor a:focus  { 	color:#000000;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); 	background-repeat: no-repeat; background-position: right 3px;    padding-right: 13px; }

#Ausstellungen { margin-top:40px;}
#Ausstellungen h2  { line-height:100%; margin:0px; padding:0px; }
#Ausstellungen h2 a { color:#000000; text-decoration:none;  }
#Ausstellungen h2 a:hover, #Ausstellungen h2 a:active, #Ausstellungen h2 a:focus { color:#808080; }
#Ausstellungen p { font-size:150%;  line-height:normal; }

h1 { color: black; font-size: 200%;  font-weight: bold;  line-height: 110%; margin:0px; margin-bottom:3%; padding:0px; margin-top:0%; text-align:left; }
h2  { color: black; font-size: 150%;  font-weight: bold; line-height: 110%; margin:0px; padding:0px 0px 0px 0px ; margin-bottom:3%; margin-top:7%; }

h1.Seitentitel { color: black; font-size: 200%;  font-weight: bold;  line-height: 110%; margin:0px; margin-bottom:3%; padding:0px; margin-top:0%; text-align:left; }
h2.Seitentitel  { color: black; font-size: 150%;  font-weight: bold; line-height: 110%; margin:0px; padding:0px 0px 0px 0px ; margin-bottom:3%; margin-top:3%; }

h2.suchtitel { color: black; font-size: 150%;  font-weight: bold; line-height: 100%; margin:0px; padding:0px 0px 0px 0px ; margin-bottom:0%; margin-top:3%; }
h3 { color: black; font-size: 100%;  font-weight: bold; margin:0%; margin-bottom:1%; line-height: 100%; text-transform: uppercase; word-spacing: 100%; letter-spacing: 1px; }
h4 { color: #808080; font-size: 150%;  line-height: 20px; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }



.text { color: black; font-size: 100%;  line-height: 170%; }


.lz5 { color: white; line-height: 5px; }
.lz-5 { color: white; line-height: -25px; }
.impressum { color: #808080; font-size: 12px;  line-height: 100px; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }


.navrechts1 { color: black; font-size: 12px;  line-height: 15px; text-decoration: none; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }
.navrechts1:link { color: black; font-size: 12px;  font-style: normal; line-height: 15px; text-decoration: none; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }
.navrechts1:hover { color: #808080; font-size: 12px;  font-style: normal; line-height: 15px; text-decoration: none; text-transform: uppercase; word-spacing: 5px; letter-spacing: 2px; }
.navrechts2 { color: #808080; font-size: 12px;  line-height: 20px; background-image: url(pfeil_grau.gif); background-repeat: no-repeat; background-position: left 2px; text-decoration: none; position: relative; padding-left: 15px; }
.navrechts2:link { color: #808080; font-size: 12px;  line-height: 20px; background-image: url(pfeil_grau.gif); background-repeat: no-repeat; background-position: left 2px; text-decoration: none; position: relative; padding-left: 15px; }
.navrechts2:hover { color: black; font-size: 12px;  line-height: 20px; background-image: url(pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 2px; text-decoration: none; position: relative; padding-left: 15px; }


.suche a { 			color: black; font-size: 85%;  line-height: 170%; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
.suche a:hover { 	color: black; font-style: normal; line-height: 20px; text-decoration: none;   letter-spacing: 1px; }
/*#nav { position: relative; top: 5px; width:auto; left: 0px;  border: dotted 0px red; font-size: 0.8em;  letter-spacing:1px;}
*/


/*li.m1 { width:10%;  float:left; display:block;  }
li.m2 { width:27%;  float:left; display:block;  }
li.m3 { width:18%;  float:left; display:block; }
li.m4 { width:13%;  float:left; display:block;}
li.m5 { width:12%;  float:left; display:block;}

li.m1 { float:left;  	width:90px;  }
li.m2 {  float:left;   width:225px;  }
li.m3 {  float:left;    width:155px;}
li.m4 {   float:left;   width:110px;}
li.m5 {  float:left;   width:110px;}
li.m6 {  float:left;   width:110px;}
*/

/*
.textlink:link { color: black; font-size: 12px;  font-weight: bold; line-height: 20px; background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 2px; text-decoration: none; position: relative; margin-left: 2px; padding-left: 12px; }
.textlink:hover { color: #808080; font-size: 12px;  font-weight: bold; line-height: 20px; background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat: no-repeat; background-position: left 2px; text-decoration: none; position: relative; margin-left: 2px; padding-left: 12px;}
*/

#navrechts { width: 500px; position: absolute; top: 213px; left: 550px;border: dotted 0px yellow;}
#kasten2 { background-color: #ddd; width: 200px; position: relative; visibility: visible; float: left; margin-top: 10px; margin-right: 25px; margin-bottom: 10px; padding: 10px 15px 5px; border: solid 1px #808080;; }
#kasten1 { width: 200px; position: relative; visibility: visible; float: left; margin-top: 10px; margin-right: 25px; margin-bottom: 10px; padding: 10px 15px 5px; border: solid 1px #808080;; }


/*
#nav a { 		color: black;  font-style: normal; line-height: 20px; text-decoration: none;   }
#nav a:hover { 	font-weight: bold;  }

/*------------------------------------*/


#MuseumTitel {	color:#000000;}
#Header  {
	color:#808080;
}  
.HeadColorleft { color:#F0F2F0;}


#Balken {	background-color:#000000; color:#ffffff; border-top:1px solid #000000; }




 .infoheader {				
		background-color:#000000; color:#ffffff;
		border-top:1px solid #4C4C4C;
		}

.clear { clear:both; height:1px;}
#Bildkasten  { position:relative;    }

#Bildkasten img {
	border:1px solid #808080;
	margin-bottom:0px;
}
div.img a img.keinLinkRahmen {
	border: none;
}


#Bildkasten 	{ float:left; 	border:0px dashed #FF0000; margin-bottom:15px;	margin-right:30px;	margin-top:5px;	 }
#Bildkasten.links 	{ float:left; 	border:0px dashed #FF0000; 	margin-right:30px;	margin-top:5px;	 }
#Bildkasten.rechts 	{ float:right; 	border:0px dashed #00FF00; 	margin-left:30px;	margin-top:5px;	 }
#Bildkasten .bu { border:0px dashed #999999;   margin-top:5px;}
#Bildkasten .bu a { background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat:no-repeat; background-position:left 3px; padding-left:13px; color:#808080; text-decoration:none; font-weight:bold; }
#Bildkasten .bu a:hover, #Bildkasten .bu a:active, #Bildkasten .bu a:focus { background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat:no-repeat; background-position:left 3px; padding-left:13px; color:#000000; text-decoration:none; font-weight:bold; }
#Bildkasten .bu p { border:0px dashed #999999;   margin-top:5px; margin-bottom:0px; line-height:normal;}


#BildRand {
	width:202px;
	float:left;
	border:1px solid #808080;
	margin-right: 25px;
	margin-bottom:20px;
	background-color:#dddddd;
	margin-top:4px;
}

#BildRand.ohne {	background-color:#FFFFFF; }
#BildRand img { margin:0px; }
#BildRand .BildRandAbstand { margin:10px; }
#BildRand .BildRandAbstand p { padding-bottom:2%; line-height:120%;   }
#BildRand .BildRandAbstand p:first-child  {  padding-bottom:0%; margin-bottom:1%; line-height:120%;   }
#BildRand .BildRandAbstand p.normal { padding-bottom:2%; line-height:120%;   }
#BildRand .BildRandAbstand p a {  color: black;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;   margin-left: 0px; padding-left: 13px;  text-decoration: none;}
#BildRand .BildRandAbstand p a:hover, #BildRand .BildRandAbstand p a:active, #BildRand .BildRandAbstand p a:focus { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;   margin-left: 0px; padding-left: 13px; }

#BildRand .BildRandAbstand h3 { line-height:120%; margin:0px; margin-bottom:4%;  }
#BildRand .BildRandAbstand h2 { line-height:130%; margin:0px; margin-bottom:3%;  }
#BildRand #Bildkasten { margin-bottom:12px;}

#BildRand .bg1 { 	background-color:#dddddd; }

#BildRand.ohne p { 	line-height: 150%;	}


#BildRand.b500 { width:500px; margin-bottom:30px;}
#BildRand.b500 .BildRandAbstand #Bildkasten { margin: 5px 20px 10px 0px;}
#BildRand.b500 .BildRandAbstand p { line-height:170%; margin-bottom:2%; }
#BildRand .BildRandAbstand img.tipp { float:left; margin:6px 10px 0px 0px; }



#Bildstrecke { border:1px solid #CCCCCC; height:205px;  width:500px; margin-bottom:25px; overflow:hidden; clear:both; margin-top:0px;}
#Bildstrecke a {background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat:no-repeat; padding-left:13px; background-position:left 3px;  color:#808080; text-decoration:none;  }
#Bildstrecke a:hover, #Bildstrecke a:active, #Bildstrecke a:focus {background-image:url(../museum-ludwig/img/pfeil_schwarz.gif);  color:#000000; }

#VInfo {background-color:#dddddd; border:1px solid #808080; padding:5px;}

#VInfo p{ padding:0px 10px 5px 0px; margin:0px; }
#VInfo div.termin { margin: 10px 0px 0px 10px; padding:0px;}

#VInfo  div.heute { float:left; font-size:9px; border:1px solid #000000; background-color:#000000; color:#FFFFFF; font-weight:normal;   padding:2px 3px 1px 3px; 
		  margin-left:10px; letter-spacing:1px;  margin:6px 2% 0% 5px ; }

.trenner {
	border-bottom:1px dotted #808080;
	clear:both;
	margin-bottom:30px;
	margin-top:30px;
	height:1px;
	background-color:#FFFFFF;
}



.Verteilersegment  {  margin:0px; background-color:#FFFFFF; width:42em;}
.Verteilersegment .links { position:relative; float:left;   max-width:270px;   }
.Verteilersegment h2 {    font-size:100%; line-height:180%; text-transform:uppercase; margin:0px; padding:0px; margin-left:13px; padding-top:10px;  }
.Verteilersegment h2 a {  font-size:100%; line-height:180%; text-transform:uppercase; margin:0px; padding:0px; margin-left:0px; padding-top:10px;  background-image:none;   }
.Verteilersegment h2 a:hover, .Verteilersegment h2 a:active, .Verteilersegment h2 a:focus { color:#808080;  font-size:100%; line-height:180%; text-transform:uppercase; margin:0px; padding:0px; margin-left:0px; padding-top:10px;  background-image:none;   }

.Verteilersegment .text { font-size:100%;  width:240px; margin-left:13px;  }
.Verteilersegment .img { float:right; margin:12px; border:1px solid #808080; padding:0px;  }
.Verteilersegment .img a { background-image:none; padding:0px; margin:0px;}
.Verteilersegment   p { line-height:150%; }
.Verteilersegment   a, #ListeKalender   a { 		color:#000000;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat: no-repeat; background-position: left 3px;   margin-left: 2px; padding-left: 13px;   text-decoration: none; }
.Verteilersegment   a:hover, #ListeKalender   a:hover { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;   }
.Verteilersegment   a:active, #ListeKalender   a:active { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;   }
.Verteilersegment   a:focus, #ListeKalender   a:focus { 	color:#808080;	font-weight: bold;   background-image:url(../museum-ludwig/img/pfeil_grau.gif); 	background-repeat: no-repeat; background-position: left 3px;   }

.Verteilersegment.typ0 { 			
			border-top:none; 
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:1px dotted #808080; }
.Verteilersegment.typ1 { 			
			border-top:1px solid #808080; 
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:none; }
.Verteilersegment.typ2 { 
			border-top:1px dotted #808080;
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:none; }
.Verteilersegment.typ3 { 
			border-top:1px dotted #808080;
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:1px solid #808080; }
.Verteilersegment.typgr {  /*grauer Hintergrund*/
			border-top:1px solid #808080;
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:1px solid #808080;
			background-color:#dddddd;
			}
.Verteilersegment.typ4 { 
			border-top:1px solid #808080;
			border-left:1px solid #808080; 
			border-right:1px solid #808080; 
			border-bottom:1px solid #808080;
			margin: 10px 0px 15px 0px; }
			
.Verteilersegment.typ4 h2 {
text-transform:none; font-size:150%; margin-bottom:4%; line-height:normal;
}		
.Verteilersegment.typgr h2  {  /*grauer Hintergrund*/
	font-size:150%;   text-transform:none;line-height:normal; margin-bottom:4%;
}
.Verteilersegment.typgr h2 a  {  /*grauer Hintergrund*/
	font-size:100%; line-height:60%; text-transform:none;line-height:normal; margin-bottom:4%;
}
.Verteilersegment div.tipp {  /*grauer Hintergrund*/
	font-size:50%; background-color:#000000; color:#FFFFFF; font-weight:normal; padding:2px 3px 1px 3px; float:left; margin-right:5px; margin-top:3px; letter-spacing:1px;  
}



#Fuss { font-family:Arial, Helvetica, sans-serif; margin-top:20px;  margin-bottom:50px; font-size:100%; text-transform:uppercase; color:#808080;  letter-spacing:1px;}
#Fuss a { background-image:none; margin:0px; color:#808080; margin-left:30px; text-decoration:none;  }
#Fuss a:hover, #Fuss a:active, #Fuss a:focus { background-image:none; margin:0px; color:#808080;margin-left:30px;  }
#Fuss .copy {}



/*-----------------------*/
div.kalender {
	float:right;
	border:1px solid #808080;
	width:200px;
	text-align:center;
	margin:12px;
	margin-left:0px;
}
table.kalender { height:100px; font-size:100%; font-weight:bold; width:180px; margin:10px; cursor:pointer;}
table.kalender th {   text-align:center; font-weight:normal;  }
table.kalender td {   color:#808080;  text-align:center;   }
table.kalender caption { text-align:left; color:#000000; font-weight:bold; padding-bottom:5px; padding-left:3px; }
table.kalender td.schwarz {   color:#000000;}
table.kalender td.aktuell { background-color:#000000; color:#FFFFFF;}


/*#container ul { margin:0px 0px 15px 10px ; padding: 0px 0px 0px 5px; list-style-type:square; line-height:150%;}*/
#container ol { margin:0px 0px 15px 10px ; padding: 0px 0px 0px 5px; list-style-type:square; line-height:150%;}



#monate { margin-right:-1px;  padding:0px; }

#monate ul 			{ margin:0px; padding:0px; list-style:none; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }

#monate ul li		{
	display:block;
	float:left;
	width:23%;
	border:none;
	border-bottom:1px solid #808080;
	 

}
#monate ul li.aktuell {
	border:1px solid #808080;	 
	border-bottom:none;		
}

#monate ul li.aktuell div 	{ border:none; background-color:#ffffff;  margin-left:0px; margin-right:35px;  }
#monate ul li div 			{
	margin-left:3px;
	margin-right:2px;
	margin-top:5px; /*aktuell ausgewählte kladde erhöht dargestellt*/
	padding:4px;
	padding-left:12px;
	padding-right:30px;	
	border:1px solid #808080;
	border-bottom:none;
	background-color:#dedede; 
}

#container #monate a				{ margin:0px; background-image:none; padding:0px; }
#container #monate a:hover, #container #monate a:active, #container #monate a:focus			{ margin:0px; background-image:none; padding:0px; }

#monate { width:43em; }
#monate ul li  { width:10em;    }
#monate ul li div {  width:6em;}
#monate ul li.last { }
#monate ul a { text-decoration:none; color:#000000;}




#ListeKalender    {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px ;
	width:42em; 
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080; 
}
#ListeKalender h2 { float:left; line-height:130%; margin:2% 0% 2% 12px ; padding:0px 0px 0px 0px ;  }
#ListeKalender p { clear:both;  line-height:130%; margin:0px 0px 2% 12px;  padding:0px 0px 0px 0px ;  }

#ListeKalender .fuss { border-top:1px dotted #808080; padding:20px 0px 20px 10px ; margin-top:20px; position:relative; background-color:#FFFFFF; }
#ListeKalender .abstand { overflow:hidden; height:20px;}

#heute 	{ float:left; font-size:9px; border:1px solid #FFFFFF; background-color:#000000; color:#FFFFFF; font-weight:normal;   padding:2px 3px 1px 3px; 
		  margin-left:10px; letter-spacing:1px;  margin:13px 2% 2% 10px ; 
		}

hr { border:none;  border-bottom:1px dotted #808080; height:1px; margin:0px 0px 20px 0px ;}
#ListeKalender hr { margin:0px 0px 0px 0px ;}
/*div, p, h1, h2 { border:1px dashed #00FF00; }*/

#inhalt #raumplan1 {position:relative; left:5px; top:-150px; padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan1 ul { padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan1 ul li ul li { padding:0px; margin:2px; list-style:none;}
#inhalt #raumplan1 ul li ul li span { padding: 0px 2px 0px 2px; color:#FFF; background-color:#000; font-size:80%; margin-right:5px;}

#inhalt #raumplan2 {position:relative; left:5px; top:-140px; padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan2 ul { padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan2 ul li ul li { padding:0px; margin:2px; list-style:none;}
#inhalt #raumplan2 ul li ul li span { padding: 0px 2px 0px 2px; color:#FFF; background-color:#000; font-size:80%; margin-right:5px;}
#inhalt #raumplan2 ul li ul li span.ohne { padding: 0px 8px 0px 6px; background-color:#FFF;  font-size:80%; margin-right:5px;}

#inhalt #raumplan3 {position:relative; left:5px; top:-140px; padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan3 ul { padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan3 ul li ul li { padding:0px; margin:2px; list-style:none;}
#inhalt #raumplan3 ul li ul li span { padding: 0px 2px 0px 2px; color:#FFF; background-color:#000; font-size:80%; margin-right:5px;}
#inhalt #raumplan3 ul li ul li span.ohne { padding: 0px 8px 0px 6px; background-color:#FFF;  font-size:80%; margin-right:5px;}

#inhalt #raumplan4 {position:relative; left:5px; top:-180px; padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan4 ul { padding:0px; margin:0px; list-style:none;}
#inhalt #raumplan4 ul li ul li { padding:0px; margin:2px; list-style:none;}
#inhalt #raumplan4 ul li ul li span { padding: 0px 2px 0px 2px; color:#FFF; background-color:#000; font-size:80%; margin-right:5px;}
#inhalt #raumplan4 ul li ul li span.ohne { padding: 0px 8px 0px 6px; background-color:#FFF;  font-size:80%; margin-right:5px;}




/*---------------------MENU------------------------------*/


	

  #nav { position:absolute;	  text-transform:uppercase; font-size:100%; width:85em; border:0px dashed #0066CC; height:1.5em; margin-top:7px;   z-index:30;   }

  #nav * {}
  #nav_main { position:absolute; left:0px;  	height:1.5em; border:0px dashed #CCCCCC; 	 	margin: 0;   }
  
  #nav_main ul {	 list-style: none; 	padding: 0px; 	margin: 0px;      }
  
  #nav_main ul li {     	float: left; border:1px solid #ffffff; 	padding: 0; 	margin: 0px 30px 0px 0px; letter-spacing:1px; }/*abstand zwischen den punkten*/
  
  
  #nav_main ul li {padding: 0 0 0 0;  }
  #nav_main ul li:hover, #nav_main ul li.active, #nav_main ul li.focus  {background: url(img/leer.gif) left bottom no-repeat;  }
   
	
  
  
  #nav_main ul a { color: #000000;      height: 5%;   display:block; padding: 0 0 0 0;}
  #nav_main ul a span.text { }
  
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {text-decoration: none; }  
  
  
  #nav_main ul li a {  		border: 0px solid #ffffff;	border-bottom: none;	padding-left: 0px;	text-decoration:none;  }
  #nav_main ul li:hover a,   #nav_main ul li.active a,   #nav_main ul li.focus a { font-weight:bold; color:#000000; border: 0px solid #ff0000;  border-bottom: none;}

  #nav_main ul li ul {border:1px dashed #CCCCCC; margin-top:-5px; margin-left:-1px; }
  
  /*Drop Down Listen */  
  #nav_main ul .m1 ul {   }
  #nav_main ul .m2 ul {  }
  #nav_main ul .m3 ul { }
  #nav_main ul .m4 ul { }
  #nav_main ul .m5 ul { }
  #nav_main ul .m6 ul { }
  #nav_main ul .m7 ul { }


  #nav_main ul .m1  { 	width:137px; margin-left:10px; margin-right:50px; height:40px; white-space:nowrap; }
  #nav_main ul .m2  {   width:5.2em;height:40px;  white-space:nowrap;}
  #nav_main ul .m3  {   width:16em; height:40px; white-space:nowrap;}
  #nav_main ul .m4  {   width:10.3em; height:40px; white-space:nowrap;}
  #nav_main ul .m5  {   width:6.5em;height:40px; white-space:nowrap;}
  #nav_main ul .m6  {   width:7em;height:40px; white-space:nowrap;}
  #nav_main ul .m7  {   width:5.5em;height:40px; white-space:nowrap;}

  #nav_main ul .m1 a:focus  { font-weight:bold;}
  #nav_main ul .m2 a:focus  { font-weight:bold;}
  #nav_main ul .m3 a:focus  { font-weight:bold;}
  #nav_main ul .m4 a:focus  { font-weight:bold;}
  #nav_main ul .m5 a:focus  { font-weight:bold;}
  #nav_main ul .m6 a:focus  { font-weight:bold;}
  #nav_main ul .m7 a:focus  { font-weight:bold;}
  #nav_main ul .m7 a  { color:#808080;}

  #nav_main.lang2 ul .m1  {   width:137px; margin-left:10px; margin-right:50px; height:40px; }
  #nav_main.lang2 ul .m2  {   width:5.2em;height:40px; }
  #nav_main.lang2 ul .m3  {   width:16em; height:40px;}
  #nav_main.lang2 ul .m4  {   width:7em; height:40px;}
  #nav_main.lang2 ul .m5  {   width:8em;height:40px;}
  #nav_main.lang2 ul .m6  {   width:7em;height:40px;}
  #nav_main.lang2 ul .m7  {   width:5.5em;height:40px; }
  #nav_main.lang2 ul .m7 a  {   color:#808080; }

#nav_main input { font-family:Arial, Helvetica, sans-serif; width:110px; font-size:100%; margin-left:2px;   padding:0px; border:1px solid #ffffff; }
#nav_main #ulm1 .rahmen { width:128px; height:18px;  border:1px solid #808080; }
 
  #nav_main ul li ul:hover { }
 
  
  #nav_main li ul {
	position: absolute;
	background-color:#ffffff;
	left: -5000px;
	top:2em;
	
	padding: 0 0 0 0;	 
	display:none;
	border:1px solid #ffffff;
  }  
  #nav_main li ul.mj {
	left: auto;
	/*display:block;*/
	z-index: 50;
	display:none;
	height:0%;
	width:500px;
	overflow:hidden; 
	border:1px dashed #ffffff;
  }
    
  #nav_main li:hover ul {
	left: auto;
	display:block;
	background-color:#FFffFF;
	border:1px solid #ffffff;
  }


  #nav_main li ul li {
  	float:none;	
	padding: 0 0 0 0em;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	border:1px dashed #FFffFF;
 
  }
  
  #nav #nav_main li ul li a {
   	padding: 2px 15px 2px 0px;
	font-weight:normal;
	white-space: nowrap;
	border: none;
	height: auto;
  }
  #nav #nav_main li ul li a:hover {
	font-weight:bold;  
  }


  #nav_main li ul:hover {
	left: auto;
	display:block;
	background-color:#FFffFF;
	border:1px solid #FFFFFF;
  }
  #nav_main li.m1:hover ul {  
	left: auto;
	display:block;	
  }
  #nav_main.lang2 ul .m7 a  {   color:#808080; }
  #nav_main ul .m7 a  {   color:#808080; }

a:active, a:focus { 	outline:none;  }



/*--------------submit-button------------------*/
#submit { font-size:100%; font-weight:bold; font-family:Arial, Helvetica, sans-serif;border:1px solid #FFFFFF ; color:#808080; background-color:#FFFFFF; background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat:no-repeat; background-position:left 7px; height:22px; width:55px;}
#submitreg { font-size:100%;font-weight:bold;border:1px solid #FFFFFF ;font-family:Arial, Helvetica, sans-serif; color:#808080; background-color:#FFFFFF; background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat:no-repeat; background-position:left 7px; height:22px; width:90px;}
#submitverg { font-size:100%;font-weight:bold;border:1px solid #FFFFFF ;font-family:Arial, Helvetica, sans-serif; color:#808080; background-color:#FFFFFF; background-image:url(../museum-ludwig/img/pfeil_grau.gif); background-repeat:no-repeat; background-position:left 7px; height:22px; width:82px;}

#submit:hover   {background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); background-repeat:no-repeat; background-position:left 6px;  }
#submit, #submitreg, #submitverg {border:0; outline:0; cursor:pointer;}
#submit.submithover   {  background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); color:#000000;   }
#submitreg.submithover   {  background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); color:#000000;   }
#submitverg.submithover   {  background-image:url(../museum-ludwig/img/pfeil_schwarz.gif); color:#000000;   }

#form .formfeld { font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; width:21em;}


span.vh3 {color: black; font-size: 100%;  font-weight: bold; margin:0%; margin-bottom:1%; line-height: 100%; text-transform: uppercase; word-spacing: 100%; letter-spacing: 1px;}




a.linkohne { margin-left:0px; padding-left:0px; background-image:none;}



