.news {
    width:calc(200% / 3 - 20px);
    margin-top:15px;
    text-align:justify;
    float:left;
    color:#424242;
}
    .news .newsdate {
        margin:5px;
        width: 100%;
        color: gray;
        display:inline-block;
    }
    .news .newstitle {
        text-align:left;
        width: 100%;
        font-size:20px;
    }

    .news .newssummary {
        font-weight:bold;
        margin-bottom:10px;
        text-indent:20px;
    }
    .news img {
        width:60%;
        margin-right:10px;
        float:left;
    }
    .news .newsic {
        width:60%;
        margin-top:10px;
        margin-right:10px;
        margin-bottom:5px;
        font-style:italic;
        float:left;
    }

    .news p {
        text-align:justify;
        text-indent:20px;
    }

.listcontainer {
    width:calc(100% / 3);
    margin-top:15px;
    float:right;
}

.list {
    margin-bottom:15px;
    width:100%;
    float:right;
    text-align:justify;
}
    .list .listtitle {
        font-size:16px;
        color:#105caa;
    }
    .list .listdate {
        margin:5px 0px;
         color:gray;
    }
    .list img {
        width:50%;
        margin:10px;
        float:left;
    }