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

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


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

#emstartpageteaser .emstartpageteaseritem .emstartpageteasertitle
{
	display: none;
}

#emstartpageteaser.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
{
    border:0;
}
#emstartpageteaser .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
{
    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
{
    top: 72px;
}

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

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

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

#emstartpageteaser .emstartpageteaserbuttonshadow
{
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    height:30px;
    background-color:white;
    opacity:0.3;
	display: none;
}
#emstartpageteaser .emstartpageteaserbuttons
{
    position:absolute;
    height:30px;
	bottom: 5px;
    left: 10px;
}
#emstartpageteaser .emstartpageteaserbuttons .emstartpageteaserbutton
{
    float:left;
    cursor:pointer;
}
#emstartpageteaser .emstartpageteaserbuttons .emstartpageteaserbutton.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
{
    background-image: url(../../bg/teaserbuttonbgred.png);
	width: 15px;
	height: 15px;
}
.emstartpageteaserbuttonleft.start
{
	background-image: url(../../bg/teaserbuttonleft.png);
	width: 35px;
	height: 49px;
	position: absolute;
	left: -10px;
	top: 420px;
	cursor: pointer;

}

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

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

}

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

@media (max-width: 950px)
{
    #emstartpageteaser .emstartpageteaseritem .emstartpageteasertextshadow
    {
        left: 30px;
        right: 30px;
        top: 30px;
        bottom: 30px;
        width: auto;
        height: auto;
        z-index: 1000;
        
    }    
    
    #emstartpageteaser .emstartpageteaseritem .emstartpageteasertext
    {
        left: 30px;
        top: 30px;
        bottom: 30px;
        right: 30px;
        width: auto;
        text-align: left;
        z-index: 1000;
        
    }
    
    
    #emstartpageteaser.alist .emstartpageteaseritem
    {
        max-width: 3000px;
    }
 
}


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