@charset utf-8;
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend {
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
     margin: 0;
     padding: 0
}

html {
     height: 101%;
     width: 100%;
    /* min-width: 1118px;*/
     background: -moz-linear-gradient(top, rgba(122, 59, 36, 1) 0%, rgba(122, 59, 36, 0.91) 8%, rgba(204, 64, 22, 0) 93%);
     background: #876549;
     background: -moz-linear-gradient(-45deg, #876549 0%, #c46c54 100%);
     background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #876549), color-stop(100%, #c46c54));
     background: -webkit-linear-gradient(-45deg, #876549 0%, #c46c54 100%);
     background: -o-linear-gradient(-45deg, #876549 0%, #c46c54 100%);
     background: -ms-linear-gradient(-45deg, #876549 0%, #c46c54 100%);
     background: linear-gradient(135deg, #876549 0%, #c46c54 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876549', endColorstr='#c46c54', GradientType=1)repeat;
     margin: 0;
     padding: 0
}

body {
     width: 100%;
     height: 100%;
   /*  min-width: 1118px;*/
     font-family: Electrolize, sans-serif;
     text-align: left;
     color: #432b1b;
     font-size: 14px;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
     margin: 0;
     padding: 0
}

.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden
}

a:link,
a:visited {
     color: #66070d;
     text-decoration: none
}

a:hover {
     text-decoration: underline
}

img {
     border: none
}

h1 {
     font-size: 15px
}

h2 {
     font-size: 14px
}

hr {
     width: 75%;
     height: 1px;
     border: none;
     background: #432b1b;
     margin: 10px auto
}

img.bbcode {
     max-width: 100%
}

.right {
     text-align: right
}

.just {
     text-align: justify
}

.center {
     text-align: center
}

.rightfloat {
     float: right
}

.clear {
     clear: both
}

.middle {
     margin: 0 auto
}

#top {
     width: 1118px;
     height: 160px;
     background: url(https://grammophon-platten.de/e107_themes/design/images/header.png) top center no-repeat;
     margin: 0 auto
}

#top ul#header-navigation {
     background: #F4E1C6;
     display: block;
     float: right;
     0px 0px 6px #888;
     border-radius: 8px;
     list-style: none;
     margin: 130px 155px 0 0;
     padding: 10px 25px
}

#top ul#header-navigation li a {
     font-family: Courgette, cursive;
     font-size: 23px;
     color: #1f150d;
     text-shadow: 0 1px 0 #030301;
     padding: 0 15px
}

#top ul#header-navigation li a:hover {
     color: #e62700;
     text-decoration: none
}

#top ul#header-navigation li:first-child a {
     padding: 0 15px 0 0
}

#top ul#header-navigation li:last-child a {
     padding: 0 0 0 15px
}

#top ul#header-navigation li:last-child:after {
     content: normal
}

#middle {
     width: 100%;
     height: auto;
     min-width: 1118px;
     box-shadow: inset 0px 0px 10px #888, 0px 0px 10px #888;
     background: #F4E1C6 repeat
}

#left-area,
#right-area {
     width: 180px;
     height: auto;
     float: left
}

#left-area h2,
#right-area h2 {
     font-family: Courgette, cursive;
     font-size: 24px;
     font-weight: 400;
     text-align: center;
     margin: 10px 0 0;
     padding: 10px 0 15px
}

#left-area ul#nav {
     list-style: none;
     font-family: 'Yanone Kaffeesatz', sans-serif;
     margin: 0;
     padding: 0;
     margin-top: 25px
}

#left-area ul#nav a,
#left-area ul#nav span {
     border-bottom: 10px solid #f4e1c6;
     color: #e8d7b4;
     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
     cursor: pointer
}

#left-area ul#nav a:hover,
#left-area ul#nav span:hover {
     color: #e62700;
     text-shadow: 0 1px 0 #432b1b;
     text-decoration: none
}

#left-area ul#nav li a {
     display: block;
     background: #6f5946;
     font-size: 17px;
     padding: 5px 14px
}

#left-area ul#nav li.sub span {
     display: block;
     font-size: 17px;
     background: #816b57;
     padding: 5px 14px
}

#left-area ul#nav li.sub ul.sub li a,
#left-area ul#nav li.sub ul.sub li span {
     font-size: 15px;
     padding: 2px 14px
}

#left-area ul#nav li.sub ul.sub li ul li a {
     background: #917c69;
     padding: 2px 14px 2px 20px
}

#content-area {
     width: 686px;
     height: auto;
     float: left;
     line-height: 20px;
     padding: 0 36px
}

#content-area .news-box .content .news-infos {
     font-family: Courgette, cursive;
     font-size: 18px;
     padding: 10px 0 0
}

#content-area .news-box {
     border: 3px solid #d7c2a4;
     border-radius: 5px;
     margin: 10px 0;
     box-shadow: inset 0px 0px 2px #888, 0px 0px 2px #888;
     padding: 10px
}

#board-area {
     width: 866px;
     height: auto;
     float: left;
     line-height: 20px;
     padding: 0 36px
}

#board-area .board .news-infos {
     font-family: Courgette, cursive;
     font-size: 18px
}

#bottom {
     width: 100%;
     min-width: 1118px;
     height: 136px;
     text-align: right;
     font-family: Courgette, cursive;
     font-size: 16px;
     color: #e8d7b4;
     text-shadow: 0 1px 0 #000;
     padding: 70px 0 0
}

#bottom #footer a {
     color: #e8d7b4;
     text-shadow: 0 1px 0 #000
}

.code_highlight {
     width: 90%;
     max-width: 90%;
     overflow: scroll;
     background: #CCC;
     min-height: 75px;
     margin: 0 auto
}

.nextprev {
     width: 100%;
     height: auto;
     text-align: center;
     font-family: Courgette, cursive;
     margin: 10px auto
}

.nextprev a {
     background: #554c3d repeat;
     box-shadow: 0 3px 0 #1f150d, inset 0 -1px 0 #6b442d;
     border-radius: 5px;
     font-size: 14px;
     color: #e8d7b4;
     text-shadow: 0 1px 0 #000;
     margin: 0 2px;
     padding: 5px 8px
}

.nextprev .nextprev_current {
     font-size: 14px;
     margin: 0 2px
}

input[type=text],
input[type=password],
input.tbox {
     background: rgba(163, 143, 117, 0.5);
     border: 1px solid #6c5641;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.15);
     border-radius: 10px;
     font-family: Courgette, cursive;
     font-size: 14px;
     color: #432b1b;
     text-shadow: 0 1px 0 rgba(232, 215, 180, 0.75);
     padding: 2px
}

input[type=submit],
.button {
     background: url(images/bg.jpg) repeat;
     box-shadow: 0 3px 0 #1f150d, inset 0 -1px 0 #6b442d;
     border-radius: 5px;
     border: none;
     cursor: pointer;
     font-family: Courgette, cursive;
     font-size: 14px;
     color: #e8d7b4!important;
     text-shadow: 0 1px 0 #000;
     margin: 2px;
     padding: 5px 8px
}

input.helpbox {
     max-width: 500px!important
}

textarea {
     background: rgba(163, 143, 117, 0.5);
     border: 1px solid #6c5641;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.15);
     border-radius: 10px;
     font-family: Electrolize, sans-serif;
     color: #432b1b;
     text-shadow: 0 1px 0 rgba(232, 215, 180, 0.75)
}

table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     border: none;
     clear: both;
     margin: 5px auto
}

table tr:first-child td:first-child {
     border-top-left-radius: 5px
}

table tr:first-child td:last-child {
     border-top-right-radius: 5px
}

table tr:last-child td:first-child {
     border-bottom-left-radius: 5px
}

table tr:last-child td:last-child {
     border-bottom-right-radius: 5px
}

table tr:nth-child(even) {
     background: #e3cfb3
}

table tr:nth-child(odd) {
     background: #d7c2a4
}

table tr td {
     padding: 2px
}

td.fcaption {
     background: #816b57;
     font-family: Courgette, cursive;
     font-size: 14px;
     color: #f4e1c6;
     text-shadow: 0 1px 0 #000
}

td.forumheader {
     font-family: Courgette, cursive;
     font-size: 14px;
     text-align: center
}

.spacer {
     text-align: center;
     padding: 5px 0
}

.bg {
     background: #f4e1c6;
     padding: 10px
}

.indent {
     border: 1px solid #D7C2A4;
     border-radius: 10px;
     max-width: 90%;
     font-family: Courgette, cursive;
     overflow: hidden;
     margin: 0 auto;
     padding: 10px
}

#cb2_message {
     width: 50%
}

select {
     background: #a38f75;
     border: 1px solid #6c5641;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), inset 0 0 10px rgba(0, 0, 0, 0.15);
     border-radius: 10px;
     font-family: Courgette, cursive;
     font-size: 14px;
     color: #432b1b;
     text-shadow: 0 1px 0 rgba(232, 215, 180, 0.75)
}

.spoiler_button:hover {
     background-image: url(../images/buttonover.png)
}

a.tool {
     font-weight: 700;
     position: relative;
     text-decoration: none;
     cursor: help
}

a.tool span {
     position: absolute;
     font-weight: 400;
     border: 1px solid #8b8b8b;
     background-color: #FFF;
     color: #000;
     width: 225px;
     left: -9999em;
     padding: 10px
}

a.tool:hover {
     visibility: visible;
     z-index: 100
}

a.tool:hover span,
a.tooltip:focus span {
     left: 30px;
     text-decoration: none
}

.searchhighlight {
     text-decoration: underline;
     color: red;
     font-weight: 700
}

.defaulttable,
.fbdefault,
.fdefault,
.f2default,
.f3default,
.fcdefault {
     display: block;
     width: auto
}

.day {
     text-align: center;
     background: #F1EAE1;
     font: 10px tahoma, verdana, arial, helvetica, sans-serif;
     padding: 2px 1px
}

.dayentry {
     text-align: center;
     background: #F1C7B7;
     font: 10px tahoma, verdana, arial, helvetica, sans-serif;
     padding: 2px 1px
}

.forumheader4 {
     background-color: #EBEFF2;
     font-family: verdana, tahoma, arial, helvetica, sans-serif;
     font-size: 11px;
     color: #000;
     border: #C3BDBD 1px solid;
     cursor: pointer;
     padding: 4px
}

.forumheader5 {
     background-color: #BCD5EA;
     color: #000;
     cursor: pointer
}

ul {
     margin-top: 0;
     margin-bottom: 0
}

h3,
.smallblacktext,
.smalltext {
     font-size: 14px
}

.left,
.fborder,
.forumheader2,
.forumheader3,
.forumheader4,
.forumheader5 {
     text-align: left
}

.leftfloat,
#top ul#header-navigation li {
     float: left
}

#middle #wrapper,
#bottom #footer {
     width: 1118px;
     height: auto;
     margin: 0 auto
}

#left-area ul#nav li.sub ul.sub,
#left-area ul#nav li.sub ul.sub li ul {
     list-style: none;
     margin: 0;
     padding: 0
}

#content-area h1,
#board-area h1 {
     font-family: Courgette, cursive;
     font-size: 24px;
     font-weight: 400;
     padding: 0 0 15px
}

#content-area .content:last-child,
#board-area .board:last-child {
     background: none
}

#content-area .news-box .content .news-infos img,
#board-area .board .news-infos img {
     vertical-align: -7px
}

.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea {
     -moz-border-radius: 0!important;
     -webkit-border-radius: 0 0 0 0!important;
     background: none!important;
     border: 0!important;
     bottom: auto!important;
     float: none!important;
     height: auto!important;
     left: auto!important;
     line-height: 1.1em!important;
     outline: 0!important;
     overflow: visible!important;
     position: static!important;
     right: auto!important;
     text-align: left!important;
     top: auto!important;
     vertical-align: baseline!important;
     width: auto!important;
     box-sizing: content-box!important;
     font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace!important;
     font-weight: 400!important;
     font-style: normal!important;
     font-size: 1em!important;
     min-height: auto!important;
     margin: 0!important;
     padding: 0!important
}

.syntaxhighlighter {
     max-width: 680px!important;
     min-height: 50px!important;
     position: relative!important;
     overflow: auto!important;
     font-size: 1em!important;
     border-radius: 10px;
     background-color: #FFF!important;
     margin: 1em 0!important;
     padding: 10px
}

.syntaxhighlighter.source {
     overflow: hidden!important
}

.syntaxhighlighter .italic {
     font-style: italic!important
}

.syntaxhighlighter .line {
     white-space: pre!important
}

.syntaxhighlighter table caption {
     text-align: left!important;
     color: #000!important;
     padding: .5em 0 .5em 1em !important
}

.syntaxhighlighter table td.code .container {
     position: relative!important
}

.syntaxhighlighter table td.code .container textarea {
     box-sizing: border-box!important;
     position: absolute!important;
     left: 0!important;
     top: 0!important;
     width: 100%!important;
     height: 100%!important;
     border: none!important;
     background: #FFF!important;
     padding-left: 1em!important;
     overflow: hidden!important;
     white-space: pre!important
}

.syntaxhighlighter table td.gutter .line {
     text-align: right!important;
     padding: 0 .5em 0 1em !important
}

.syntaxhighlighter table td.code .line {
     padding: 0 1em!important
}

.syntaxhighlighter.nogutter td.code .container textarea,
.syntaxhighlighter.nogutter td.code .line {
     padding-left: 0!important
}

.syntaxhighlighter.show {
     display: block!important
}

.syntaxhighlighter.collapsed .toolbar {
     font-size: 1em!important;
     position: static!important;
     width: auto!important;
     height: auto!important;
     color: blue!important;
     background: #FFF!important;
     border: 1px solid #6ce26c!important;
     padding: .1em .8em 0!important
}

.syntaxhighlighter.collapsed .toolbar span {
     display: inline!important;
     margin-right: 1em!important
}

.syntaxhighlighter.collapsed .toolbar span a {
     display: none!important;
     padding: 0!important
}

.syntaxhighlighter .toolbar {
     position: absolute!important;
     right: 1px!important;
     top: 1px!important;
     width: 11px!important;
     height: 11px!important;
     font-size: 10px!important;
     z-index: 10!important;
     color: #FFF!important;
     background: #6ce26c!important;
     border: none!important
}

.syntaxhighlighter .toolbar a {
     display: block!important;
     text-align: center!important;
     text-decoration: none!important;
     padding-top: 1px!important;
     color: #FFF!important
}

.syntaxhighlighter.ie {
     font-size: .9em!important;
     padding: 1px 0!important
}

.syntaxhighlighter.ie .toolbar {
     line-height: 8px!important
}

.syntaxhighlighter.ie .toolbar a {
     padding-top: 0!important
}

.syntaxhighlighter.printing .line.alt1 .content,
.syntaxhighlighter.printing .line.alt2 .content,
.syntaxhighlighter.printing .line.highlighted .number,
.syntaxhighlighter.printing .line.highlighted.alt1 .content,
.syntaxhighlighter.printing .line.highlighted.alt2 .content {
     background: none!important
}

.syntaxhighlighter.printing .line .number {
     color: #bbb!important
}

.syntaxhighlighter.printing .line .content {
     color: #000!important;
     border: none!important
}

.syntaxhighlighter.printing a {
     text-decoration: none!important
}

.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {
     background-color: #e0e0e0!important
}

.syntaxhighlighter .gutter {
     color: #afafaf!important
}

.syntaxhighlighter .gutter .line {
     border-right: 3px solid #6ce26c!important
}

.syntaxhighlighter .gutter .line.highlighted {
     background-color: #6ce26c!important;
     color: #FFF!important
}

.syntaxhighlighter.collapsed {
     overflow: visible!important
}

.syntaxhighlighter .script {
     font-weight: 700!important;
     color: #069!important;
     background-color: none!important
}

.syntaxhighlighter .bold,
.syntaxhighlighter.printing .script {
     font-weight: 700!important
}

.syntaxhighlighter table,
.syntaxhighlighter table td.code {
     width: 100%!important
}

.syntaxhighlighter.collapsed table,
.syntaxhighlighter .toolbar a.expandSource,
.syntaxhighlighter.printing .toolbar {
     display: none!important
}

.syntaxhighlighter.collapsed .toolbar span a.expandSource,
.syntaxhighlighter .toolbar span.title {
     display: inline!important
}

.syntaxhighlighter.printing .plain,
.syntaxhighlighter.printing .plain a,
.syntaxhighlighter.printing .break,
.syntaxhighlighter.printing .break a,
.syntaxhighlighter .line.highlighted.number,
.syntaxhighlighter .toolbar a:hover,
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a {
     color: #000!important
}

.syntaxhighlighter.printing .comments,
.syntaxhighlighter.printing .comments a,
.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
     color: #008200!important
}

.syntaxhighlighter.printing .string,
.syntaxhighlighter.printing .string a,
.syntaxhighlighter.collapsed .toolbar a,
.syntaxhighlighter .string,
.syntaxhighlighter .string a {
     color: blue!important
}

.syntaxhighlighter.printing .keyword,
.syntaxhighlighter .keyword {
     color: #069!important;
     font-weight: 700!important
}

.syntaxhighlighter.printing .preprocessor,
.syntaxhighlighter.printing .color1,
.syntaxhighlighter.printing .color1 a,
.syntaxhighlighter .preprocessor,
.syntaxhighlighter .color1,
.syntaxhighlighter .color1 a {
     color: gray!important
}

.syntaxhighlighter.printing .variable,
.syntaxhighlighter .variable {
     color: #a70!important
}

.syntaxhighlighter.printing .value,
.syntaxhighlighter .value {
     color: #090!important
}

.syntaxhighlighter.printing .functions,
.syntaxhighlighter.printing .color2,
.syntaxhighlighter.printing .color2 a,
.syntaxhighlighter .functions,
.syntaxhighlighter .color2,
.syntaxhighlighter .color2 a {
     color: #ff1493!important
}

.syntaxhighlighter.printing .constants,
.syntaxhighlighter .constants {
     color: #06c!important
}

.syntaxhighlighter.printing .color3,
.syntaxhighlighter.printing .color3 a,
.syntaxhighlighter.collapsed .toolbar a:hover,
.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a {
     color: red!important
}

.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {
     background-color: #FFF!important
}

.indent {
     box-shadow: inset 0px 0px 6px #888, 0px 0px 6px #888;
     /* IE10 Consumer Preview */
     background-image: -ms-radial-gradient(center, ellipse closest-corner, #F4E1C6 0%, #C2AE94 100%);
     /* Mozilla Firefox */
     background-image: -moz-radial-gradient(center, ellipse closest-corner, #F4E1C6 0%, #C2AE94 100%);
     /* Opera */
     background-image: -o-radial-gradient(center, ellipse closest-corner, #F4E1C6 0%, #C2AE94 100%);
     /* Webkit (Safari/Chrome 10) */
     background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #F4E1C6), color-stop(1, #C2AE94));
     /* Webkit (Chrome 11+) */
     background-image: -webkit-radial-gradient(center, ellipse closest-corner, #F4E1C6 0%, #C2AE94 100%);
     /* W3C Markup, IE10 Release Preview */
     background-image: radial-gradient(ellipse closest-corner at center, #F4E1C6 0%, #C2AE94 100%);
}

.menu {
     background-color: #DBCBB5;
     margin: 5px;
     padding: 5px;
     font-size: 15px;
     width: 90%;
     height: 100%;
     border: 1px solid #888;
     -moz-border-radius: 10px;
     -khtml-border-radius: 30px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
     display: block;
   /*  width: 149px;*/
     border: 1px;
     margin-top: 4px;
     padding: 2px;
     font-family: "Comic Sans MS", Comic, fantasy;
     font-size: 17px;
     font-weight: bold;
     box-shadow: inset 0px 0px 4px #888, 0px 0px 4px #888;
}

.menu:link {
     color: #66070d;
     background-color: #ba9c72;
     text-decoration: none;
}

.menu:visited {
     color: #66070d;
     background-color: #ba9c72;
     text-decoration: none;
}

.menu:hover {
     color: #66070d;
     background-color: #DBCBB5;
     text-decoration: none;
}

.menu:active {
     color: #66070d;
     background-color: #DBCBB5;
     text-decoration: none;
}

div.menu {
     color: #000;
     background-color: #DBCBB5;
     width: 150px;
     text-align: left;
     padding: 15px;
}

audio:hover,
audio:focus,
audio:active {
     -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
     box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.4);
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     transform: scale(1.05);
}

audio {
     -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
     transition: all 0.5s linear;
     -moz-box-shadow: 2px 2px 4px 0px #C7B398;
     -webkit-box-shadow: 2px 2px 4px 0px #C7B398;
     box-shadow: 2px 2px 4px 0px #C7B398;
     -moz-border-radius: 7px 7px 7px 7px;
     -webkit-border-radius: 7px 7px 7px 7px;
     border-radius: 7px 7px 7px 7px;
}


.forumheader2 a:link, a:visited {
     font-weight:bolder
}