@charset "UTF-8";
/*$sansFontFamily:        "Tabula Book", "Tabula ITC Pro", Arial, sans-serif;*/
/* Site Body Styles */
body.site {
  /*border-top:3px solid #0088cc;*/
  /*padding: 20px;*/
  /*background-color: #f4f6f7;*/
  background-color: #000;
}

body.site.fluid {
  background-color: #ffffff;
}

.thumbnail {
  margin-bottom: 9px;
}

.accordion-group {
  background: #fff;
}

/* Site Title (if no logo) */
.site-title {
  font-size: 28px;
  line-height: 34px;
  font-weight: bold;
}

.brand {
  /*color: darken($linkColor, 20%);
  .transition(color .5s linear);*/
  color: #fff;
}

.brand:hover {
  color: #fff;
  text-decoration: none;
}

/* Header */
.header {
  background: #000;
  display: block;
  position: relative;
}

.header .finder {
  margin-top: 14px;
}

.header .finder .btn {
  margin-top: 0px;
}

.header .header-inner {
  display: inline-block;
  float: left;
  margin-top: 2px;
  margin-left: 20px;
  height: 40px;
}

.header .header-logo {
  position: relative;
  height: 160px;
  float: left;
  width: 160px;
}

.header .header-brand {
  /*position: absolute;*/
  /*left: 90px;*/
  /*top: 10px;*/
  float: left;
  height: 120px;
  padding-left: 20px;
  padding-top: 20px;
  width: 230px;
}
.header .header-brand a {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 40px;
}
.header .header-brand a:hover,
.header .header-brand a:focus,
.header .header-brand a:active,
.header .header-brand a:visited,
.header .header-brand a:link {
  text-decoration: none;
}

.header .header-abschluss {
  height: 15px;
  display: block;
  line-height: 15px;
  width: 100%;
  background-color: #903689;
  border-top-left-radius: 7px;
  position: relative;
  clear: both;
}

.header .header-abschluss-short {
  clear: both;
  height: 0;
}

/* Nav */
.navigation {
  padding-left: 270px;
  clear: both;
  display: inline-block;
  float: left;
  height: 40px;
  /*margin-top: $ttcvieHeightHeaderOverall - $ttcvieHeightHeader - $ttcvieHeightHeaderAbschlussLeiste;*/
  /*padding: 5px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
  margin-bottom: 10px;*/
}

.navigation .nav-pills {
  margin-bottom: 0;
}

/* Hero Banner Unit */
.hero-unit {
  background-color: #08C;
}

.hero-unit > * {
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* Container */
.container {
  max-width: 960px;
}

.body .container {
  /*background-color: #fff;*/
  margin-top: 20px;
  /*border-radius: 4px;*/
  /*padding: 20px;*/
  /*border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);*/
}

.body-abschluss {
  height: 15px;
  display: block;
  line-height: 15px;
  width: 100%;
  background-color: #903689;
  border-bottom-right-radius: 7px;
  position: relative;
  clear: both;
}

main {
  background-color: #fff;
}

/* Wells */
.well .page-header {
  margin: 0px 0px 5px 0px;
}

/* Headings */
h1 {
  margin-bottom: 21px;
  color: #903689;
}

h2 {
  margin-top: 20px;
  margin-bottom: 12px;
  color: #903689;
}

h3, h4, h5, h6 {
  margin: 12px 0;
}

h1 {
  font-size: 32px;
  line-height: 34px;
}

h2 {
  font-size: 19px;
  line-height: 20px;
}

h3 {
  font-size: 18px;
  line-height: 20px;
}

h4 {
  font-size: 14px;
  line-height: 16px;
}

h5 {
  font-size: 13px;
  line-height: 15px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

/* Module */
.module-header {
  padding-bottom: 17px;
  margin: 20px 0 18px 0;
  border-bottom: 1px solid #eeeeee;
}

/* Single Item */
.item-title {
  margin-bottom: 9px;
}

div.item-page {
  padding-left: 20px;
  padding-right: 20px;
}

.item-content {
  margin: 18px 0;
}

.item-subtitle {
  margin-bottom: 9px;
}

.pull-right.item-image {
  margin: 0 0 18px 20px;
}

.pull-left.item-image {
  margin: 0 20px 18px 0;
}

.header .nav > li:last-child > .dropdown-menu,
.item-actions .dropdown-menu,
.item-comment .dropdown-menu {
  left: initial;
  right: 0;
}

.nav {
  margin-bottom: 0;
  display: inline-block;
}

.article-index {
  margin: 0 0 10px 10px;
}

/* List */
.list-item-title {
  margin-bottom: 9px;
}

.list-item-content {
  margin: 18px 0;
}

.list-item-subtitle {
  margin-bottom: 9px;
}

/* More Items */
.items-more,
.content-links {
  padding: 15px 0;
}

/* Breadcrumbs */
.breadcrumb {
  margin: 10px 0;
}

/* Caption fixes */
.img_caption .left {
  float: left;
  margin-right: 1em;
}

.img_caption .right {
  float: right;
  margin-left: 1em;
}

.img_caption .left p {
  clear: left;
  text-align: center;
}

.img_caption .right p {
  clear: right;
  text-align: center;
}

.img_caption {
  text-align: center !important;
}

.img_caption.none {
  margin-left: auto;
  margin-right: auto;
}

/* New captions */
figure {
  display: table;
}

figure.pull-center,
img.pull-center {
  margin-left: auto;
  margin-right: auto;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
}

/* Aside Subnavs */
#aside .nav .nav-child {
  border-left: 2px solid #ddd;
  padding-left: 5px;
}

/* Navigation Submenus */
.navigation .nav-child {
  position: absolute;
  top: 95%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  /*        .border-radius(6px);
          .box-shadow(0 5px 10px rgba(0,0,0,.2));*/
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.navigation .nav-child.pull-right {
  right: 0;
  left: auto;
}
.navigation .nav-child .divider {
  /*.nav-divider($dropdownDividerTop, $dropdownDividerBottom);*/
}
.navigation .nav-child a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
}
.navigation .nav > li {
  float: left;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  border-right: 1px inset #903689;
  height: 100%;
  /*line-height: $ttcvieHeightHeader+2px;*/
  line-height: 40px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #fff;
}
.navigation .nav > li > a {
  color: #903689;
  font-weight: bold;
}
.navigation .nav > li:hover > .nav-child,
.navigation .nav > li > a:focus + .nav-child {
  display: block;
}
.navigation .nav > li > a:hover {
  background: none;
  text-decoration: underline;
}
.navigation .nav-child:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.navigation .nav-child:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: "";
}

.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
  text-decoration: none;
  color: #fff;
  background-color: #08c;
  /*#gradient > .vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%));*/
}

@media (max-width: 480px) {
  .item-info > span {
    display: block;
  }
  .blog-item .pull-right.item-image {
    margin: 0 0 18px 0;
  }
  .blog-item .pull-left.item-image {
    margin: 0 0 18px 0;
    float: none;
  }
}
@media (max-width: 768px) {
  body {
    padding-top: 0;
  }
  /*.header {
      background: transparent;
  }*/
  .header .brand {
    float: none;
    display: block;
    text-align: center;
  }
  .header .nav.pull-right,
  .header-search {
    float: none;
    display: block;
  }
  .header-search form {
    margin: 0;
  }
  .header-search .search-query {
    width: 90%;
  }
  .header .nav-pills > li > a {
    border: 1px solid #ddd;
    border-bottom: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
  }
  .header .nav-pills > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .header .nav-pills > li:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ddd;
  }
  .modal.fade {
    top: -100%;
  }
  .nav-tabs {
    border-bottom: 0;
  }
  .nav-tabs > li {
    float: none;
  }
  .nav-tabs > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
  }
  .nav-tabs > li:first-child > a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li > a:hover {
    border-color: #ddd;
    z-index: 2;
  }
  .nav-tabs.nav-dark > li > a {
    border: 1px solid #333;
  }
  .nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a {
    border-bottom: 1px solid #333;
  }
  .nav-tabs.nav-dark > li > a:hover {
    border-color: #333;
  }
  .nav-pills > li {
    float: none;
  }
  .nav-pills > li > a {
    margin-right: 0;
  }
  .nav-pills > li > a {
    margin-bottom: 3px;
  }
  .nav-pills > li:last-child > a {
    margin-bottom: 1px;
  }
  .form-search > .pull-left,
  .form-search > .pull-right {
    float: none;
    display: block;
    margin-bottom: 9px;
  }
}
@media (max-width: 980px) {
  .navbar-fixed-top {
    margin-bottom: 0 !important;
  }
  .item-comment .item-image {
    display: none;
  }
  .well {
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #login-form .input-small {
    width: 62px;
  }
}
dl.tabs {
  float: left;
  margin-bottom: -1px;
}

dl.tabs dt.tabs {
  float: left;
  margin-left: 3px;
  padding: 4px 10px;
  background-color: #F0F0F0;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

dl.tabs dt:hover {
  background-color: #F9F9F9;
}

dl.tabs dt.open {
  /*background-color: #FFF;*/
  background-color: #555;
  border-bottom: 1px solid #FFF;
}

dl.tabs dt.tabs h3 {
  margin: 0;
  font-size: 1.1em;
  font-weight: normal;
}

dl.tabs dt.tabs h3 a {
  color: #0088CC;
}

dl.tabs dt.tabs h3 a:hover {
  color: #005580;
  text-decoration: none;
}

dl.tabs dt.open h3 a {
  /*color: #000;*/
  color: #FFF;
  text-decoration: none;
}

dl.tabs dt.open h3 a:hover {
  /*color: #000;*/
  color: #FFF;
}

div.current dd.tabs {
  margin: 0;
  padding: 10px;
  clear: both;
  border: 1px solid #CCC;
  background-color: #FFF;
}

/* Help site refresh button*/
#helpsite-refresh {
  vertical-align: top;
}

/*Print pop-up*/
#pop-print {
  float: right;
  margin: 10px;
}

/*Code white space*/
code {
  white-space: pre-wrap;
}

/*Search filter*/
#filter-search {
  vertical-align: top;
}

/*Fix for editor buttons having a stupid height*/
.editor {
  overflow: hidden;
  position: relative;
}

/* Com_search highlighting */
.search span.highlight {
  background-color: #FFFFCC;
  font-weight: bold;
  padding: 1px 4px;
}

div.mod-languages {
  /*height: 100%;*/
  height: 40px;
}

div.mod-languages ul {
  display: inline-block;
  line-height: 20px;
}

div.mod-languages > li {
  height: 100%;
  line-height: 20px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-color: #903689;
  background-color: #fff;
}

div.mod-languages ul.lang-inline li {
  background: #fff;
  border-right: 1px inset #903689;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  float: left;
  height: 100%;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  color: #903689;
}

div.mod-languages li:first-child {
  border-right: 1px inset #fff;
  margin-right: 0px !important;
}

div.mod-languages li > a {
  color: #903689;
}

div.mod-languages li.lang-active > a {
  font-weight: bold;
}

.header-language {
  /*height: 100%;*/
  height: 40px;
  /*margin-top: $ttcvieHeightHeaderOverall - $ttcvieHeightHeader - $ttcvieHeightHeaderAbschlussLeiste;*/
}

.moduletable_language .mod-languages_language ul {
  display: inline-block;
  /*line-height: 20px;*/
  list-style: outside none none;
  margin-top: 0 !important;
  margin-left: 50px !important;
}
.moduletable_language .mod-languages_language li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.moduletable_language .mod-languages_language > li {
  height: 100%;
  line-height: 20px;
}
.moduletable_language .mod-languages_language li:first-child {
  border-right: 1px inset #000;
  margin-right: 0px !important;
  padding-right: 10px;
}
.moduletable_language .mod-languages_language li > a {
  color: #000;
}
.moduletable_language .mod-languages_language li.lang-active > a {
  font-weight: bold;
}

.maincontainer {
  clear: both;
}

/*******

    Beginn Abschnitt Transfer Order


*/
.fett {
  font-weight: bold;
}

#Transferorder-selektion_richtung {
  padding-bottom: 20px;
  height: 279px;
}

#TransferorderNewForm {
  margin: 0;
}

.Transferorder-selektionsbox.firstBox {
  background: url("../images/sprite-bg.png") 0 -194px;
  display: block;
  float: left;
  height: 279px;
  width: 188px;
  margin-left: 100px;
}

.Transferorder-selektionsbox.firstBox:hover {
  background: url("../images/sprite-bg.png") 0 -474px;
}

.Transferorder-selektionsbox.middleBox {
  background: url("../images/sprite-bg.png") -189px -194px;
  display: block;
  float: left;
  height: 279px;
  width: 188px;
  margin-left: 50px;
}

.Transferorder-selektionsbox.middleBox:hover {
  background: url("../images/sprite-bg.png") -189px -474px;
}

.Transferorder-selektionsbox.lastBox {
  background: url("../images/sprite-andereTransfers.png") 0 0;
  display: block;
  height: 279px;
  width: 188px;
  float: right;
  margin-right: 100px;
}

.Transferorder-selektionsbox.lastBox-Text {
  float: right;
  margin-right: 100px;
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
  height: 279px;
  width: 188px;
  color: #903689;
}

/*.Insert-Frames {
    0% {
        background: url("../images/sprite-Insert.png") 0 0;
    }

    20% {
        background: url("../images/sprite-Insert.png") 0 -280px;
    }

    50% {
        background: url("../images/sprite-Insert.png") 0 -280px;
    }

    70% {
        background: url("../images/sprite-Insert.png") 0 0;
    }

    100% {
        background: url("../images/sprite-Insert.png") 0 0;
    }
}

.Insert-Frames_en {
    0% {
        background: url("../images/sprite-Insert_en.png") 0 0;
    }

    20% {
        background: url("../images/sprite-Insert_en.png") 0 -280px;
    }

    50% {
        background: url("../images/sprite-Insert_en.png") 0 -280px;
    }

    70% {
        background: url("../images/sprite-Insert_en.png") 0 0;
    }

    100% {
        background: url("../images/sprite-Insert_en.png") 0 0;
    }
}*/
/*$keyframes Insert {*/
/*.Insert-Frames;*/
/*}

$keyframes Insert_EN {*/
/*.Insert-Frames_en;*/
/*}*/
.Transferorder-selektionsbox.lastBox-Text.Insert {
  background: url("/media/com_transerorder/images/sprite-Insert.png");
  animation-name: Insert;
  animation-duration: 10s;
  animation-delay: 5s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

.Transferorder-selektionsbox.lastBox:hover {
  background: url("../images/sprite-andereTransfers.png") 0 -280px;
}

.TransferorderHeader .Transferorder-headline {
  border-bottom: 2px solid #903689;
  /*height: $ttcTransferOrderNewFormHeadlineHeight;*/
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.TransferorderHeader .Transferorder-headline .Transferoder-caption {
  color: #903689;
  font-size: 30px;
  float: left;
  display: inline-block;
  padding-top: 15px;
  margin-left: 40px;
}
.TransferorderHeader .Transferorder-headline .iconzumflughafen {
  background: url("../images/sprite-bg.png") 0 -1256px;
  height: 62px;
  width: 94px;
  float: left;
}

.TransferorderBody {
  clear: both;
}

.TransferorderFormPart {
  border-radius: 5px;
  background-color: #f5f5f5;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #903689;
  padding: 10px;
}
.TransferorderFormPart .TransferorderFormPartHeader {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #903689;
}
.TransferorderFormPart .TransferorderFormPartFields {
  margin-top: 20px;
}
.TransferorderFormPart .TransferorderFormPartFields input[type=checkbox] {
  margin: 0 10px 0 0;
}
.TransferorderFormPart .TransferorderFormPartFields div.tick {
  font-family: icomoon;
  color: #51a351;
  display: none;
}
.TransferorderFormPart .TransferorderFormPartFields div.tick.on {
  display: inline;
  margin-left: 6px;
}
.TransferorderFormPart div.Transferorder_datum_zettel {
  /*background: rgba(0, 0, 0, 0) url("../images/Kalender_Zettel.png") repeat scroll 0 0;*/
  background: rgba(0, 0, 0, 0) url("../images/Kalender_Zettel.png") repeat scroll 0 0;
  border: 1px solid #903689;
  float: left;
  height: 83px;
  overflow: hidden;
  width: 80px;
}
.TransferorderFormPart div.Transferorder_datum_zettel div.Transferorder_datum_zettel_wochentag {
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  text-align: center;
  width: 100%;
}
.TransferorderFormPart div.Transferorder_datum_zettel div.Transferorder_datum_zettel_tag {
  font-size: 30px;
  margin: 10px auto;
  text-align: center;
  width: 100%;
}
.TransferorderFormPart div.Transferorder_datum_zettel div.Transferorder_datum_zettel_monat {
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  text-align: center;
  width: 100%;
}
.TransferorderFormPart div.to_formrowcontainer {
  border-bottom: 1px solid #903689;
  display: inline-block;
  padding-bottom: 10px;
  width: 100%;
}

div.Datumsblock {
  display: block;
  float: left;
}

#TransferorderFormPartMusterZwischenadresse {
  display: none;
}

div.vorschlaege_adresse {
  border-bottom: 1px solid #903689;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}

div.zwischenstopps {
  padding-top: 5px;
  border-bottom: 1px solid #903689;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}

div.check_ruecktransfer {
  padding-top: 5px;
}

div.zwischenadresse div.tick {
  font-family: icomoon;
  color: #51a351;
  display: none;
}
div.zwischenadresse div.tick.on {
  display: inline;
  margin-left: 6px;
}
div.zwischenadresse div.vorschlaege_adresse {
  border-bottom: none;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
}
div.zwischenadresse div.headline_zwischenadresse {
  padding-top: 5px;
  border-bottom: 1px solid #903689;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 5px;
}

#TransferorderUserRegistration input[type=submit], #TransferorderCustomFieldsEdit input[type=submit] {
  float: right;
  margin-right: 7%;
  clear: both;
  margin-bottom: 20px;
}

#TransferorderFormPartRegistrationPersonalData {
  float: left;
  margin-left: 7%;
}

#TransferorderFormPartRegistrationAddressData {
  float: right;
  margin-right: 7%;
}

#TransferorderFormPartRegistrationAccountType {
  float: right;
  margin-right: 7%;
}

/*#TransferorderFormPart1 {
    float: left;
    margin-left: 7%;
}

#TransferorderFormPart2 {
    float: right;
    margin-right: 7%;
}

#TransferorderFormPart3 {
    clear: both;
    float: left;
    margin-left: 7%;
}

#TransferorderFormPart4 {
    clear: both;
    float: left;
    margin-left: 7%;
}

#TransferorderFormPart5 {
    float: right;
    margin-right: 7%;
}*/
#Preistour {
  float: left;
  margin-left: 7%;
}

#Preisretour {
  float: right;
  margin-right: 7%;
}

div.ClearBoth {
  clear: both;
}

div.TransferorderMessage_Check {
  font-weight: bold;
  color: red;
  padding-left: 20px;
}

#TransferorderMessage {
  font-weight: bold;
  color: red;
  padding-left: 20px;
}

input.rot, select.rot {
  border-color: red;
}

#TransferorderFormPartCustomFields {
  float: right;
  margin-right: 7%;
}

#TransferorderPreisAnzeige {
  clear: both;
}

#TransferorderFormPartButton {
  clear: both;
  display: none;
}
#TransferorderFormPartButton input[type=submit] {
  float: right;
  margin-right: 7%;
}

#TransferorderNewForm input[type=submit] {
  float: right;
  margin-right: 7%;
}
#TransferorderNewForm input[type=submit].notActive {
  display: none;
}
#TransferorderNewForm input[type=submit].links {
  float: left;
  margin-left: 7%;
}

input[type=submit], div.Buttonblock input[type=button] {
  border-radius: 7px;
  background-color: #903689;
  color: white;
  font-weight: bold;
  padding: 3px;
}

div.TransferorderDEBUG {
  background-color: red;
}

div.TransferorderLogin {
  color: #fff;
  float: right;
  position: relative;
  width: 250px;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
}
div.TransferorderLogin .TransferorderLoginHeader {
  margin-right: 6%;
}
div.TransferorderLogin .TransferorderLoginHeader a {
  text-decoration: none;
  color: #fff;
}
div.TransferorderLogin .TransferorderLoginHeader a:hover, div.TransferorderLogin .TransferorderLoginHeader a:active, div.TransferorderLogin .TransferorderLoginHeader a:focus, div.TransferorderLogin .TransferorderLoginHeader a:link, div.TransferorderLogin .TransferorderLoginHeader a:visited {
  text-decoration: none;
}
div.TransferorderLogin .TransferorderLoginForm {
  margin-top: 7px;
  background-color: #fff;
  text-align: left;
  color: #000;
  height: 105px;
  padding-top: 7px;
  display: none;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
div.TransferorderLogin .TransferorderLoginForm label {
  font-size: 12px;
  line-height: 14px;
  width: 40%;
  display: inline-block;
  margin: 0;
  padding-left: 10px;
}
div.TransferorderLogin .TransferorderLoginForm input[type=text],
div.TransferorderLogin .TransferorderLoginForm input[type=password] {
  width: 45%;
  line-height: 14px;
  padding: 0 3px 0 3px;
  margin: 1px 0 5px 0;
}
div.TransferorderLogin .TransferorderLoginForm input[type=submit] {
  float: right;
  margin-right: 6%;
}
div.TransferorderLogin .TransferorderLoginForm select {
  line-height: 14px;
  padding: 0 3px 0 3px;
  margin: 1px 0 5px 0;
  width: 45%;
  height: 20px;
}

#TransferorderMainLogin a {
  text-decoration: none;
  color: #903689;
}
#TransferorderMainLogin a:link, #TransferorderMainLogin a:visited {
  text-decoration: none;
}
#TransferorderMainLogin a:hover, #TransferorderMainLogin a:active, #TransferorderMainLogin a:focus {
  text-decoration: underline;
}
#TransferorderMainLogin .TransferorderLoginError {
  color: #9d261d;
  font-weight: bold;
  margin-bottom: 15px;
}
#TransferorderMainLogin .TransferorderLoginHeader {
  margin-bottom: 20px;
}
#TransferorderMainLogin .TransferorderBody {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
#TransferorderMainLogin .TransferorderLoginForm {
  width: 220px;
}
#TransferorderMainLogin input[type=text],
#TransferorderMainLogin input[type=password],
#TransferorderMainLogin select {
  width: 206px;
}
#TransferorderMainLogin input[type=submit] {
  clear: both;
  float: right;
  display: block;
}

div.PreisBox {
  border-radius: 5px;
  background-color: #f5f5f5;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 1px solid #903689;
  padding: 10px;
}
div.PreisBox .PreisBoxHeader {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #903689;
}

/****

    Ende Block TransferOrder

*/
/*****

    Block DatePicker

*/
#ui-datepicker-div {
  background: white none repeat scroll 0 0;
  border: 1px solid #903689;
  margin-left: 20px;
  margin-top: 40px;
}

.ui-datepicker-header {
  background: #903689 none repeat scroll 0 0;
}

.ui-datepicker-next {
  right: 10px !important;
}

a.ui-datepicker-next, a.ui-datepicker-prev {
  color: white;
}

.ui-datepicker-title {
  color: white;
}

/**

    Block Footer

*/
div.footer {
  color: #ccc;
  min-height: 100px;
  margin-top: 30px;
}
div.footer a {
  color: #ccc;
}
div.footer .border-right {
  border-right: 1px solid white;
}
div.footer .left {
  float: left;
  width: 25%;
  min-height: 100px;
  text-align: center;
}
div.footer .right {
  float: right;
  width: 25%;
  text-align: center;
  min-height: 100px;
}
div.footer .center {
  text-align: center;
  float: left;
  width: 24%;
  min-height: 100px;
}

/**

    Block Editorderlanding
*/
div.editorderlanding {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/**
    Block OrderSuccessfullconfirm

*/
div.ordersuccessfullconfirm {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

/** 

    NewsTep4

*/
#TransferorderNewSummary div.summary, #TransferorderEdit div.summary {
  margin-left: 20px;
  margin-bottom: 20px;
}
#TransferorderNewSummary div.TransferorderSummaryHeader, #TransferorderEdit div.TransferorderSummaryHeader {
  font-weight: bold;
  margin-bottom: 15px;
}
#TransferorderNewSummary div.TransferorderTyp-Beschreibung, #TransferorderEdit div.TransferorderTyp-Beschreibung {
  font-weight: bold;
}
#TransferorderNewSummary div.to_rowsummary_header, #TransferorderEdit div.to_rowsummary_header {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
#TransferorderNewSummary div.TransferorderSummaryFooter, #TransferorderEdit div.TransferorderSummaryFooter {
  margin-top: 20px;
  margin-bottom: 10px;
  width: 90%;
}

/**
    Block Transferorder_Legen
*/
#Transferorder_Legend {
  margin: 20px;
}

/**

    Block MyAccount
*/
div.myaccount {
  /*margin: 20px;*/
  /*padding-bottom: 20px;
  padding-left: 20px;*/
}

div.myaccount div.MyAccountOverviewIntro {
  padding-left: 20px;
  padding-bottom: 20px;
}

div.myaccount div.MyAccountOverview {
  padding-left: 20px;
}

div.TransferorderFormPart.Datumsblock {
  margin-left: 20px !important;
}

input[type=submit].overviewbuttonright {
  float: right;
  margin-right: 20px;
}

div.Buttonblock select {
  width: 100%;
  margin-bottom: 20px;
}

div.results div.transerforder_myaccount_errormsg {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  color: red;
}

/**

    Block TransferordeR_ERROR
*/
#Transferorder_Error {
  margin: 20px;
}

/** BLock OrderListItems*/
div.pageSelect {
  margin: 0 20px 20px 20px;
}
div.pageSelect label {
  font-weight: bold;
}

div.TransferorderList_NoItems {
  margin: 20px;
  font-weight: bold;
}

div.OrderListItems {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  /*tr {
      border: 1px solid black;
  }

  td {
      border: 1px solid black;
  }*/
  /*.even {
      background-color: $ttcorderslisteven;
  }

  .odd {
      background-color: $ttcorderslistodd;
  }*/
}
div.OrderListItems table {
  /*margin: 20px;*/
  font-size: 11px;
  /*border-collapse: collapse;*/
}
div.OrderListItems .bold {
  font-weight: bold;
}
div.OrderListItems .italic {
  font-style: italic;
}
div.OrderListItems .right {
  text-align: right;
}
div.OrderListItems .left {
  text-align: left;
}
div.OrderListItems .center {
  text-align: center;
}

/** Block Accounts List **/
input[type=button].to_edit_button {
  background-image: url("../images/Pencil.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 9px center;
  background-color: #fff;
  padding-left: 30px;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  color: #903689;
  font-weight: bold;
  border: 1px solid black;
}

input[type=button].to_delete_button {
  background-image: url("../images/Delete.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 9px center;
  background-color: #fff;
  padding-left: 30px;
  height: 30px;
  width: 30px;
  border-radius: 5px;
  color: #903689;
  font-weight: bold;
  border: 1px solid black;
  margin-left: 2px;
}

div.TransferorderAccountsTable {
  padding-left: 2%;
  padding-right: 2%;
}

/** Block DataTables **/
table.dataTable td {
  word-break: break-all;
  font-size: 12px;
}

/** Block Gesamtpreis und VAT TAbelle NewStep4 */
div.to_gesamtpreis {
  font-weight: bold;
}

table.to_Steuertabelle th, table.to_Steuertabelle td {
  border: 1px solid black;
  padding: 4px;
}

/** Block CustomFields Edit Funktionen */
#to_customfieldsFieldToEdit {
  float: right;
  margin-right: 7%;
}

#to_customfieldsExisting {
  float: left;
  margin-left: 7%;
}

div.to_customFieldDisplayEdit {
  border: 1px solid #903689;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 4px;
  font-size: 11px;
}
div.to_customFieldDisplayEdit span.to_customFieldDisplayTitle {
  font-size: 14px;
  font-weight: bold;
}

/** 
    Block Modifikationen für die Unterschiedlichen Display Größen
*/
@media (min-width: 768px) and (max-width: 979px) {
  .navigation {
    clear: both;
    padding-left: 0;
  }
  div.Transferorder-selektionsbox.firstBox {
    margin-left: 10px;
  }
  div.Transferorder-selektionsbox.middleBox {
    margin-left: 10px;
  }
  div.Transferorder-selektionsbox.lastBox {
    margin-right: 10px;
  }
  div.Transferorder-selektionsbox.lastBox-Text {
    margin-right: 10px;
  }
  div.Datumsblock div.Buttonblock {
    clear: both;
  }
}
@media (max-width: 767px) {
  div.TransferorderLogin {
    clear: both;
    margin-bottom: 10px;
  }
  div.mod-languages ul.lang-inline li {
    padding-left: 10px;
    padding-right: 10px;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    float: none;
    display: block !important;
  }
  .navigation {
    clear: both;
    padding-left: 0;
    height: auto;
  }
  .navigation .nav {
    display: block;
  }
  .navigation .nav > li {
    padding-left: 10px;
    padding-right: 10px;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    float: none;
    display: block;
  }
  #Transferorder-selektion_richtung {
    width: 100%;
    height: 837px;
  }
  div.Transferorder-selektionsbox.firstBox {
    margin: 5px auto;
    clear: both;
    float: none;
  }
  div.Transferorder-selektionsbox.middleBox {
    margin: 5px auto;
    clear: both;
    float: none;
  }
  div.Transferorder-selektionsbox.lastBox {
    margin: 5px auto;
    clear: both;
    float: none;
  }
  div.Transferorder-selektionsbox.lastBox-Text {
    margin: 5px auto;
    clear: both;
    float: none;
  }
  div.TransferorderFormPart {
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
  }
  #TransferorderFormPart1,
  #TransferorderFormPart2,
  #TransferorderFormPart3,
  #TransferorderFormPart4,
  #TransferorderFormPart5,
  #TransferorderFormPartCustomFields {
    float: none !important;
  }
  #Preistour,
  #Preisretour {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    width: 90% !important;
  }
  #TransferorderNewForum input[type=submit].links {
    margin-left: 0;
  }
  #TransferorderNewForm input[type=submit] {
    margin-right: 7%;
  }
  div.Datumsblock div.Datumsblock:first-child {
    clear: none;
  }
  div.Datumsblock div.Datumsblock {
    clear: both;
  }
  div.Datumsblock div.Buttonblock {
    clear: both;
  }
}
#TransferorderMessage_Check {
  font-weight: bold;
  color: red;
}

.float_right {
  float: right;
}

.margin-right {
  margin-right: 7%;
}