::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
::-webkit-scrollbar-button {
  background: #f2e0ff;
  width: 18px;
  height: 18px;
  border: 2px solid #fed29f;;
}
::-webkit-scrollbar-button:hover {
  border: 1px solid #fed29f;
}
::-webkit-scrollbar-thumb {
  background: #fed29f;
  border: 2px solid #fed29f;;
}
::-webkit-scrollbar-track {
  background: #f2e0ff;
  border: 1px solid #f2e0ff;
  border-radius: 4px;
}
::-webkit-scrollbar-corner {
  background: #f2e0ff;
}

#body {
 background-image: url('../../hintergrund_symbole/orange/hintergrund_weiss.jpg');
 color: #ffffff;
}

#kopfzeile, #fusszeile, #navigationsleiste_oben, #navigationsleiste_unten {
 background-image: url('../../hintergrund_symbole/orange/hintergrund.jpg');
}

#banner_text {
 text-shadow: 5px 5px 5px #ff8c00;
}

#navigationsleiste_banner a, #navigationsleiste_banner a:active, #navigationsleiste_banner a:visited, #fusszeile a, #fusszeile a:active, #fusszeile a:visited{
 color: #ffffff;
}

#navigationsleiste_banner a:hover, #fusszeile a:hover {
 color: #fed29f;
}

#textfeld_oben, #textfeld, #textfeld_unten {

 background: #ffffff;
}


.nav_level_1, .nav_level_2, .nav_level_3, .nav_level_4 {
 color: #ffffff;
}


.nav_level_1 {
 text-shadow: 3px 3px 3px #fed29f;
}

.navigationsordner_level_2 {
 background: #fed29f;
 border-color: #fed29f;
}

.nav_level_2:hover, .nav_level_3:hover, .nav_level_4:hover {
 background: #ff8c00;
}

#farbverlauf_seite {
 background: #ffffff;
 -moz-background: linear-gradient(90deg, #ffffff, transparent);
 -ms-background: linear-gradient(90deg, #ffffff, transparent);
 -o-background: linear-gradient(90deg, #ffffff, transparent);
 -webkit-background: linear-gradient(90deg, #ffffff, transparent);
 background: linear-gradient(90deg, #ffffff, transparent);
}

#farbverlauf_oben {
 background: #ffffff;
 -moz-background: linear-gradient(#ffffff, transparent);
 -ms-background: linear-gradient(#ffffff, transparent);
 -o-background: linear-gradient(#ffffff, transparent);
 -webkit-background: linear-gradient(#ffffff, transparent);
 background: linear-gradient(#ffffff, transparent);
}

.textfeld, .textfeld a, .textfeld a:active, .textfeld a:visited, #textfeld_unten, #textfeld_unten a, #textfeld_unten a:active, #textfeld_unten a:visited {
 color: #ff8c00;
}

.textfeld a:hover, #textfeld_unten a:hover {
 color: #fed29f;
}

#farbverlauf_unten {
 background: #ffffff;
 -moz-background: linear-gradient(transparent, #ffffff);
 -ms-background: linear-gradient(transparent, #ffffff);
 -o-background: linear-gradient(transparent, #ffffff);
 -webkit-background: linear-gradient(transparent, #ffffff);
 background: linear-gradient(transparent, #ffffff);
}

#disclaimer a:hover {
  color: #ff8c00;
}

#textfeld .link_pfeil span {
  background: url('../../hintergrund_symbole/orange/pfeil_dunkel.png') no-repeat;
}

#textfeld .link_pfeil:hover span {
  background-image: url('../../hintergrund_symbole/orange/pfeil_hell.png');
}

#button_nach_oben {
 background-color: #ff8c00;
 background-image: url('../../hintergrund_symbole/weiss/nach_oben.png');
}

#anleitung {
 background-color: #fed29f;
 border-color: #ffffff;
}

#anleitung .button a, #anleitung .button a:active, #anleitung .button a:visited {
 background-color: #ffffff;
 border-color: #ffffff;
 color: #fed29f;
}

#anleitung .button a:hover {
 background-color: #fed29f;
 color: #ffffff;
}

#textfeld #tetris { 
 border-color: #ff8c00;
 background-color: #fed29f;
 color: #ffffff;
}

#textfeld #canvas, #textfeld #upcoming, #textfeld #score, #textfeld #rows {
 background-color: #ffffff;
}