@charset "utf-8";

@font-face { font-family: lobster; src: url('../fonts/Lobster_1.3-webfont.ttf'); } 
@font-face { font-family: lobster; src: url('../fonts/Lobster_1.3-webfont.eot'); } 


body
{
	margin: 0; padding: 0;
	height: 100%;
	background: transparent url('../images/entwurf_24092011_03.jpg') repeat left center;
  color: #1f1f1f;
	font: normal 62.5%/1em 'Comfortaa', arial, verdana, tahoma, sans-serif; position: relative;
	position: relative;
}

header {margin-top: 50px; width: 100%; height: 200px;}

ul {list-style: none;}
h3 {font-size: 2em;}
p {line-height: 1.8em; font-size: 1.6em;}

a, a:visited {color:#1f1f1f; text-decoration: none;}
a:hover {color:#0DA205;}

.green { color: #0DA205;}
.greenBG { background-color: #0DA205;}
.grey {color: #1f1f1f;}

/* CLEARFIX -------------------------------------- */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#wrapper
{	
	margin: 0 auto;
	padding-top: 5%;
	width: 960px;
	height: 100%;
	position: relative;
	min-height: 500px;
  font-size: 1.4em;
}

#logo {font-size: 3em; width: 160px; margin: 0 auto; font-family: lobster}
#logo > div {height: 30px; float: left; text-align: center; line-height: 30px;}
#logo > div:nth-child(2n) {width: 25px; height: 25px;border-radius: 50%; margin: 3px 6px 0;}

.leistungen {width: 60%; margin: 0 auto 50px;height: 150px;}
.leistungen li {
  width: 25%; height: 100%; float: left; text-align: center; height: 100px; line-height: 100px;
  -webkit-transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -ms-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.leistungen li span {
  background-color:rgba(0,0,0,0.1);
  width: 100px; height: 100px; line-height: 100px; display: inline-block; 
  -webkit-transition: all 0.80s ease-in-out;
  -moz-transition: all 0.80s ease-in-out;
  -ms-transition: all 0.80s ease-in-out;
  -o-transition: all 0.80s ease-in-out;
}

.leistungen li span:hover {-webkit-transform: rotate(360deg) scale(1.5);background-color: rgba(13, 162, 5,0.5); color: #fff; border-radius: 50%; cursor: crosshair; font-size: 1.2em;}

.adresse {
width: 60%; margin: 0 auto; clear: both; text-align: center; padding-top: 30px;

/* -webkit-box-shadow: 0 0 15px #444; */
	/* -webkit-transform: rotate(-3deg) scale(1); */
	-webkit-transition: -webkit-transform 0.5s ease-in-out;

/*   -webkit-transform: rotate(-3deg) scale (1);
  -webkit-transition: transform 1.5s linear;*/

  -webkit-transition: all 0.30s linear;
  -moz-transition: all 0.30s linear;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out; 
}
/* .adresse:hover {font-size:110%; cursor: pointer; */

  /* -webkit-transform: rotate(360deg) scale(1.5);
	-moz-transform: rotate(363deg) scale(1.5);
	-o-transform: rotate(363deg) scale(1.5);
	transform: rotate(363deg) scale(1.5);
	position:relative;
	z-index: 500; */

/* } */

.adresse .greenBG { background-color: #0DA205; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin: 0 8px;}

/* #nav-main {float: right; font-size: 2em; line-height: 2em;}
#nav-main ul, #nav-main ul li {float: left;}
#nav-main a {padding: 4px 8px;}
#nav-main a:hover { background-color: rgba(13, 162, 5,0.5); color: #fff}

#main {display: block;}
#main ul {width: 100%;}
#main li {width: 50%; float: left; text-align: center; } */