body {
  background-color: #232323;
}
.chapterbar {
    max-width: 1000px;
    max-height: 100%;
    margin:0 auto;
    text-align: center;
}
.container {
        max-width: 900px;
        max-height: 100%;
        margin:0 auto;
        text-align: center;
}
.navtable {
        width: 100%;
        max-width: 100%;
        margin:0 auto;
        text-align: center;
}
td {
    max-width: 50px;
    max-height: 50px;
    margin:0 auto;
    text-align: center;
}
img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin:0 auto;
    margin-top: 15px;
}
h1 {
    font-size: 32px;
    max-width: 100%;
    max-height: 100%;
    width: 800;
    height: auto;
    margin:0 auto;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
    text-align: center;
}
#chapterbox {
    background-color:dimgray;
    height: auto;
    text-align: center;
    text-align: justify;
    max-width: 600px;
    font-size: 24px;
    font-weight: bold;
}
#navbar {
        background-color: #525252;
        height: 80px;
}
#panelholder {
    background-color:dimgray;
    height: auto;
}
#newelementbar {
    background-color: #525252;
    max-height: 250px;
}
#elementbar {
    background-color: #525252;
    height: 150px;
}
#pagesbar {
    max-width: 1000px;
    background-color: #525252;
    max-height: 200px;
}
#footer {
    margin-top: 30px;
    font-size: 12px;
}
#pageelement {
    margin-bottom: 15px;
}
#element {
    margin-top: 0px;
}
#panel {
    margin-top: 25px;
    margin-bottom: 20px;
}

#panelmail {
    margin-top: 25px;
}

#mail {
    margin-bottom: 20px;
}
#title {
    max-width: 1000px;
    max-height: 300px;
    margin:0 auto;
    text-align: center;
    background-color: dimgray;
}
.loader {
    width: 0px;
    height: 0px;
}
.title {
    margin-top: 0px;
}
.first {
    background: url("images/First.png") no-repeat;
    background-size: contain;
}
.firstinvalid {
    background: url("images/First_Gray.png") no-repeat;
    background-size: contain;
}
.first:hover {
    background: url("images/First_Hover.png") no-repeat;
    background-size: contain;
}
.lastchapter {
    background: url("images/LastChapter.png") no-repeat;
    background-size: contain;
}
.lastchapterinvalid {
    background: url("images/LastChapter_Gray.png") no-repeat;
    background-size: contain;
}
.lastchapter:hover {
    background: url("images/LastChapter_Hover.png") no-repeat;
    background-size: contain;
}
.prev {
    background: url("images/Prev.png") no-repeat;
    background-size: contain;
}
.previnvalid {
    background: url("images/Prev_Gray.png") no-repeat;
    background-size: contain;
}
.prev:hover {
    background: url("images/Prev_Hover.png") no-repeat;
    background-size: contain;
}
.home {
    background: url("images/home.png") no-repeat;
    background-size: contain;
}
.home:hover {
    background: url("images/home_hover.png") no-repeat;
    background-size: contain;
}
.next {
    background: url("images/Next.png") no-repeat;
        background-size: contain;
}
.nextinvalid {
    background: url("images/Next_Gray.png") no-repeat;
        background-size: contain;
}
.next:hover {
    background: url("images/Next_Hover.png") no-repeat;
        background-size: contain;
}
.nextchapter {
    background: url("images/NextChapter.png") no-repeat;
        background-size: contain;
}
.nextchapterinvalid {
    background: url("images/NextChapter_Gray.png") no-repeat;
        background-size: contain;
}
.nextchapter:hover {
    background: url("images/NextChapter_Hover.png") no-repeat;
        background-size: contain;
}
.recent {
    background: url("images/Recent.png") no-repeat;
        background-size: contain;
}
.recentinvalid {
    background: url("images/Recent_Gray.png") no-repeat;
        background-size: contain;
}
.recent:hover {
    background: url("images/Recent_Hover.png") no-repeat;
        background-size: contain;
}
a:link {
    color: black;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: white;
    background-color: transparent;
    text-decoration: none;
}