* {
  box-sizing: border-box;
}

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

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

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

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

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

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

/* Right column */
.topright {
  flex: 25%;
  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: 7px 10px;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
}

/* Change color on hover */
.navbar a:hover {
  background-color: #a47f38;
  font-size: 14px;
  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: 0%;
  width: 100%;
  padding: 0px;
}

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

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

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

/* 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: 400px) {
  .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: 16px;}

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

/* 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: 14px;
 padding: 0px;}

h1 {color: #a47f38;
 text-decoration: none;
 font-family:lato;
 font-size: 24px;
 padding: 3px;}

h2 {color: #a47f38;
 text-decoration: none;
 font-family:lato;
 font-size: 16px;
 padding: 1px;
}