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:1029px;

background: url(img/startseite_interface.png) no-repeat 0px 0px;
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;
color:#333333;
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 .forminfo
{
width:390;
height:20px;
margin:9px 0px 14px 0px;
}

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

#teasertext1 .forminfo p#formerror
{
background:url(img/icon_formerror.png) no-repeat 0px 0px;
margin:0px 0px 0px 55px;
padding:0px 0px 0px 25px;
}

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

#teasertext1 p a
{
font-size:15px;
color:#ffffff;
font-weight:bold;
padding:0px 0px 0px 15px;
background: transparent url(img/icon_arrow_white_right.png) no-repeat 0px 3px;
}

#teasertext1 .downloadbutton
{
clear:both;
float:left;
display:inline;
width:192px;
height:37px;
background: url(img/startseite_download_button.png) no-repeat 0px 0px;
margin:18px 0px 0px 80px;
}

/* @end */

/* @group: teaserbox bottom */

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

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

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

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

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

#teasertext2 .formerror
{
width:440px;
height:40px;
background:url(img/icon_formerror.png) no-repeat 50px 0px;
margin:-7px 0px 14px 0px;
}

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

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


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

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

#teasertext2 p a
{
font-size:14px;
color:#69AF01;
font-weight:bold;
padding:0px 0px 0px 15px;
background: transparent url(img/icon_arrow_green_right.png) no-repeat 0px 3px;
}

#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: Teaser top right */

#teasertext3,
#teasertext3 p
{
clear:both;
float:left;
display:inline;
}

#teasertext3
{
width:115px;
position:absolute;
left:896px;
top:254px;
margin:0px 0px 0px 0px;
}

#teasertext3 p
{
width:115px;
line-height:20px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#teasertext3 p a
{
float:left;
display:inline;
width:100px;
line-height:16px;
font-size:11px;
color:#69af01;
font-weight:bold;
padding:0px 0px 0px 10px;
background: transparent url(img/startseite_icon_arrow_green_right_small.png) no-repeat 0px 3px;
}

/* @end */

#rightbox
{
clear:both;
float:right;
display:inline;
position:absolute;
left:1px;
bottom:0px;
width:437px;
overflow:visible;
padding-top:0px;
margin-top:0px;
margin-left:800px;
}

#teaserhand
{
position:absolute;
right:0px;
bottom:0px;
clear:both;
float:left;
display:inline;
overflow:hidden;
width:440px;
height:496px;
background: url(img/startseite_mobile.png) no-repeat left bottom;
border-top:0px solid #F00000;
border-bottom:0px solid #F00000;
margin-top:0px;
z-index:15;
}

/* @group: right top */

#teaserright1
{
position:relative;
margin: 40px 0px 0px 203px;
width:150px;
height:150px;
}

#teaserright1 p
{
clear:both;
float:left;
display:inline;
width:120px;
margin:70px 0px 0px 13px;
}

#teaserright1 p a
{
float:left;
display:inline;
text-align:left;
width:120px;
padding: 0px 0px 0px 11px;
background: transparent url(img/icon_arrow_white_right.png) no-repeat 0px 2px;
color:#ffffff;
text-decoration:none;
font-size:10px;
line-height:15px;
}

/* @end */

/* @group: right bottom */

#teaserright2
{
clear:both;
position:relative;
width:240px;
height:220px;
margin: 0px 0px 0px 165px;
}

#teaserright2 p
{
clear:both;
float:left;
display:inline;
width:175px;
margin:148px 0px 0px 31px;
}

#teaserright2 p a
{
clear:both;
float:left;
display:inline;
text-align:left;
width:150px;
padding: 0px 0px 0px 16px;
background: transparent url(img/icon_arrow_green_right.png) no-repeat 0px 1px;
color:#4D9800;
text-decoration:none;
font-size:12px;
line-height:15px;
font-weight:bold;
}

/* @end */