html, body {
  		height: 100%;
  		background-image:url(/images/background.jpg);
  		font-family: Verdana, Geneva, sans-serif;
  		margin: 0px;
  		padding: 0px; 
  		border: none;
	}

	#wrapper {
  		width: 100%;
  		min-height: 100%;
  		background-color:#FFF;
  		background-image:url("/images/containerbg.jpg");
  		background-repeat:no-repeat;
  		background-position:center;
  		margin: 0 auto;
	}

	.banner {
		height: auto;
	}
	
	.banner img {
		height: auto;
		width: 100%;
	}
	
	.navmain {
		width:100%;
		height: 10vw;
	}
	
	.navmain div#navitem {
    display: inline;
	float: left;
	margin: -1% 2% 0 2% ;
	padding: 0.5% 0 0 0;
	width: 29.3%;
	height:auto;
	background-color: #CCC;
	text-align: center;
	line-height:250%;
	-webkit-border-bottom-right-radius: 1.2vw;
	-webkit-border-bottom-left-radius: 1.2vw;
	border-bottom-right-radius: 1.2vw;
	border-bottom-left-radius: 1.2vw;
	font-size: 3vw;
}

#content {
   font-size: 1.6vw;
}

a {
	text-decoration: none;
	color: #f7921e;
}

a img {border: none; }

.blog-entry {
	width:100%;
	height:40vw;	
}

.navmain div#nav {
	list-style-type: none;
	margin: 0;
	text-shadow: 1px 1px 2px rgb(0, 0, 0);
	text-transform: uppercase;
	white-space: nowrap;
}

.navmain div#nav a {
	color: #FFF;
}

.navmain div#nav a:hover {
	color: #f7921e;
}

div#select_view {
  text-align: center;
}

div#select_view img {
  margin: 0 9px 0 9px;
}

.thumb {
  float:left;
  margin: 18px 18px 10px 0;
  position: relative;
  height: 100px;
  width: 100px;
  border: solid 1px #ccc;
  border-radius:10px;
  overflow: hidden;
}

.thumb img {
  min-width: 200px;
  height: 200px;
  position: absolute;
  clip: rect(50px 200px 150px 100px);
  left: -100px;
  top: -50px;
}

.vorsch {
	float: left;
	margin:18px;
}

.list {
  height: 100%
}

.list_item {
  float:left;
  margin: 0 0 0 2%;
  width: 47%;
}

.raster {
  width:480px;
  min-height: 360px;
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 0px;
  margin-left: auto; /* Abstand links */
}

.raster .thumb {
  float:left;
  margin: 0;
  margin: 9px;
  position: relative;
  height: 100px;
  width: 100px;
  border: solid 1px #ccc;
  border-radius:10px;
  overflow: hidden;
}

.big_left {
  float:left;
  position: relative;
  width: 29%;
  border: solid 2px #CCC;
  border-radius: 10px;
  margin: 2% 0 2% 2%;
  overflow: hidden;
}

.big_left:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.big_left img {
	position: absolute;
    left: 0px;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	bottom: 0px;
    width: 100%;
}

.big_right {
  float:right;
  width: 29%;
  border: solid 2px #CCC;
  border-radius: 10px;
  margin: 18px 18px 18px 0;
  overflow: hidden;
}

.big_right:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.big_right img {
	position:absolute;
    left: 0px;
    width: 100%;
    top: 0px;
	right:0px;
	bottom:0px;
}

.text-column_2 {
  float: left;
  margin: 0 3% 0 4%;
  width: 29%;
  position:relative;
  z-index:0;
}

.zusatz {
    border: 2px solid #CCCCCC;
    border-radius: 1.2vw;
    font-size: x-small;
    text-align: center;
    width: 100%;
    padding-bottom: 1vw;
    margin-right:2%;
    margin-bottom:2%;
    margin-top:-1.8%;
}

.dl-link {
  width: 100%;
  line-height: 320%;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  text-transform: uppercase;
  white-space: nowrap;
  background: #ccc;
  border-radius: 1.2vw;
  margin-right:2%;
}

.dl-link a {
  color: #FFF;
}

.dl-link a:hover {
  color: #f7921e;
}

.footer {
   clear:both;
   width:100%;
   height: 50px;
   text-align: center;
   line-height: 50px;
   font-size: xx-small;
   padding: 20px 0 0 0;
   margin-top: 18px;
   color: #CCC;
}

.text-column_1_2 {
  float: left;
  width: 60%;
  margin: 0 2%;
}

.text-column_2_3 {
  float: right;
  width: 62.5%;
  margin: 0 2%;
  position:relative;
  z-index:1;
}

.column_3 {
  float: right;
  width: 29.3%;
  margin-right: 2%;
  margin-top:-3.6%;
}