/****************************
   default.css
   (C) Mangrove 2009
   Default style properties
*****************************/

body{ padding:0; margin:20px 0 0 0; background: #282828 url(/images/bg_body.gif);font-family: Lucida Sans Unicode, Lucida Grande, arial, sans-serif;}
img{ border:none;}

.wrapper{ width:975px; margin:0 auto; position:relative; padding:80px 0 0 0; }

.logo{ position: absolute; left:35px; top:0;}
.beta{ position: absolute; left: 260px; top: 110px;}
.box{ background:#484848 url(/images/bg_box.gif); width:790px; margin:0 0 0 31px; padding:0; overflow:hidden;}

h1 { font-size: 36px; color:#222222; margin:0 0 10px; padding:80px 0 0 30px; background: url(/images/bg_box_top.gif) no-repeat;}
h2, h3, h4 { line-height:24px; text-align:justify; color: #e7e7e7; font-size: 20px; text-transform: uppercase; padding-left:35px; }
h3 { font-size: 18px; color: #fff; }
h4 { font-size: 14px; }

p { width:500px; line-height:24px; text-align:justify; color: #e7e7e7; font-size:13px; padding-left:35px; position:relative; z-index:2}

.intro { font-size: 14px; line-height: 26px; }
.summary { width:500px; text-align: justify; color: #e7e7e7; font-size:13px; padding: 0 0 0 60px; line-height: 26px; }
.extra { text-align: left; font-size: 11px; color: #b7b7b7; float: left; }
.extra a { color: #b7b7b7; text-decoration: underline;}
.download a { font-size: 20px; text-transform: uppercase; color: #ec9d22; }

/*.gappcontainer {position:relative; display:inline-block; width:265px; height:122px; background: url(/images/btn_bg.png) no-repeat bottom left;}*/

.btn-gapp {position:relative; display:inline-block; width:117px; height:122px; background: url(/images/btn_google.png) no-repeat bottom left; margin: 0 0 0 74px;}
.btn-gapp:hover {background-position:top left;}

.buttoncontainer{position:relative; display:inline-block;}

.btn-appstore{display:inline-block; background: url(/images/btn_appstore.png) no-repeat bottom left; width:183px; height:81px; position:relative; z-index:2; cursor:pointer; margin: 15px 60px 30px 20px; }
.btn-appstore:hover{background-position: top left;}
.btn-appstore span{display:none;}

.boxbottom{ background: url(/images/bg_box_bottom.gif) no-repeat bottom left; }
.boxbottom img{vertical-align:top; margin:4px;}
.boxbottom a img{ margin:0;}

.boxbottompress { background: url(/images/bg_box_bottom.gif) no-repeat bottom left; height: 20px; }

.getfeedback{display:block; background:url(/images/getfeedback.gif) no-repeat; width:31px; height:102px; float:left; position:relative; top:-150px;}
.getfeedback span{display:none;}
.glow{ background: url(/images/bg_gradient.png) no-repeat; width:628px; height:528px; position:absolute; bottom:-300px; right:0;}

.slideshow{width:375px; height:480px; position:absolute; right:0; bottom:-150px; background:url(/images/bg_phones.png);}
.slideshow .images{ list-style:none; padding:0; margin:98px 0 0 157px; width:185px; height:265px; position:relative; overflow:hidden;}
.slideshow .images li{ display:none; margin:0; padding:0; position:absolute}
.slideshow .images li.active{ display:block;}

.slideshow .controls{ list-style:none; padding:0; margin:90px 0 0 210px; position:absolute; bottom:10px;}
.slideshow .controls li{ margin:0 3px; float:left}
.slideshow .controls a{display:block; background:url(/images/bg_circle.png) no-repeat bottom left; height:14px; width:14px;}
.slideshow .controls a.active{ background-position:top;}
.slideshow .controls span{display:none;}

.bannerbavaria { float: left; margin: -10px 12px 0 -6px; }
.youtubelink { float: right; width: 170px; height: 120px; margin: 10px 38px 0 0; }

.copyright{ color:#949292; font-size:12px; }
a{ color:#949292; text-decoration:none;}
a:hover{ text-decoration:underline;}