@font-face {
 font-family: 'ar_berkley';
  src: url('/stuff/arberkley.eot');
  src: url('/stuff/arberkley.eot?#iefix') format('embedded-opentype'),
       url('/stuff/arberkley.woff2') format('woff2'),
       url('/stuff/arberkley.woff') format('woff'),
       url('/stuff/arberkley.ttf') format('truetype'),
       url('/stuff/arberkley.svg#ar_berkleyregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body {
 width: auto;
 margin: 0px;
 padding: 0px;
 background-color: #7FFFB2;
 color: black;
}
body {
 padding: 50px;
 padding-top: 350px;
 padding-top: 13vw;
 background-color: #7FFFB2;
 background-image: url('/stuff/background.jpg');
 background-position: center 50px;
 background-size: 90%;
 background-repeat: no-repeat;
 background-attachment: fixed;
 color: black;
 text-align: center;
}
@supports (-ms-accelerator:true) {
 body { background-attachment: scroll; }
}
@supports (-ms-ime-align:auto) {
 body { background-attachment: scroll; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 body { background-attachment: scroll; }
}
a:link, a:visited, a:active, a:hover, a:focus {
 text-decoration: none;
}
a:hover, a:focus {
 background-color: MistyRose;
 color: inherit;
}
a.img:hover, a.img:focus {
 background-color: inherit;
 color: inherit;
}
div {
 margin: 0px;
 border: none;
 padding: 0px;
}
div.maintable {
 display: table;
 width: 100%;
 margin: 0px;
 padding: 0px;
}
div.mainleft {
 display: table-cell;
 width: 15%;
 padding: 30px;
}
div.mainright {
 display: table-cell;
 width: 15%;
 padding: 30px;
}
div.mainmiddle {
 display: table-cell;
 min-width: 700px;
 max-width: 2000px;
 width: 60%;
 margin: 30px;
 border-radius: 2em;
 border: solid 5px darkblue;
 padding: 30px;
 background-color: #FF99FF;
 color: #8800DB;
 text-align: left;
}
div.header {
}
div.content {
}
div.footer {
}
div.entry-draft {
 background-color: lightgray;
 color: inherit;
}
div.entry-delete {
 background-color: tomato;
 color: inherit;
}
p.image-draft {
 background-color: lightgray;
 color: inherit;
}
p.image-delete {
 background-color: tomato;
 color: inherit;
}
div.groupentries {
 margin-bottom: 8px;
 border-radius: 1em;
 border-left: solid 3px red;
 border-right: solid 3px red;
 padding: 1px 8px;
}
div.spoiler {
 border-radius: 0.8em;
 border-right: solid 3px blue;
 border-left: solid 3px blue;
 padding: 1px 8px;
}
div.adminform {
 margin-bottom: 8px;
 border-radius: 1em;
 border-left: solid 3px yellow;
 border-right: solid 3px yellow;
 padding: 1px 8px;
}
div.adminresult {
 margin-bottom: 8px;
 border-radius: 1em;
 border-left: solid 3px red;
 border-right: solid 3px red;
 padding: 1px 8px;
}
h1 {
 margin-top: 10px;
 background-color: inherit;
 color: #8800DB;
 font-family: 'AR Berkley', 'ar_berkley', serif;
 font-size: 72px;
 font-style: normal;
 font-weight: normal;
}
h2 {
 background-color: inherit;
 color: #8800DB;
 font-family: 'Trebuchet MS', Calibri, sans-serif;
 font-size: 30px;
 font-style: normal;
 font-weight: bold;
}
h3 {
 background-color: inherit;
 color: #8800DB;
 font-family: 'Trebuchet MS', Calibri, sans-serif;
 font-size: 22px;
 font-style: normal;
 font-weight: bold;
}
p, ul {
 background-color: inherit;
 color: #8800DB;
 font-family: 'Trebuchet MS', Calibri, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: normal;
}
ul {
 padding-left: 80px;
}
p.mobile-bgimg {
 margin-top: 5px;
}
p.mobile-bgimg img {
 width: 100%;
 height: auto;
 border: solid 1px black;
 border-radius: 1em;
}
p.mainnavigation {
 margin-bottom: 20px;
 border-bottom: dotted 1px darkblue;
 padding-bottom: 20px;
 font-size: 80%;
 font-style: italic;
 line-height: 1.6;
}
p.mainnavigation span.active {
 border-bottom: double 3px darkblue;
 border-radius: 0.5em;
 padding-bottom: 1px;
}
p.mainnavigation span.admin {
 border-top: solid 2px darkred;
 border-right: solid 2px darkred;
 border-left: solid 2px darkred;
 border-radius: 0.2em;
 padding-top: 2px;
 padding-right: 2px;
 padding-left: 2px;
}
p.mainnavigation select {
 height: 80%;
}
p.mainintro {
 margin-bottom: 20px;
 border-bottom: dotted 1px darkblue;
 padding-bottom: 20px;
}
p.insupdline, span.insupdline {
 font-size: 90%;
}
p.mainvalidator {
 margin-top: 20px;
 border-top: dotted 1px darkblue;
 padding-top: 20px;
 font-size: 80%;
 font-style: italic;
}
p.mainupdatedbsucc {
 background-color: inherit;
 color: green;
 font-weight: bold;
}
p.gallerie-img {
 display: inline-block;
 width: 315px;
 margin-top: 8px;
 margin-bottom: 8px;
 margin-right: 20px;
 border-radius: 1em;
 border-left: solid 2px red;
 border-right: solid 2px red;
 padding: 5px 8px;
 vertical-align: top;
 text-align: center;
}
span.imgconstsize {
 display: inline-block;
 width: 300px;
 height: 300px;
 margin: 0 0 8px 0;
 border: 0;
 padding: 0;
 line-height: 300px;
 text-align: center;
}
img {
 width: auto;
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}
img.float-left {
 float: left;
 padding-right: 15px;
 padding-bottom: 15px;
}
img.float-right {
 float: right;
 padding-left: 15px;
 padding-bottom: 15px;
}
p.gallerie-img img {
 max-width: 300px;
 max-height: 300px;
}
p.insupdline {
 clear: both;
}
input, select, textarea {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 border: solid 2px darkblue;
 border-radius: 0.5em;
 padding: 5px;
}
textarea {
 height: 300px;
}
textarea.tarea-s {
 height: 70px;
}
textarea.tarea-l {
 height: 800px;
}
input.inputread {
 background-color: lightgrey;
 color: black;
}
input.inputtype {
 background-color: white;
 color: black;
}
input.inputrset {
 width: auto;
 background-color: #FF99FF;
 color: darkred;
 font-weight: bold;
}
input.inputrset:hover, input.inputrset:focus {
 background-color: MistyRose;
 color: darkred;
}
input.inputsend {
 width: auto;
 background-color: #FF99FF;
 color: green;
 font-weight: bold;
}
input.inputsend:hover, input.inputsend:focus {
 background-color: MistyRose;
 color: green;
}
input.inputspoiler {
 width: auto;
 background-color: #FF99FF;
 color: blue;
 font-weight: bold;
}
input.inputspoiler:hover, input.inputspoiler:focus {
 background-color: MistyRose;
 color: blue;
}
input.inputbbcode {
 margin-bottom: 3px;
 width: auto;
 border-style: dotted;
 background-color: #FF99FF;
 color: black;
 font-family: monospace;
 font-size: 90%;
 font-weight: bold;
}
input.inputbbcode:hover, input.inputbbcode:focus {
 background-color: MistyRose;
 color: black;
}
span.cjk-ideographs {
 font-family: 'MS Mincho', 'MS Gothic', serif;
}
