@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;-webkit-text-size-adjust:none;}
body {color:#3b4854;background-color:#486D2D; overflow-y:scroll;}
.animate-background{-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;}
.animate{-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear;}
/*.secondary-bg{background:url(images/grid.png) #eeeeee 50% 0%;}*/
.sprite{background:url(images/sprite.png) no-repeat;}
.ellipsis{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
/* body,h1,h2,h3,h4{font-size:100%;font-family:'HelveticaNeue-Light',Helvetica,Arial,sans-serif;font-weight:300;} */
body,h1,h2,h3,h4{
	font-size:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:300;}
h1,h2,h3,h4{letter-spacing:0.05em; }
h1{font-size:200%;paddng:20px;}
h2{font-size:34px;padding:48px 0;}
b,strong{font-family:'HelveticaNeue-Bold',Helvetica,Arial,sans-serif;font-weight:900;}
label{font-family:'HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;}
.platforms-list li,.list-header.mini,.quick-links-header li{font-family:'HelveticaNeue-Medium','HelveticaNeue',Helvetica,Arial,sans-serif;font-weight:500;}
a:hover{color:#4cc2e4;}
p{line-height:1.8em;margin-bottom:2em;}
p+p{margin-top:2em;}
.button-container{position:absolute;right:-5px;/}

.clear{clear:both;}
#wrap,.wrap,#footer,hr,#hed-wraper{
	width:1008px;
	height:140px;
	margin:0 auto;
	position:relative;}
.grid{
	/*background:url(images/grid.png) #eeeeee 50% 0%;*/
	padding:40px 0;}
hr{border:none;border-top:0px solid #ddd;margin-top:64px;margin-bottom:5px;}
.header-placeholder{height:150px;}
#header{
	width:100%;
	height:150px;
	position:fixed;
	z-index:150;
	/*left:0;right:0;*/
	background:#DEDECF;
	-moz-box-shadow: 0px 4px 30px #000;
	-webkit-box-shadow: 0px 4px 7px #000;
	box-shadow: 0px 4px 30px #000;

	}
#main-menu {
	width:620px;
	top:130px;
	float: left;
	position:relative;
}

.footer{
	width:100%;
	height:40px;
	position:fixed;
	z-index:150;
	bottom: 0;
	/*left:0;right:0;*/
	background:#DEDECF;
	-moz-box-shadow: 0px 4px 30px #000;
	-webkit-box-shadow: 0px 4px 7px #000;
	box-shadow: 0px 4px 30px #000;
	}
.footer h1{
	font-size:16px;
	
	}

.logo {
	float:right;
	
	}
.closing{background:url(images/sprite.png) no-repeat;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;background-color:#3b4854;background-position:0 0px;position:absolute;right:0;top:5px;width:220px;height:75px;}
.logo:hover{background-color:#DEDECF;}
.adresse h1{
	font-size:120%;
	color:#696969;
	z-index:300;
	top:30px;
	left:120px;
	position:absolute;
	width:250px;
	line-height:1.2em;
	margin:0;
	}
.adresse a{
	text-decoration:none;
	color:#039;
	}
.adresse a:hover{
	text-decoration:none;
	color:#09F;
	}
.adresse-footer h1{
	font-size:110%;
	text-align:center;
	color:#696969;
	z-index:300;
	padding-top: 10px;

/*	left:120px;
	position:absolute;
	width:250px;*/
	line-height:1.2em;
	margin:0;
	}
#slider {
	top:40px;
	left:80px;
	width:600px;
	float:right;}
.plan-content, .plan {
	/*top:40px;*/
	color:#FFF;
	margin:0 auto;
	left:180px;
	/* margin-bottom:20px; */
	position:absolute;}
.plan-mini {
	float:right;
	/* top:40px; */
	margin:0 auto;
	position:relative;
	}
.plan {
	float:right;
}
.plan-content {float:left;left:10px;top:50px;}
.menu{
	margin-top:110px;
	padding:12px 0;
	float:left;

	}
/*.menu a, a:hover{
	border: solid 2px #417630;
	-moz-border-radius: 30px; 
    -webkit-border-radius: 30px;
	border-radius: 30px;
	-moz-box-shadow: 3px 3px 6px #000;
	-webkit-box-shadow: 3px 3px 6px #000;
	box-shadow: 3px 3px 6px #000;

}*/
.menu a{text-decoration:none;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;padding:12px;margin:0 8px;line-height:55px;
background-color:#77b800;}
.menu a:hover{color:#4cc2e4;}
.menu-dropdown{display:none;position:absolute;right:16px;top:32px;width:40%;}
.menu-dropdown select{width:100%;}


.leadin{margin-bottom:32px;}
.leadin .wrap{height:500px;}
.leadin .text-block{position:absolute;left:500px;top:80px;}
.leadin img{position:absolute;top:32px;left:24px;}
.leadin li{list-style:none;margin:9px 8px;}
.leadin h1{background:#fff;display:inline;padding:2px 8px;}
.leadin .button-container{bottom:0;}
.container-box{background:#fff;padding:8px;position:relative;}
.list-link{position:absolute;top:0;bottom:0;right:0;}
.list{padding-top:16px;}
.list li{background:#fff;padding:8px;position:relative;list-style:none;margin-bottom:16px;}
.list-header{background:#fff;padding:8px;position:relative;margin-top:16px;}
.list-header p{margin-bottom:0;}
.list-container{position:relative;}

.wrap-kies{height:450px;padding:0px 0;width:1008px;	/* height:140px; */	margin:0 auto;position:relative}
.wrap-kies .text-block{position:absolute;left:500px;top:80px; /* background-color:#FFF;*/}
.wrap-kies img{position:absolute;top:-20px;left:24px;}
.wrap-kies li{list-style:none;margin:9px 8px;}
.wrap-kies h1{background:#fff;display:inline;padding:2px 8px;;}
.wrap-kies .button-container{bottom:0;}

.wrap-ende{height:450px;padding:0px 0;width:1008px;	/* height:140px; */	margin:0 auto;position:relative;bottom:-70px;}
.wrap-ende .text-block{position:absolute;left:500px;top:80px; background-color:#FFF;}
.wrap-ende img{position:absolute;top:-20px;left:24px;}
.wrap-ende li{list-style:none;margin:9px 8px;}
.wrap-ende h1{background:#fff;display:inline;padding:2px 8px; }
.wrap-ende .button-container{bottom:0;}
#imagegallery {
	border:#FFF solid 10px;
	position:absolute;
	top:0px;
	left:24px;
	box-shadow:5px 5px 10px #000;
	}
#prev{
	position:absolute;
	display:block;
	text-decoration:none;
	padding:5px;
	top:209px;
	left:35px;
	width:30px;
	font-size:50px;
	z-index:2;
	}
#next{
	position:absolute;
	display:block;
	top:209px;
	left:595px;
	width:30px;
	font-size:50px;
	z-index:3;
	}
a.scroll-point{
	display:block;
	border-bottom:transparent 0px solid;
	}
a.pt-top{border:none;}
a.pt-about{margin:-100px 0 120px;border:none;}
.button-container.middle{bottom:0;}
.bild {
	border-bottom:#FFF 10px solid;
	border-top:#FFF 10px solid;
	border-left:#FFF 10px solid;
	border-right:#FFF 10px solid;
	box-shadow:5px 5px 10px #000;
	float:left;
	}
a.img { border: none; }
#image-map {
	position: relative;
	width: 800px;
}
section, map, area {
	display: block;
}
.text-links {
	width: 600px;
	color:#FFF;
	margin:0 auto;
	padding-top: 40px;
	padding-bottom: 30px;
	position:relative;
	}
	
.text-home {
	width: 800px;
	color:#FFF;
	left: 100px;
	margin:0 auto;
	margin-bottom: 0px;
	position:relative;
	}

.text-links a{
	text-decoration:none;
	color:#8cb110;
	}
.text {
	/* float:left;*/
	width: 600px;
	top: 40px;
	left: 20px;
	color:#FFF;
	margin:0 auto;
	position:relative;
	line-height: 30px;
	}

.headline {
	/*float:left;*/
	width:600px;
	height: 50px;
	top:40px;
	color:#FFF;
	margin:0 auto;
	margin-bottom:50px;
	position:relative;
	}


@media all and (max-width:1024px){
	
	#wrap,.wrap,#footer,hr{width:auto;} 
	.wrap,#footer{margin-left:24px;margin-right:24px;}
	.leadin img {top:0;width:500px;height:375px;}
	.wrap-kies img {top:0;width:500px;height:375px;}
	.download-list,.download-list.second,.download-list.third{width:30%;}
	.download-list.second{left:33%;} .download-list.third{left:66%;}
	.quick-links,.quick-links-header li{width:30%;} 
	.platforms-list{width:48%;} 
	h1{font-size:30px;} 
	.button-container{right:16px;}}
@media all and (max-width:890px){
	h1{font-size:24px;} 
	h2{font-size:24px;padding-top:54px;} 
	.leadin img {top:0;width:300px;height:252px;}
	.wrap-kies img {top:0;width:300px;height:252px;}
	.leadin .text-block{top:32px;left:290px;}
	.wrap-kies .text-block {top:32px;left:290px;}
	.button{width:250px;padding:12px;} 
	.leadin .wrap{height:300px;} 
	.mailing-list{width:auto;} 
	.menu{display:none;} 
	.menu-dropdown{display:block;}
	hr{border:none;border-top:0px solid #ddd;margin-top:40px;margin-bottom:20px;}
	.logo{top:0px;width:110px;height:37px;background-size:112px 425px;
	}
	.adresse h1, .adresse-footer h1{
	font-size:90%;
	left: 30px;
	}

@media all and (max-width:720px){
	body{font-size:16px;} 
	h1{font-size:22px;} 
	h2{font-size:22px;padding-top:54px;} 
	.leadin img .wrap-kies img{width:200px;height:150px;} 
	.leadin .text-block{top:32px;left:232px;} 
	.button{font-size:20px;background-position:100% -177px;width:220px;padding:10px;}
	.leadin .wrap{height:280px;} 
	.platforms-list li.first a.link-apache,.platforms-list li.first a.link-github{width:36px;} 
	.platforms-list li.first a.link-apache{right:39px;} 
	.mailing-list li{padding:8px 4px;} 
	.mailing-list a{width:56%;padding-right:42px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} 
	.download-list .version{width:28%;} 
	.menu-dropdown{top:16px;} 
	#header,.header-placeholder{height:188px;} 
	.logo{top:0px;width:110px;height:37px;background-size:112px 425px;} 
	#footer{padding-bottom:28px;padding-right:72px;}
}
@media all and (max-width:630px){body{} .leadin img{left:-4px;width:160px;height:180px;} .leadin .text-block{left:175px;top:11px;} .leadin .wrap{height:240px;} .leadin .button-container{bottom:-10px;} .button{font-size:18px;background-position:100% -181px;width:200px;padding:8px;} .download-list .version{width:22%;}}@media all and (max-width:585px){h1,h2,h3,h4{letter-spacing:0;} h1{font-size:18px;} .leadin img{width:128px;height:144px;} .leadin .text-block{left:130px;} .wrap,#footer{margin-left:12px;margin-right:12px;} .leadin .wrap{height:200px;} .icon{background-size:112px 425px;padding:20px 48px 20px 48px;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;} .icon-about{background-position:0 -110px;} .icon-contribute{background-position:0 -158px;} .icon-mailing-list{background-position:0 -206px;} .icon-download{background-position:0 -254px;} .icon-quick-links{background-position:0 -302px;} .platforms-list,.platforms-list.second{width:auto;position:static;padding-bottom:0;} .platforms-list.second{padding-top:0;} .mailing-list a{width:0;padding-right:30px;} .download-list,.download-list.second,.download-list.third{width:auto;float:none;position:static;margin-bottom:0;} .download-list.second,.download-list.third{padding-top:0;} .quick-links-header{display:none;} .quick-links,.quick-links-header li{float:none;width:auto;margin-right:0;} .quick-links .corner{display:none;} .quick-links{padding-top:0;}}@media all and (max-width:440px){.leadin .button-container{display:none;} .leadin .text-block{top:135px;left:-4px;right:-4px;} .leadin img{top:-8px;} .leadin .wrap{height:260px;} .icon{padding:22px 16px 20px 35px;} h2{font-size:20px;} hr{margin-top:32px;}}