body {
  background-color      : #FFFFFF;
  font-family           : verdana;
  font-size             : 6;
  margin                : 0;
  padding               : 0;
  height                : 100%;
}

.header {
  font-family           : "Permanent Marker", cursive;
  font-weight           : 400;
  font-size             : 4vh;
  font-style            : normal;
}

.background {
  height                : 100vh;
  width                 : auto;
  display               : block;
  position              : fixed;
  top                   : 0;
  right                 : 0;
  margin-right          : 0;
  margin-top            : 0;
  z-index               : -1;
}

.braadworst_select {
  width                 : 20vw;
}

.radio_item {
  display               : none !important;
}

.selected_worst,
.unselected_worst {
  width                 : 8vw;
  position              : relative;
  text-align            : right;
  right                 : 0;
  margin                : 0;
  z-index               : -1;
}

.selected_worst {
  opacity               : 1;
}

.unselected_worst {
  opacity               : 0;
} 

.label_item {
  opacity               : 0.2;
}

.radio_item:checked + label {
  opacity               : 1;
}

.update_times {
  font-size             : 6;
  text-align            : right;
}

.club_info,
.vshome,
.vsaway {
  text-align            : center;
}

.vsmiddle {
  text-align            : center;
  width                 : 10;
}

.vstime {
  font-size             : 12;
}

.clublogo {
  width                 : 70;
}

footer {
  position              : absolute;
  height                : 20px;
  margin-bottom         : 20px;
  width                 : 95%;
  text-align            : right;
}

.savebutton,
select,
option {
  font-size             : 11px;
  color                 : #FFFFFF;
  margin                : 1vh;
  padding               : 0.2vh;
  background-color      : #000000;
  border-radius         : 2vh;
  border-color          : transparent;
}

.menu {
  background-color      : #FFFFFF;
  background            : transparant;
  position              : sticky;
  top                   : 0;
  margin-top            : -0.2vh;
  width                 : 100%;
  cell-padding          : 0;
  cell-spacing          : 0;
  height                : 135;
}

.active_or_not {
  background-color      : #FFFFFF;
  background            : transparant;
  position              : sticky;
  top                   : 135;
  width                 : 100%;
  cell-padding          : 0;
  cell-spacing          : 0;
}

.footer {
  background            : #FFFFFF;
  position              : sticky;
  bottom                : 0;
  width                 : 100%;
  cell-padding          : 0;
  cell-spacing          : 0;
}

.main {
  border                : 0;
  padding               : 0;
  cell-spacing          : 0;
  cell-padding          : 0;
  border-spacing        : 0;
  border-collapse       : collapse;
  heigth                : 100%;
  width                 : 100%;
}

.matchdate {
  font-family           : verdana;
  font-size             : 13px;
  color                 : #000000;
  text-transform        : uppercase;
  font-weight           : bold;
  text-align            : center;
}

.th_l,
.th_r,
.rounded_top_left,
.rounded_top_right,
.rounded_bottom_left,
.rounded_bottom_right {
  width                 : 15px;
}

.th_l,
.th_c,
.th_r {
  border                : 1px;
  background            : #06509d;
  color                 : #FFFFFF;
  font-size             : 13px;
  font-weight           : bold;
  text-transform        : uppercase;
}

.content_row,
.tf_l,
.tf_c,
.tf_r {
  background            : #e6e6e6;
}

.buttons {
  width                 : 40px;
}

.bg_ro {
#  background            : url("/images/achtergrond_ro.jpg");
#  background-attachment : fixed;
#  repeat-x;
  width                 : 100%;
  height                : 100px;
  background            : #FFFFFF;
}

.match_table {
  width                 : 96%;
  padding               : 0;
  spacing               : 0;
  margin                : 0;
  border-spacing        : 0;
  border-collapse       : collapse;
}

.rounded_top_left {
  border-top-left-radius: 15px;
}

.rounded_top_right {
  border-top-right-radius: 15px;
}

.rounded_bottom_left {
  border-bottom-left-radius: 15px;
}

.rounded_bottom_right {
  border-bottom-right-radius: 15px;
}

.rounded_top_left,
.rounded_top_right,
.head_group,
.head_time {
  border                : 1px;
  background            : #06509d;
  color                 : #FFFFFF;
  font-size             : 13px;
  font-weight           : bold;
  text-transform        : uppercase;
}

.rounded_bottom_left,
.rounded_bottom_right,
.bottom_row {
  border                : 1px;
  background            : #cddceb;
  color                 : #000000;
  font-size             : 13px;
}

.bottom_row {
  height                : 18px;
}

.rdth {
  color                 : #000000;
  font-size             : 13px;
  font-weight           : bold;
  text-transform        : uppercase;
}

.head_time {
  text-align            : right;
}

.finalist_select,
.vragen_select {
  width                 : 120;
}

.vragen_ja_nee {
  width                 : 60;
}

.badge, .ibadge {
  height                : 40px;
  width                 : 40px;
  display               : table-cell;
  text-align            : center;
  vertical-align        : middle;
  border-radius         : 50%;
  font-size             : 16px;
  font-weight           : bold;
  font-family           : Arial;
  text-transform        : uppercase;
}

.badge {
  background            : #e6e6e6;
}

.ibadge {
  background            : #83a8ce;
}

a:link    { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  { text-decoration: none; }

.vraag,
.antwoord,
.poule_country,
.vshome,
.vsaway,
.vsmiddle,
.club_info {
  font-size             : 10px;
}

.poule_results {
  font-size             : 11px;
}

.box {
  width                 : 100%;
  text-align            : center;
  border-radius         : 15px;
  padding               : 0px;
  background-color      : #FFFFFF;
  font-weight           : bold;
}

.box2 {
  width                 : 98%;
  text-align            : left;
  border-radius         : 15px;
  padding               : 0px;
  font-weight           : bold;
}

.box.yellow, .box2.yellow {
  background-color      : #f2ff00;
}

.box.red, .box2.red {
  color                 : #f2ff00;
  background-color      : red;
}

.box.green, .box2.green {
  background-color      : #00A300;
}

.box.blue, .box2.blue {
  background-color      : #34c0eb;
}

.box.yblue, .box2.yblue {
  background            : linear-gradient(45deg, #f2ff00 50%, #34c0eb 50%);
}

.poule_country {
  width                 : 90px;
}

.home_score,
.away_score {
  width                 : 50px;
}

.home_score {
  text-align            : right;
}

.away_score {
  text-align            : left;
}

.klassement_head,
.klassement_points {
  width                 : 25px;
  text-align            : right;
  vertical-align        : top;
  font-size             : 8px;
}

.klassement_nickname {
  text-align            : left;
  vertical-align        : top;
  font-size             : 9px;
}

.klassement_head {
  font-weight           : bold;
}

.pbutton,
.ipbutton {
  width                 : 100%;
  text-align            : center;
  border-radius         : 15px;
  padding               : 0px;
  font-weight           : normal;
  font-size             : 10px;
  text-transform        : uppercase;
  font-family           : verdana;
}

.pbutton {
  background            : #FFFFFF;
}

.ipbutton {
  background            : #06509d;
  color                 : #FFFFFF;
}

.head_group_vragen {
  border: 1px;
  background            : #979d74;
  color                 : #FFFFFF;
  background            : #06509d;
  color                 : #FFFFFF;
  font-size             : 10px;
  font-weight           : bold;
}