body{
 	background: black url(../img/dark_wood.png);
 	font: 14px sans-serif;
 	
 }
 .logo {
	width: 960px;
	text-align: center;
	margin:0 auto;
 }
 
 .logo p, .logo a {
	color:#aaa;
	font-size:10px;
 }
 
 .clear {
	clear:both;
 }
 
 .more {
	width:400px;
	margin:0px auto;
	padding-top: 30px;
	padding-bottom:100px;
 }
 
 .footer {
	width:100%;
	height:20px;
	background:#181818;
	text-align: center;
 }
 
 .footer a {
	color:#555;
	font-size:9px;
	text-decoration: none;
	padding:0px 5px;
	line-height:20px;
 }
 
 .container{
 	float: left;
	display:inline-block;
    position: relative;
 	width: 410px;
 	height: 310px;
 	margin: 20px;
 	color: rgba(0,0,0,0.4);
 	background: #333;
  	transition: ease-out 0.5s;
       	perspective: 1800px;
       	perspective-origin: top;
       	text-decoration: none;     	
 }
 .beschreibung {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	padding: 5px 8px;
 }
 .beschreibung a{
	text-decoration:none;
	font-weight:bold;
 	color: black;
 }
 .image {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 400px;
 	height: 300px;
 	background-color: whiteSmoke;
 	color: #444;
 	padding: 5px;
 	transform: rotateX(0deg); 
 	transform-origin: top;	
  	transition: ease 1s;
 }
 .container:hover .image {
 	transform: rotateX(36deg);
 	transition: ease 0.4s;
   	box-shadow: 0 6px 5px rgba(0,0,0,0.2);	
 }
 .container:hover {
 	background-color: white;
 	transition: ease-in 0.45s;
 }
 
 .bottomfree {
clear: both;
margin:0 auto;
width:1350px;
 }
 
 /* Button */
 
 .btn-indent {
 margin:0 auto;
  height: 80px;
  width: 270px;
  position: relative;
  z-index: 1;
  background-color: #1a1a1a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1a1a), color-stop(50%, #080808), color-stop(100%, #414141));
  background-image: -webkit-linear-gradient(top, #1a1a1a 0%, #080808 50%, #414141 100%);
  background-image: -moz-linear-gradient(top, #1a1a1a 0%, #080808 50%, #414141 100%);
  background-image: -ms-linear-gradient(top, #1a1a1a 0%, #080808 50%, #414141 100%);
  background-image: -o-linear-gradient(top, #1a1a1a 0%, #080808 50%, #414141 100%);
  background-image: linear-gradient(top, #1a1a1a 0%, #080808 50%, #414141 100%);
  border-top: 1px solid #717171;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.btn-mask {
  height: 62px;
  width: 254px;
  position: relative;
  left: 10px;
  top: 10px;
  overflow: hidden;
}

.btn {
  height: 62px;
  width: 244px;
  position: absolute;
  left: 3px;
  background-color: #1e1e1e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a0a0), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(top, #a0a0a0 0%, #e5e5e5 100%);
  background-image: -moz-linear-gradient(top, #a0a0a0 0%, #e5e5e5 100%);
  background-image: -ms-linear-gradient(top, #a0a0a0 0%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #a0a0a0 0%, #e5e5e5 100%);
  background-image: linear-gradient(top, #a0a0a0 0%, #e5e5e5 100%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

.btn:before {
  content: "";
  display: block;
  height: 60px;
  width: 10px;
  position: absolute;
  top: 0;
  left: -3px;
  z-index: -999;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(8%, #898989), color-stop(20%, #a4a4a4), color-stop(45%, #a4a4a4), color-stop(100%, #3e3e3e));
  background-image: -webkit-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -moz-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -ms-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -o-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #ffffff;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -ms-border-top-left-radius: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -ms-border-bottom-left-radius: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.btn:after {
  content: "";
  display: block;
  height: 60px;
  width: 10px;
  position: absolute;
  top: 0;
  right: -3px;
  z-index: -999;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(8%, #898989), color-stop(20%, #a4a4a4), color-stop(45%, #a4a4a4), color-stop(100%, #3e3e3e));
  background-image: -webkit-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -moz-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -ms-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: -o-linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  background-image: linear-gradient(bottom, white 0%, #898989 8%, #a4a4a4 20%, #a4a4a4 45%, #3e3e3e 100%);
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #ffffff;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -ms-border-top-right-radius: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -ms-border-bottom-right-radius: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.btn-cover {
  height: 61px;
  width: 250px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #030303;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(1%, #5a5a5a), color-stop(50%, #1c1c1c), color-stop(50%, #030303), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #777 0%, #5a5a5a 1%, #1c1c1c 50%, #030303 50%, #000000 100%);
  background-image: -moz-linear-gradient(top, #777 0%, #5a5a5a 1%, #1c1c1c 50%, #030303 50%, #000000 100%);
  background-image: -ms-linear-gradient(top, #777 0%, #5a5a5a 1%, #1c1c1c 50%, #030303 50%, #000000 100%);
  background-image: -o-linear-gradient(top, #777 0%, #5a5a5a 1%, #1c1c1c 50%, #030303 50%, #000000 100%);
  background-image: linear-gradient(top, #777 0%, #5a5a5a 1%, #1c1c1c 50%, #030303 50%, #000000 100%);
  border-top: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
}

.btn-widget {
  height: 60px;
  position: relative;
  top: 6px;
  left: 0px;
}

.i-designer {
  display: block;
  height: 60px;
  width: 250px;
  position: absolute;
  top: 0;
  background: url(../img/more.png) no-repeat center 15px;
}