body {
  color: #000;
  font-family:Helvetica ,Roboto ,Arial ,sans-serif;
	font-size:1.2em;
	background-color: #ffffff;
	padding:0.5em; 
	margin:0.5em; 
  }

.kop-wrapper {
	margin: auto;
	max-width:50em;
 }

.channelselector {
 width:10em;
 margin: auto;
 margin-top:0.8em;
 margin-bottom:0.8em;
}


@media screen and (max-width: 1000px) {}

/*##########kop######*/

#parent {/*groot*/
 display: flex;
 max-width:30em;
 margin: auto;
 margin-top:0.5em;
 background:inherit;
}

#leftz {/*groot*/
flex: 1;
max-width: 15em;
text-align:left;
padding-left: 0.5em;
background: inherit;
}

.logo { /* groot */
background: url("https://www.wayayo.com/pic/logo_g.png");
max-width:9.8em;
height:1.5em;
}

#rightz {/*groot*/
max-width: 15em;
margin-left:0.5em;
background: inherit;
text-align:right;
}

.topflex-container {/*groot */
display: flex;
max-width:42em;
margin: auto;
}

.topflex-child {/*groot*/
 flex: 1;
padding: 0.5em;
text-align:left;
background: inherit;
} 

.koptitel {/*groot*/
border-radius:4px;
height:8em; 
width:17em;
border:0;
background: inherit;
}

.top1flex-child {/*groot*/
padding: 0.5em;
background: inherit;
text-align:left;
}

.toptitel {/*groot */
text-align:left;
background: inherit;
color: #6b6b6b;
font-size:0.9em;
margin-bottom:0.6em;
}

.sharecontainer { /*groot*/
max-width:95%;
background:inherit;
height:128px;
display: inline;
}

.scharespacer {/*groot*/
margin-right:2px;
margin-top:1px;
background: inherit;
display: inline;
}

.deel {/*groot*/ 
width:3em;
height: 3em;
border-radius:4px;
border:0;
background: inherit;
margin-left:0.5em;
margin-top:3px;
}

.add-button { /*groot */
cursor:pointer;
margin-top:1.5em;
margin-left:17em;
display:none;
}

/*######eind kop ######*/

.mix-buttons {/*groot*/
width: 50%;
margin: auto;
margin-bottom: 1em;
}

.seperator {/*groot*/
 border-top: 0.4em solid  #fafafa ;
 max-width: 90%;
 height:0.7em;
 margin: auto;
 margin-top:0.1em;
 margin-bottom:0.1em;
}

.wrapper {
 display: flex; justify-content: center; /* centreert horizontaal */ 
 }
 .row { display: flex; gap: 20px; /* ruimte tussen links en rechts */
 }
 .l, .r { padding: 10px; background: #f0f0f0; border-radius: 6px; 
 } 
 

 .newsblok-wrapper {/*groot*/
	margin: auto;
	margin-bottom: 5em;
	width: 30.0625em;	
	/*border: 1px solid #00ff00;*/
 }

 
 /*##### footer ##*/
 
.footer {/*groot*/
  position: fixed;
  left:0;
  bottom: 0;
  width:120em;
  background-color: #ffffff;
  height:2em; 
  border-top: solid;
  border-width: 0.2em;
  border-color: #000;
  padding: 0.5em;
}

#allmenu { /* groot */
 display: flex;
max-width:120em;
margin-top: 1px;
 background:inherit;
}

#allmenul { /* groot */
flex: 1;
max-width:10px;
text-align:left;
background: inherit;
margin-left:5px;
white-space: nowrap;
}

.menudotpic {/*groot*/
width:0.62em;
height:1.4em; 
border:0;
}

#allmenur { /* groot */
width:50em;
background: inherit;
text-align:left;
margin-left:25px;
white-space: nowrap;
}

 .homeicon {/*klein*/
width:1.5em;
height:1.4em; 
border:0;
margin-top:0;
margin-left:0;
}

.copy {/*groot*/
font-size:0.8em;
color: #000;
margin-right:5em;
text-align:right;
white-space: nowrap;
}
 
div.backcontainer {/*groot*/
 position: fixed;
 left:0;
 bottom:60px;
 max-width:80%;
 background-color:inherit;
 text-align:left;
 padding: 0.5em;
 width:30px;
 height:35px;
}

div.back {/*groot*/
 background-image: url("https://www.wayayo.com/pic/back_black.png");
  background-repeat: no-repeat;
 border:none;
 cursor:pointer;
width:100%;
 height:100%;
}
 
  /*##### einde footer ##*/

 
h1 {/*groot */
  display: block;
  font-size: 1.05em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
      
h2 {/*groot */
  display: block;
  font-size: 1.05em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
}												

h3 {/*groot */
  display: block;
  font-size: 0.8em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
}

h4 {/*groot */
  display: block;
    font-size: 0.6em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
}

a:link.klik      {color: #3333cc; font-weight:; text-decoration:none}/*groot */
a:visited.klik {color: #7575dd; font-weight:; text-decoration:none}
a:hover.klik   {color: #7575dd; font-weight:; text-decoration:none}
a:active.klik  {color: #7575dd; font-weight:; text-decoration:none}

a:link.omenu       {color:#000000; font-weight:; font-size:1em; cursor:pointer; text-decoration:none}/*groot */
a:visited.omenu  {color:#000000; font-weight: ; font-size:1em; cursor:pointer; text-decoration:none}

a:link      {color: #000000; font-weight:; text-decoration:none}/*groot */
a:visited {color: #b0b0b0; font-weight:; text-decoration:none}
a:hover   {color: #000000; font-weight:; text-decoration:none}
a:active  {color: #000000; font-weight:; text-decoration:none}

a:link.fisuallink      {color: #b0b0b0; font-weight:bold; text-decoration: underline}/*groot */
a:hover.fisuallink    {color: #000000; font-weight:bold; text-decoration:none}

a:link.somenu       {color: #000; font-weight:bold; font-size:0.8em; cursor:pointer; text-decoration:none}
a:visited.somenu  {color: #000; font-weight:bold ; font-size:0.8em; cursor:pointer; text-decoration:none}


@media only screen and (max-width: 600px) {

  body { /* klein */
  color: #ffffff;
	font-family:Gill Sans, sans-serif;
	font-size:1.0em;
	background: #000000; 
    padding-left: 0.1em;
    padding-right: 0.1em;
	margin:0; 
  }

.kop-wrapper {
margin: auto;
max-width:99%;
  /*border: 1px solid #ffffff;*/
 }

/*##########kop######*/


#parent { /* klein */
display: flex;
max-width:20em;
 margin: auto;
 margin-top: 0.5em;
}

#leftz { /* klein */
 flex: 1;
max-width: 19.5em;
padding-left: 0.4em;
text-align:left;
background: inherit;
}

.logo { /* klein */
background: url("https://www.wayayo.com/pic/logo_k.png");
width:8.56em;
height:1.18em;
}


#rightz {/*groot*/
max-width: 15em;
margin-left:0.5em;
background: inherit;
text-align:right;
}

.topflex-container {/*klein*/
display: flex;
max-width:42em;
margin: auto;
}

.topflex-child {/*klein*/
 flex: 1;
padding: 0.5em;
text-align:left;
background: inherit;
}  

.koptitel { /* klein foto index  */
 border-radius:4px;
 border:0;
width:7em;
height:6em;
max-width:7em;
max-height:6em; 
}

.top1flex-child{/*klein*/
padding: 0.5em;
background: inherit;
text-align:left;
}

.indexflex-container {/*klein */
display: flex;
max-width:42em;
margin: auto;
}

.indexflex-child {/*klein*/
padding: 0.5em;
text-align:left;
background: inherit;
}  

.index1flex-child {/*klein*/
padding: 0.5em;
background: inherit;
text-align:left;
}

/* einde kop */

.sharecontainer { /*klein*/
background:inherit;
display: inline;
margin-top:-5em;
}

.scharespacer {/*klein*/
margin-right:0.1em;
margin-top:0.1em;
background: inherit;
display: inline;
}

.deel {/*klein */
width:1.7em;
height: 1.7em;
 border-radius:4px;
 border:0;
background: inherit;
margin-left:0.1em;
}

 .newsblok-wrapper {/*klein*/
	margin: auto;
	margin-bottom: 5em;
	width: 99%;	
	/*border: 1px solid #ffff00;*/
 }

.add-button { /*klein */
font-size:0.8em;
cursor:pointer;
margin-top:0.7em;
margin-left:2.3em;
display:none;
}

/* eind kop  klein */

.seperator {/*klein*/
 border-top: 0.2em solid #2f2f2f;
 max-width: 80%;
 margin: auto;
 margin-top:0.1em;
 margin-bottom:0.1em;
}

.mix-buttons {/*klein*/
    width: 50%;
    margin: auto;
	margin-bottom: 1em;
}

.wrapper {
 display: flex; justify-content: center; /* centreert horizontaal */ 
 }
 .row { display: flex; gap: 20px; /* ruimte tussen links en rechts */
 }
 .l, .r { padding: 10px; background: #f0f0f0; border-radius: 6px; 
 } 
 

.seperator {/*klein*/
 border-top: 0.2em solid #2f2f2f;
 max-width: 80%;
 margin: auto;
 margin-top:0.1em;
 margin-bottom:0.1em;
}

.add-button { /*klein */
font-size:0.8em;
cursor:pointer;
margin-top:0.7em;
margin-left:2.3em;
display:none;
}

.gastico {/*klein */
border-radius:0.8px;
width:2.2em;
height:0.8em;
}

.sharecontainer { /*klein*/
background:inherit;
display: inline;
margin-top:-5em;
}

.scharespacer {/*klein*/
margin-right:0.1em;
margin-top:0.1em;
background: inherit;
display: inline;
}

/* einde  midde container  klein */

div.backcontainer {/*kleint*/
 position: fixed;
  left:0;
  bottom: 3.5em;
  background-color: inherit;
  text-align: left;
  padding: 0.5em;
}

div.back {/* klein */
background: url("https://www.wayayo.com/pic/back_white.png");
cursor:pointer;
border:none; 
 width:100%;
 height:100%;
}

.footer {/*klein*/
  position: fixed;
  left:0;
  bottom: 0;
  max-width:50em;
  background-color: #ffffff;
  height:2em; 
  border-top: solid;
  border-width: 0.2em;
  border-color: #000;
  padding: 0.5em;
}

#allmenu { /* klein */
  display: flex;
max-width:50em;
margin-top: 1px;
 background:#ffffff;
}

#allmenul { /* klein */
 flex: 1;
max-width:5em;
text-align:left;
background: #ffffff;
white-space: nowrap
}

#allmenur { /* klein */
max-width:5em;
background: #ffffff;
text-align:left;
margin-left:0;
white-space: nowrap;
}

.copy {/*klein*/
max-width:10em;
font-size:0.8em;
color: #000;
text-align:left;
white-space: nowrap;
}

#nexttwo  { /* klein*/
  display: flex;
  max-width:60em;
 margin-top: 0.5em;
 white-space: nowrap;
}

#nexttwol { /* klein */
 flex: 1;
min-width:15em;
Max-width:25%;
text-align:left;
background: inherit;
 white-space: nowrap;
}

#nexttwor { /* klein*/
background: inherit;
text-align:left;
margin-right:1em;
white-space: nowrap;
}

.mail {/*klein*/
background: url("https://www.wayayo.com/pic/mail_wit.png");
cursor:pointer;
border:0;  
height:2.3125em;
width: 3.01625em;
}

.imsorry {/*klein*/
height:17.62em;
width: 12.27em;
border-radius:4px;
border:0;  
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.picbox{/*klein*/
width:80%;
text-align:center;
}

.menudotpic {
width:0.62em;
height:1.4em; 
border:0;
}

.icons {/*klein*/
width:0.8em;
height:0.8em; 
border:0;
margin-top:0;
margin-left:0;
}

.homeicon {/*klein*/
width:1.5em;
height:1.4em; 
border:0;
margin-top:0;
margin-left:0;
}
h1 {/*klein */
  display: block;
  font-size: 1.3em;
  font-weight: bold;
}
      
h2 {/*klein */
  display: block;
  font-size: 1.1em;
  margin-bottom:-2px;
}

h3 {/*klein */
  display: block;
  font-size: 0.8em;
}

h4 {/*klein */
  display: block;
  font-size: 0.6em;

}

a:link.omenu       {color:#ffffff; font-weight:bold; font-size:0.7em; cursor:pointer; text-decoration:none}
a:visited.omenu  {color:#ffffff; font-weight:bold ; font-size:0.7em; cursor:pointer; text-decoration:none}

a:link.klik      {color: #3333cc; font-weight:bold; text-decoration:none}
a:visited.klik {color: #7575dd; font-weight:bold; text-decoration:none}
a:hover.klik   {color: #7575dd; font-weight:bold; text-decoration:none}
a:active.klik  {color: #7575dd; font-weight:bold; text-decoration:none}

a:link    {color: #ffffff; font-weight:; text-decoration:none}
a:visited {color: #e1e1e1; font-weight:; text-decoration:none}
a:hover   {color: #ffffff; font-weight:; text-decoration:none}
a:active  {color: #ffffff; font-weight:; text-decoration:none}

a:link.fisuallink      {color: #ffffff;font-weight:bold; text-decoration: underline}/*klein */
a:hover.fisuallink    {color: #ffffff;font-weight:bold; text-decoration:none}

a:link.black     {color: #000000;font-weight:bold; text-decoration: underline}/*klein */
a:hover.black    {color: #000000;font-weight:bold; text-decoration:none}
a:visited.black {color: #000000;font-weight:bold; text-decoration:none}

 { /* klein */
 border-radius:4px;
 height:6.5em;
 border:0;
margin:0.5em;
float:left;
}

.icon {/*klein index*/
 /*max-width: 10em;*/
text-align:left;
background: inherit;
} 


a:link.rubriek {color:#ffffff; font-size:0.8em; cursor:pointer; text-decoration:none}/*klein*/
a:visited.rubriek  {color:#ffffff;  font-size:0.8em; cursor:pointer; text-decoration:none}/*klein*/

a:link.somenu       {color: #f3f3f3; font-weight:bold; font-size:0.7em; cursor:pointer; text-decoration:none}
a:visited.somenu  {color:  #f3f3f3; font-weight:bold ; font-size:0.7em; cursor:pointer; text-decoration:none}



.adcontainer {/*klein*/
margin-top:-1em;
margin-bottom:-2em;
padding:0;
}

.listadcontainer{/*klein*/
max-width:98%;
margin: 0 auto;
margin-top:0;
margin-bottom:1em;
}


} /* einde   klein */