.ssseminarprogramma {
    background-color: #f05f40;
    color: white;
}

.ssseminarwhite{
    margin-right:0;
    padding-right:0;
    padding-bottom:0;
}

.sssemmonth {
    font-size: 2.0em;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    color: white;
    position: absolute;
    left: -130px;
    bottom: 200px;

}


.sssemh1 {
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ssseminar {
    width:100%;
    height:60px;
}

.ssseminardate {
    width: 10%;
    background-color: #f05f40;
    display: block;
    color: white;
    height: 60px;
    float: left;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

    .ssseminardate a {
        background-color: #f05f40;
        display: block;
        float: left;
        color: white;
        padding-top: 20px;
        padding-left: 20px;
    }

.ssseminarname {
    width:90%;
    background-color: white;
    color: black;
    font-weight: bold;
    float:left;
    padding-left:10px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

    .ssseminarname a {
        font-weight: 100;
    }

.ssseminardesc {
    background-color: white;
    color: black;
    padding-left: 10px;
    padding-top: 5px;
    width:90%;
    float:right;
}

.ssseminarattach a {
    color: white;
    
}

    .ssseminarattach a:hover {
        color: white;
    }

.ssseminarbaner{
    position:relative;
}

    .ssseminarbaner h1 {
        position: absolute;
        color: #f07040;
        text-shadow: 2px 2px #ffd800;
        margin-left: 20px;
    }

    .ssseminarbaner h2 {
        position:absolute;
        margin-left:20px;
        color:white;
        width:60%;
        
    }

@media (max-width: 767px) {
    .ssseminarbaner h1 {
        font-size:30px;
        top:5px;
    }
     .ssseminarbaner h2 {
        font-size:14px;
        top:45px;
    }
}

@media (min-width: 768px) {
    .ssseminarbaner h1 {
        font-size:30px;
        top:20px;
    }
     .ssseminarbaner h2 {
        font-size:18px;
        top:55px;
    }
}

@media (min-width: 970px) {
    .ssseminarbaner h1 {
        font-size:40px;
        top:30px;
    }
    .ssseminarbaner h2 {
        font-size:20px;
        top:75px;
    }
}

@media (min-width: 1200px) {
    .ssseminarbaner h1 {
        font-size:60px;
        top:30px;
    }
    .ssseminarbaner h2 {
        font-size:25px;
        top:100px;
    }
}


.sssmaindata {
    border: solid 2px #f07040;
    padding-left: 25px 25px 10px 10px;
    margin-right: 10px;
    border-radius: 10px;
    display: inline-block;
}

.ssseminarbutton{
    margin-top:40px;
    text-align:center;
}
.sssmaindata div{
    float:none;
}
.sssbold{
    font-size:14px;
    font-weight:800;
    padding-left:20px;
}