@charset "utf-8";
/* CSS DOCUMENT */
.teaser1 {
    background-color: #eeeeee;
}
.x_mainWrapper .teaser1{
    padding:25px 0; overflow:hidden
}
.xx_mainWrapper .teaser1{
    padding:50px 0; overflow:hidden
}
div.information-teaser {
    padding:0 0 20px 0; overflow:hidden
}
div.information-teaser .teaser_list_Title{
	display:block;
	font-size:24px;
}
div.information-teaser .teaser_list_Title2{
	display:block;
	padding:5px 0 25px 0;
	
}
div.information-teaser img{
    padding: 0; display:block; border:0
}
div.information-teaser .teaserBox {
    float: left;
    position:relative;
}
div.information-teaser .teaserText {
	text-align:center;
	color:#000
}
div.information-teaser .teaserText span{
	font-family: 'Ubuntu'; font-weight:700; font-size:18px; background-color:#9c1006; color:#fff; display:inline-block; padding: 10px 0;
    width: 100%;
}
.teaserBox a span{
    transition: all 0.2s ease-in-out;
}
.teaserBox a:hover span{
	background-color:#000;
}
.teaserBox a img {
    transition: all 0.2s ease-in-out;
}
.teaserBox a:hover img {
    opacity: 0.7;
}
.teaserBox a {
    display: block;
	 text-decoration:none ;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.5);
    transition: all 0.2s ease-in-out;
}
}
.teaserBox a:hover span font{
	color:#fff;
    background-color:#000;
	text-decoration:none ;
}
div.information-teaser .teaserText p{
	 margin:0; padding: 10px 10px 0 10px; display:block; 
}
.xx_mainWrapper  div.information-teaser .teaserBox {
    width: 346px;
    margin: 0 40px 20px 40px;
}
.x_mainWrapper  div.information-teaser .teaserBox {
    width: 260px;
    margin: 0 40px 20px 40px; 
}
.l_mainWrapper  div.information-teaser .teaserBox {
    width: 236px;
    margin: 0 10px 20px 10px; 
}
.m_mainWrapper  div.information-teaser .teaserBox {
    width: 480px;
    margin: 0 0px 0px 0; 
	 padding-bottom:30px
}
.s_mainWrapper  div.information-teaser .teaserBox {
    width: 320px;
    margin: 0 0px 0px 0; 
	 padding-bottom:30px
}
.xx_mainWrapper  div.information-teaser img {
    width: 346px;
}
.x_mainWrapper  div.information-teaser img {
    width: 260px;
}
.l_mainWrapper  div.information-teaser img{
    width: 236px;
}
.m_mainWrapper  div.information-teaser img {
    width: 480px;
}
.s_mainWrapper  div.information-teaser img {
    width: 320px;
}