/* Stylesheet zu www.bhm-archiv.de                                    */
/* Änderung vom 27.03.2021                                      */

* { margin:0px;
    padding:0px; }
body { height:98%;
       width:98%;
	   padding:1%;
       text-align:left;
       vertical-align:middle;
       margin:auto;
	   background-color:#111111;
	   color:#000000;
       font-family:verdana, sans-serif;
       font-size:1em; }
body.geschichte { background-color:#000033; }
body.jahresmedaillen { background-color:#330000; }
body.kataloge { background-color:#333300; }
body.lesestoff { background-color:#330033; }
body.r_mayer { background-color:#003300; }

img { border:solid 0px; }
h1 { font-size:2em;
	margin-bottom:1.6em;
	}
h2 { font-size:1.4em;
	margin-bottom:1.6em; }
h3 { font-size:1.2em;
	margin-bottom:1.6em; }
p { margin-bottom:1.5em; }
p.quelle { font-size:0.6em;
			font-style:italic; }
.neuigkeit::before { 	display:inline-block;
						-webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
						-ms-transform: rotate(-20deg);     /* IE 9 */
						transform: rotate(-20deg);
						font-weight:bold;
						color:#990000;
						content: "neu " }
section.adv { color:#664444;
			font-family: Verdana;
			font-size:1em; 
			margin-bottom:1.6em;}
p.szene { font-style:italic; }
	p.szene::first-letter { background-image:url("#");
						margin:auto;
						padding:0;
						float:none;
						font-size:1em; }
blockquote { width:50%;
			margin:auto;
			margin-bottom:2em;
			font-style:italic;
			font-size:0.9em; }
	blockquote span { display:block;
					text-align:right; }
table { width:50%;
		margin:auto;
		margin-top: 10px;
		border:solid 2px;
        border-collapse:collapse; }
th, td { border:solid 0px;
         text-align:left;
		 vertical-align:top;
         padding:2px;
         padding-left:5px;
         padding-right:5px; }
		 td span { font-style:italic; }
th {	border:solid 1px #000000;
		padding:5p; }
main tr:first-child { width:75px; }
main section table tr td img { 	display:inline-block;
								height:2.2em; }
a { color:#000000; }
a:link { color:#000000; }
a:visited { color:#333333; }
a:hover { color:#666666; }

div#seitenrahmen { 	width:95%;
                   min-width:1000px;
                   height:99%;
                   margin:auto;
					border:solid 0px; }
	header { display:block;
				position:relative;
				clear:both;
				text-align:center;
				text-shadow: 1px 1px 2px #ffffc2;
				margin:auto;
				height:72px;
				background-color:#FFFCDE;
				border-top:30px solid transparent;
				border-right:50px solid transparent;
				border-bottom:22px solid transparent;
				border-left:62px solid transparent;
				-moz-border-image: url("/img/headerbg.gif") 30 50 22 62 fill stretch;
				-webkit-border-image: url("/img/headerbg.gif") 30 50 22 62 fill stretch; 
				border-image: url("/img/headerbg.gif") 30 50 22 62 fill stretch;
				border-image-outset:12px;
				font-weight:bold;
				vertical-align:bottom;
				z-index:99; }
		header h1 { font-size:3em; }
		header h2 { font-size:2em; }
		header img { float:left;
		               top:46px;
		               margin-left:10px;
					height:90%;   }
	nav	{ 
				background-color:#111111;
				text-transform: uppercase;
				color: #eeeeee; }
		nav ul	{ display:flex;
					flex-wrap:wrap;
					text-align:center;
					list-style-type:none;
					z-index:100; }
			nav ul li { flex:1;
						display:block;
						font-weight:bold;
						padding:2em; }
			li.inaktiv { display:none; }
				nav ul li:hover {  }
				nav ul li a { color:#FFFCDE }
				nav ul li a:link { color:#FFFCDE }
				nav ul li a:hover { color:#ffffff; }
				nav ul li a:visited { color:#cccccc; }
				nav ul li ul { display:none;
						 position:relative; }
				nav ul li:hover ul { display:block; }
				nav ul li ul li { position:relative;
							font-size:0.9em; }
			nav ul li#geschichte:hover { background-color:#000033; }
			nav ul li#jahresmedaillen:hover { background-color:#330000; }
			nav ul li#kataloge:hover { background-color:#333300; }
			nav ul li#lesestoff:hover { background-color:#330033; }
			nav ul li#r_mayer:hover { background-color:#003300; }
			nav ul li#quellen { z-index:4; }
			nav ul li#bildverzeichnis { z-index:5;
								font-style:italic; }
			nav ul li#impressum { z-index:6; }
	div.infobox	{ display:block;
				clear:left;
				float:left;
				margin-top:25px;
				padding-bottom:30px;
				background-color:#FFFCDE;
				border-top:62px solid transparent;
				border-right:22px solid transparent;
				border-bottom:25px solid transparent;
				border-left:30px solid transparent;
				-moz-border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch;
				-webkit-border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch; 
				border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch;
				border-image-outset:12px;
				position:relative;
				width:15%; }
		div.infobox table tr:first-child { max-width:30px; }
	main {      text-align:left;
				color:#220000;
				background-color:#FFFCDE;
				border:100px solid transparent;
				-moz-border-image: url("/img/pergamentrahmen.gif") 150 150 150 150 fill round;
				-webkit-border-image: url("/img/pergamentrahmen.gif") 150 150 150 150 fill round; 
				border-image: url("/img/pergamentrahmen.gif") 150 150 150 150 fill round;
				border-image-outset:12px;
				margin-bottom:20px; }
	section { clear:both; }
	section.vorbemerkung {	font-size:0.9em;
							font-style:italic; }
	section.special { 	background-color:#CC9933;
						padding:25px; 
						padding-bottom: 15px;
						margin-bottom:10px;
						text-align:center; }
		section.special p { margin-bottom:0em; }
		section.special h3:hover { backround-color:#DDAA44; }
	section.special h3 a { color:#00000; }
	section.special h3 a:link { color:#000000; }
	section.special h3 a:visited { color:#000000; }
	
	section.intermezzo { 	background-color:#CC9933;
							padding:25px; 
							text-align:center; }
		section.intermezzo p { margin-bottom:0em; }
		
		main img { width:80%; }
		span.fn { color:#cc0000; }        /* Fußnoten */
		span.fn span { display:none;
					position:fixed;
					z-index:100;
					top:100px;
					left:10px;
					width:200px;
					color:#000000;
					background-color:#FFFCDE;
					padding-bottom:30px;
					border-top:62px solid transparent; 
					border-right:22px solid transparent;
					border-bottom:25px solid transparent;
					border-left:30px solid transparent;
					-moz-border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch;
					-webkit-border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch; 
					border-image: url("/img/rolle.gif") 62 22 25 30 fill stretch; 
					border-image-outset:12px; }
		span.fn:hover span { display:block; }
		ul { list-style-position: inside; }
		ul li span { font-style:italic; }
		a.quellenlink { font-size:0.6em;
						vertical-align:top; }
	section.intermezzo { text-align: center;
						 font-family: cursive;
						 font-style: italic; }
	span.rechts { display:block; 
					float:right; }
img.rahmen { padding:20px;
            border:solid 0px; }
img.rechts { display:inline;
			float:right;
             vertical-align:text-top;
			margin:20px;
			width:42%; }
img.links { display:inline;
			float:left;
            vertical-align:text-top;
			margin:20px;
			width:42%; }
img.kleinlinks { display:inline;
			float:left;
            vertical-align:text-top;
			margin:20px;
			width:20%; }
img.vierfach { display:inline;
				width:21%;
				padding:1%; }

footer { color:#ccc088;
				text-shadow: 2px 2px 2px #f48353;
				clear:both;
				margin-top:40px;
				text-align:right;
				font-size:0.8em; }