@charset "utf-8";
/* CSS Document */

body{
	width: 1920px;
	height: 940px;
	overflow: hidden;
}




p{
	background-color: rgba(0,0,0,0.8);
	color: rgba(248,248,248,1.00);
	width: 40%;
	height: 10%;
	margin: auto;
	padding: 20px;
	font-size: 22px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	top: 25px;
	left:5%;
	position: absolute;
	opacity: 0;
}

.umrandung{
	fill: rgba(255,0,0,0.001);
    stroke: #df1d14; 
    stroke-miterlimit: 10;
	
}

.umrandung:hover{
	cursor: pointer;
	fill: rgba(255,0,0,0.4);
    stroke: #df1d14; 
    stroke-miterlimit: 10;
}


img{
	position: absolute;
	z-index: -99;
}

/*     **********       */

#buch1, #buch2, #buch3, #buch4 {	
		
			background-color: rgba(0,0,0,0.8);
			position: absolute;
			width:1880px;
			height:830px;
			top: -890px;
			margin-left: 10px;
			z-index: 101;
			opacity: 0;
		}	
			
#album1, #album2 , #album3, #album4 {
			
			position: absolute;
			width:1100px;
			height:790px;
			margin: 1% auto;
			z-index: 101;
		}
		
		/*  ist der Style für die Button, um die Buecher/Zeitschriften zu öffnen */
		
	
#btnschliessen1, #btnschliessen2, #btnschliessen3, #btnschliessen4 {
			position: absolute;
			top:20px;
			left: 1770px;
			background:    #cccccc;
			background:    linear-gradient(#cccccc, #eeeeee);
			border:        1px solid #cccccc;
			border-radius: 1000px;
			padding:       8px 15px;
			color:         #444444;
			display:       inline-block;
			font:          normal bold 33px/1 "Calibri", sans-serif;
			text-align:    center;
		}

#btnschliessen1:hover, #btnschliessen2:hover, #btnschliessen3:hover, #btnschliessen4:hover{
			cursor: pointer;
	background: rgba(255,255,255,1.00);
		}


#verlinkung {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 740px;
	left: 1750px;
	
}