* { margin: 0; padding:0; }

body{font-family:Helvetica,"Helvetica Neue",sans-serif;
background:#f6f5f4;
font-size:15px;
line-height:1.5em; background:url(../img/oben.pngg),url(../img/background1.jpg);background-repeat:repeat-x, repeat;background-position:left top,top;
 text-align:center;}

img.logo-vogel{ width:250px; height:185px; margin:-5px 780px 0 0px;}
#slogan { margin-right:710px; font-size:24px;  text-shadow: 0px 0px 8px #ffffff;

 }

#container { width:980px; margin:25px auto 10px auto; background:url(../img/background.jpg) repeat;
-webkit-box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.8);
box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.8);
-webkit-border-radius: 10px;
border-radius: 3px;
}

#header-wrap{position:relative; 
height:450px;
background-size:cover;
text-align:center;
min-width:980px;
margin:-4px 0 0}

#oben{background:url(../img/bild.jpg) repeat-x ; height:451px;}

#header{position:relative;
margin:0 auto;
width:940px;
height:600px}

h3 { color:#494949;}


h2{ font-size:35px; margin-top:-25px;}
a.app-store-badge{text-indent:-9999px;display:block;width:180px;height:43px;background:url(../img/home/app-store.png) no-repeat;z-index:2;background-size:180px 43px;position:relative;left:0px; right:0px}



#share-links{padding:7px 0 0 80px;}


#nav{line-height:62px;width:100%;position:absolute;bottom:-1px;background:rgba(0,0,0,.41);height:61px;text-align:center}
.nav-item{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto}
.nav-item-app{ margin-left:770px; margin-top:-54px; list-style:none; }
.nav-item-app:hover{ opacity:0.8; }
.nav-item-logo{margin-top:-53px; list-style:none; margin-right:870px; }
.nav-item{*display:inline}
.nav-link{font-size:20px;font-weight:bold; color:rgba(255,255,255,.6);display:block;text-decoration:none;padding:0 30px; letter-spacing:1px;}
.nav-link:hover,.nav-link.selected:hover{color:#fff}
.selected{color:rgba(255,255,255,1.0)}

#nav-platz{line-height:70px;width:100%;position:absolute;bottom:-1px;background:rgba(0,0,0,.41);height:70px;text-align:center; top:0px;}
#nav-platz .nav-item{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto}
#nav-platz .nav-item-app{ margin-left:770px; margin-top:-58px; list-style:none; }



.content-wrap{background:url(../img/paper-fold-1.png) repeat-x left bottom;min-height:600px;min-width:980px}
p.kartei{ margin: -61px 0 0 0; padding: 60px 80px ; background:#000; background:url(../img/Karte-Freizeit.png) no-repeat; }
p.kartei-wohin{ margin: -61px 0 0 0; padding: 60px 80px ; background:#000; background:url(../img/Karte-Wohin.png) no-repeat; }
p.kartei-war{ margin: -61px 0 0 0; padding: 60px 80px ; background:#000; background:url(../img/Karte-WarDa.png) no-repeat; }
p.kartei-app{ margin: -61px 0 0 0; padding: 60px 80px ; background:#000; background:url(../img/Karte-App.png) no-repeat; position: relative;}


.content-inner-wrap{position:relative;width:940px;margin:-100px auto 0 auto;}

.title{font-size:35px;font-weight:700;line-height:.0em;padding-bottom:.4em;color:#494949;text-shadow:0 0 1px rgba(255,255,255,.8); margin-top:30px; }
.subtitle{font-size:28px;font-weight:700;padding-bottom:.4em;color:#494949}

.desc{color:#6f6f6f;padding:0 0 1em}

.content{width:380px;position:absolute; text-align:left;}

#overview{text-align:center}
.main-title{color:#3f4953;padding:80px 0 .3em}

#sub-nav-links{position:relative;padding:70px 0 0}
.sub-nav-link{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;text-align: center;text-decoration:none;font-size:24px;width:244px;padding:88px 0 0}
.sub-nav-link{*display:inline}
.sub-nav-link strong{opacity:.5;font-weight:700}
.sub-nav-link:hover strong{opacity:1;}

#design-on-paper-link{background:url(../img/home/design-on-paper.png) no-repeat center top;background-size:100px 100px;color:#333;}

#take-pictures-link{background:url(../img/home/take-pictures.png) no-repeat center top;background-size:74px 74px;color:#333;}

#simulate-link{background:url(../img/home/simulate.png) no-repeat center top;background-size:74px 74px;color:#333;}

.sub-nav-next-arrow{display:-moz-inline-box;-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*vertical-align:auto;
text-indent:-119988px;
overflow:hidden;text-align:left;
background:url(../img/home/next.png) no-repeat;
width:50px;
height:67px;
position:relative;
top:44px;}
.sub-nav-next-arrow{*display:inline;}


#overview-bot-img-wrap{position:relative;top:191px;text-align:center}
#overview-bot-img{position:relative;left:-10px}



#design-on-paper-content{top:159px;right:0}
#design-on-paper-title{color:#22a6e4}
#design-on-paper-pic{position:absolute;top:99px; z-index:2; right:230px;}

#pictures-content{top:180px;left:50px;text-align:right}
#pictures-title{color:#ff537a;}

#play-content{top:200px;right:80px}
#play-title{color:#759d0d;}
#sharing-content{top:228px;right:0}
.new-feature-desc span.new-badge{display:inline-block;font-size:10px;line-height:16px;height:16px;border-radius:4px;color:rgba(255,255,255,.7);background:#dd4a38;padding:1px 4px;font-weight:700;position:relative;top:-2px}
#pictures-video-wrap,#play-video-wrap{width:320px}


#pictures-video-wrap,#play-video-wrap{ background:url(../img/A-iPhone.png) no-repeat; padding:50px 50px;
border-radius:2px;width:238px}
#pictures-video-wrap{position:absolute;top:60px;right:20px;height:482px; width:270px;}
#play-video-wrap{position:absolute;top:60px;left:120px;height:482px; width:270px;}



.pictures-video,.play-video{height:482px; width:192px; margin: -43px 0px 0px -130px;}



#sharing-pic{position:absolute;top:181px;left:-60px}


#footer{text-align:center;position:relative;padding:0px 0 5px 0}
.footer-p{color:#CCC;padding:40px 0 250px 0px; font-weight:normal;}

#footer-icon{width:500px;height:394px;margin-left:388px; margin-top:-140px;}

.footer-meta-link{padding:15px 0 0 0;font-size:12px;font-weight:100}
.copyright,.footer-meta-link{padding:0 5px;color:#888;font-size:12px;font-weight:100}
.copyright,.footer-meta-link{*display:inline}
img.unten { opacity:0.5; }
img.unten:hover { opacity:0.9;}
.footer-meta-link{text-decoration:none}.footer-meta-link:hover{text-decoration:underline; color:#ededed;}





/* ---------Platz eintragen---------*/
img.logo-vogel-platz{ width:100px; height:80px; margin-left:25px; margin-top:-5px;}
#header-wrap-platz{position:relative; 
height:60px;
background-size:cover;
text-align:left;
min-width:980px;
margin:-4px 0 140px 0}
p.ansage{ font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#666; }

#eintragen-content{top:90px;right:30px;}
#eintragen-title{color:#ff537a;}
strong.wichtig{color:#ff557c;}

.content-platz{background:url(../img/paper-fold-1.png) repeat-x left bottom;min-height:900px;min-width:980px}
#phone-wrap{ background:url(../img/Platz/iPhone.png) no-repeat; padding:50px 50px; background-size:390px 575px ;
border-radius:2px;width:270px}
#phone-wrap{position:absolute;top:90px;left:20px;height:480px; width:270px;}
.phone{height:480px; width:191px; margin: -43px 0px 0px -130px;}

#platz-eintragen{ width:500px;  margin:45px 0 0 300px;}
#platz-eintragen h4{ font:Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#666;}



/* ---------VIDEO---------*/

#video { margin-left:-180px; padding-bottom:25px;}


/* ---------Formular---------*/
span.wpcf7-form-control-wrap1 {
	
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 9pt;
	display: block;
}
.wpcf7-display-none {
	display: none;
}












/* ---------Datenschutz---------*/
.columne{position:relative; }
.columne.columne-single{max-width:560px;margin:0px 20px;padding:0 14px;text-align:left;}
.columne.no-bg{text-shadow:#f7f4f0 0 1px 1px}
.columne.no-bg A{color:#bc405d; opacity:0.4;}
.columne.no-bg a:hover{opacity:1; color:#ff557c;}
.columne .explain{position:absolute;width:50%;right:-57%;margin-top:-1.2em;font-size:1em;font-weight:bold;color:#ff557c;}
.columne .explain a{text-decoration:underline}
.explain{ text-align:left;}


#header-wrap-daten{position:relative; 
height:60px;
background-size:cover;
text-align:left;
min-width:980px;
margin:-4px 0 80px 0}

h2.page-title { font-size:30px; color:#ff557c; margin-bottom:20px;}
h3.nummer { margin-top:25px;}




/* ---------feedback---------*/
#feedback{
	background-color:#908e8f;
	width:210px;
	height:330px;
	position:fixed;
	bottom:0;
	right:6px;
	margin-bottom:-280px;
	z-index:10000;
	
}

#feedback .section{
	
	
	border-bottom:none;
	padding:0px 10px 25px 10px;
	
}

#feedback .color{
	
}

#feedback h6{
	background:url("../img/feedback.png") no-repeat;
	height:38px;
	margin:5px 0 0px 0px;
	text-indent:-99999px;
	cursor:pointer;
}

#feedback textarea{
	background-color:#f5f4f5;
	border:none;
	color:#666666;
	font:13px 'Lucida Sans',Arial,sans-serif;
	height:125px;
	padding:5px;
	width:175px;
	resize:none;
	outline:none;
	overflow:auto;
	-webkit-box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.1);
box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.1);
-webkit-border-radius: 1px;
border-radius: 1px;
	

}

#feedback textarea.platz{
	background-color:#f5f4f5;
	border:none;
	color:#666666;
	font:13px 'Lucida Sans',Arial,sans-serif;
	height:125px;
	padding:5px;
	margin-left:2px;
	width:175px;
	resize:none;
	outline:none;
	overflow:auto;
	-webkit-box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.1);
box-shadow:  0px 0px 4px 2px rgba(50, 50, 50, 0.1);
-webkit-border-radius: 1px;
border-radius: 1px;
	

}

#feedback a.submit{
	background:url("../img/submit.png") no-repeat;
	border:none;
	display:block;
	height:34px;
	margin:10px auto 0;
	text-decoration:none;
	text-indent:-99999px;
	width:91px;
}

#feedback a.submit:hover{
	background-position:left bottom;
}

#feedback a.submit.working{
	background-position:top right 
	cursor:default;
}

#feedback .message{
	font-family:Corbel,Arial,sans-serif;
	color:#333;
	margin-top:10px;

	margin-bottom:10px;
}

#feedback .arrow{
	background:url('../img/arrows.png') no-repeat;
	float:right;
	width:23px;
	height:18px;
	position:relative;
	top:10px;
}

#feedback .arrow.down{ background-position:left top;}
#feedback h6:hover .down{ background-position:left bottom;}
#feedback .arrow.up{ background-position:right top;}
#feedback h6:hover .up{ background-position:right bottom;}


/* ---------totop---------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:60px;
	right:5px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}