/* CSS Document */
body {  
    font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#606060;
	line-height:16px;
	background-color:#e4e1da;
	margin:0;
	padding:0;
	background-image:url(../img/back2.jpg);
	background-repeat: repeat-x;
}

#center {
	margin:0 auto; 
	width:886px; 
	position:relative;
}
#menue {
	width:130px; 
	position:absolute; 
	left:3px; 
	top:304px;
	text-align:right;
}
#header {
	background-image: url(../img/header2.jpg);
	background-repeat:no-repeat; 
	height:244px;
}
#content {
	background-image: url(../img/back_content_bottom.jpg), url(../img/back_content.jpg);
	background-repeat: no-repeat, repeat-y; 
	background-position: bottom;
	padding-bottom: 4rem;
}
#img{
	background-image: url(../img/raum.gif);
	position:relative;
	right:10px;
	top:200px;
	width:120px; 
	height:120px; 
}
.h1 {  
	font-size:16px;
	font-weight: bold;
	color:#6a1f1f;
}
.h2{  
	font-size:12px;
	font-weight: bold;
	color:#6a1f1f;
}
#smal{  
	margin:0 auto; 
	width:886px; 
	position:relative;
	font-size:9px;
	color:#e2e2da;
}
a.smal:link, a.smal:visited, a.smal:hover, a.smal:active{
	color:#e2e2da;
}


#padding{
	padding: 50px 180px 100px 160px;
	min-height:320px;
}

.gallery {
	width: calc(498px + 1rem);
	margin-bottom: 1rem;
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}

	.gallery__col {
		width: calc(50% - 0.25rem);
	}

	.gallery__col:nth-child(odd) {
		margin-right: 0.5rem;
	}

	.gallery__item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0.5rem;
		padding: 0;
	}

	.gallery__item img {
		display: block;
		max-width: 100%;
		border: 2px solid #cfadad;
	}

.media {
	display: flex;
	justify-content: space-between;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

	.media__body, .media__figure {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	.media__figure img {
		display: block;
		border: 2px solid #cfadad;
	}