h1,h2 {color:#CC0000;}

        body.text {background-image:url(../images/sand2.gif); font-family:Comic sans MS;}

        body.foto {font-family:Comic sans MS; color:#CC0000;}

        a {color:#000000;}

        a:hover {color:#CC0000;}

        td.text {font-family:Comic sans MS;}

        table.c {font-family:Arial; font-size:10pt;}

        table.d {font-family:Arial; font-size:8pt; font-weight:bold;}

		div.bild2 {position:absolute; top:620px; left:260px; z-index:1;}

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

#galerie_wiese,
li {
	margin: 0.1em;
	padding: 0.1em;
}

li {
	display: inline-block;
	list-style-type: none;
	width: 45%;
}

img {
	padding: 0;
	margin: 0;
	width: 100%;
	/* Bild passt sich an verfügbaren Raum im li an */
}

a {
	padding: 0.1em;
}

/* a:focus,
a:hover {
	background: #ffd631;
} */
/* Large screens */

@media all and (min-width: 35em) {
	li {
		width: 10em;
	}
	.details {
		position: absolute;
		right: 20%;
		top: 10%;
		background-color: #f7efe7;
		border: 0.1em solid #CC0000;
		border-radius: 0 6px 6px;
		padding: 1em 1em .2em;
		width: 50em;
		max-height: 55em;
		overflow: auto;
		display: none;
	}
	.details img {
		width: 100%;
	}
	.details:target {
		display: block;
	}
	.close {
		width: 0;
		heigh: 0;
		border: 0;
		text-shadow: none;
		color: transparent;
	}
	.close:after {
		position: absolute;
		top: 1em;
		right: 1em;
		content: "X";
		color: white;
		background: #c32e04;
		font: font: bold 1em/150% Georgia, Times, serif;
		border: 0.1em solid #3983ab;
		border-radius: 0 8px 8px;
		display: block;
		text-align: center;
		width: 1.5em;
		height: 1.5em;
		padding: 0.2em 0 0 0em;
	}
}