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

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


.banner {
  height:150px;
}

.navmain {
	width:960px;
	height: 50px;
}

.navmain div#navitem {
	display: inline;
	position: relative;
	float: left;
	margin: 0 18px 18px ;
	padding: 0;
	width: 284px;
	height:50px;
	background-color: #CCC;
	text-align: center;
	line-height: 50px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#content {
   font-size: smaller;
}

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

a img {border: none; }

.blog-entry {
	width:100%;
	height:350px;	
}

.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;
}

.thumb {
  float:left;
  margin: 18px 18px 18px 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 18px;
  width: 453px;
}

.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;
    max-height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

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

.big_right img {
    min-height: 280px;
	margin-bottom: -3px;
    left: 0px;
    width: 280px;
    top: 0px;
}

.text-column_2 {
  float: left;
  margin: 0 36px 0 36px;
  width: 284px;
}

.zusatz {
    border: 2px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    float: right;
    font-size: x-small;
    text-align: center;
    width: 280px;
	margin-bottom: 18px;
}

.dl-link {
  float: right;
  width: 284px;
  line-height: 50px;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  text-transform: uppercase;
  white-space: nowrap;
  background: #ccc;
  border-radius: 10px;
  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: 604px;
  margin: 0 18px;
}

.text-column_2_3 {
  float: right;
  width: 604px;
  margin: 0 18px;
}

.column_3 {
  float: right;
  width: 284px;
  margin-right: 18px;
}