.qs_blog_container, .qs_blog_container_latestitems {
    width: 100%;
    box-sizing: border-box;
}

.qs_blog_container:after, .qs_blog_container_latestitems:after {
    clear: both;
    display: block;
    content: '';
}

.qs_blog_item, .qs_blog_item_latestitems {
    width: 31%;
    margin: 1%;
    float: left;
    border: 1px solid #eee;
}

.qs_blog_image, .qs_blog_image_latestitems {
    min-height: 150px;
    height: 150px;
}

.qs_blog_image img, .qs_blog_image_latestitems img {
    width: 100%;
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.qs_blog_contents, .qs_blog_contents_latestitems {
    box-sizing: border-box;
    padding: 10px;
    min-height: 150px;
}

.qs_blog_tile_head {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
    margin: 0px;
    padding: 0px 0px 1em;
}

.qs_blog_tile_text {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px 0px 0.5em;
    line-height: 150%;
}

.qs_blog_readmore, .qs_blog_readmore_latestitems {
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    background: #eee;
}

.qs_blog_link, .qs_blog_link_latestitems {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0;
    line-height: 150%;
    text-decoration: none;
    color: #000;
}

.qs_blog_publishcontents, .qs_blog_publishcontents_latestitems {
    box-sizing: border-box;
    padding: 10px;
}

.qs_blog_author_text, .qs_blog_date_text, .qs_blog_author_text_latestitems, .qs_blog_date_text_latestitems {
    font-size: 14px;
    display: inline-block;
    width: 49%;
}

/* Standaard css voor blog image classes */

.blog_center_image {
    display: block;
    max-width: 100%;
    margin: 0px auto;
}

.blog_left_image {
    float: left;
    max-width: 95%;
    margin-right: 5%;
}

.blog_right_image {
    float: right;
    max-width: 95%;
    margin-left: 5%;
}

.clear {
    clear: both;
}

.blog-button {
    display: block;
    margin: 0px auto;
    border: none;
    background: none;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.blog-loadmore-button {
    background: #fff;
    color: #33b5e5;
    border: 1px solid #33b5e5;
}


.blog-loadmore-button:hover {
    background: #33b5e5;
    color: #fff;
}

.blog_button_wrap {
    padding: 30px 0 25px;
    box-sizing: border-box;
}
.qs_blog_index{
	max-width: 40%;
	border: 1px solid #ddd;
    float: left;	
 }
 .qs_blog_index_set{
    padding: 25px;
 }
 .qs_blog_index_link{
    color: #000;
 }
 .qs_blog_index_link:hover{
    text-decoration: underline;
 }
 .qs_blog_date{
	font-weight: bold;
 }