#background-canvas {
    display: block;
    position: absolute;
    z-index: -1;
    background: rgb(142, 49, 0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(142, 49, 0, 1) 0%, rgba(255, 161, 0, 1) 50%, rgba(142, 49, 0, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(142, 49, 0, 1)), color-stop(50%, rgba(255, 161, 0, 1)), color-stop(100%, rgba(142, 49, 0, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(142, 49, 0, 1) 0%, rgba(255, 161, 0, 1) 50%, rgba(142, 49, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(142, 49, 0, 1) 0%, rgba(255, 161, 0, 1) 50%, rgba(142, 49, 0, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(142, 49, 0, 1) 0%, rgba(255, 161, 0, 0.5) 50%, rgba(142, 49, 0, 0.5) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(142, 49, 0, 1) 0%, rgba(255, 161, 0, 1) 50%, rgba(142, 49, 0, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e3100', endColorstr='#8e3100', GradientType=1); /* IE6-9 */
}

#background-canvas-div {
    position: fixed;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*fix weird scrollbar behavior*/
    -webkit-transform: translate3d(0, 0, 0)
}

html, body {
    filter: alpha(opacity=98); /* IE 6, 7, 8 */
    -ms-filter: "alpha(opacity = 98)"; /* ab IE 8 zusätzlich möglich */
    opacity: .982; /* alle anderen Browser einschließlich IE 9 */
}

#load-game-string {
    color: black;
}

#special-menu {
    width: 20vw;
}

.special-beer {
    position: absolute;
    width: 64px;
    height: 64px;
    z-index: 10000;
}

.padding-to-top > div {
    filter: alpha(opacity=92); /* IE 6, 7, 8 */
    -ms-filter: "alpha(opacity = 92)"; /* ab IE 8 zusätzlich möglich */
    opacity: .92; /* alle anderen Browser einschließlich IE 9 */
}

.unlocked-window {
    position: absolute;
    text-align: center;
    background: #FEF1EC;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 8px double #000000;
    z-index: 200;
}

#achievement-window-text {
    top: 50%;
}

.float-sub-div-left {
    float: left;
}

.float-sub-div-right {
    float: left;
}

.resource-div {
    text-align: center;
}

#beer-img, #dollar-img {
    height: 140px;
    width: 140px;
    /*border: 10px solid black;
     border-radius: 200px;*/
}

#resources-screen, .text-under-canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#beer-img:active, #dollar-img:active {
    height: 130px !important;
    width: 130px !important;
    vertical-align: middle !important;
}

#middle-area {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

#beer, #dollar {
    position: relative;
}

.positive-per-second {
    color: green;
}

.negative-per-second {
    color: red;
}

.neutral-per-second {
    color: black;
}

.buy-button-building-worker {
    font-size: 80%;
}

.button-success {
    background: rgb(28, 184, 65) !important; /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60) !important; /* this is a maroon */
}

.pure-button-primary {
    color: black;
    background-color: white;
}

button.active {
    color: #F1ae41;
}

.beerBottle, .dollarBottle {
    font-size: 100%;
    color: red;
    z-index: 100;
}

.description {
    padding-top: 10px;
}

#achievement-container {
    margin-left: 10px;
    max-height: 50%;
    overflow: auto;
}

.grayed-out {
    text-align: center;
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    -ms-filter: "alpha(opacity = 40)"; /* ab IE 8 zusätzlich möglich */
    border-radius: 200px;
    -moz-border-radius: 200px;
}

.grayed-out i {
    float: left;
}

.wrapper-grayed-out {
    opacity: 40;
    filter: alpha(opacity=40); /* msie */
    -ms-filter: "alpha(opacity = 40)"; /* ab IE 8 zusätzlich möglich */
    background-color: #000;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 10px solid #000000;
}

.achievement-entry img {
    float: left;
    width: 64px;
    height: 64px;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 10px solid #000000;
}

.achievement, #dollar-img, #beer-img {
    cursor: pointer;
}

.headBackground {
    background: url("../images/Menu/holz.jpg");
    background-size: contain;
    font-size: 18px;
    text-align: center;
    letter-spacing: 10px;
    text-transform: uppercase;
}

.headBackground, .button, .achievement-head-name, .head-menu-area, .second-menu-point {
    text-shadow: 0px 0px 0 rgb(209, 142, 33), 1px 1px 0 rgb(188, 121, 12), 2px 2px 0 rgb(166, 99, -10), 3px 3px 0 rgb(144, 77, -32), 4px 4px 0 rgb(122, 55, -54), 5px 5px 4px rgba(0, 0, 0, 0.6), 5px 5px 1px rgba(0, 0, 0, 0.5), 0px 0px 4px rgba(0, 0, 0, .2);
    color: #F1ae41 !important;
}

.head-tab:hover {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0, #1e1e1e 90%, #000000 91%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(90%, #1e1e1e), color-stop(91%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0, #1e1e1e 90%, #000000 91%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0, #1e1e1e 90%, #000000 91%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0, #1e1e1e 90%, #000000 91%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0, #1e1e1e 90%, #000000 91%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

.selectedBackground {
    background-color: black;
    border-top: 1px solid #000;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0, #1e1e1e 90%, #ffffff 91%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(90%, #1e1e1e), color-stop(91%, #ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0, #1e1e1e 90%, #ffffff 91%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0, #1e1e1e 90%, #ffffff 91%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0, #1e1e1e 90%, #ffffff 91%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0, #1e1e1e 90%, #ffffff 91%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
    text-align: center;
    color: white;
}

.head-tab {
    cursor: pointer;
}

*, .pure-button-primary {
    font-family: "Comic Sans MS";
}

.padding-to-top {
    padding-top: 40px;
}

.rounded-borders {
    border: 1px;
    border-style: groove;
    border-color: black;
    border-radius: 1px;
}

.rounded-canvas-borders {
    border: 1px;
    border-style: solid;
    border-color: rgba(250, 130, 0, 1);
    border-bottom: none;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.right-border {
    border-right-width: 0.15em;
    border-right-color: #0F0F0F;
    border-right-style: solid;
}

.resource-text {
    text-align: right;
    font-size: 150%;
}

.resource-holder-div {
    position: absolute;
    width: 65%;
    right: 150px;
}

.mini-resource-holder-div {
    text-align: right;
    position: absolute;
    width: 25%;
    right: 20px;
}

.current-beer-add-val, .current-beer-value {
    float: right;
}

.current-beer-value {
    color: #FDD017;
}

.beer-glass {
    float: right;
    top: 5px;
}

.current-dollar-value {
    color: #008000;
}

.hide-entry {
    visibility: hidden;
}

.buy-item {
    width: 100%;
    height: 100%;
    font-size: 170%;
}

.fill-height {
    display: flex;
    flex-direction: column;
}

.fill-height > button {
    /* these are the flex items */
    flex: 1;
}

.tab-entry {
    display: flex;
    border-bottom: 0.2em solid black;
    border-right: 0.2em solid black;
    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: -3px 3px -5px 1px rgba(0, 0, 0, 0.83);
    -moz-box-shadow: -3px 3px -5px 1px rgba(0, 0, 0, 0.83);
    box-shadow: -3px 3px -5px 1px rgba(0, 0, 0, 0.83);
}

.tab-entry:hover {
    border-bottom: 0.2em solid black;
    border-right: 0.2em solid black;
    border-radius: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.83);
    -moz-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.83);
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.83);
    z-index: 5;
}

.buy-item-icon {
    padding-top: 0.125em;
    font-size: 185%;
}

.center-text {
    text-align: center;
    font-size: 150%;
    margin: 0.6em;
}

.hidden-page {
    display: none;
}

.pagination {
    width: 100%;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 90%;
}

.pagination ul {
    display: inline;
    padding-left: 0px;
}

.pagination ul li {
    display: inline;
    margin: 5px;
}

.active {
    color: black;
}

li button:hover {
    color: black;
}

.buy-area-buildings {
    position: relative;
}

.canvas-container {
    position: relative;
}

.overlapping-canvas {
    position: absolute;
}

.vertical-scrollable-area-new {
    max-height: 75%;
    overflow: auto;
}

.vertical-scrollable-area-buildings, .vertical-scrollable-area-buildings-right {

    min-height: 720px;
    max-height: 720px;
    overflow-y: scroll;
}

.vertical-scrollable-area-buildings::-webkit-scrollbar, .vertical-scrollable-area-buildings-right::-webkit-scrollbar {
    display: none;
}

.floating {
    float: left;
}

.achievement-head-name, .text-achievement {
    color: white;
    text-indent: 10px;
    padding-right: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.head-popup {
    color: white;
    text-indent: 10px;
    margin-top: 0px;
    text-align: center;
    text-decoration: underline;
}

.text-popup {
    text-align: center;
    color: white;
}

.error-text {
    color: red !important;
}

.text-popup-highlight {
    color: #FDD017;
}

.achievement-head-name {
    font-size: 120%;
}

.text-achievement {
    font-size: 100%;
    text-indent: 2em;
}

.building-entry {
    padding-bottom: 20px;
}

.border-styling {
    height: 4em;
    padding: 4px 8px;
    margin: 4px;
    /*border: 3px ridge #d2e248;
    border-color: #F45004 #FA4705 #F45004 #F55C0A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.18);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.18);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.18);
    text-shadow: 0px 1px 1px #000;
    color: #ccc;*/
}

.absolute-window {
    position: absolute;
    left: 20%;
    z-index: 200;
}

#notification-window {
    top: -20%;
    display: none;
    background: url("../images/Menu/holz.jpg");
    background-size: contain;

}

#inner-header-wrapper {
    margin-left: 1vw;
}

#inner-header-wrapper a {
    padding-left: 1vw;
    padding-right: 1vw;
    color: #F1ae41;
}

#inner-header-wrapper a:hover {
    text-shadow: -1px -1px 1px orange, 1px -1px 1px whitesmoke;
    -webkit-transition: text-shadow 600ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: text-shadow 600ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: text-shadow 600ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: text-shadow 600ms cubic-bezier(0.42, 0, 0.58, 1);
}

#inner-header-wrapper span {
    color: black;
}

#header {
    display: inline-block;
    width: 100%;
    letter-spacing: normal;
    background: rgba(100, 100, 100, 0.75) none repeat scroll 0% 0% !important;
    margin: 0px !important;
    color: #F1ae41;
}

.bottom-border {
    border-bottom: 1px solid #F1ae41;
    margin-left: 0.5em;
    margin-right: 1em;
    filter: alpha(opacity=85); /* IE 6, 7, 8 */
    -ms-filter: "alpha(opacity = 85)"; /* ab IE 8 zusätzlich möglich */
    opacity: .85; /* alle anderen Browser einschließlich IE 9 */
    -webkit-box-shadow: 4px 1px 3px 0px rgba(255, 255, 255, 0.73);
    -moz-box-shadow: 4px 1px 3px 0px rgba(255, 255, 255, 0.73);
    box-shadow: 4px 1px 3px 0px rgba(255, 255, 255, 0.73);
}

.floating > img {
    border-right: 2px solid black;
}

.res-area, .buy-building-style, .sell-buildings-style-area, .buy-items-style-area {
    background: rgba(20, 20, 20, 0.15);
}

.buy-items-style-area {
    min-height: 40%;
    max-height: 40%;
}

.sell-buildings-style-area {
    min-height: 59.1%;
    max-height: 59.1%;
}

.horizontal-buttons {
    position: absolute;
    bottom: 0px;
    z-index: 1
}

.full-height {
    height: 100%;
    min-height: 100%;
}

.full-width {
    width: 100%;
}

.relative {
    position: relative;
    min-height: 100%;
}

.res-to-top {
    width: 100%;
    position: absolute;
    top: 10%;
}

.res-to-bottom {
    position: absolute;
    top: 35%;
    width: 100%;
}

.res-to-top-res-div {
    position: absolute;
    top: 27%;
    width: 100%;
}

.res-to-bottom-res-div {
    position: absolute;
    top: 52%;
    width: 100%;
}

.bottom-item-buy {
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 100%;
}

.text-under-canvas {
    top: 0px;
    min-height: 10%;
    color: white;
}

.buy-area-single-building, .buy-area-single-specialItems {
    width: 100%;
    position: relative;
}

.buy-area-single-building:after, .buy-area-single-specialItems:after {
    width: inherit;
    content: '';
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
    border-width: 28px;
    left: 0.12em;
}

.buy-area-single-building:before, .buy-area-single-specialItems:before {
    width: inherit;
    content: '';
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid rgba(250, 130, 0, 1);
    border-width: 30px;
}

.buy-area-single-building-text, .buy-area-single-specialItems-text {
    position: absolute;
    text-align: center;
    color: white;
    margin-left: 18px;
    margin-top: 2px;
    z-index: 20;
}

.buy-area-single-building-text a, .buy-area-single-specialItems-text a {
    color: grey;
    cursor: pointer;
}

.buy-area-single-building-text a:hover, .buy-area-single-specialItems-text a:hover {
    color: white;
}

.buy-option {
    float: left;
    margin-left: 10px;
}

#show-building-container, #show-specialItems-container {
    padding-top: 10px;
}

.canvas-top-right-display, .canvas-top-left-display {
    width: 60px;
    position: absolute;
    top: 0px;
    z-index: 50;
    color: #F1AE41;
    border: 1px solid black;
    text-align: center;
    background: #444444 !important;
    background: rgba(100, 100, 100, 0.5) !important;
}

.canvas-top-right-display {
    right: 16px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}

.canvas-top-left-display {
    left: 18px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
}

.horizontal-menu-area {
    position: absolute;
    width: 100%;
}

/*new tab layout*/
ul.tab-item-entries {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    width: 99%;
}

ul.tab-item-entries li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999999;
    border-left: none;
    background: rgba(0, 0, 0, 1);
    overflow: hidden;
    position: relative;
    color: #F1AE41;
}

ul.tab-item-entries li:hover {
    background: rgba(10, 10, 10, 1);
}

ul.tab-item-entries li.activeTab {
    background: #ffffff !important;
    background: rgba(100, 100, 100, 0.5) !important;
    border-bottom: 1px solid #FFFFFF;
}

li.item-entry {
    background: #eeeeee !important;
    background: rgba(100, 100, 100, 0.25) !important;
}

li.item-entry:hover {
    background: #ffffff !important;
    background: rgba(100, 100, 100, 0.4) !important;
}

.tab-container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #ffffff !important;
    background: rgba(100, 100, 100, 0.5) !important;
    color: black !important;
}

.tab-content {
    display: none;
}

/*end of tab  styling*/

.menu-window, #fb-window, #menu-info, #menu-imprint, .ui-tooltip,#menu-help-info {
    position: absolute;
    background: #444444 !important;
    background: rgba(100, 100, 100, 0.8) !important;

    border: 3px ridge #d2e248;
    border-color: #F45004 #FA4705 #F45004 #F55C0A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.78);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.78);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.78);
    text-shadow: 0px 1px 1px #000;
    text-align: center;
}

.scroll-area {
    max-height: 20vw;
    height: 20vw;
    overflow-y: scroll;
}

.menu-window, #menu-info, #menu-imprint,#menu-help-info {
    display: none;
    left: 50%;
    top: 10%;
    z-index: 1000;
    max-height: 80%;
}
#menu-imprint{
    z-index: 1001;
}

.image-menu-button:hover {
    -webkit-filter: brightness(1.3);
}

#fb-window {
    width: 35%;
    height: 15%;
    z-index: 1001; /*one above the menu window!*/
    color: white;
}

#login, #like-window, #fb-window-message, #fb-window {
    display: none;
}

.menu-styling {
    padding: 10px 10px;
    position: relative;
    color: white;
}

.underline {
    border-bottom: 2px solid #F1AE41;
    margin-top: 0px;
}

.button-menu-area {
    text-align: center;
}

.button-menu-area button, .button-menu-area textarea {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.second-menu-point {
    margin-top: 10px;
}

.achievement-container, #achievement-container, .game-stats-container {
    width: 100%;
    max-height: 400px;
    overflow: auto;
    text-align: left;
}

.gamestats-value {
    color: rgba(253, 208, 23, 1);
    float: right;
    padding-right: 10px;
}

#progressbar {
    background: white;
}

.ui-progressbar-value {
    background: rgba(253, 208, 23, 1);
}

.ui-progressbar {
    position: relative;
}

.progress-label {
    position: absolute;
    left: 43%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    color: black;
}

.game-stats-container {
    text-align: left display : none;
}

.image-menu {
    float: left;
    margin-left: -20px;
    padding-left: 0px;
    left: 0px;
}

.three-lines {
    box-shadow: 0px 10px 0px 1px #FFFFFF, 0px 16px 0px 1px #FFFFFF, 0px 22px 0px 1px #FFFFFF;
    width: 16px;
    height: 0px;
}

.wrapper {
    background: rgba(20, 20, 20, 0.9);
    margin-left: 30px;
    width: 32px;
    height: 32px;
    padding-left: 16px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
}

.wrapper:hover {
    background: gray;
}

.button {
    width: 100%;
    background-color: rgba(0, 0, 0, 1);
    background-image: url("../images/Menu/holz.jpg");
    /*background-image: -webkit-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 48%, rgba(255, 140, 0, 1) 74%, rgba(219, 95, 0, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 48%, rgba(255, 140, 0, 1) 74%, rgba(219, 95, 0, 1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 48%, rgba(255, 140, 0, 1) 74%, rgba(219, 95, 0, 1) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 48%, rgba(255, 140, 0, 1) 74%, rgba(219, 95, 0, 1) 100%);
    background-image: linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 48%, rgba(255, 140, 0, 1) 74%, rgba(219, 95, 0, 1) 100%);*/
    background-repeat: repeat-x;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 1);
    padding: 3px;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
    text-transform: uppercase;
}

.button:hover {
    /*
    background-image: -webkit-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 52%, rgba(255, 132, 0, 1) 75%, rgba(255, 132, 0, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 52%, rgba(255, 132, 0, 1) 75%, rgba(255, 132, 0, 1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 52%, rgba(255, 132, 0, 1) 75%, rgba(255, 132, 0, 1) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 52%, rgba(255, 132, 0, 1) 75%, rgba(255, 132, 0, 1) 100%);
    background-image: linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 183, 0, 1) 52%, rgba(255, 132, 0, 1) 75%, rgba(255, 132, 0, 1) 100%);
    */
    background-image: url("../images/Menu/holz.jpg");
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 1);
    border: solid 2px rgba(255, 140, 0, 1);
    padding: 2px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
}

.button:active {
    /*background-image: -webkit-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 163, 43, 1) 44%, rgba(255, 132, 0, 1) 75%, rgba(255, 140, 0, 1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 163, 43, 1) 44%, rgba(255, 132, 0, 1) 75%, rgba(255, 140, 0, 1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 163, 43, 1) 44%, rgba(255, 132, 0, 1) 75%, rgba(255, 140, 0, 1) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 163, 43, 1) 44%, rgba(255, 132, 0, 1) 75%, rgba(255, 140, 0, 1) 100%);
    background-image: linear-gradient(top, rgba(255, 162, 0, 1) 0%, rgba(255, 163, 43, 1) 44%, rgba(255, 132, 0, 1) 75%, rgba(255, 140, 0, 1) 100%);
    */
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 1);
}

body {
    min-width: 1300px;
    overflow-x: visible;
}

#buy-worker-window::before {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

#buy-worker-window {
    background: #444444 !important;
    background: rgba(100, 100, 100, 0.5) !important;
}