/* RESET */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  background:#E0E4E5;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#797D7E;
  text-align:center;
  line-height:1.4;
}

/* Alle links donkerblauw en onderstreping bij hover */
a {
  color: #414242;        /* donkerblauw */
  text-decoration: none;  /* standaard geen onderstreping */
}

a:hover {
  text-decoration: underline; /* onderstreping bij hover */
}

.toplist{
width:1980px;
margin:40px auto;
}
.toplist-table{
margin:0 auto;      /* forceert centreren */
}

.toplist-table td{
padding:4px 25px;   /* ruimte tussen namen */
white-space:nowrap; /* voorkomt rare line breaks */
}

.toplist a{
color:#414242;
text-decoration:none;
font-size:14px;
font-family:Tahoma, Arial;
}

.toplist a:hover{
text-decoration:underline;
}
/* WRAPPER */
#wrapper {
  width:95%; /**rstgp auto set */
  max-width:1900px;
  margin:0 auto;
  padding:10px;
}

/* HEADER */
.header {
  margin-bottom:15px;
}

.header h1 {
  font-size:32px;
  font-weight:bold;
  color:#797D7E;
}

.header h2 {
  font-size:16px;
  color:#797D7E;
}

/* CONTENT GRID */
.content {
  width:100%;
  text-align:center; /* centreert thumbs */
  margin:0 auto;
}

/* THUMB LINKS */
.content a {
  display:inline-block;
  width:280px; /* 6 thumbs per rij bij 1700px container */
  margin:6px;
  vertical-align:top;
  transition:all .15s ease;
  text-align:center; /* img + titel gecentreerd */
  color:#E0E4E5; /* donkerblauw */
  text-decoration:none;
}

.content a:hover {
  transform:translateY(-5px);
  text-decoration:underline; /* optioneel voor hover effect */
}

/* THUMB IMAGE */
.content img {
  width:100%;
  height:170px;
  border:5px solid #E0E4E5;
  border-radius:4px;
  display:block;
  margin:0 auto; /* extra centering */
  transition:all .15s ease;
}

.content img:hover {
  border-color:#414242;
  box-shadow:0 8px 18px rgba(0,0,0,0.35);
}

/* TEXT UNDER THUMBS */
.text {
  font-size:11px;
  margin-top:4px;
  color:#414242; /* donkerblauw */
  display:block;
}

/* SPACER */
.spacer {
  clear:both;
  height:5px;
}

/* SPONSOR BLOCK */
.sponsor {
  width:100%;
  margin:20px 0;
  text-align:center;
}

.sponsor img {
  max-width:728px;
  width:100%;
  border-radius:4px;
}

/* TOPLIST / FRIENDS */
#top1 {
  width:70%; /**rstgp auto set */
  margin:20px auto;
}

#top1 div a {
  display:inline-block;
  background:#b8baba;
  padding:6px 12px;
  margin:3px;
  font-size:12px;
  font-weight:bold;
  border-radius:4px;
  color:#414242; /* donkerblauw */
  text-decoration:none;
}

#top1 div a:hover {
  background:#414242;
  color:white;
}

.friends {
  margin-top:15px;
  font-size:15px;
}

.friends li {
  display:inline-block;
  margin:8px 14px;
}

.friends li a {
  color:#414242; /* donkerblauw */
  text-decoration:none;
}

.friends li a:hover {
  text-decoration:underline;
}

/* FOOTER */
#footer {
  clear:both;
  padding-top:25px;
  font-size:11px;
  color:#797D7E; /* donkerblauw */
}

#footer a {
  color:#414242;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}