.emstartpageteaserbox 
{
    position: relative;
}

#emstartpageteaser,
#emstartpageteaserdesktop,
#emstartpageteasermobile
{
    width:100%;
    height:400px;
    overflow:hidden;
    border-radius:0px;
    margin-bottom:10px;
    position:relative;
}

#emstartpageteaser.alist,
#emstartpageteaserdesktop.alist,
#emstartpageteasermobile.alist
{
	position: relative;
	height: 200px;
}


#emstartpageteaser.load,
#emstartpageteaserdesktop.load,
#emstartpageteasermobile.load
{
    background-image:url('../img/loader.gif');
    background-repeat:no-repeat;
    background-position:center center;
}
#emstartpageteaser .emstartpageteaseritem,
#emstartpageteaserdesktop .emstartpageteaseritem,
#emstartpageteasermobile .emstartpageteaseritem
{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    display:none;
}

#emstartpageteaser .emstartpageteaseritem .emstartpageteasertitle,
#emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertitle,
#emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertitle
{
	display: none;
}

#emstartpageteaser.alist .emstartpageteaseritem .emstartpageteasertitle,
#emstartpageteaserdesktop.alist .emstartpageteaseritem .emstartpageteasertitle,
#emstartpageteasermobile.alist .emstartpageteaseritem .emstartpageteasertitle
{
	display: block;
	color: white;
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 32px;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
    text-shadow: 0 0 2px #111111;
}

#emstartpageteaser .emstartpageteaseritem img,
#emstartpageteaserdesktop .emstartpageteaseritem img,
#emstartpageteasermobile .emstartpageteaseritem img
{
    border:0;
}
#emstartpageteaser .emstartpageteaseritem .emstartpageteasertextshadow,
#emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertextshadow,
#emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertextshadow
{
    position:absolute;
    left:0px;
    top:0px;
    height: 100%;
    width:310px;
    bottom:0px;
    background-color:white;
    opacity:0.7;
    z-index: 10;
}
#emstartpageteaser .emstartpageteaseritem .emstartpageteasertext,
#emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext,
#emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext
{
    position:absolute;
    left:00px;
    top:140px;
    width:250px;
    bottom:0px;
    padding: 30px;
    font-size: 14px;
    line-height: 18px;
    color: #666666;   
    z-index: 10;
}
#content.alist #emstartpageteaser .emstartpageteaseritem .emstartpageteasertext,
#content.alist #emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext,
#content.alist #emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext
{
    top: 72px;
}

#emstartpageteaser .emstartpageteaseritem .emstartpageteasertext p,
#emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext p,
#emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext p
{
    font-size: 14px;
    line-height: 18px;
}

#emstartpageteaser .emstartpageteaseritem .emstartpageteasertext h1,
#emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext h1,
#emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext h1
{
    color: #b31e42;    
    margin-bottom: 10px;
    font-size: 32.47px;
    font-family: 'PT Sans', sans-serif;
}

#content.alist #emstartpageteaser .emstartpageteaseritem .emstartpageteasertext h1,
#content.alist #emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext h1,
#content.alist #emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext h1
{
    margin-bottom: 5px;
}

#emstartpageteaser .emstartpageteaserbuttonshadow,
#emstartpageteaserdesktop .emstartpageteaserbuttonshadow,
#emstartpageteasermobile .emstartpageteasermobilebuttonshadow
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:30px;
    background-color:white;
    opacity:0.3;
	display: none;
}
#emstartpageteaser .emstartpageteaserbuttons,
#emstartpageteaserdesktop .emstartpageteaserbuttons,
#emstartpageteasermobile .emstartpageteasermobilebuttons
{
    position:absolute;
    height:30px;
	bottom: 5px;
    left: 10px;
}
#emstartpageteaser .emstartpageteaserbuttons .emstartpageteaserbutton,
#emstartpageteaserdesktop .emstartpageteaserbuttons .emstartpageteaserbutton,
#emstartpageteasermobile .emstartpageteasermobilebuttons .emstartpageteasermobilebutton
{
    float:left;
    cursor:pointer;
}
#emstartpageteaser .emstartpageteaserbuttons .emstartpageteaserbutton.button,
#emstartpageteaserdesktop .emstartpageteaserbuttons .emstartpageteaserbutton.button,
#emstartpageteasermobile .emstartpageteasermobilebuttons .emstartpageteasermobilebutton.button
{
    width:20px;
    height:20px;
    background-image: url(../../bg/teaserbuttonbgwhite.png);
	width: 15px;
	height: 15px;
    margin-left:5px;
    margin-top:5px;
}
#emstartpageteaser .emstartpageteaserbuttons .emstartpageteaserbutton.button.active,
#emstartpageteaserdesktop .emstartpageteaserbuttons .emstartpageteaserbutton.button.active,
#emstartpageteasermobile .emstartpageteasermobilebuttons .emstartpageteasermobilebutton.button.active
{
    background-image: url(../../bg/teaserbuttonbgred.png);
	width: 15px;
	height: 15px;
}
.emstartpageteaserbuttonleft.start,
.emstartpageteasermobilebuttonleft.start
{
	background-image: url(../../bg/teaserbuttonleft.png);
	width: 35px;
	height: 49px;
	position: absolute;
	left: -10px;
	top: 160px;
	cursor: pointer;

}

.emstartpageteaserbuttonleft.start:hover,
.emstartpageteasermobilebuttonleft.start:hover
{
    background-image: url(../../bg/teaserbuttonlefthover.png);
}

.emstartpageteaserbuttonright.start,
.emstartpageteasermobilebuttonright.start
{
	background-image: url(../../bg/teaserbuttonright.png);
	width: 35px;
	height: 49px;
	right: -10px;
	top: 160px;
	position: absolute;
	cursor: pointer;

}

.emstartpageteaserbuttonright.start:hover,
.emstartpageteasermobilebuttonright.start:hover
{
	background-image: url(../../bg/teaserbuttonrighthover.png);
}

@media (max-width: 950px)
{
    #emstartpageteaser .emstartpageteaseritem .emstartpageteasertextshadow,
    #emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertextshadow,
    #emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertextshadow
    {
        left: 30px;
        right: 30px;
        top: 30px;
        bottom: 30px;
        width: auto;
        height: auto;
        z-index: 1000;
        
    }    
    
    #emstartpageteaser .emstartpageteaseritem .emstartpageteasertext,
    #emstartpageteaserdesktop .emstartpageteaseritem .emstartpageteasertext,
    #emstartpageteasermobile .emstartpageteaseritem .emstartpageteasertext
    {
        left: 30px;
        top: 30px;
        bottom: 30px;
        right: 30px;
        width: auto;
        text-align: left;
        z-index: 1000;
        
    }
    
    
    #emstartpageteaser.alist .emstartpageteaseritem,
    #emstartpageteaserdesktop.alist .emstartpageteaseritem,
    #emstartpageteasermobile.alist .emstartpageteaseritem,
    {
        max-width: 3000px;
    }
 
    #emstartpageteasermobile .emstartpageteaseritem img,
    #emstartpageteaserdesktop .emstartpageteaseritem img
    {
        width: 100%;
    } 
    
    .emstartpageteaserbuttonleft.start,
    .emstartpageteasermobilebuttonleft.start,
    .emstartpageteaserbuttonright.start,
    .emstartpageteasermobilebuttonright.start
    {
        display: none;
    }


    
    
 
}
@media (max-width: 505px)
{
   #emstartpageteasermobile .emstartpageteasermobilebuttons 
   {
        display: none;
    }
}

@media (min-width: 600px) and (max-width: 710px)
{
    #emstartpageteaser.alist,
    #emstartpageteaserdesktop.alist,
    #emstartpageteasermobile.alist
    {
        height: 170px;  
        height: auto; 
    }
}  

@media (min-width: 0px) and (max-width: 750px)
{
    #emstartpageteaserdesktop
    {
        display: none;
    }
    
    #emstartpageteasermobile img
    {
        width: 100%;
    }    

}

@media (min-width: 751px)
{
    #emstartpageteaserdesktop
    {
        display: block;
    }
    
    #emstartpageteasermobile,
    .emstartpageteasermobilebuttonleft,
    .emstartpageteasermobilebuttonright
    {
        display: none;
    }
    
}