Panels

Dateiinhalt

/* ############ Panels ############ */

.panelLink>span{
    display: block;
    padding: 20px;
}

.panelLink{
    text-decoration: none;
    color: white;
    display: block;
    margin: 10px 0;
    font-family: 'Times New Roman';
}

.panelLink:hover{
    text-decoration: none;
}

.panelHalf{
    width: 333px;
}

.panelFull{
    width: 100%;
}

.panelFloat{
    float: left;
}

.panelJonas{
    padding-left: 200px;

}
.panelLeft{
    padding-right: 28px;
}

.panelRight{
    padding-left: 28px;
}

.panelHolder{
    margin-top: -25px;
}

@media screen and (max-width: 755px) {
    .panelLeft, .panelRight{
        padding: 0;
    }
}

span.panel span:first-child{
    font-size: 22px;
    margin-bottom: 10px;
    display: block;
}

span.panel span:first-child+span{
    font-size: 13px;
    font-family: Arial;
}

a.panelHeader span.panel span:first-child{
    margin-top: 30px;
    font-size: 35px;
}

a.panelHeader span.panel span:first-child+span{
    font-size: 18px;
    margin-bottom: 50px;
}

div#las-panel{
    background-color: #92d400;
    width: 682px;
    height: 241px;
    font-family: 'Times New Roman';
    text-align: left;
}

div#las-panel span{
    display: block;
    position: absolute;
    left: 30px;
}

div#las-panel span:first-child{
    font-size: 30px;
    top: 30px;
}

div#las-panel span:first-child+span{
    font-size: 20px;
    top: 60px;
}

.noFloat{
    clear: both;
}

.bgGrey{
    background-color: #747678;
}

.bgBlue{
    background-color: #004A99;
}

.bgRed{
    background-color: #7b2927;
}