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

* {
	margin: 0;
	padding: 0;
	}
	
html, body {
	background-color:rgba(255,255,204,0.25);
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	}

#borde {
	width:100%;
	background:url(holzborde.png) left top repeat-x;
	height:100px;
	position:absolute;
	left:0px;
	top:0px;
	}

#wrap {
	max-width:980px;
	margin: 0 auto;
	background-color:#fff;
	border:1px solid rgba(204,204,204,1);
	min-height:750px;
	padding:125px 50px 50px 50px;
	}
	
.spalte-li {
	float:left;
	width:60%;
	}
.spalte-re {
	margin-left:62%;
	width:38%;
	text-align:right;
	}
	.spalte-re img {
		border-radius: 10px;
		max-width:500px;
		height:auto;
		width:100%;
		}
	.spalte-re h2 {
		margin: 10px 0 10px 0;
		font-weight:bold;
		}
	.spalte-re a {
		color:#000;
		text-decoration:none;
		}
		.spalte-re a:hover {
			color:rgba(102,51,0,1);
			text-decoration:underline;
			}
	
	
h1, h2, h3 {color:rgba(102,51,0,1);}
h1 {
	text-align:center;
	margin-bottom: 25px;
	}
h2 {
	font-size:1.60em;
	font-weight:normal;
	margin-bottom:7px;
	}
h3 {margin-bottom:7px;}

	
p {
	margin-bottom:15px;
	}
	
ul {margin-left:20px;margin-bottom:10px;}

.ul-location {
	max-width:160px;
	text-align:left;
	float:right;
	}

.box {
	border:1px solid #CCC;
	background-color:#f6f6f6;
	padding: 10px;margin-bottom:20px;
	border-radius: 10px;
	}
	
.clear-left {clear:left;}
.clear-right {clear:right;}

.bilder img {
	margin: 0 8px 8px 0;
	}

@media screen and (max-width: 768px) {

#wrap {
	padding:125px 25px 25px 25px;
	}


}

@media screen and (max-width: 670px) {

.spalte-li {
	float:none;
	width:100%;
	}
.spalte-re {
	margin-left:0%;
	width:100%;
	text-align:left;
	}

.bilder img {
	margin: 0 2% 2% 0;
	width:45%;
	height:auto;
	}

.ul-location {max-width:100%;float:none;}


}

@media screen and (max-width: 320px) {

#wrap {
	padding:125px 10px 25px 10px;
	}

}