html {
  margin:0;
  padding:0;
  height: 100%;

  scrollbar-color: #3a3d60 #e2e2e2;
}

::-webkit-scrollbar {
  background: #e2e2e2;
}

::-webkit-scrollbar-thumb {
  background: #3a3d60;
}

::-webkit-scrollbar-thumb:active {
  background-color: #b5b7ca;
}

body {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  line-height: 15px;
  color: #333;
  padding-bottom: 60px;
  margin:0;
  padding:0;
  height: 100%;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  cursor: pointer;
}

#page {
  /*width: 960px;*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  background: #fff;
  margin: auto;
}

/* ----- HEADER ----- */
#header {
  height: 90px;
}

#header #logo {
  margin-top: 35px;
  position: absolute;
}

#header #navigation_header {
  display: inline;
  float: right;
  margin-top: 35px;
  margin-right: -5px;
}

#header #navigation_header li {
  list-style: none;
  float: left;
}

#header #navigation_header li a {
  text-decoration: none;
  display: block;
  padding: 7px 8px;
  font-weight: bold;
  color: #333;
  text-transform: capitalize;
}

#header #navigation_header li a:active,
#header #navigation_header li a:hover
{
  color: #0083cb;
}

#header #navigation_header li.lang_changer a {
  color: #9ba21b;
}

#header #navigation_header #search_term {
  outline: none;
  background: none;
  border: none;
  width: 130px;
  cursor: pointer;
  padding-left: 2px;
}

#header #navigation_header form {
  margin-top: 3px;
  background: url('../images/misc/sprite.png') no-repeat -252px -293px;
  width: 24px;
  height: 23px;
  overflow: hidden;
}

#header #navigation_header form.active {
  background: url('../images/misc/sprite.png') no-repeat -252px -335px;
}

/* ----- BREADCRUMB ----- */
#breadcrumb {
  height: 60px;
  padding: 0 0 0 20px;
}

#breadcrumb ul {
  display: inline;
}

#breadcrumb ul li {
  list-style: none;
  float: left;
  padding: 10px 0;
  font-size: 12px;
  color: #333;
  font-weight: bold;
}

#breadcrumb ul li+li {
  margin-left: 5px;
}

#breadcrumb ul li a,
#breadcrumb ul li a:visited,
#breadcrumb ul li a:active
{
  text-decoration: none;
  color: #333;
  font-weight: normal;
}


/* ----- MENU ----- */
#menu {
  width: 220px;
  min-height: 50px;
  margin-left: 20px;
  float: left;
  padding-bottom: 50px;
}

#menu .navigation {
  display: inline;
}

#menu .navigation li {
  list-style: none;
}

#menu .navigation li a {
  text-decoration: none;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  display: block;
}

#menu .navigation li a:hover,
#menu .navigation li a.active {
  color: #0083cb;
}

#menu .navigation li ul li {
  margin-left: 28px;
  display: none;
}

#menu .navigation li a.active+ul>li {
  display: block;
}

#menu .navigation li ul li a {
  padding-left: 5px;
  border-bottom: 1px dotted #ccc;
}

#menu .navigation li ul li a.first {
  border-top: 1px dotted #ccc;
}

/* ----- CONTENT ----- */
#content {
  position: absolute;
  bottom: 40px;
  top: 90px;
  overflow: auto;
  width: 100%;
  background-color:#ffffff;
}

#content sup {
  vertical-align: super;
}

#content sub {
  vertical-align: sub;
}
#menu+#content {
  min-height: 50px;
  width: 660px;
  margin-left: 30px;
}

/*
#content img {
    margin: 20px 0;
    max-width: 100%;
}
*/
h1 {
  font-size: 19px;
  color: #9ba21b;
  margin-bottom: 15px;
  font-weight: normal;
}

h2 {
  font-size: 13px;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 9px;
}

p {
  /*text-align: justify;*/
  line-height: 19px;
}

p+p {
  margin-top: 7px;
}

p a {
  color: #0083cb;
  text-decoration: none;
  border-bottom: 1px dotted #0083cb;
}

p a:hover {
  color: #9ba21b;
  text-decoration: none;
  border-bottom: 1px dotted #9ba21b;
}

#content ul,
#content ol {
  margin: 20px 0 20px 20px;
  line-height: 19px;
}

/* ----- SLIDER ----- */
.slider {
  width: 920px;
  height: 280px;
}

.slider .images {
  display: inline;
  margin: 0;
}

.slider .images li {
  filter: alpha(opacity=0);
  list-style: none;
  left: 20px;
  opacity: 0;
  position: absolute;
}


.slider .images li.active {
  opacity: 1;
}

#content .slider .images li img {
  position: absolute;
  z-index: 1;
  margin: 0;
  max-width: none;
}

.slider .images li h2,
.slider .images li h3 {
  color: #fff;
  display: block;
  font-family: Verdana;
  font-size: 18px;
  height: 150px;
  left: 290px;
  line-height: 22px;
  position: absolute;
  top: 75px;
  width: 560px;
  z-index: 2;
  display: none;
}

.slider .images li h2 {
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  top: 27px;
}

.slider .images li.active h2,
.slider .images li.active h3 {
  display: block;
}

.slider .images li a,
.login input[type="submit"],
.button.red,
div.button_red input
{
  position: absolute;
  z-index: 2;
  display: block;
  width: 150px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #e50051;
  height: 25px;
  border-radius: 9px;
  border: 1px solid #d687a4;
  border-right-color: #c31250;
  border-bottom-color: #c31250;
  font-size: 12px;
}

div.button_red input {
  position: relative;
  float: left;
  margin-right: 20px;
}

.button.grey,
div.button_grey input {
  position: relative;
  z-index: 2;
  display: block;
  width: 150px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #ccc;
  height: 25px;
  border-radius: 9px;
  border: 1px solid #efefef;
  border-right-color: #bbb;
  border-bottom-color: #bbb;
  font-size: 12px;
}

.button.red,
.login input[type="submit"] {
  margin-top: 30px;
  position: relative;
}

#contact_form_submit_right .button.red {
  margin-top: 0;
}

p+.button.red {
  line-height: 25px;
}

.slider .images li a {
  margin: 200px 0 0 700px;
  line-height: 25px;
}

#content .slider ul.pagination {
  margin-top: 245px;
  left: 50%;
  position: absolute;
  z-index: 3;
  padding: 0 25px;
}

#content .slider ul {
  display: block;
}

.slider .pagination li {
  list-style: none;
  float: left;
}

.slider .pagination li+li {
  margin-left: 3px;
}

.slider .pagination li a {
  display: block;
  background: url('../images/misc/sprite.png') no-repeat -43px -316px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  outline: none;
}

.slider .pagination li a:hover,
.slider .pagination li a.active {
  background: url('../images/misc/sprite.png') no-repeat -2px -316px;
  width: 30px;
  height: 30px;
}

/* ----- UserForum ----- */
.user_forum .button.red,
.user_forum .button.grey {
  line-height: 25px;
  width: 190px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

.user_forum input[type="text"] {
  width: 180px;
}

.user_forum .input_forum_text {
  width: 100% !IMPORTANT;
}

.user_forum .submitbuttons {
  padding-left: 120px;
}

.user_forum .modtext {
  text-align: center;
}

/* ----- NEWSTEASER ----- */
/* 4-culumn version */
.column_quarter.text.teaser {
  width: 700px;
}

.teaser-text .column_quarter.text {
  width: 100%;
}
.teaser-text .column_quarter.text .col {
  width: 200px;
}
.column_quarter {
  width: 920px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.column_quarter .col {
  float: left;
  position: relative;
  width: 210px;
}

.column_quarter .col {
  margin-right: 20px;
}

.column_quarter .col h3 {
  font-size: 14px;
  line-height: 40px;
}

.column_quarter .col span.date {
  font-size: 10px;
  color: #aaa;
}

.column_quarter .col .teaser_img {
  margin: 0;
  height: 110px;
  width: 215px;
  background: #efefef;
  overflow: hidden;
}

.column_quarter .col .teaser_img p {
  width: 205px;
  height: 100px;
  display: block;
  margin-top: -105px;
  background: #fff;
  opacity: 0.5;
  padding: 5px;
  border-bottom: 15px solid #fff;
}

.column_quarter .col .teaser_img:hover p {
  margin-top: 0;
  opacity: 0.9;
  transition: all 0.4s;
  -moz-transition: all 0.4s; /* Firefox 4 */
  -webkit-transition: all 0.4s; /* Safari and Chrome */
  -o-transition: all 0.4s; /* Opera */
}

.column_quarter .col .teaser_img p a {
  display: none;
}

.column_quarter .col .teaser_img:hover p a {
  display: block
}

.column_quarter .col a.more {
  text-decoration: none;
  color: #9ba21b;
  text-align: right;
  display: block;
  line-height: 17px;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.column_quarter .col a.more:hover {
  color: #0083cb;
}

/* ----- SEARCH RESULT ----- */
#search_term.full {
  width: 316px;
  height: 24px;
  padding: 0 5px;
  border: 1px solid #333;
  margin-bottom: 30px;
  outline: none;
}
#navigation_searchform_top + h3 {
  white-space: pre-line;
  word-break: break-all;
}

.submit.search {
  vertical-align: top;
  background: #ec0053;
  border: 1px solid #a34a6a;
  border-radius: 12px;
  height: 28px;
  color: #fff;
  padding: 0 15px;
  cursor: pointer;
}

.pagination {
  padding: 10px 0;
  font-size: 11px;
}

.pagination ul {
  display: inline;
  margin: 0;
  float: right;
}

.pagination ul li {
  list-style: none;
  float: left;
  margin-left: 5px;
}

.pagination ul li a {
  color: #000;
}

.pagination ul li a.active,
.pagination ul li a:hover {
  color: #0083cb;
}

#content ul#search_result {
  display: inline;
}

#search_result li {
  list-style: none;
  padding: 0 10px 0 20px;
}

#search_result li>span {
  position: absolute;
  width: 29px;
  margin-left: -33px;
  text-align: right;
}

#search_result li a {
  color: #9ba21b;
}

#search_result li a:hover,
#search_result li:hover a {
  color: #0083cb;
}

#search_result li p {
  margin: 5px 0 20px 0;
}

/* ----- LINKLIST ----- */
div.link_list {
  margin-top: 40px;
}

div.link_list h2 {
  margin: 0;
}

ul.link_list {
  display: inline;
}

ul.link_list li {
  list-style: none;
  margin: 0 0 18px;
}

ul.link_list li a.link_list:first-child {
  background: url('../images/misc/sprite.png') no-repeat 0 -196px;
}

ul.link_list li:hover a.link_list:first-child {
  color: #0083cb;
  background: url('../images/misc/sprite.png') no-repeat 0 -231px;
}

ul.link_list li a.link_list:link,ul.link_list li a.link_list:active,ul.link_list li a.link_list:visited {
  color: #9ba21b;
  padding-left: 9px;
}

ul.link_list li p {
  margin-top: 7px;
}

/* ----- DOWNLOADLIST ----- */
ul.download_list {
  display: inline;
}

ul.download_list>li {
  list-style: none;
  padding: 15px 0;
}

ul.download_list ul.formats {
  display: inline;
}

ul.download_list ul.formats li {
  list-style: none;
  float: left;
}

ul.download_list ul.formats li+li {
  margin-left: 20px;
}

ul.download_list ul.formats li a:link,
ul.download_list ul.formats li a:visited,
ul.download_list ul.formats li a:active {
  background: url('../images/misc/sprite.png') no-repeat 0 -267px;
  padding-left: 35px;
  height: 19px;
  display: block;
  color: #9ba21b;
}

ul.download_list ul.formats li:hover a {
  color: #0083cb;
}

ul.download_list>li>img {
  width: 148px;
  height: 74px;
  float: left;
  margin-right: 20px;
  border: 3px solid #f5f5f5;
}

ul.download_list>li>img+.content {
  float: left;
  width: 470px;
}

ul.download_list>li  span.info {
  color: #a1a1a1;
  font-size: 9px;
  display: block;
  margin: 10px 0 4px 0;
}

ul.download_list>li p {
  font-size: 11px;
}

h2.download_list {
  margin-top: 10px;
}

/* ----- UI WIDGETS ----- */

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; /* reset extra padding in Firefox */
}

/* ------------ DIALOG -------------- */
.ui-dialog {
  position: absolute;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 5px 25px 25px 25px;
  border-radius: 7px;
  box-shadow: 2px 2px 32px #999;
  -moz-box-shadow: 2px 2px 32px #999;
}

.ui-dialog .ui-dialog-titlebar {
  height: 30px;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin-top: -18px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
  padding-top: 50px;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/* Component containers */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  background: #fff;
  color: #333;
  border: 20px solid #fff;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header a {
  color: #333;
  text-decoration: none;
  font-size: 15px;
  text-align: right;
}

/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666;
  opacity: .5;
  filter: Alpha(Opacity = 50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000;
  opacity: .2;
  filter: Alpha(Opacity = 20);
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* ----- FOOTER ----- */
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: #FFF;
}

#footer .navigation {
  display: inline;
  margin: 0;
}

#footer .navigation li {
  list-style: none;
  float: left;
}

#footer .navigation li+li {
  margin-left: 15px;
}

#footer .navigation li a {
  font-size: 13px;
  text-decoration: none;
  line-height: 30px;
  color: #333;
}

#copyright {
  /*width: 920px;*/
  width: 100%;
  padding: 10px 20px 0 20px;
  height: 80px;
  bottom: 0;
  position: absolute;
  background: #fff;
  font-size: 10px;
  background-color:#ff00ff;
}

#copyright p {
  line-height: 15px;
}

/* ----- SITEMAP ----- */
#content ul.sitemap {
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
}

#content ul.sitemap ul {
  margin: 0;
}

.sitemap .sitemap {
  margin: 0;
}

.sitemap li {
  list-style: none;
}

.sitemap li a {
  display: block;
  padding: 7px 0 7px 0;
  color: #333;
  text-decoration: none;
}

.sitemap li a:hover {
  color: #0083cb;
}

/* styling the different levels */
.sitemap>li {
  border-bottom: 1px dashed #0384cc;
}

.sitemap>li>a {
  font-weight: bold;
}

.sitemap>li ul li {
  padding-left: 35px;
}

.sitemap>li>ul>li>ul>li a:hover {
  color: #9ba21b;
}

/* ----- LOGIN FORM ----- */
.login {
  padding: 40px 0;
  display: block;
}

.login label {
  display: inline-block;
  /*width: 250px;*/
}

.login input[type="text"] {
  margin-bottom: 3px;
}

/* ----- NEWSLETTER FORM ----- */
#contact_form_submit_left,
#contact_form_submit_right {
  float: left;
  margin-right: 15px;
}

/* ----- SOCIAL MEDIA ----- */
ul.social_media {
  float: right;
  list-style-type: none;
  margin-top: 5px;
}

ul.social_media li {
  float: left;
  display: block;
  margin-left: 15px;
  height: 20px;
  width: 20px;
  background: url('../images/misc/sprite.png') no-repeat;
}

ul.social_media li a {
  display: block;
  height: 20px;
  width: 20px;
}

ul.social_media li.facebook {
  background-position: -323px -388px;
}

ul.social_media li.google {
  background-position: -393px -388px;
}

ul.social_media li.xing {
  background-position: -426px -388px;
}


ul.social_media li.rss {
  background-position: -358px -388px;
}

ul.social_media li.youtube {
  background-position: -287px -388px;
}

ul.social_media li.twitter {
  background-position: -251px -388px;
}

/* ----- BLOG ----- */
.blog {
  margin-bottom: 45px;
}

.blog h2 {
  font-size: 15px;
  margin-top: 30px;
}

.blog h3 {
  font-size: 11px;
  margin-top: 10px;
}

.blog p {
  margin: 8px 0;
}

.blog .date {
  font-size: 11px;
}

.blog a {
  color: #0083cb;
  text-decoration: none;
}

.blog a:hover {
  color: #9ba21b;
  text-decoration: none;
}

.blog span+a {
  float: right;
}

/* ----- PIFAFORM ----- */
.pifa-form {
  margin-top: 30px;
  position: relative;
}

.pifa-form label {
  display: block;
  width: 160px;
  float: left;
}

.pifa-form div.checkbox-wrapper label {
  width: 438px;
}

.pifa-form div.privacy {
  margin-bottom: 15px;
}

.pifa-form div {
  margin-bottom: 3px;
}

.pifa-form select {
  width: 456px;
}

.pifa-form input[type="text"],
textarea {
  width: 450px;
}

.pifa-form .pifa-error select,
.pifa-form .pifa-error input,
.pifa-form .pifa-error textarea {
  border: 1px solid #C31250;
}

.pifa-form .pifa-error input[type="text"],
.pifa-form .pifa-error textarea {
  width: 454px;
}

.pifa-form .pifa-error label {
  color: #C31250;
}

.pifa-form p {
  display: none;
}

.pifa-form .pifa-error .pifa-error-message {
  display: block;
}

.pifa-form .pifa-error:hover p {
  display: block;

}

/* ----- NEWSLETTERFORM ----- */
#contact_form {
  margin-top: 10px;
}

#contact_form label {
  display: block;
  float: left;
  width: 100px;
}

#contact_form input[type="text"] {
  width: 312px;
}

#contact_form select {
  width: 318px;
}

#contact_form div.policy label {
  width: 300px;
  margin-left: 100px;
}

#contact_form div.contact_row {
  margin-bottom: 3px;
}

/* ----- COOKIE DIRECTIVE ----- */
#cookie_note {
  background: #fff;
  left: 0;
  filter: alpha(opacity = 90);
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
}

#cookie_note div.notify {
  font-size: 14px;
  padding: 10px 100px;
  position: relative;
}

#cookie_note a.dismiss {
  border: 1px solid #9ba21b;
  border-radius: 10px;
  color: #9ba21b;
  display: block;
  line-height: 14px;
  padding: 1px 4px 4px 4px;
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
}

#cookie_note a.dismiss:hover {
  background: #9ba21b;
  color: #fff;
}

#cookie_note .cancel_cookie {
  color: #9ba21b;
  line-height: 17px;
}


#content sup {
  vertical-align:super;
}

#content sub {
  vertical-align: sub;
}

#merchLogo {
  position: absolute;
  top: 10px;
  left: 260px;
  text-align: center;
}

.nav_top_bar {
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
}

.btn_nav_top_container {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 50px;
}

.btn_nav_top_break {
  display: inline-block;
  margin-right: 40px;
}

.btn_nav_top_label {
  display: block;
  text-align: center;
  font-weight: bold;
}

.btn_nav_top_container circle {
  background: #D22F22;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position:absolute;
  top: 0px;
  transform: translate(60%, -2px);
  z-index: 100;
}

.btn_nav_top_container circle span {
  position: relative;
  top: 8px;
  /*left: 50%;*/
  transform: translate(50%, 50%);
  /*width: 90px;*/
  color: #ffffff;
  font-weight: bold;
}

.btn_nav_top_container circle.circle_green {
  background: #00e500;
}

.btn_nav_top_container circle.circle_news {
  transform: translate(40px, -5px);
}

.topnav_logo {
  padding: 10px;
  padding-left: 40px;
  height: 70px;
}

#Portal_Shop_Content {
  position: absolute;
  top: 0px;
  left: 300px;
  min-width: 200px;
  line-height:18px;
  height: 100%;
  overflow-y: auto;
}

.Portal_Table th, td {
  padding: 5px;
}

#Portal_Shop_ArtConfig h1, #Portal_ArtConfig h2 {
  margin:0 0 10px 0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:normal;
}

#Portal_Shop_ArtConfigContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}

.Portal_Shop_Header {
  /*width: 270px;*/
  height: 20px;
  padding: 15px;
  font-size:20px;
  font-weight:bold;
  text-align: right;
}

#Portal_Shop_InfoContainer {
  position: fixed;
  top: 90px;
  right: 0px;
  width: 400px;
  /*min-height: 100%;*/
  height: calc(100% - 90px - 40px);
  z-index: 1;
}

#Portal_Shop_ArtImage {
  border-bottom: 2px solid #3a3d60;
}

#Portal_Shop_ArtImagePreview {
  text-align: center;
  width: 400px;
  position: relative;
  left: -1px;
  /*height: 380px;*/
}

#Portal_Shop_ArtInfo {
  text-align: left;
  width: 400px;
  position: relative;
  left: -1px;
  /*height: calc(100% - 417px);
  overflow:hidden;*/
}

#Portal_Shop_AddToCart button,
#Portal_Shop_ArtConfigContainer button,
#Portal_Shop_ArtInfo button,
#pf_PARA_ZUKAUFARTIKEL button,
#Portal_Shop_ArtInfo a.button,
a.button,
.btnDefault {
  width: 100%;
  max-width: 240px;
  text-align: center;
  text-decoration: none;
  background: #e50051;
  height: 30px;
  border-radius: 9px;
  font-size: 14px;
}

#Portal_Shop_ArtInfo button i,
#Portal_Shop_ArtInfo a.button i,
a.button i {
  /*
  position: absolute;
  left: 25px;
  */
}

#Portal_Shop_ArtInfoText {
  margin-left: 10px;
  margin-top: 5px;
/*  height: calc(100% - 70px);*/
  /*height: 100%;*/
  /*width: 335px;*/
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

#Portal_Shop_ArtInfoText::-webkit-scrollbar {
  width: 5px;
}

#Portal_Shop_AddToCart {
  position: absolute;
  bottom: 0px;
  padding: 10px;
  height: 70px;
  text-align: left;
  width: 100%;
}

.Portal_Shop_ArtConfigBlock {
  width: 510px;
}

#Portal_Shop_Catalog {
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  width: 40px;
  scrollbar-width: thin;
  height: calc(100% - 40px - 90px);
}

#Portal_Shop_Catalog::-webkit-scrollbar {
  width: 5px;
}

.multilevelpushmenu_wrapper {
  position: absolute;
  overflow: hidden;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

.multilevelpushmenu_wrapper .levelHolderClass {
  position: absolute;
  overflow: hidden;
  top: 0;
  background: #65677f;
  width: auto;
  min-height: 100%;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em;
}

.multilevelpushmenu_wrapper .ltr {
  margin-left: -100%;
  left: 0;
  -moz-box-shadow: 5px 0 5px -5px #1f4164;
  -webkit-box-shadow: 5px 0 5px -5px #1f4164;
  box-shadow: 5px 0 5px -5px #1f4164;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2);
}

.multilevelpushmenu_wrapper .rtl {
  margin-right: -100%;
  right: 0;
  -moz-box-shadow: 5px 0 5px 5px #1f4164;
  -webkit-box-shadow: 5px 0 5px 5px #1f4164;
  box-shadow: 5px 0 5px 5px #1f4164;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2);
}

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
  background: #2e6196;
}

.multilevelpushmenu_wrapper h1 {
  height: 18px;
  /*	padding: 15px;
      padding-left: 28px;*/
  font-size:18px;
  font-weight:bold;
  font-style:italic;
}

.multilevelpushmenu_wrapper h2 {
  color: #ffffff;
  height: 20px;
  padding: 15px;
  padding-left: 28px;
  font-size:20px;
  font-weight:bold;
  background-color: #3a3d60;
}

.multilevelpushmenu_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.multilevelpushmenu_wrapper li {
  cursor: pointer;
  /*border-top: 1px solid #D22F22;*/
  padding: .4em .4em .4em .4em;
}

.multilevelpushmenu_wrapper li:last-child {
  /*border-bottom: 1px solid #295685;*/
}

.multilevelpushmenu_wrapper li:hover {
  background-color: #D22F22;
}

.multilevelpushmenu_wrapper a {
  display: block;
  outline: none;
  overflow: hidden;
  font-size: 1.5em;
  line-height: 1em;
  padding: .2em .2em;
  text-decoration: none;
  color: #fff;
}

.multilevelpushmenu_wrapper a:hover {
  color: #D22F22;
}

.multilevelpushmenu_wrapper .backMainItemClass {
  display: block;
  padding: .4em .4em .4em .4em;
  padding-right: 10px;
  background: #D22F22;
  border-top: 1px solid #D22F22;
  border-bottom: 1px solid #D22F22;
}

.multilevelpushmenu_wrapper .backItemClass {
  display: block;
  padding: .4em .4em .4em .4em;
  padding-right: 10px;
  background: #D22F22;
  border-bottom: 1px solid #D22F22;
}

.multilevelpushmenu_wrapper .floatRight {
  float: right;
}

.multilevelpushmenu_wrapper .floatLeft {
  float: left;
}

.multilevelpushmenu_wrapper .cursorPointer {
  cursor: pointer;
}

.multilevelpushmenu_wrapper .iconSpacing_ltr {
  padding: 0 .4em 0 0;
}

.multilevelpushmenu_wrapper .iconSpacing_rtl {
  padding: 0 0 0 .4em;
}

#Portal_Shop_ArtInfo a.button,
a.button
{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.vertical-text {
  transform: rotate(90deg);
  transform-origin: left top 0;
}

/* ### Überlagerung für Berechnungen ### */
#Portal_Mask {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 1000;
  background-color: rgba( 255, 255, 255, .8);
  background-image: url('/templates/images/loader.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.parafolderHead {
  padding: 5px;
}

.Portal_Group1 {
  width: 97%;
}

.Portal_Editbox,
.Portal_Editbox_locked,
.Portal_Editbox_invalid,
.Portal_Editbox:focus {
  width:300px;
}

.Portal_Combobox,
.Portal_Combobox_locked,
.Portal_Combobox:focus {
  width:305px;
}

.ui-autocomplete {
  position: absolute;
  cursor: default;
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 5px;
  z-index: 2;
}

.jconfirm .jconfirm-box{
  width: 80%;
}

/* ### POPBOX ### */
.PopBoxImageSmall {
  border: none;
}
.PopBoxImageShrink {}
.PopBoxImageLink {
  cursor: pointer;
}
.PopBoxImageMove {
  border: none;
  cursor: pointer;
}

.checkboxgroup{
  display:inline-block;
  text-align:center;
}
.checkboxgroup label {
  display:block;
}

.newsheaderimg {
  width: auto !important;
  max-width: 100%
}

.menubutton {
  height: 50px;
}

.ecasTable {
  display:block;
  border: 2px solid #424242;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.ecasTable .ecasTableCell, .ecasTable .ecasTableHead {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
.ecasTable .ecasTableBody .ecasTableCell {
  font-size: 13px;
}
.ecasTable .ecasTableRow:nth-child(even) {
  background: #D7D3D3;
}
.ecasTable .ecasTableHeading {
  background: #424242;
  background: -moz-linear-gradient(top, #717171 0%, #555555 66%, #424242 100%);
  background: -webkit-linear-gradient(top, #717171 0%, #555555 66%, #424242 100%);
  background: linear-gradient(to bottom, #717171 0%, #555555 66%, #424242 100%);
  border-bottom: 2px solid #444444;
}
.ecasTable .ecasTableHeading .ecasTableHead {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

.ecasTable{ display: table; }
.ecasTableRow { display: table-row; }
.ecasTableHeading { display: table-header-group;}
.ecasTableCell, .ecasTableHead { display: table-cell;}
.ecasTableHeading { display: table-header-group;}
.ecasTableFoot { display: table-footer-group;}
.ecasTableBody { display: table-row-group;}


.ecasVCardOverview {
  overflow: hidden;
}

#ecas_actorders {
  min-width: 765px;
}

#ecas_journal {
  min-width: 765px;
}

.ecasVCardOverview > div {
  display: inline-grid;

  margin-right: 5px;
  margin-bottom: 5px;
  padding: 5px;
  padding-left: 10px;
  line-height: normal;
}

.VCard {
  position: relative;
  width: 250px;
  height: 170px;
}

.VCard_big {
  position: relative;
  border: 1px solid #3a3d60;
  color: #000000;
  width: 350px;
  padding-left: 5px !important;
}

.VCard_active {
  border: 1px solid #3a3d60;
  border-left: 25px solid #3a3d60;
  color: #000000;
}
.VCard_active_highlight {
  color: #D22F22;
}


.VCard_inactive {
  border: 1px solid #606060;
  border-left: 25px solid #606060;
  color: #808080;
}
.VCard_inactive_highlight {
  color: #606060;
}

.VCardBtn {
  /*	width: 30px !important;*/
  text-align: center !important;
  text-decoration: none !important;
  color: #fff !important;
  background: #3a3d60 !important;
  border: none !important;
  border-radius: 0px !important;
  font-size: 12px !important;
/*  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);*/
  box-shadow: 2px 2px 2px #000000;
}

.VCardBtn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 2px #000000;
}

.flatpickr-calendar {
  z-index: 99999999 !important;
}

#sidenavlabel {
  position: absolute;
  right: 15px;
  top: 60px;
  z-index: 1;
}

.Issue {
  width: 100%;
}

.Issue_active {
  border: 1px solid #3a3d60;
  border-left: 25px solid #3a3d60;
  color: #000000;
}
.Issue_active_highlight {
  color: #790707;
}


.Issue_inactive {
  border: 1px solid #606060;
  border-left: 25px solid #606060;
  color: #808080;
}
.Issue_inactive_highlight {
  color: #606060;
}

.rdbcontainer {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  margin-right: 25px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rdbcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #999;
  border-radius: 50%;
}

.rdbcontainer:hover input ~ .checkmark {
  background-color: #bbb;
}

.rdbcontainer input:checked ~ .checkmark {
  background-color: #3a3d60;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.rdbcontainer input:checked ~ .checkmark:after {
  display: block;
}

.rdbcontainer .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.btnslider {
  border: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  /* user-select: none; */
  width: 65px;
}

.btnslider-checkbox {
  display: none;
}

.btnslider-label {
  border: 2px solid #666;
  border-radius: 20px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}

.btnslider-inner {
  display: block;
  margin-left: -100%;
  /* transition: margin 0.3s ease-in 0s; */
  width: 200%;
}

.btnslider-inner:before,
.btnslider-inner:after {
  box-sizing: border-box;
  display: block;
  float: left;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0;
  width: 50%;
}

.btnslider-inner:before {
  background-color: #ABAD00;
  color: #fff;
  content: "3D";
  padding-left: .75em;
  text-align: left;
}

.btnslider-inner:after {
  background-color: #eee;
  color: #666;
  content: "2D";
  padding-right: .75em;
  text-align: right;
}

.btnslider-circle {
  background-color: #ABAD00;
  border: 2px solid #666;
  border-radius: 20px;
  bottom: 0;
  display: block;
  margin: 5px;
  position: absolute;
  right: 31px;
  top: 0;
  /* transition: all 0.3s ease-in 0s; */
  width: 20px;
}

.btnslider-checkbox:checked + .btnslider-label .btnslider-inner {
  margin-left: 0;
}

.btnslider-checkbox:checked + .btnslider-label .btnslider-circle {
  background-color: #eee;
  right: 0;
}

.Portal_Shop_PriceLbl {
  font-size: 12px;
  margin-bottom: 5px;
}

.btnTCActive {
  margin-bottom: 5px !important;
  width: 30px !important;
  height: 30px !important;
  border-width: 3px !important;
  background-color: #3a3d60 !important;
  color: #fff !important;
}

#header {
  background-color: #b5b7ca;
}

#Portal_Shop_AddToCart button,
#Portal_Shop_ArtInfo button,
a.button,
#Portal_Shop_ArtConfigContainer button,
#pf_PARA_ZUKAUFARTIKEL button,
#Portal_Shop_ArtInfo a.button,
.Portal_CartTable_active_oldVersion,
.btnDefault,
.multilevelpushmenu_wrapper li:hover,
.multilevelpushmenu_wrapper .backItemClass,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue,
.Portal_Search_Highlight {
  background-color: #e2e2e2;
}

.Portal_CartTable_active {
  background-color: #bbbbbb;
}

.FontHeader {
  color: #e2e2e2;
}

.Portal_ArtQnt:focus,
.Portal_Textarea:focus,
.Portal_Combobox:focus,
.Portal_Editbox:focus {
  border: 1px solid #1789ea;
}

.jconfirm .jconfirm-box,
.jconfirm .jconfirm-box .jconfirm-buttons button {
  border: 1px solid #e2e2e2;
}

.Portal_ArtQnt:focus,
.Portal_Textarea:focus,
.Portal_Editbox:focus,
.Portal_Combobox:focus {
  background-color: #DEDEDE;
}

/*----------------------------------------------------------------------------*/

#footer,
#btnRequest,
#btnCancel,
.btnSpecial {
  background-color: #6c7097;
}

#Portal_Shop_AddToCart button,
#Portal_Shop_ArtInfo button,
a.button,
#Portal_Shop_ArtConfigContainer button,
#pf_PARA_ZUKAUFARTIKEL button,
#Portal_Shop_ArtInfo a.button,
.btnDefault,
.Portal_Search_Highlight {
  border: 1px solid #6c7097;
}

/*----------------------------------------------------------------------------*/

.DefaultHeader,
.Portal_Shop_Header,
.multilevelpushmenu_wrapper h2,
.jconfirm .jconfirm-box,
.ArtConfigContainerHeader,
.nlOpen,
.parafolderHead {
  background-color: #3a3d60;
}

#Portal_Shop_Content a,
#Portal_Shop_ArtConfig h1,
#Portal_ArtConfig h2,
#Portal_Shop_AddToCart button,
#Portal_Shop_ArtInfo button,
a.button,
#Portal_Shop_ArtConfigContainer button,
#pf_PARA_ZUKAUFARTIKEL button,
#Portal_Shop_ArtInfo a.button,
.btn_nav_top_label,
.textDark,
.btnDefault,
.multilevelpushmenu_wrapper a:hover,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue,
.Portal_Combobox:focus,
.Portal_Editbox:focus,
.Portal_Combobox,
.Portal_Editbox,
.Portal_Group1 {
  color: #c31250;
}

#Portal_Shop_AddToCart button,
#Portal_Shop_ArtInfo button,
a.button,
#Portal_Shop_ArtConfigContainer button,
#pf_PARA_ZUKAUFARTIKEL button,
#Portal_Shop_ArtInfo a.button,
.btnDefault {
  border-right-color: #c31250;
  border-bottom-color: #c31250;
}

#Portal_Shop_ArtImagePreview,
#Portal_Shop_ArtInfo,
#Portal_Shop_InfoContainer {
  border-left: 1px solid #c31250;
  border-right: 1px solid #c31250;
}

.multilevelpushmenu_wrapper .backMainItemClass,
.multilevelpushmenu_wrapper .backItemClass {
  border-bottom:1px solid #c31250;
}
.multilevelpushmenu_wrapper .backMainItemClass {
  border-top: 1px solid #c31250;
}

#btnRequest,
#btnCancel,
.Portal_Table,
.Portal_Editbox,
.Portal_Editbox_invalid,
.Portal_Combobox,
.DefaultBorder,
.ui-autocomplete,
.PopBoxImageLarge {
  border: 1px solid #c31250;
}

.Portal_Combobox optgroup option,
.Portal_Combobox optgroup,
.Portal_Combobox option {
  border: 1px solid #c31250;
  background-color: #e2e2e2;
}

/*----------------------------------------------------------------------------*/

#Portal_Shop_ArtImagePreview,
#Portal_Shop_ArtInfo,
#Portal_Shop_InfoContainer,
#Portal_Shop_Catalog,
.multilevelpushmenu_wrapper .levelHolderClass {
  background-color: #6c7097;
}

.Portal_Shop_Header {
  border-bottom: 1px solid #6c7097;
}

/*----------------------------------------------------------------------------*/

#Portal_Shop_AddToCart,
#Portal_Shop_ArtInfoText th,
#Portal_Shop_ArtInfoText td,
#Portal_Shop_ArtInfoText h1,
#Portal_Shop_ArtInfoText a,
#Portal_Shop_Catalog,
#Portal_Shop_ArtImagePreview,
#Portal_Shop_ArtInfo,
#btnRequest,
#btnCancel,
a,
.Portal_Shop_Header,
.Portal_Editbox_locked,
.Portal_Combobox_locked,
.Portal_Editbox_invalid,
.DefaultHeader,
.ArtConfigContainerHeader,
.nlOpen,
.parafolderHead,
.multilevelpushmenu_wrapper,
.multilevelpushmenu_wrapper h2,
.jconfirm .jconfirm-box .jconfirm-title-c,
.jconfirm .jconfirm-box .jconfirm-content {
  color: #FFFFFF;
}

#Portal_Shop_ArtConfigContainer {
  background-color: #ffffff;
}

/*----------------------------------------------------------------------------*/

.Portal_Editbox_locked,
.Portal_Combobox_locked {
  border:1px solid #000 !important;
  background-color:#666 !important;
}

.Portal_CartTable_even,
.Portal_CartTable_even_oldVersion {
  background-color: #e4d9cb !important;
}

.Portal_CartTable_oldVersion,
.Portal_CartTable_active_oldVersion,
.Portal_CartTable_even_oldVersion {
  color:#999 !important;
}

.Portal_Editbox_invalid {
  background-color:#F00;
}

.multilevelpushmenu_wrapper .backMainItemClass {
  background-color: #3a3d60;
}

.Portal_Table {
  color: #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
  background: #dab86b;
}

.nlClosed {
  color: #666;
}

.artDescrHighlight {
  color: #FF9562;
}

.orderClass {
  color: #FFFFFF !important;
  background-color: #3a3d60 !important;
}

.labelinvalid {
  color: #999;
}

/* labels for contenttypes in backend edit mode */
.content_type_label {
    color: #0060B1;
    background-color: #BFCF00;
    display: block;
    margin: 5px 0 2px 0;
    border-top: 2px solid #0060B1;
    border-right: 2px solid #0060B1;
    padding: 2px;
    font-weight: bold;
}
.content_type_label_secondary {
    color: #0060B1;
    background-color: #BFCF00;
    display: block;
    margin: 5px 0 2px 0;
    padding: 2px;
    font-weight: normal;
}

#tpl_visedit {
    height: 100%;
    padding: 0;
    margin: 0;
}

#tpl_visedit .visedit_item {
    position: relative;
    height: 26px;
    white-space: nowrap;
    font-size: 12px;
}