body {
   background-position: 0 25px;
   background-color: #fbfaf9;
   background-image: url(page-gradient.png);
   background-repeat: repeat-x;
   text-align: left;
   font-family: "Arial";
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;    
   border-style: none;
   border-bottom: none;
   font-size: 1.2em;
   color: #323232;
}

a, a:hover, a:link {
   color: orange;
   text-decoration: none;
}


ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

li {
	margin: 0px;
	padding: 30px 15px 30px 35px;
	font-size: 2.5em;
}

li:first-child {
	background-color: #272727;
	/**padding-top: 5px;**/
	padding-bottom: 5px;
    padding-left: 47%;
    height: 100px;
}

li:nth-child(even) {
	background-color: #3e3e3e;
	border-top: 1px solid #525252;
}

.app-dark {
   /**background-color: #3e3e3e;**/
    background-color: #272727;
    width: 100%;
    height: 100%;
}

.app-dark.animate {
   -webkit-transition-property: background;
   -webkit-transition-duration: 0.5s;
}

.app-white {
   background-color: #fbfaf9;
   width: 100%;
   height: 100%;
}

.app-white.animate {
   -webkit-transition-property: background;
   -webkit-transition-duration: 0.5s;
}

.imprint-dark {
   filter: invert(1);
}

#pi-icon {
   height: 1.4em;
   width: 1.4em;
   background-image: url(logo.png);
   background-size: cover;
   margin: 5px 5px 5px 0px;
}

#pi {
   z-index: 100;
   position: fixed;
   bottom: 25%;
   left: 50%;
   margin-left: -100px;
   margin-top: -126px;
   height: 253px;
   width: 200px;
   background-image: url(pi.png);
}

.pi-dark {
   filter: brightness(5);
}

.header {
   position: fixed;
   width: 100%;
   z-index: 200;
   background-color: #313131;
   margin-top: 0px;
   color: white;
   word-spacing: 25px;
   border-bottom: 1px solid #fbfaf9;
   white-space: nowrap;
   padding-bottom: 1px !important;
}

.header-dark {
  border-bottom: 1px solid #6d6b6b !important;
}

.header img {
   margin: -1px -12px -3px 0px;
}

.header a {
   color: white;
}

.header a:hover {
   color: #bc1142;
}

#close a {
   color: rgb(233,233,233);
   text-shadow: 1px 1px rgb(41,41,41);
   float: right;
   margin-right: 20px;
}

#close a:hover {
   color: #bc1142;
}

#content {
   z-index: 300;
   position: fixed;
   top: 29px;
   padding: 5px 5px 5px 5px;
   color: rgb(224,224,224);
   text-shadow: 1px 1px rgb(60,60,60);
   margin-top: -5px;
   background-color: rgb(82,82,82);
   border-bottom: 1px solid rgb(60,60,60);
   border-right: 1px solid rgb(60,60,60);
   border-top: 1px dotted rgb(121,121,121);
   width: 100%;
   white-space: nowrap;
}

#imprint {
   position: absolute;
   bottom: 0px;
   margin: 10px;
   width: 60%;
}