body
{
background: #F9F9F9 url(img/bg_fade.png) repeat-x 0px 0px;
padding:0px 0px 30px 0px;
}

#middlebox
{
margin:14px 0px 0px 1px;
}

#leftbox
{
clear:both;
float:left;
display:inline;
width:1029px;
margin:0px 0px 0px 0px;
}

#teaserinterface
{
clear:both;
float:left;
display:inline;
width:1186px;
margin: 0px 0px 0px 0px;
}

/* @group: teaserbox top */

#teasertext1,
#teasertext1 h1,
#teasertext1 p,
#teasertext1 form,
#teasertext1 .forminfo
{
clear:both;
float:left;
display:inline;
}

#teasertext1
{
width:390px;
height:230px;
margin:218px 0px 0px 220px;
}

#teasertext1 h1
{
width:390px;
font-size:16px;
font-weight:bold;
line-height:25px;
height:auto;
margin:0px 0px 0px 80px;
padding:0px 0px 0px 0px;
}

#teasertext1 p
{
width:280px;
margin:0px 0px 0px 80px;
padding:0px 0px 0px 0px;
}

#teasertext1 form
{
width:390px;
padding:0px 0px 0px 0px;
margin:18px 0px 0px 0px;
}

#teasertext1 p a
{
clear:both;
float:left;
display:inline;
}

#teasertext1 .forminfo
{
width:390;
height:20px;
margin:6px 0px 14px 0px;
}

#teasertext1 .forminfo p
{
width:280px;
font-size:10px;
line-height:15px;
}

#teasertext1 .forminfo p#formerror
{
margin:0px 0px 0px 55px;
padding:0px 0px 0px 25px;
}

#teasertext1 .forminfo p.hidden
{
visibility:hidden;
display:none;
}

#teasertext1 p a
{
font-size:15px;
font-weight:bold;
padding:0px 0px 0px 15px;
}

#teasertext1 .downloadbutton
{
clear:both;
float:left;
display:inline;
width:192px;
height:37px;
margin:18px 0px 0px 80px;
}

#teasertext1 .downloadbutton2
{
float:left;
display:inline;
width:49px;
height:49px;
margin:12px 0px 0px 0px;
}

/* @end */

/* @group: teaserbox bottom */

#teasertext2,
#teasertext2 h1,
#teasertext2 p,
#teasertext2 form,
#teasertext2 .formerror
{
clear:both;
float:left;
display:inline;
}

#teasertext2
{
width:420px;
margin:42px 0px 0px 300px;
}

#teasertext2 h1
{
width:420px;
height:auto;
font-size:16px;
font-weight:bold;
line-height:25px;
margin:0px 0px 14px 0px;
padding:0px 0px 0px 0px;
}

#teasertext2 p
{
width:420px;
line-height:20px;
margin:0px 0px 16px 0px;
padding:0px 0px 0px 0px;
}

#teasertext2 form
{
width:420px;
padding:0px 0px 0px 0px;
margin:0px 0px 16px 0px;
}

#teasertext2 .formerror
{
width:420px;
height:40px;
margin:-7px 0px 14px 0px;
}

#teasertext2 .formerror p
{
width:280px;
font-size:10px;
}

#teasertext2 .formerror p.hidden
{
visibility:hidden;
display:none;
}


#teasertext2 p.formhint
{
font-size:10px;
line-height:16px;
}

#teasertext2 p.formhint sup
{
font-size:12px;
line-height:12px;
}

#teasertext2 p a
{
font-size:14px;
font-weight:bold;
padding:0px 0px 0px 15px;
}

#teasertext2 ul
{
clear:both;
margin:0px 0px 16px 16px;
list-style-type:disc;
line-height:20px;
}

#teasertext2 ul li
{
font-size:13px;
}

#teasertext2 ul li a
{
font-size:14px;
}

/* @end */

/* @group iphonebox */
#iteaser, #iteaser a
{
float:left;
display:inline;
}

#iteaser
{
clear:both;
position:absolute;
left:80px;
top:590px;
width:194px;
height:225px;
z-index:10;
}

#iteaser a
{
width:194px;
height:225px;
background-image:none;
padding:0px;
margin:0px;
}
/* @end */
/* @group mobilebox */
#rightbox
{
clear:both;
float:right;
display:inline;
position:absolute;
left:1px;
bottom:-150px;
width:437px;
overflow:visible;
padding-top:130px;
margin-top:130px;
margin-left:820px;
}

#teaserhand, #teaserhand a
{
float:left;
display:inline;
}

#teaserhand
{
position:absolute;
right:0px;
bottom:0px;
clear:both;
overflow:hidden;
width:592px;
height:620px;
border-top:0px;
border-bottom:0px;
margin-top:0px;
z-index:15;
}

#teaserhand a
{
width:592px;
height:579px;
background-image:none;
padding:0px;
margin:0px;
}
/* @end */

/* @group hovernavigation */

#navigation
{
float:left;
display:inline;
width:600px;

}

#navigation ul
{
float:none;
display:block;
}

#navigation ul li
{
height:auto;
}

#navigation ul li ul
{
display:none;
visibility:hidden;

}

#navigation ul li.show ul
{
display:block;
position:absolute;
visibility:visible;
left:300px;
top:70px;
width:600px;
}

#navigation ul li.show ul li, #navigation ul li.show ul li a
{
float:left;
display:inline;
width:auto;
}

#navigation ul li.show ul
{
float:left;
display:inline;
margin:0px;
padding:10px 0px 5px 0px;
list-style-type:none;
}

#navigation ul li.show ul li
{
float:left;
display:inline;
height:20px;
}

#navigation ul li.show ul li.last
{
background:none;
}

#navigation ul li.show ul li a
{
margin:0px;
padding:0px 12px 0px 9px;
font-size:13px;
line-height:20px;
text-decoration:none;
font-weight:normal;
background:none;
text-transform:none;
}

#navigation ul li.show ul li.first a
{
padding:0px 12px 0px 0px;
}
/* @end */

p.small
{
font-size:11px;
}