@charset "utf-8";
/* CSS Document */

.containerpart{
  display: flex;
  flex-wrap: wrap;
  width: 100%;	
}

.kassakopje{
  font-size: 1.2em;
  margin-top: 8px;
}
.kassainput{
  margin-top: 3px;
}
.bezorgtijd
{
  margin: 2px 0px 10px 112px;
}
.kassabestelinfo{
	color: #666666;
  font-size: 0.75em;
}
.kassabodyleft .kassathuiswinkelgaranties{
  width: 100%;
	display: none;		
}
.kassabodymenu{
  width: 100%;
	height: 275px;
  display: none;	
}
.kassabodyleftgaranties{
  width: 100%;
  display: none;	
}

.kassabodymain{
  width: 100%;
}

.kassabodyrightgaranties{
	display: none;	
  width: 100%;	
}

.kassakopthuiswinkel{
  position: absolute;
	display: none;		
}

.kassakoph1{
  font-size: 26px;
}  

@media screen and (max-width: 450px){
.kassakoph1{
  font-size: 22px;
 }  
.kassakopthuiswinkel{
	height: 25px;	
  right: 25px;	
	display: inline-block;	
} 
.kassakopje{
  font-size: 1.1em;
}
}

@media screen and (max-width: 385px){
.kassakoph1{
  font-size: 20px;
 }  
}

@media screen and (max-width: 799px) and (min-width: 451px){
.kassakopthuiswinkel{
  padding-top: 5px;
	height: 35px;	
  right: 25px;	
	display: inline-block;		
} 
}

@media screen and (max-width: 650px) and (min-width: 451px){
    .kassakoph1{
		   font-size: 26px;
    }  				   
}


.kassabodymain2, .kassabodymain3, .kassabodymain4{
  width: 100%;
	max-width: 700px;
	margin: auto;
}

@media screen and (min-width: 650px){
.kassabodyleft{
  width: calc(33.3% - 30px);	
	margin-right: 30px;
	display: inline-block;	
}
.kassabodymain{
  width: 66.7%;
	margin-right: 0;	
}
.kassabodymenu, .kassabodyleftgaranties, .kassathuiswinkelgaranties{
	display: inline-block;		
}
}

@media screen and (min-width: 800px){
.kassabodyleft{
  width: calc(25% - 30px);	
	margin-right: 30px;
}
.kassabodymain{
  width: 50%;
	margin-right: 0;	
}
.kassabodyleftgaranties{
	display: none;		
}
.kassabodyrightgaranties{
  width: calc(25% - 30px);	
	margin-left: 30px;
	display: inline-block;		
}
.kassakopthuiswinkel{
	display: none;	
} 
}


.body5Top10Item{
    margin: auto;
    margin-top: 10px;
    width: 160px;
		font-size: 12px;
}
.body5Top10Img {
 width: 100%;
}
@media screen and (max-width: 455px){
.body5Top10Item{
  width: calc(33% - 12px);
}
}
@media screen and (min-width: 456px) and (max-width: 579px){
.body5Top10Item{
  width: calc(25% - 12px);
}
}
@media screen and (min-width: 580px) and (max-width: 649px){
.body5Top10Item{
  width: calc(20% - 12px);
}
}
@media screen and (min-width: 650px) and (max-width: 749px){
.body5Top10Item{
  width: calc(16.6% - 12px);
}
}
@media screen and (min-width: 750px){
.body5Top10Item{
  width: calc(14.3% - 12px);
}
}
.kassabodymainkassareclame {
  display: flex;
  flex-wrap: wrap;
}


/*top10 / reclame*/
.kassatop10kop {
  width: 100%;
}
img.blueborder {
    border: 1px solid #0099ff;
    padding: 1px;
}
.kassatop10item7{
  display: none;
}
@media screen and (min-width: 456px){
.kassatop10item5, .kassatop10item6{
  display: none;
}
}
@media screen and (min-width: 580px){
.kassatop10item5{
  display: inline-block;
}
}
@media screen and (min-width: 650px){
.kassatop10item6{
  display: inline-block;
}
}
@media screen and (min-width: 750px){
.kassatop10item7{
  display: inline-block;
}
}

img.onlyfloatLeft { 
		margin-right: 5px;
}
.kassabutton {
  background-color: #60ce60;
  border: 1px solid #469546;
  border-radius: 10px;
  color: #444444;
  padding: 3px 9px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-family: "Josefin Sans", sans-serif;
	font-weight: bold;
}