* {
  box-sizing: border-box;
}

/* Style the body */
body {
  font-family: lato;
  margin: 0;
  background-color: #ffffff;
}

ul {
  list-style-image: url('myiconlist.png');
}

li {
 color: #a47f38;
 text-decoration: none;
 font-family:lato;
 font-size: 22px;
}

/* Column container */
.rowtitle {  
  border-top: 2px solid #ffd700;
  display: flex;
  flex-wrap: wrap;
}

/* Language select column */
.lingo {
  flex: 30%;
  background-color: #ffffff;
  padding: 2px;
}

/* Title column gold #ffd700 lightgoldenrodyellow #fafad2
palegoldenrod #eee8aa goldenrod #daa520 */
.title {
  flex: 40%;
  text-align: left;
  background-color: #ffffff;
  background-position: left;
  background-repeat: no-repeat;
}

/* Right column */
.topright {
  flex: 30%;
  background-color: #ffffff;
  padding: 2px;
}

/* Style the top navigation bar #ae9d71 #a47f38 */
.navbar {
  border-top: 2px solid #a47f38;
  border-bottom: 1px solid #a47f38; 
  display: flex;
  background-color: #deaf54;
}

/* Style the navigation bar links */
.navbar a {
  color: #a47f38;
  padding: 14px 20px;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #a47f38;
  font-size: 18px;
  color: #deaf54;
}

/*Transparant img */
img.transp {
opacity: 0.5;
}

/* Column container  */
.rowcontent {  
  display: flex;
  flex-wrap: wrap;
  
  background-position: left-top;
  background-repeat: no-repeat;
}

/* Sidecontent */
.sidecontent {
  flex: 30%;
  width: 100%;
  padding: 0px;
}

/* Column team no background */
.rowteam {  
  display: flex;
  flex-wrap: wrap;
}

/* Sideteam */
.sideteam {
  flex: 30%;
  width: 100%;
  text-align: center;
  padding: 10px;
}

/* Content */
.content {
  flex: 70%;
  width: 100%;
  padding: 20px;
}

/* prefoot wij zijn er echt voor u */
.prefoot {color: #a47f38;
  text-align: center;  
}

/* Footer #a4883a */
.footer {color: #a47f38;
  border-top: 2px solid #a47f38;
  border-bottom: 1px solid #a47f38;
  padding: 5px;
  text-align: center;
  background-color: #deaf54;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
/*@media (max-width: 600px) {*/
/*  .row, .navbar, .content {   */
/*    flex-direction: column;*/
/*  }*/
/*}*/
/*@media (max-width: 600px) {*/
/*  .rowteam, .sideteam, .row, .navbar, .content, {   */
/*    flex-direction: column;*/
/*  }*/
/*}*/


/* unvisited link */ /* visited link */
a.lingo:link, a.lingo:visited
{color: #a47f38;
 text-decoration: none;
 font-family: lato;
 font-size: 20px;}

/* mouse over link */ /* selected link */
a.lingo:hover, a.lingo:active
{color: #deaf54;
 text-decoration: none;
 font-family: lato;
 font-size: 20px;}

/* standard links + visited */
a.text:link, a.text:visited {
 color: #a47f38;
}

/* hover links + active */
a.text:hover, a.text:active {
 color: #a47f38;
 font-weight: bold;
}


p {color: #a47f38; /* a4883a ae9d71 old */
 text-decoration: none;
 font-family:lato;
 font-size: 22px;}

h1 {color: #a47f38;
 text-decoration: none;
 font-family:lato;}

h2 {color: #a47f38;
 text-decoration: none;
 font-family:lato;}