/* begin layout */

body{
	font-family:"Open Sans";
	font-size:16px;
	color:#363535;
	font-weight:400;
	line-height:1.4em;
	overflow-y:scroll;
}



#header{
	height:118px;
	border-top:5px solid #82a537;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.46);
	-moz-box-shadow:    0px 5px 8px 0px rgba(50, 50, 50, 0.46);
	box-shadow:         0px 5px 8px 0px rgba(50, 50, 50, 0.46);
	z-index:100;
	position:fixed;
	width:100%;
	background:white;
	top:0;
}

#logo {
	margin:30px 0 0 85px;
}

#header ul {
	position:absolute;
	right:0;
	top:50px;
}

#header ul li {
	float:left; 
	padding:2px 30px;
	#border-bottom:2px solid white;

}

#header ul li a {
	font-weight:700;
	color:#4b4a4a;
	font-size:19px;
	text-decoration:none;
}

@keyframes example {
    from { 	border-bottom:2px solid white; }
    to { border-bottom:2px solid #82a537;}
}


#header ul li:hover{
	/*border-bottom:2px solid white;
	    animation-name: example;
    animation-duration: 750ms;
*/
	
}

#header ul li a img {
    position:absolute;	
	right:0;
	top:-7px;
}
.powered_by {
	position:absolute;
	top:5px;
	right:0;
	width:239px;
}

.cp {
	width:1180px;
	margin:0 auto;
	position:relative;
}

.hometop {
	background:url(images/home_image.png) center top no-repeat;
	height:1000px;
	z-index:5;
	position:relative;
	margin-top:112px;
}

.active {
	color:#82a537 !important;
}

.spalte {
	width:430px;
	position:absolute;
	top:500px;
	font-weight:300;
	opacity:0;
	font-size:17px;
}

.s_l {
	left:0;
}

.s_r {
	right: 0;
}

hr {
	background:#d6d6d6;
	border:none;
	height:1px;
	width:100%;
}

strong {
	font-weight:bold;
}
#advantages {
	position:absolute;
	top:800px;
	width:100%;
}

.cp h1 {
	font-size:46px;
	color:#8dbdbe;
	font-weight:300;
	line-height:2em;
	text-align:center;
}

.cp h2 {
	font-size:19px;
	color:#080808;
	text-align:center;
	font-weight:400;
}

#advantages h3 {
	font-size:23px;
	color:#6d6e70;
	line-height:2em;
	font-weight:400;
}
#advantages p {
	font-weight:300;
	font-size:17px;
}
#advantages img {
	margin:0 15px;
}

#advantages tr {
	margin-bottom:20px;
}
#advantages th {
	vertical-align:middle;
}

#advantages td {
	padding-right:10px;
	width:400px;
}

#advantages table {
	margin:50px 0;
}

.greyarea {
	background:#f0f0f0;
	position:absolute;
	margin-top:450px;
	width:100%;
	height:500px;
	padding-top:20px;
}

.unterschrift {
	margin-top:20px;
	font-size:17px;
	color:#888989;
	text-align:center;
	font-weight:300;
}

.cp blockquote:before {
	content: "„";
	left:100px;
	top:170px;
}
.cp blockquote {
	padding:0 180px;
	font-weight:300;
	font-size:16px;
}
.cp blockquote:after {
	content: "“";
	right:150px;
	top:125px;
}
.cp blockquote:after, .cp blockquote:before {
	font-size:130px;
	color:#8dbdbf;
	position:absolute;
	font-family:"Francois One";

}

.greenarea {
	background:#81a536;
	width:100%;
	height:500px;
	position:absolute;
	margin-top:778px;

}
.greenarea .cp {
	padding-top:30px;
	padding-left:265px;
}
.cp h4 {
	font-size:24px;
	color:#fff;
	padding-bottom:15px;
}

.greenarea p {
	color:#121212;
	font-weight:300;
}

.greenarea form {
	width:530px;
	margin:40px 170px;
}

.greenarea form input[type=text] {
	display:block;
	height:50px;
	width:100%;
	margin-bottom:20px;
	border-radius:10px;
	padding:0 10px;
	border:1px solid #7d9549;
	text-align:right;
	font-family:"Open Sans";
	font-weight:400;
-webkit-box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 50, 0.39);
-moz-box-shadow:    inset 5px 5px 14px 0px rgba(50, 50, 50, 0.39);
box-shadow:         inset 5px 5px 14px 0px rgba(50, 50, 50, 0.39);
		
}

.greenarea form input[type=text]:hover, .greenarea form input[type=text]:focus {
	background:#eee;
}

.greenarea form span {
	color:#9b9999;
	font-size:15px;
	font-weight:400;

	margin-left: 10px;
    margin-top: -45px;
    position: absolute;
}

.greenarea form input[type=submit] {
	color:#9b9999;
	background:black;
	padding:7px 40px;
	border-radius:10px;
	font-weight:400;
	font-family:"Open Sans";
	font-size:19px;
	border:0 none;
	cursor:pointer;
	margin-left:365px;
}

.greenarea form input[type=submit]:hover {
	color:white;
}

#impressum {
	font-size:14px;
	color:#4b4a4a;
	margin-left:255px;
}


/* FOLGESEITE */

.folgeseite {
	margin:155px;
}
.folgeseite #bildlinks {
	float:left;
	padding-right:80px;
}

.folgeseite #textrechts p {
	margin-bottom:20px;
}

.folgeseite #textrechts {
	margin-left:270px;
	padding-top:40px;
}
#footer {
	margin-top:70px;
	margin-left:423px;
	color:#868484;
	font-weight:400;
	font-size:14px;
}

#footer a, .folgeseite p a, #impressum a {
text-decoration:none;
font-weight:bold;
color:#525151;
}

#footer a:hover, .folgeseite p a:hover, #impressum a:hover {
	text-decoration:underline;
}