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

.headermenularge{
	display: none;		
}
.allin1adstop10{
	display: none;	
}

@media screen and (min-width: 650px){
.headermenularge{
	display: inline-block;	
}
.headermenuL1{
/*  background-color: purple; */
	height: 275px;
}
.headermenuL2{
  /* background-color: gold; */
}
.allin1titelp1{
	margin: 0px 0px 0px 20px;					
}
}

.container{
   width: 100%;
	 max-width: 1146px;
   margin: auto; 
}

.containermain{
	 display: flex;
	 flex-wrap: wrap;	 
}

/*Bovenstaande is uit header.php voor test fase. Bovenstaande verwijderen please*/

h1 {
      font-family: 'Josefin Sans', sans-serif;
			font-size: 1.33em;		
			font-weight: bold;	
			padding: 0px 0px 0px 0px;
}
h2 {
      font-family: 'Josefin Sans', sans-serif;
			font-size: 1.16em;		
			font-weight: bold;	
			padding: 0px 0px 0px 0px;
}
h3 {
      font-family: 'Josefin Sans', sans-serif;
			font-size: 1em;		
			font-weight: bold;	
			padding: 0px 0px 0px 0px;
			margin: 0 0 -12px 0;
}
#wtitel{
      font-family: 'Josefin Sans', sans-serif;
			font-size: 1.16em;		
			font-weight: bold;	
			padding: 0px 0px 0px 0px;
}
#kopje{
      font-family: 'Josefin Sans', sans-serif;
			font-size: 1em;		
			font-weight: bold;	
			padding: 0px 0px 0px 0px;
}

.allin1kopcontainer{
      width: 100%;
      padding-top: 20px;			
}
.allin1kopsrc{
     float: left;
}
.allin1kopimg{
	 max-height: 60px;
	 max-width: 30%;
	 float: left;	 
}
@media screen and (min-width: 650px){
.allin1kopimg{
padding-right: 5px;
}
}
@media screen and (max-width: 649px){
.allin1kopimg{
padding-right: 2px;
}
}
.containerallin1{
	 display: flex;
	 flex-wrap: wrap;	 
   width: 100%;	  

      font-family: 'Josefin Sans', sans-serif;
			font-size: 1em;		

}



.allin1titel{
	 display: flex;
	 flex-wrap: wrap;	
  width: 100%;		
  padding: 0px 0px 10px 0px;	
}

.allin1titelp1{
	  /* background-color: green;*/
  width: 100%;			
}

.allin1titelp2{
	  /* background-color: grey;*/
	display: none;	
}

#banner{
	width: 100%
}

.allin1adds{
	flex-wrap: wrap;
	
	/* background-color: orange;*/
  width: 100%;				
}

.allin1afb{
  display: flex;
	flex-wrap: wrap;	
  align-content: flex-start;	
	/* background-color: yellow;*/
  width: 100%; 
}

.afb282{
    max-width: 264px;
    width: calc(100% - 8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
    border: 4px solid #fff;
}
.afbeeldingen{
	width: 100%;
  margin-top: 15px;
}
.containerpartspelafb{
 order: 2;
}
.containerpartbox{
 display: none;
 order: 1;
 width: 100%;
}
.boxshot{
	width: calc(100% - 4px);
}

@media screen and (min-width: 280px) and (max-width: 855px){
.afbeeldingen{
	width: calc(50% - 10px);
  padding: 0px 5px 5px 5px;
}
}

@media screen and (min-width: 855px){
.linksbottom{
 display: none;
}
.linksright{
 display: flex;
 flex-wrap: wrap;
}
.containerplinks{
 display: inline-block;
}
.linkstable{
 width: 100%;
}
}

@media screen and (max-width: 854px){
.linksright{
 display: none;
}
.linksbottom{
 display: flex;
 flex-wrap: wrap;
}
.linkstable{
 width: 160px;
}
.containerplinks{
 display: flex;
 flex-wrap: wrap;
}
}

@media screen and (min-width: 855px){
.containerpartbox{
 display: inline-block;
}
}

.containertrailer, .containerspecs, .containerspecsspecs, .containerhelptrailer{
  width: 100%;
}
.containerspecs{
	 display: flex;
	 flex-wrap: wrap;	
}
.containerbadge{
 min-width: 50%;
}
@media screen and (min-width: 500px) and (max-width: 649px){
.containertrailer, .containerspecs{
  width: 50%;
}
.allin1adds{
	display: flex;
}
}

.allin1beoord{
	 /* background-color: pink;*/
  width: 100%;	 
}

.reviewname{
  width: 72%;
  /*background-color: #01d501;*/
	order: 1;
}
.reviewbody, .mrMbody{
  width: 100%;
	order: 3;
  border-bottom-style: dashed;
  border-width: 1px;
  border-color: #01d501;
  padding-bottom: 20px;	
}
.reviewcijfer{
  width: 28%;
  /* background-color: #01d501;	*/
	order: 2;	
}

.tiptitelcontainer{
	 flex-wrap: wrap;	
   width: calc(100% - 110px);
	 order: 2;	
   /* background-color: #0093e1;		 */ 
}
.tiptitel1{
  width: calc (100% - 5px);
  padding: 0px 0px 5px 5px;		
}
.tiptitel2{
  width: calc(100% - 15px);
  padding: 0px 0px 0px 15px;
}
.tipname{
   width: 110px;
	 order: 1;	
   /* background-color: #0093e1;			  	*/
}
.tipbody{
   width: 100%;
	 order: 3;	
  border-bottom-style: dashed;
  border-width: 1px;
  border-color: #0093e1;		
	padding-bottom: 15px;
	margin-bottom: 15px; 
}

@media screen and (min-width: 470px){
.reviewname{
  width: 20%;
	max-width : 120px;
}
.reviewbody{
  width: calc(80% - 55px);
	order: 2;		
}
.reviewcijfer{
  width: 50px;
	order: 3;
	background-color: transparent;	
  padding: 0px 0px 0px 5px;		
  border-bottom-style: dashed;
  border-width: 1px;
  border-color: #01d501;	
}
}
@media screen and (min-width: 400px){
.tiptitelcontainer{
	 display: flex;
	 flex-wrap: wrap;	
   width: 100%;
	 order: 1;	
}
.tiptitel1{
  width: 20%;
	max-width : 120px;
  padding: 0px 0px 0px 0px;		
}
.tiptitel2{
  width: 80%;
  padding: 0px 0px 0px 0px;	
}
.tipname{
  width: 20%;
	max-width : 120px;
	order: 2;
  background-color: transparent;			
}
.tipbody{
   width: 80%;
}
}


@media screen and (min-width: 650px){

.allin1adds, .headermenularge{
  width: 35%;
	order: -1;		
}
.headermenularge{
	height: 300px;
}

.allin1titel, .containerallin1{
  width: 65%;	
}

.allin1adstop10{
	display: inline-block;	
		
}

}

@media screen and (min-width: 855px){
.allin1adds, .headermenularge{
  width: 25%;	
}

.allin1titel, .containerallin1{
  width: 75%;	
}

.allin1titelp1{
  width: 66.7%;		
  width: calc(66.7% - 40px);
	margin: 0px 20px 0px 20px;		
}

.allin1titelp2{
  width: 33.3%;		
	display: inline-block;		
}

.allin1afb{
  width: 33.3%;
	order: 1;
}

.allin1beoord{
  width: calc(66.7% - 40px);
	margin: 0px 20px 0px 20px;	
}

}

.allin1top10hide650{
	display: none;	
}
.allin1top10kophide{
	display: none;
}
.allin1top10kopshow{
	display: inline-block;
}
@media screen and (max-width: 649px){
.allin1top10hide650{
	display: flex;	
  flex-wrap: wrap;	
}
.allin1top10kophide{
	display: inline-block;
}
.allin1top10kopshow{
	display: none;
}
}

.body5Top10add{
    width: calc(100% - 52px);
    margin: 15px 25px 0px 25px;
		max-width: 160px;		
		font-size: 12px;
}