@charset "utf-8";

/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
  outline-color: #333333;
}

a {
  color: #F27A21;
}

html {
  height: 100%;
}

img {
  border-width: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

body {
  height: 100%;
  text-align: center;
  background: #fff;
  font-family: "opensans", sans-serif;
  margin: 0px;
  padding: 0px;
  color: #444;
  font-size: 12px;
  font-weight: normal;
}


/* container structure */

#wrapper {
  position: relative;
  width: 1124px;
  text-align: left;
  margin: 0 auto -70px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  padding: 0px;
  z-index: 1;
}

#headbox {
  height: 142px;
  min-width: 974px;
  max-width: 1074px;
  padding: 0px 25px 0px 25px;
  z-index: 2;
  background: #111111;
  border-bottom: 1px solid #474747;
}


#content {
  padding: 30px 25px 30px 25px;
  padding-top: 20px;
}

#rightbox .moduletable_search {
  width: 204px;
  padding: 0px 0px 20px 0px;
}

#getnewsletter {
    padding: 0px 0px 20px 0px;
  overflow: hidden;
  width: 300px;
}

#rightbox .nsb_container {
  margin-bottom: 10px;
}

#rightbox .moduletable_submenu {
  width: 204px;
  padding: 0px 0px 20px 0px;
}

#rightbox .moduletableuser_quotes .ucd_item {
    width: 204px;
}

#yearfilter {
  padding: 0px 0px 15px 0px;
}

#centerbox {
  float: right;
  width: 44%;
}

#centerbox ul {
  padding: 5px 0px 0px 15px;
}

#centerbox ol {
  padding: 5px 0px 0px 20px;
}

#centerbox ul li, #centerbox ol li {
  padding: 0px 0px 5px 0px;
}

#centerbox .blog {
  padding: 0px 20px 0px 20px;
}

#page {
  padding: 0px 20px 30px 20px;
}

#centerbox .leading {
  padding: 0px 0px 20px 0px;
  clear: both;
}

#leftbox {
  float: right;
  width: 35%;
  padding: 0px 0px 10px 0px;
}

#leftbox .moduletable_account {
  position: relative;
  width: 340px;
  padding: 0px 0px 10px 0px;
  z-index: 1;
}

#leftbox .moduletable_menubox {
  position: relative;
  width: 340px;
  padding: 0px 0px 10px 0px;
  z-index: 1;
}

#accounthead {
  padding: 0px 0px 15px 0px;
}

#newsletterbox {
  padding: 10px 0px 20px 0px;
}

#searchbox {
  float: right;
  height: 20px;
  width: 20%;
  background: #333333;
  padding: 18px 25px 0px 20px;
  z-index: 4;
}
.componentheading_search {
    display: none;
}

#push {
  height: 70px;
  z-index: 1;
}

#footer {
  position: relative;
  z-index: 2;
  background: #282828;
}

#footer a {
  color: #e5e5e5;
}

#footer ul {
  list-style-type: none;
}

#footer .company  a {
  text-decoration: none;
}

#footer ul li {
  margin-top: 3px;
}

#footer ul.social {
  margin-top: 10px;
  list-style-type: none;
  display: flex;
}

#footer ul.social a img {
  height: 30px;
}

#footer h3 {
  margin-bottom: 8px;
    font-size: 16px;
}


/* zuserdialog */

#zuserdialog {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
  overflow: auto;
}

#formwrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
  min-width: 440px;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#formbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -100px 0px 0px -250px;
  z-index: 4;
  width: 500px;
  visibility: hidden;
}

#formtop {
  position: relative;
  width: 500px;
  height: 11px;
  font-size: 1px;
  background: url(../../../images/stories/system/bg_user_top.gif) no-repeat;
}

#formcontent {
  position: relative;
  width: 440px;
  background: #000000;
  padding: 20px 30px 25px 30px;
  background: url(../../../images/stories/system/bg_user.gif) repeat-y;
  text-align: left;
}

#formcontent h1 {
  font-size: 17px;
  font-weight: bold;
  line-height: 22px;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  text-transform: uppercase;
}

#formcontent p {
  padding: 0px 0px 30px 0px;
  font-size: 12px;
}

#formbottom {
  position: relative;
  width: 500px;
  height: 11px;
  background: url(../../../images/stories/system/bg_user_bottom.gif) no-repeat;
}

#formx {
  position: absolute;
  top: 15px;
  left: 465px;
  width: 20px;
  height: 20px;
}

#formoverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  min-width: 500px;
  background: #000000 url(../../../images/stories/system/loading.gif) 49% 49% no-repeat;
  z-index: 4;
}

#closeoverlay {
  width: 350px;
}

.sysmsgs {
  font-size: 12px;
  font-weight: normal;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  line-height: 17px;
  color: #F27A21;
}

.sysmsg {
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 10px;
  padding-left: 0 !important;
  font-size: 14px;
}


/* login form overlay */

div.fieldbox {
  width: 440px;
  font-size: 14px;
}

div.loginfield {
  margin: 0px 0px 5px 0px;
  float: right;
}

.rememberme {
  width: 236px;
  text-align: left;
  font-size: 12px;
  padding: 0px 0px 30px 0px;
}

.checkbox {
  padding: 0px;
  margin: 0px 3px 0px 0px;
}

.zusercontrol {
  float: left;
  padding: 15px 0px 0px 206px;
  margin: 0px;
  text-align: left;
  font-size: 12px;
}

#zregisterform .zusercontrol {
  padding: 0px 0px 0px 206px;
}

div.zusercontrol button {
  font-size: 12px;
}

.zusercontrol a {
  color: #808080;
  text-decoration: none;
}

.zusercontrol a:hover {
  color: #D1D3D4;
}

#loginmenubox {
  position: relative;
  z-index: 2;
  overflow: visible;
}

#loginmenu {
  position: absolute;
  top: -70px;
  left: 202px;
}

#zusercancel {
  float: left;
  padding: 15px 0px 0px 10px;
  margin: 0px;
}

#centerbox label {
  padding: 0px 10px 0px 0px;
}

#centerbox legend {
  display: block;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  color: #F27A21;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 0px;
  margin: 0px;
}

#centerbox input#title {
  margin-bottom: 10px;
}

.save button {
  color: #d1d3d4;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px 0px 0px 8px;
  width: 64px;
  height: 21px;
  border: 0px;
  background: url(../../../images/stories/system/search_buttons_orange.gif) left top no-repeat;
  cursor: pointer;
}

.save button:hover {
  background-position: left -21px;
}

.inputbox, #member-profile input, #member-registration input, form.login input, form.reset input {
  float: left;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #444;
  width: 220px;
  height: 16px;
  padding: 3px 2px 5px 2px;
  background: #E5E5E5;
  margin: 0px 0px 0px 0px;
}

div.inputstart {
  float: left;
  width: 5px;
  height: 22px;
  margin: 0px 0px 0px 30px;
}

div.inputend {
  float: left;
  width: 5px;
  height: 22px;
}

.button_user {
  color: #444;
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 94px;
  height: 22px;
  border: 0px;
  background: #E5E5E5;
  cursor: pointer;
}

.button_user:hover {
  color: #F27A21;
}

.button_x {
  padding: 0px;
  margin: 0px;
  width: 20px;
  height: 20px;
  border: 0px;
  background: url(../../../images/stories/system/bg_button_x.png) no-repeat;
  cursor: pointer;
}

.headloginlink a {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  font-weight: normal;
  color: #808080;
  border: 0px;
  background: none;
  cursor: pointer;
  text-align: left;
  width: auto;
  text-decoration: none;
}


 .headloginlink a:hover {
  color: #D1D3D4;
}

#captchainput {
  margin: 20px 0px 0px 0px;
}

.captcha label {
  display: block;
  padding: 20px 0px 5px 0px;
}

#captchareload a {
  color: #808080;
  text-decoration: none;
}

#captchareload a:hover {
  color: #D1D3D4;
}

.zuserterms {
  padding: 20px 0px 5px 0px;
}

.zuserterms a {
  color: #808080;
  text-decoration: none;
}

.zuserterms a:hover {
  color: #D1D3D4;
}


/* contactform */

.moduletable_contact {
  padding: 0px 20px 20px 20px;
}

#contactform {
  padding: 25px 0px 0px 0px;
}

div.inputfield {
  padding: 0px;
  clear: both;
}

.inputfield label {
  line-height: 20px;
}

.contactinputbox {
  float: left;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  background: #E5E5E5;
  line-height: 12px;
  color: #444;
  width: 182px;
  height: 16px;
  padding: 3px 2px 5px 2px;
  margin: 0px 0px 7px 0px;
}

#contactmessage {
    resize: none;
}

div.inputfieldstart {
  float: left;
  width: 5px;
  height: 22px;
  margin: 0px 0px 7px 0px;
}

div.inputfieldend {
  float: left;
  width: 5px;
  height: 22px;
  margin: 0px 0px 7px 0px;
}

.contactselect {
  float: left;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  background: #E5E5E5;
  color: #444;
  width: 186px;
  height: 24px;
  padding: 3px 2px 5px 2px;
  margin: 0px 0px 7px 0px;
}

.contacttextarea {
  float: left;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #D1D3D4;
  width: 350px;
  height: 122px;
  max-width: 350px;
  max-height: 122px;
  padding: 7px 2px 7px 2px;
  background: #D1D3D4 url(../../../images/stories/system/textareabg_orange.gif) repeat-x;
  margin: 0px 0px 0px 0px;
}

div.contacttextareastart {
  float: left;
  width: 5px;
  height: 136px;
  margin: 0px 0px 0px 0px;
  background: url(../../../images/stories/system/textareastart_orange.gif) no-repeat;
}

div.contacttextareaend {
  float: left;
  width: 5px;
  height: 136px;
  margin: 0px 0px 0px 0px;
  background: url(../../../images/stories/system/textareaend_orange.gif) no-repeat;
}

.moduletable_contact .requiredfield {
  margin: 2px 0px 15px 0px;
  font-size: 11px;
}

.button_contact {
  color: #000;
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 94px;
  height: 22px;
  border: 0px;
  cursor: pointer;
  background: #DAE5E5;
}

.curroption {
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #444;
  padding: 3px;
  width: 178px;
  height: 14px;
  background: url(../../../images/stories/system/pfeilunten.gif) no-repeat center right;
  display: block;
  cursor: pointer;
  background-color: #E5E5E5;
}

.selectoption {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #D1D3D4;
  width: 178px;
  height: 16px;
  background: none;
  padding: 0px;
  display: block;
  cursor: pointer;
}

#contacterror {
  color: #F27A21;
  padding: 20px 0px 0px 0px;
}


/* content of znewsletter */

.inputbox_nl {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #444;
  width: 170px;
  height: auto;
  padding: 2px 5px 2px 5px;
  background: #E5E5E5;
  border: 1px solid #777777;
  margin: 3px 50px 8px 0px;
}

#newslettersubmit {
  margin: 8px 0px 0px 0px;
}


/* content of zmenubox */

#zmenubox {
  padding: 20px 0px 0px 0px;
  width: 300px;
}

#sechl {
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  color: #F27A21;
}

#cathl {
  margin: 0px 0px 20px 0px;
  width: 340px;
  height: 120px;
  overflow: visible;
}

#cath1 > div {
  display: none;
}

#cath1 > div#currcat {
  display: block;
}

div.menuboxentrybox {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0px;
  padding: 0px 4px 4px 0px;
  overflow: hidden;
}

div.menuboxentry {
  width: 96px;
  height: 96px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

div.menuboxentry a {
  display: block;
  width: 96px;
  height: 96px; 
  text-align: center;
  padding: 0px;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  background: #5D8487;
}

div.menuboxentry:hover {
  opacity: 0.8;
}

div.menuboxentry.empty {
  background: #ededed;
}

div.menuboxentryspacer {
  float: left;
  width: 96px;
  height: 96px;
  margin: 0px 4px 4px 0px;
  padding: 0px;
  font-size: 0px;
}

div.entrydummy {
  width: 96px;
  height: 96px;
  margin: 0px 4px 4px 0px;
  padding: 0px;
  font-size: 0px;
 }

div.menuboxentry img {
  width: 98px;
  height: 98px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}


/* content of zmultimediabox */

#producthl {
  margin: 0px 0px 15px 0px;
  width: 340px;
}

#zmultimediaboxwrap {
  position: relative;
  width: 340px;
  padding: 0px 0px 10px 0px;
  margin: -5px 0px 0px 0px;
  z-index: 1;
}

#zmultimediabox {
  position: relative;
  padding: 0px 0px 0px 20px;
  width: 316px;
  overflow: auto;
  height: 272px;
  z-index: 1;
  background: #ededed;
}

#zmultimediaboxoverlay {
  position: absolute;
  margin-top: 32px;
  margin-left: 2px;
  width: 336px;
  height: 272px;
  z-index: 2;
  background: #231F20;
  padding: 0px;
  display: none;
}

#zmultimediaboxwrap .corner {
  position: absolute;
  width: 10px;
  height: 10px;
  font-size: 1px;
  line-height: 1px;
  z-index: 3;
}

#zmultimediabox ul {
  list-style-type: none;
}

#zmultimediabox ul li {
  width: 296px;
  overflow: hidden;
  height: 247px;
  padding-top: 25px;
  text-align: center;
}

img.zAudio {
  width: 296px;
}

img.zvideo {
  width: 296px;
}

.zvideo {
  background: #000000 url(../../../images/stories/system/loading.gif) 49% 49% no-repeat;
}

.zaudio {
  background: #000000 url(../../../images/stories/system/loading.gif) 49% 49% no-repeat;
}

div.zmultimediabox_symbol {
  margin: 6px 0px 0px 5px;
  float: left;
  display: none;
}

#zvideo_symbol {
  width: 24px;
  height: 16px;
  background: url(../../../images/stories/system/video.png) no-repeat;
}

#zaudio_symbol {
  width: 24px;
  height: 20px;
  background: url(../../../images/stories/system/audio.png) no-repeat;
  margin: 6px 0px 0px 3px;
}

#zscreenshot_symbol {
  width: 24px;
  height: 16px;
  background: url(../../../images/stories/system/screenshot.png) no-repeat;
}

#zmultimediaheadline {
  width: 105px;
  height: 15px;
  float: left;
  background: url(../../../images/stories/system/h_video.png) no-repeat;
  margin: 7px 0px 0px 10px;
}

.zmultimediaboxcontrol {
  width: 340px;
  height: 30px;
}

.controlbox {
  float: right;
  margin: 11px 162px 0px 0px;
  width: 15px;
  height: 8px;
  cursor: pointer;
}

#control_up {
  background: url(../../../images/stories/system/pfeiloben.gif) no-repeat;
}

#control_down {
  background: url(../../../images/stories/system/pfeilunten.gif) no-repeat;
}

div.zmultimediamenucolumn {
  width: 160px;
  float: left;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  display: none;
}

div.zmultimediamenucolumn ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div.zmultimediamenucolumn ul li {
  padding: 0px;
  margin: 0px 0px 0px 25px;
}

div.zmultimediamenucolumn ul li a {
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #666;
}

div.zmultimediamenucolumn ul li.activemedia a {
  color: #F27A21;
}

div.zmultimediamenucolumn ul li a:hover {
  color: #F27A21;
}

#zscreenshotmenu {
  background: url(../../../images/stories/system/screenshot.png) no-repeat;
  display: none;
}

#zvideomenu {
  background: url(../../../images/stories/system/video.png) no-repeat;
  display: none;
}

#zaudiomenu {
  background: url(../../../images/stories/system/audio.png) no-repeat;
  display: none;
}

#mmmenuclearer {
  display: none;
}

.audiojs {
  width: 300px;
}

.audiojs .scrubber {
  width: 146px;
  cursor: pointer;
}

.audiojs .time {
  position: absolute;
  margin-left: 192px;
  border-left: 0px;
}

.zaudio {
  display: block;
}

a.zaudio {
  display: block;
  width: 276px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  padding: 0px 10px 0px 10px;
  margin: 4px 0px 0px 0px;
  color: #808080;
  text-decoration: none;
  border-bottom: 1px solid #676767;
}

a.zaudio:hover {
  color: #D1D3D4;
}

a.activeAudio  {
  color: #D1D3D4;
}

#mmlist li img.zscreenshot {
  max-width: 296px;
  max-height: 222px;
}


/* format of footer */

#footercontentbox {
  position: relative;
  width: 1074px;
  margin: 0 auto;
  padding-top: 25px;
  color: #e5e5e5;
  display: flex;
}

#footer .moduletable {
  text-align: left;
}

#footer .moduletable label {
  display: block;
}

#copyright {
  background: #191919;
  width: 100%;
  padding: 15px;
  display: block;
  box-sizing: border-box;
}

#footer .company {
      min-width: 400px;
    text-align: left;
}

div.moduletable_footer {
  display: inline;
}

.moduletable_footer {
  display: inline;
}

.moduletable_footer ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: inline;
}

.moduletable_footer ul li {
  display: inline;
  padding: 0px;
}

.moduletable_footer ul li a {
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

.moduletable_footer ul li a:hover {
  color: #F27A21;
}

.moduletable_footer .item-260 {
  display: none;
}


/* head login area */

.headlogin #mod_login_username {
  width: 60px;
}

.headlogin #mod_login_password {
  width: 40px;
}

.headlogin input.button_login {
  float: left;
    width: 62px;
}

.headloginlink {
  display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 0;
    padding-left: 0;
}

.inputbox_login {
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #444;
  width: 170px;
  height: auto;
  padding: 2px 5px 2px 5px;
  background: #E5E5E5;
  border: 1px solid #777777;
  margin: 0px 8px 0px 0px;
  margin-bottom: 10px;
 }

div.inputstart_login {
  float: left;
  width: 5px;
  height: 18px;
}

div.inputend_login {
  float: left;
  width: 5px;
  height: 18px;
}

.button_login {
  color: #d1d1d2;
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 90px;
  height: 21px;
  border: 0px;
  cursor: pointer;
}

.remember {
  font-size: 11px;
  padding: 0px 0px 0px 0px;
  line-height: 11px;
  height: 11px;
}

span.zremember {
  height: 11px;
  padding: 0px 0px 2px 0px;
}

#loginarea .invalid {
  color: #F27A21;
}

#loginremember {
  float: right;
  width: 104px;
  color: #808080;
}

#headaccountmenu {
  float: right;
  margin: 21px 0px 0px 0px;
  width: 164px;
}

#loginarea .checkbox {
  padding: 0px;
  margin: 0px;
  border: 0px;
}


/* myAccount form */

#myaccountmenu {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 196px;
  height: 20px;
  margin-left:-196px;
  z-index: 2;
  background: #333333 url(../../../images/stories/system/bg_searchbox.png) repeat-x;
}

#myaccount {
  float: left;
  text-align: left;
  margin: 0px 0px 0px 20px;
  color: #F27A21;
}

.button_account {
  color: #37b34a;
  font-size: 14px;
  padding: 0px;
  margin: 1px 0px 0px 0px;
  background: none;
  border: 0px;
  cursor: pointer;
  text-align: left;
  width: 100px;
  text-transform: uppercase;
}

.button_account:hover {
  color: #F27A21;
}


/* navigation */

#headmenu {
  padding: 0px 45px 0px 0px;
  margin: 0px;
  float: left;
  height: 36px;

}

div.moduletable_menu {
  float: left;
  margin: 0px;
  padding: 0px;
}

#headmenu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  display: flex;
}

#headmenu ul li {
  margin-left: 20px;
}

#headmenu ul li a {
  color: #222;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  text-transform: uppercase;
}

#headmenu ul li:hover ul {
    visibility: visible;
    z-index: 11;
}

#headmenu ul li ul {
  list-style-type: none;
  padding: 5px 0px 10px 0px;
  padding-bottom: 12px;
  margin: 0px;
  top: 23px;
  left: 0px;
  background: #ededed;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
}

#headmenu ul li ul li {
  float: left;
  margin: 0px;
  padding: 0px;
  visibility: hidden;
}

#headmenu ul li:hover ul li, #headmenu ul li.active ul li, #headmenu ul li.active ul {
  visibility: visible;
  z-index: 10;
}

#headmenu ul li ul li a {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  font-weight: normal;
  padding: 0;
  margin: 0px 15px 0px 0px;
  text-decoration: none;
}

#headmenu .menu > li {
  height: 55px;
}

div.moduletable_menu {
  float: left;
}

#headmenu ul li ul li ul {
  display: none;
}

.ulwrap {
  width: 100%;
}


/* navigation */

#submenu {
  padding: 0px;
  width: 204px;
  background-repeat: no-repeat;
  background-position: top right;
}

#submenu ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#submenu ul li {
  margin: 0px;
  padding: 0px 0px 3px 0px;
}

#submenu ul li a {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}

#submenu ul li a:hover, #submenu ul li.active a {
  text-decoration: underline;
}


/* left box content */

#leftbox h1 {
  font-size: 15px;
  line-height: 24px;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 0px;
  margin: 0px 0px 12px 0px;
}

#leftbox h2 {
  font-size: 14px;
  line-height: 22px;
  color: #F27A21;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}

#leftbox h3 {
  font-size: 14px;
  line-height: 15px;
  padding: 12px 0px 6px 0px;
  margin: 0px;
  color: #F27A21;
  clear: both;
}

#leftbox h4 {
  font-size: 14px;
  line-height: 15px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  font-weight: bold;
}

#leftbox h5 {
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  line-height: 15px;
}

#leftbox h6 {
  font-size: 26px;
  font-weight: bold;
  line-height: 26px;
  padding: 0px 0px 15px 0px;
  margin: 0px;
  color: #F27A21;
}

#leftbox p {
  font-size: 12px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

#leftbox p a {
  text-decoration: none;
  font-weight: bold;
}

#leftbox p a:hover {
  text-decoration: underline;
}

#leftbox .menuhl {
  font-size: 14px;
  line-height: 15px;
  padding: 0px 0px 3px 25px;
  margin: 0px;
  font-weight: bold;
}


/* center box content */

#centerbox h1 {
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 0px;
  margin: 0px 0px 12px 0px;
  clear: both;
}

#centerbox h2 {
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  color: #000;
  border: 0;
}

#centerbox a.buy {
  text-align: right;
  float: right;
  display: block;
  background: #ddd;
  color: #444;
  padding: 5px;
  text-transform: uppercase;
}

#centerbox h3 {
  font-size: 16px;
  line-height: 20px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  color: #429397;
  clear: both;
  font-weight: bold;
  border-bottom: 1px solid #676767;
  text-transform: uppercase;
}

#centerbox h4 {
  font-size: 14px;
  line-height: 15px;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  color: #F27A21;
}

#centerbox h5 {
  font-size: 14px;
  line-height: 15px;
  padding: 0px 0px 2px 25px;
  margin: 0px;
  color: #F27A21;
}

#centerbox h6 {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  padding: 10px 0px 10px 0px;
  margin: 0px;
}

#centerbox p {
  font-size: 12px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  line-height: 16px;
}

#centerbox .leading p {
  text-align: justify;
}

#centerbox h2 a {
  color: #F27A21;
  text-decoration: none;
}

#centerbox p.iteminfo {
  font-size: 11px;
  font-weight: normal;
  padding: 0px 0px 7px 0px;
  margin: -2px 0px 0px 0px;
  color: #808080;
}

#centerbox p.articleinfo {
  font-size: 11px;
  font-weight: normal;
  padding: 0px 0px 7px 0px;
  margin: -2px 0px 0px 0px;
  color: #808080;
}

#centerbox p a {
  text-decoration: none;
}

#centerbox p a:hover {
  color: #F27A21;
}

#centerbox .moduletable_download {
  padding: 0px 20px 10px 20px;
  overflow: hidden;
}

#centerbox .downloadlist {
  padding: 5px 0px 20px 0px;
}

#centerbox .filedownload {
  margin: 10px 0px 0px 0px;
  height: 20px;
  background-color: #ededed;
  padding: 10px 5px 10px 10px;
  background-position: right 5px;
  background-repeat: no-repeat;
  color: #000;
}

#centerbox .filedownload p {
  padding: 3px 0px 0px 0px;
}

#centerbox .moduletable_download .downloadbutton {
  float: left;
  padding: 0px 20px 0px 0px;
}

#centerbox .moduletable_download .button_download {
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 94px;
  height: 26px;
  border: 0px;
  cursor: pointer;
}

#centerbox .moduletable_download a {
  display: block;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 90px;
  height: 21px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  margin-top: -10px;
  margin-left: -10px;
  height: 38px;
  line-height: 38px;
}

#centerbox .d_closed .downloadlist {
  display: none;
  padding: 0px 0px 10px 0px;
}

#centerbox .d_closed h1 {
  background: url(../../../images/stories/system/pfeilunten.gif) right center no-repeat;
  cursor: pointer;
}

#centerbox .d_open .downloadlist {
  display: block;
  padding: 0px 0px 10px 0px;
}

#centerbox img {
  border: 0;
}

#centerbox .moduletable_shareit {
  width: 695px;
  margin: 0px 0px 20px 75px;
}

#centerbox .moduletable_shareit .sysmsg {
  background: #3d3d3d;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 10px;
}



/* user account */

.moduletable_userdetails {
  padding: 20px;
}

.button_settings {
  color: #474747;
  font-size: 11px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 94px;
  height: 22px;
  border: 0px;
  cursor: pointer;
}

.button_settings:hover {
  color: #F27A21;
}

.moduletable_myproducts {
  padding: 0px 20px 20px 20px;
}

#myproducts {
  margin: 0px 0px 10px 0px;
}

.userproduct {
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #676767;
}

.titlefield {
  float: left;
  padding: 4px 0px 4px 0px;
  margin: 0px 0px 10px 0px;
  width: 96px;
  line-height: 20px;
  font-size: 13px;
}

.productdownloadlink {
  float: right;
  margin: 0px 0px 0px 0px;
}

.valuefield {
  float: left;
  font-weight: bold;
  padding: 4px 0px 4px 9px;
  margin: 0px 0px 10px 0px;
  width: 280px;
  line-height: 20px;
  font-size: 12px;
}

.hl {
  font-size: 13px;
}

.keys {
  background: #ededed;
  letter-spacing: 0.3px;
  color: #000;
 }

.moduletable_myproducts .productregister {
  padding: 0px;
}

a.buyupgrade.button {
  width: 277px;
}

.moduletable_myproducts a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.moduletable_myproducts .serialinputbox {
  float: left;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #000;
  width: 262px;
  height: 14px;
  padding: 3px 5px 5px 5px;
  background: #fff;
  margin: 0px 0px 5px 0px;
  text-transform: uppercase;
  text-align: left;
}

body.page-259 #formcancel {
  display: none;
}

.upgrade_msg {
  padding: 10px 0px 0px 0px;
}

.userproduct .button, .userproduct .buyupgrade {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 6px 0px 5px 0px;
  border: 0;
  background: #308D96;
  cursor: pointer;
  font-family: "opensans", sans-serif;
  padding: 6px;
  width: 289px;
  margin-left: -9px;
  margin-bottom: -4px;
}

.userproduct .buyupgrade {
  display: block;
  float: right;
}

.moduletable_productregistration {
  padding: 0px 20px 20px 20px;
}

.moduletable_productregistration a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.moduletable_productregistration a:hover {
  color: #F27A21;
}

#registerproduct {
  margin: 15px 0px 0px 0px;
}

.moduletable_productregistration label {
  line-height: 30px;
  font-weight: bold;
}

.serialinputbox {
  float: left;
  background-color: #E5E5E5;
  border: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #444;
  width: 300px;
  height: 16px;
  padding: 3px 2px 5px 2px;
  margin: 0px 0px 5px 0px;
}

.eg {
  font-size: 11px;
  line-height: 11px;
  margin: 0px 0px 20px 0px;
}

#registrationfeedback {
  margin: 20px 0px 0px 0px;
  color: #F27A21;
  font-weight: bold;
}

.moduletable_productregistration .productregister {
  padding: 10px 0px 0px 0px;
}



/* right box content */

#rightbox {
  font-size: 12px;
  font-weight: normal;
  padding: 0px;
  margin: 0px 0px 7px 0px;
  padding-left: 20px;
  width: 204px;
  float: right;
}

#rightbox h1 {
  font-size: 18px;
  line-height: 18px;
  padding: 0px 0px 10px 0px;
  margin: 0px;
}

#rightbox h2 {
  font-size: 22px;
  font-weight: normal;
  line-height: 26px;
  padding: 0px 60px 13px 0px;
  margin: 0px;
}

#rightbox h3 {
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0px 0px 10px 0px;
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
}

#rightbox h4 {
  font-size: 26px;
  font-weight: normal;
  line-height: 32px;
  padding: 0px;
  margin: 0px;
}

#rightbox h5 {
  font-size: 13px;
  line-height: 18px;
  height: 18px;
  padding: 0px 0px 0px 30px;
  margin: 0px;
  color: #F27A21;
}

#rightbox p {
  font-size: 12px;
  font-weight: normal;
}



/* search */

.inputbox_search {
  float: left;
  border: 1px solid #777777;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  color: #444;
  width: 118px;
  height: auto;
  background: #E5E5E5;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 0px 0px;
 }

div.inputstart_search {
  float: left;
  width: 5px;
  height: 18px;
  background: url(../../../images/stories/system/bg_inputstart.png) no-repeat;
}

div.inputend_search {
  float: left;
  width: 5px;
  height: 18px;
  background: url(../../../images/stories/system/bg_inputend.png) no-repeat;
}

.button_search {
  color: #d1d3d4;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px 0px 0px 8px;
  width: 64px;
  height: 21px;
  border: 0px;
  cursor: pointer;
}

#centerbox .results h1 {
  margin: 20px 0px 20px 0px;
}

#centerbox .results h4 a {
  text-decoration: none;
  color: #F27A21;
}

#centerbox .results h4 a:hover {
 text-decoration: underline;
}

#centerbox #page .results ol.list_search li {
  padding: 0px 0px 20px 0px;
}

#centerbox fieldset.word {
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

#centerbox fieldset.phrase {
  margin: 0px;
  padding: 10px 0px 20px 0px;
}

#content #centerbox .search_result_search {
  padding: 20px 0px 0px 0px;
}

#content #centerbox .search_result_search h3 {
  clear: both;
  margin: 0px;
  padding: 20px 0px 10px 0px;
  line-height: 14px;
}

#content #centerbox .search_result_search .inputbox {
  float: none;
  height: auto;
  width: auto;
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;
  padding: 2px 5px 2px 5px;
  color: #444;
  background: #E5E5E5 ;
  border: 1px solid #777777;
  margin: 0px 5px 0px 0px;
}

.display {
  border-top: 1px solid #676767;
  margin: 20px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}

#content #centerbox .search_result_search button {
  color: #d1d1d2;
  font-size: 11px;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  width: 90px;
  height: 20px;
  border: 0px;
  background: url(../../../images/stories/system/buttons_orange.gif) left top no-repeat;
  cursor: pointer;
  float: left;
}

#content #centerbox .search_result_search button:hover {
  background-position: left -20px;
}




/* helpers */

.clearer {
  clear: both;
}

.highlight {
  background: #666666;
}

#sharing {
  background: #111111;
  -moz-box-shadow: 5px 5px 10px #000;
  -webkit-box-shadow: 5px 5px 10px #000;
  box-shadow: 5px 5px 10px #000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}


.contentpaneopen_edit {
  text-align: right;
  height: 0px;
  display: none;
}

.contentpaneopen_edit img {
  border: 0px;
  margin-top: 3px;
}

#nlloading {
  padding: 5px 0px 0px 20px;
  background: #262626 url(../../../images/stories/system/loading_w.gif) bottom right no-repeat;
  display: none;
}

#nlloading img {
  background: #262626;
}

#formloading {
  padding: 5px 0px 0px 20px;
  background: #404040 url(../../../images/stories/system/loading_g.gif) bottom right no-repeat;
  display: none;
}

#formloading img {
  background: #404040;
}

#leftbox .contentpaneopen_edit {
  text-align: left;
  height: 0px;
  width: 324px;
}

#leftbox .contentpaneopen_edit a {
  position: absolute;
  z-index: 20;
}

fieldset {
  border: 0px;
}

.buttonheading {
  display: none;
}

.leading_separator {
  clear: both;
  font-size: 1px;
}

.row_separator {
  clear: both;
}

#stage {
  position: fixed;
}

ul.ucd_list {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.ucd_list li ul {
  padding: 0px 0px 0px 15px;
}

ul.ucd_list li.ucd_item {
  padding: 0px 0px 10px 0px;
}

ul.ucd_jqueryfader {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

ul.ucd_jqueryfader li {
  padding: 0px 0px 15px 0px;
}

ul.ucd_jqueryfader li ul {
  padding: 0px 0px 0px 15px;
}

.ucd_title a {
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

.ucd_date {
  padding: 0px;
  margin: 0px 0px 3px 0px;
  font-size: 11px;
  font-weight: normal;
  color: #808080;
}

a.ucd_readon {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

div.introtext {
  padding: 5px 0px 5px 0px;
  margin: 0px;
  font-size: 13px;
  font-weight: bold;
}

div.introtext a {
 text-decoration: none;
}

div.introtext a:hover {
  color: #F27A21;
}

div.fulltext {
  padding: 0px 0px 3px 0px;
  overflow: hidden;
}

div.fulltext a {
 text-decoration: none;
}

div.fulltext a:hover {
  color: #F27A21;
}

.ucd_news p {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

a.readon {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

a.readon:hover {
  color: #F27A21;
}

.button_link {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  border: 0px;
  background: none;
  cursor: pointer;
  text-align: left;
}

.button_link:hover {
  color: #F27A21;
}

.active_link {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #F27A21;
  border: 0px;
  background: none;
  cursor: pointer;
  text-align: left;
}

.faq_answer_box {
  padding: 12px 0px 4px 0px;
}

a.year {
  text-decoration: none;
  font-weight: bold;
  line-height: 17px;
}

a.year:hover {
  color: #F27A21;
}

a.active {
  color: #F27A21;
  text-decoration: none;
  font-weight: bold;
  line-height: 17px;
}

#addcontent {
  float: right;
}

#addcontent a {
  display: block;
  float: left;
  text-decoration: none;
  margin: 10px 0px 0px 8px;
}

#addcontent #addbutton {
  display: none;
}

#content #centerbox #editor-xtd-buttons a {
  display: block;
  color: #d1d3d4;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 0px;
  margin: 10px 0px 0px 8px;
  width: 64px;
  height: 21px;
  line-height: 21px;
  border: 0px;
  background: url(../../../images/stories/system/search_buttons_orange.gif) left top no-repeat;
  text-decoration: none;
}

#content #centerbox #editor-xtd-buttons a:hover {
  background-position: left -21px;
}

/* editor classes */

.productheadline {
  font-size: 11px;
  font-weight: bold;
  line-height: 15px;
  width: 120px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 10px 10px;
  float: left;
  border-left: 1px solid #D1D3D4;
}

.menuboxheadline {
  font-size: 22px;
  font-weight: bold;
  line-height: 22px;
  color: #F27A21;
  width: 120px;
  padding: 6px 0px 0px 6px;
  margin: 0px 0px 0px 2px;
  float: left;
}

.faq {
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  padding: 0px 0px 0px 0px;
  margin: 18px 0px 6px 0px;
  cursor: pointer;
}

#centerbox h1.faqheadline {
  margin-top: 30px;
}

.teaserlink {
  clear: both;
  padding: 0px;
  margin: 0px;
}

#centerbox .teaserlink a {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

#centerbox .teaserlink a:hover {
  color: #F27A21;
}

#centerbox .leading {
  position: relative;
}

#centerbox a.more, #centerbox a.buy {
  position: absolute;
  bottom: 20px;
  line-height: 14px;
}

#centerbox #page {
  position: relative;
}

#centerbox #page a.buy {
  position: static;
  bottom: auto;
  background: #308D96;
  color: #fff;
  padding: 8px;
  margin-bottom: 10px;
  margin-left: 15px;
}

#centerbox a.buy {
  right: 0;
}

.moduletable_teaserbox {
  position: relative;
  width: 340px;
  height: 420px;
  overflow: hidden;
}

#leftbox .moduletable_teaserbox .teaser_paragraph {
  position: absolute;
  top: 140px;
  left: 30px;
  width: 280px;
  color: #262626;
  font-size: 13px;
  text-align: center;
}

.moduletable_teaserbox .teaser_movie {
  position: absolute;
  top: 96px;
  left: 15px;
}

#leftbox .moduletable_teaserbox .teaser_price {
  position: absolute;
  top: 385px;
  left: 30px;
  width: 280px;
  color: #F27A21;
  font-weight: bold;
}

.moduletable_teaserbox .teaser_productbox {
  position: absolute;
  top: 200px;
  left: 150px;
}

#centerbox p.zreview {
  float: left;
  width: 33%;
  height: 130px;
  padding: 10px 0px 10px 0px;
  overflow: hidden;
  text-align: center;
}

#comwrapperbox {
  overflow: hidden;
  background: url(../../../images/stories/system/loading.gif) 48% 48% no-repeat;
}

.moduletable_buystar {
  position: absolute;
  width: 65px;
  height: 65px;
  overflow: hidden;
  background: url(../../../images/stories/system/buystar.png) no-repeat;
  z-index: 100;
  padding: 16px 0px 0px 16px;
  margin: 311px 0px 0px 295px;
}

.special_link {
  text-transform: uppercase;
  line-height: 20px;
}


/* TOOLTIP LINK STYLES */

span.tooltips-link {
  cursor: default;
}
span.tooltips-link.isimg {
  border-bottom: none;
}
span.tooltips-link.nostyle {
  border-bottom: none;
  cursor: inherit;
}


/* TOOLTIP STYLES */

div.tooltips-tip,
div.tooltips-tip.tool-tip,
div.tooltips-tip-tip {
  display: none;
  float: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  max-width: none;
  z-index: 200;
  text-align: left;
}
div.tooltips-tip-tip {
  display: block;
  visibility: hidden;
  text-align: left;
}
div.tooltips-tip div.tip,
div.tooltips-tip-tip > div {
  float: left;
  margin: 0;
  padding: 10px;
  line-height: 1.3em;
  border: 2px solid #F27A21;
  max-width: 400px;
  z-index: inherit;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  text-align: left;
}
div.tooltips-tip div.tip-title,
div.tooltips-tip-tip div.tooltips-tip-title {
  margin: 0;
  padding: 0;
  background: none;
  font-size: 1em;
  text-align: left;
  font-weight: bold;
}
div.tooltips-tip div.tip-text,
div.tooltips-tip-tip div.tooltips-tip-text {
  font-size: 1em;
  margin: 0;
  padding: 0;
  padding-top: 0;
  text-align: left;
}


/* IMAGE TIPS */

div.tooltips-img.tooltips-tip div.tip,
div.tooltips-img.tooltips-tip-tip > div {
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

div.tooltips-img.tooltips-tip div.tip-title,
div.tooltips-img.tooltips-tip-tip div.tooltips-tip-title,
div.tooltips-img.tooltips-tip > div > div:first-child,
div.tooltips-img.tooltips-tip-tip > div > div:first-child {
  margin: 0;
  padding: 0;
  background: none;

}


/* pagination */

#centerbox p.counter {
  padding: 6px 0px 0px 0px;
  float: right;
}

#centerbox ul.pagination {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#centerbox ul.pagination li {
  float: left;
  margin: 6px 10px 0px 0px;
  padding: 0px;
}

#centerbox ul.pagination li a {
  text-decoration: none;
}

#centerbox ul.pagination li a:hover {
  color: #F27A21;
}

#centerbox .paginationline {
  border-top: 1px solid #676767;
  margin: 5px 0px 0px 0px;
}

#errorboxbody {
  padding: 30px;
}

#errorboxbody p {
  padding: 10px 0px 0px 0px;
}

#errorboxbody ul {
  padding: 5px 0px 0px 15px;
}

#errorboxbody ul a {
  text-decoration: none;
}

#errorboxbody ul a:hover {
  color: #F27A21;
}

.nsb_container #l1 img {
    height: 26px;
    margin-right: 6px;
}

#wrap {
    width: auto !important;
}

body.page-218 #centerbox {
  width: 850px;
  float: none;
}


body.page-218 #centerbox .leading {
    width: 47%;
    margin-right: 3%;
    clear: none;
}

body.page-218 #centerbox .blog {
  display: flex;
  flex-wrap: wrap;
}

body.page-218 #centerbox .leading_separator {
  clear: none;
  display: none;
}

.button_login, .button_search {
  background: #DAE5E5;
  color: #000;
  border: 1px solid #DAE5E5;
  font-family: "opensans", sans-serif;
}


body {
  background: #fff;
  font-family: "opensans", sans-serif;
  padding-top: 149px;
}

#content {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#head {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
  background: #ededed;
}

#head .inner {
  width: 1050px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

#head .inner .logo {
  position: absolute;
  left: 0;
  top: 0;
  background: url(/templates/zplane/zplane-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 13px;
  color: transparent;
  width: 175px;
  height: 90px;
} 

#head #headmenu {
  position: relative;
  left: 250px;
  margin-top: 40px;
  width: 720px; /* 580 px (ms)   */
}

#head #headmenu div.ulwrap {
  background: #ededed;
}

#headmenu ul li a {
  color: #222;
  font-size: 16px;
}

#headmenu li.active ul li a {
  color: #5d5c5c;
}

#headmenu li ul li.active a, #headmenu ul li ul li a:hover {
  border-bottom: 2px solid #7f7f7f;
}

#headmenu ul.menu > li.active > a {
  border-bottom: 2px solid #666;
}

#headmenu ul li a:hover {
  color: #5d5c5c;
}


#head::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 42px;
    background: url(/templates/zplane/abstrakt.jpg);
    background-position: contain;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 7px;
}

#logoutbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 10px;
}

#logoutbox input.button_login {
  width: 67px;
}

@keyframes quotes {
    from {  transform: translateY(0px);  }
    to   {  transform: translateY(-100%); }
}

.moduletableuser_quotes .ucd_news {
  height: 200px;
  overflow: hidden;
}

.moduletableuser_quotes .ucd_list {
  animation-name: quotes;
  animation-duration: 40s;     
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.moduletableuser_quotes .ucd_list:hover {
  animation-play-state: paused;
}

#loginbox {
    margin-bottom: 10px;
}

.moduletable_submenu::before {
    content: "Menu";
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #676767;
    border-bottom: 1px solid #676767;
    display: block;
}

body, #head, #footer {
  min-width: 1124px; 
}

input.invalid {
  border: 1px solid #F27A21;
}

#jform_profile_tos label, #member-registration #jform_profile_tos1 {
   float: none;
}

.contacttextarea {
  background: #D1D3D4;
  color: #444;
}

 div.contacttextareastart, div.contacttextareaend {
display: none;
}