.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bg {
  background-color: #fff !important;
  background-image: linear-gradient(45deg, #444444 25%, transparent 25%, transparent 75%, #444444 75%, #444444), linear-gradient(45deg, #444444 25%, transparent 25%, transparent 75%, #444444 75%, #444444) !important;
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
/**
 * @deprecated    #page-hold
*/
@font-face {
  font-family: Gravitat;
  src: url("../fonts/gravitat.eot") /* EOT file for IE */
  ;
}
@font-face {
  font-family: Gravitat;
  src: url("../fonts/gravitat.ttf") /* TTF file for CSS3 browsers */
  ;
}
/* THEN use like you would any other font */
.yourFontName {
  font-family: " your FontName ", verdana, helvetica, sans-serif;
}
img[data-image-to] {
  display: none;
}
/* hide image whit this tag */
body {
  background-color: #f9fafa;
}
hr.line {
  margin: -5px 4px 10px 4px !important;
  height: 5px;
  line-height: 5px;
  border: 0!important;
}
/* line ui styles */
.line1 {
  background: url('../../images/line1.gif') bottom center repeat-x !important;
}
.line2 {
  background: url('../../images/line2.gif') bottom left repeat-x !important;
}
.line3 {
  background: url('../../images/line3.gif') bottom left repeat-x !important;
}
.line4 {
  background: url('../../images/line4.png') bottom left repeat-x !important;
}
.line5 {
  background: url('../../images/line5.png') bottom left repeat-x !important;
}
.line6 {
  background: url('../../images/line3.gif') bottom right repeat-x !important;
}
.line-left {
  background-position: bottom left !important;
}
.line-right {
  background-position: bottom right !important;
}
.line-top {
  background-position: top left !important;
}
.line-center {
  background-position: bottom center !important;
}
hr.line1,
hr.line2,
hr.line3,
hr.line4,
hr.line5,
hr.line6 {
  height: 5px;
  line-height: 5px;
  border: 0;
}
.line-solid {
  border-bottom: 1px #dfc000 solid;
}
.line-solid-top {
  border-top: 1px #dfc000 solid;
}
.line-dotted {
  border-bottom: 1px #dfc000 dotted;
}
.line-dotted-top {
  border-top: 1px #dfc000 dotted;
}
.line-dotted-bold {
  border-bottom: 2px #dfc000 dotted;
}
.line-dotted-bold-top {
  border-top: 2px #dfc000 dotted;
}
.line-dotted-bold-xl {
  border-bottom: 3px #dfc000 dotted;
}
.line-dotted-bold-xl-top {
  border-top: 3px #dfc000 dotted;
}
/* border ui styles */
.border-solid {
  border: 1px solid #dfc000;
}
.border-dotted {
  border: 1px dotted #dfc000;
}
.yellow {
  background-color: #dfc000;
  color: #ffffff;
  -webkit-box-shadow: inset 0 0px 20px #c6aa00;
  -moz-box-shadow: inset 0 0px 20px #c6aa00;
  box-shadow: inset 0 0px 20px #c6aa00;
}
.text-yellow {
  color: #dfc000;
}
.title-brown {
  font-size: 13px;
  color: #59291f;
  text-transform: uppercase;
  font-family: "Arial", Arial;
  margin: 8px 0;
  display: block;
}
.title-red {
  font-size: 13px;
  color: #9d261d;
  font-weight: bold;
  font-family: "Arial", Arial;
  margin: 8px 0;
  display: block;
}
.block-brown {
  background-color: #59291f;
  display: block;
  -webkit-box-shadow: inset 0 0px 5px #331812;
  -moz-box-shadow: inset 0 0px 5px #331812;
  box-shadow: inset 0 0px 5px #331812;
}
.block-red {
  background-color: #9d261d;
  display: block;
  -webkit-box-shadow: inset 0 0px 5px #721c15;
  -moz-box-shadow: inset 0 0px 5px #721c15;
  box-shadow: inset 0 0px 5px #721c15;
}
.block-yellow {
  background-color: #dfc000;
  display: block;
  -webkit-box-shadow: inset 0 0px 5px #c6aa00;
  -moz-box-shadow: inset 0 0px 5px #c6aa00;
  box-shadow: inset 0 0px 5px #c6aa00;
}
.block-white {
  background-color: #ffffff;
  display: block;
}
.yellow .title-red,
.well .title-red {
  text-transform: uppercase;
}
.gray {
  color: #747d81;
}
.gray * {
  color: #747d81;
}
.gray a {
  color: #747d81;
}
.white {
  color: #ffffff;
}
.white * {
  color: #ffffff;
}
.white a {
  color: #ffffff;
}
.brown {
  color: #59291f;
}
.brown * {
  color: #59291f;
}
.brown a {
  color: #59291f;
}
.red {
  color: #9d261d;
}
.red * {
  color: #9d261d;
}
.red a {
  color: #9d261d;
}
.intro {
  font-weight: bold;
  color: #59291f;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.bold {
  font-weight: bold;
}
.text-shadow {
  text-shadow: 1px 1px 2px #bba100;
}
/* arrow ui link styles */
.arrow-blue,
.arrow-white,
.arrow-brown,
.arrow-gray,
.arrow-red,
.arrow-yellow {
  padding-left: 12px;
  background-position: left center;
  background-repeat: no-repeat;
}
.well .arrow-brown {
  font-weight: bold;
}
.well .arrow-brown:hover {
  background-image: url('../../images/icons/arrow-red.png');
}
.arrow-blue {
  background-image: url('../../images/icons/arrow-blue.png');
}
.arrow-white {
  background-image: url('../../images/icons/arrow-white.png');
}
.arrow-brown {
  background-image: url('../../images/icons/arrow-brown.png');
}
.arrow-gray {
  background-image: url('../../images/icons/arrow-gray.png');
}
.arrow-yellow {
  background-image: url('../../images/icons/arrow-yellow.png');
}
.arrow-red {
  background-image: url('../../images/icons/arrow-red.png');
}
/* LIST */
ul {
  margin-left: 8px;
  margin-right: 8px;
  padding: 0;
}
.list-float {
  margin-left: -10px;
}
.list-float li {
  display: table-cell;
  padding-left: 10px;
}
.list-square {
  list-style: square;
  list-style: none;
}
.list-square li {
  line-height: 20px;
  padding-right: 5px;
}
.list-square ul {
  list-style: square;
}
.list-disc {
  list-style: disc;
  list-style-position: inside;
  margin: 0px;
}
.list-disc ul {
  list-style: disc;
}
.list-disc li {
  line-height: 20px;
  padding-right: 5px;
}
.list-arrow {
  list-style: none;
}
.list-arrow li {
  line-height: 20px;
}
.list-arrow li a:hover {
  color: #9d261d;
  text-decoration: none;
  font-weight: bold;
  background-image: url('../../images/icons/arrow-red.png');
}
.list-arrow li.active {
  color: #9d261d;
  background-image: url('../../images/icons/arrow-red.png');
}
.list-arrow ul {
  list-style: none;
}
.list-arrow a {
  background-image: url('../../images/icons/arrow-gray.png');
  padding-left: 12px;
  background-position: left 6px;
  background-repeat: no-repeat;
  display: inline-block;
}
.well .list-arrow a {
  background-image: url('../../images/icons/arrow-brown.png');
  padding-left: 12px;
  background-position: left 6px;
  background-repeat: no-repeat;
  display: inline-block;
  font-weight: bold;
}
.well .list-arrow a:hover {
  color: #9d261d;
  background-image: url('../../images/icons/arrow-red.png') !important;
}
ul.arrow-white {
  background: none;
}
ul.arrow-white li > a {
  background-image: url('../../images/icons/arrow-white.png') !important;
}
ul.arrow-blue {
  background: none;
}
ul.arrow-blue li > a {
  background-image: url('../../images/icons/arrow-blue.png') !important;
}
ul.arrow-gray {
  background: none;
}
ul.arrow-gray li > a {
  background-image: url('../../images/icons/arrow-gray.png') !important;
}
ul.arrow-yellow {
  background: none;
}
ul.arrow-yellow li > a {
  background-image: url('../../images/icons/arrow-yellow.png') !important;
}
ul.arrow-red {
  background: none;
}
ul.arrow-red li > a {
  background-image: url('../../images/icons/arrow-red.png') !important;
}
ul.arrow-brown {
  background: none;
}
ul.arrow-brown li > a {
  background-image: url('../../images/icons/arrow-brown.png') !important;
}
/* SEARCH */
.btn-search {
  background: url('../../images/icons/arrow-yellow.png') center center no-repeat #ffffff !important;
}
.btn-search:hover {
  background-image: url('../../images/icons/arrow-white.png') !important;
  background-color: #9d261d !important;
}
.input-search {
  padding-left: 30px !important;
  background: url('../../images/icons/loop-yellow.png') left center no-repeat #ffffff !important;
  background-size: 25px auto!important;
}
#main {
  background-color: #ffffff;
  width: 960px;
  display: block;
  margin: 0 auto;
  -webkit-box-shadow: 0px 5px 15px 10px #e6e9ea;
  -moz-box-shadow: 0px 5px 15px 10px #e6e9ea;
  box-shadow: 0px 5px 15px 10px #e6e9ea;
  border-left: 1px solid #d9ddde;
  border-right: 1px solid #d9ddde;
  /* HEADER */

  /* BODY */

}
#main div#header {
  height: 165px;
}
#main div#header div.wrapper {
  margin-top: 0;
  margin-bottom: 0;
}
#main div#header div.header-banner {
  height: 100%;
  text-transform: uppercase;
  text-align: center;
  float: left;
  text-align: center;
}
#main div#header div.header-banner span {
  line-height: 22px;
  display: block;
}
#main div#header div.header-banner span.active {
  font-weight: bold;
}
#main div#header div.nav-icons {
/*  float: right;
  display: inline-block;*/
  padding-right: 10px;
}
#main div#header div.nav-icons a{
  float: right;
  display: inline-block;
  padding-left: 3px;
}
#main div#header div.nav-icons img {
  height: 23px;
}
#main div#header div.nav {
  text-transform: lowercase;
  float: right;
  padding: 3px;
}
#main div#header div.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main div#header div.nav ul li {
  float: left;
  line-height: 25px;
  color: #747d81;
}
#main div#header div.nav ul li a {
  color: #747d81;
  padding: 0 4px;
}
#main div#header div.nav ul li a:hover {
  color: #9d261d;
}
#main div#header div#header-top {
  height: 63px;
}
#main div#header div#header-top div.nav {
  margin: 0;
  margin-right: -8px;
  margin-top: 32px;
}
#main div#header div#header-top div.header-banner {
  color: #59291f;
}
#main div#header div#header-top div.header-banner img {
  margin-top: 10px;
  float: left;
  margin-left: 10px;
}
#main div#header div#header-top div.header-banner .line-1 {
  margin-top: 4px;
  letter-spacing: 3.9px;
}
#main div#header div#header-top div.header-banner .line-2 {
  letter-spacing: 0.7px;
}
#main div#header div#header-top div.header-banner .line-3 {
  letter-spacing: 1.4px;
}
#main div#header div#header-bottom {
  position: relative;
  height: 75px;
}
#main div#header div#header-bottom div.header-banner {
  color: #9d261d;
}
#main div#header div#header-bottom div.header-banner img {
  margin-top: 22px;
  float: left;
  margin-left: 10px;
}
#main div#header div#header-bottom div.header-banner .line-1 {
  margin-top: 9px;
  letter-spacing: 6.8px;
}
#main div#header div#header-bottom div.header-banner .line-2 {
  letter-spacing: 1.5px;
}
#main div#header div#header-bottom div.header-banner .line-3 {
  letter-spacing: 0.5px;
}
#main div#header div#header-bottom div.nav {
  margin: 0;
  position: absolute;
  top: -2px;
  right: 0px;
}
#main div#header div#header-bottom div.nav-icons {
  position: absolute;
  bottom: 11px;
  right: 0px;
}
#main div#header div#header-bottom div.nav-icons img {
  height: 20px;
}
#main div#header div#header-bottom img#atria {
  margin: 11px auto;
  display: block;
  color: #dfc000;
  font-size: 70px;
  font-weight: bolder;
  border: 0;
}
#main div.wrapper {
  margin: 10px;
}
#main div#content div.info-list {
  /*display: table-row;*/
}
#main div#content .row {
  margin-left: 0px;
}
#main div#content div.text {
  padding: 8px;
}
#main div#content div.box {
  margin: 4px;
}
#main div#content div.box h2 {
  margin-bottom: -3px;
}
#main div#content .more-link {
  text-align: right;
}
#main div#content .more-link a {
  color: #59291f;
  font-weight: bold;
}
#main div#content .more-link a:hover {
  color: #9d261d;
}
#main .info-block {
  background-position: top;
  line-height: 20px;
  height: 20px;
  padding: 5px;
  text-align: center;
}
#main .info-block a,
#main .info-block div,
#main .info-block ul,
#main .info-block li {
  display: inline;
}
#main .info-block a {
  color: #59291f;
}
.tree {
  margin-bottom: 0;
}
.tree li {
  line-height: 20px;
}
.tree li.active > a:hover {
  text-decoration: none !important;
}
.tree ul li a.tree-close,
.tree ul li a {
  font-size: 13px;
  color: #59291f;
  text-transform: uppercase;
  font-family: "Arial", Arial;
  margin: 8px 0;
  padding-left: 13px;
  display: inline-block;
  margin: 0;
  background: url('../../images/icons/arrow-brown.png') no-repeat left 5px;
}
.tree ul li a.tree-close:hover,
.tree ul li a:hover {
  color: #9d261d !important;
  font-weight: bold;
}
.tree ul li a.tree-open {
  background-image: url('../../images/icons/arrow-brown-open.png');
}
.tree ul ul li a.tree-close,
.tree ul ul li a {
  font-size: 12px;
  color: #9d261d;
  font-weight: bold;
  text-transform: none;
  font-family: "Arial", Arial;
  font-style: italic;
  background: url('../../images/icons/arrow-red.png') no-repeat left 5px;
}
.tree ul ul li a.tree-open {
  background-image: url('../../images/icons/arrow-red-open.png');
}
.tree ul ul ul li a {
  color: #747d81;
  font-size: 12px;
  font-weight: 100 !important;
  font-style: normal;
  text-wrap: none;
  background: url('../../images/icons/arrow-gray.png') no-repeat left 5px;
}
.tree ul ul ul li a:hover {
  text-decoration: underline;
  font-weight: 100!important;
}
.tree a {
  padding-left: 12px;
  background: url('../../images/icons/arrow-gray.png') no-repeat left 5px;
}
.tree a:hover {
  color: #9d261d;
  font-weight: 100;
  text-decoration: none;
  background-image: url('../../images/icons/arrow-red.png');
}
.tree a.active {
  color: #9d261d;
  font-weight: bold;
  background-image: url('../../images/icons/arrow-red.png');
}
.tree li.active > a {
  font-weight: bold!important;
  color: #9d261d !important;
  background-image: url('../../images/icons/arrow-red.png') !important;
}
.tree li.active > a.tree-open {
  background-image: url('../../images/icons/arrow-red-open.png') !important;
}
.tree ul {
  list-style: none;
}
.tree ul ul {
  display: none;
}
.tree ul li {
  margin-left: 5px;
}
.well .tree ul li a.tree-close,
.well .tree ul li a {
  font-size: 13px;
  color: #ffffff;
  font-weight: 100;
  background: url('../../images/icons/arrow-white.png') no-repeat left 5px;
}
.well .tree ul li a.tree-open {
  background-image: url('../../images/icons/arrow-white-open.png');
}
.well .tree ul ul li a.tree-close,
.well .tree ul ul li a {
  font-weight: 100;
  background: url('../../images/icons/arrow-white.png') no-repeat left 5px;
}
.well .tree ul ul li a.tree-open {
  background-image: url('../../images/icons/arrow-white-open.png');
}
.well .tree ul ul ul li a {
  font-size: 12px;
  background: url('../../images/icons/arrow-white.png') no-repeat left 5px;
}
.well .tree ul ul ul li a:hover {
  font-weight: 100 !important;
}
.well .tree a:hover {
  color: #9d261d;
  font-weight: 100;
  text-decoration: none;
  background-image: url('../../images/icons/arrow-red.png');
}
.tree-gray ul li a.tree-close,
.tree-gray ul li a {
  text-transform: none;
  color: #747d81 !important;
  background: url('../../images/icons/arrow-gray.png') no-repeat left 5px !important;
}
.tree-gray ul li a.tree-open {
  background-image: url('../../images/icons/arrow-gray-open.png') !important;
}
.tree-gray ul ul li a.tree-close,
.tree-gray ul ul li a {
  background: url('../../images/icons/arrow-gray.png') no-repeat left 5px;
}
.tree-gray ul ul li a.tree-open {
  background-image: url('../../images/icons/arrow-gray-open.png');
}
.tree-gray ul ul ul li a {
  font-size: 12px;
  background: url('../../images/icons/arrow-gray.png') no-repeat left 5px;
}
.tree-gray ul ul ul li a:hover {
  font-weight: 100 !important;
  background-image: url('../../images/icons/arrow-red.png') !important;
}
/*.span1,.span2, .span4{
  .border();
}*/
.navbar {
  margin-top: 4px;
  padding-left: 0px;
}
.navbar .navbar-inner .nav > li > a {
  text-shadow: none;
  /*    padding: 0;
      margin: 0;*/

}
.navbar .navbar-inner a.yellow {
  -webkit-box-shadow: inset 0 0px 8px #c6aa00;
  -moz-box-shadow: inset 0 0px 8px #c6aa00;
  box-shadow: inset 0 0px 8px #c6aa00;
  color: #ffffff;
}
.navbar .navbar-inner .nav {
  width: 100%;
  padding-right: 0;
  margin-right: 0;
}
.navbar .navbar-inner .nav .open a {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #9d261d !important;
}
.grid div {
  -webkit-box-shadow: 0 0 5px #808080 !important;
  -moz-box-shadow: 0 0 5px #808080 !important;
  box-shadow: 0 0 5px #808080 !important;
  text-align: center;
  margin-bottom: 10px;
}
.pagination-alphabetic ul {
  margin-right: 0;
}
.pagination-alphabetic ul li a {
  width: 34px;
  text-align: center;
  padding-left: 0!important;
  padding-right: 0!important;
}
.scroller {
  font-weight: 100;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  min-height: auto !important;
  position: relative;
  overflow: hidden;
  height: 25px;
  border-left: 3px #D0B200 solid;
  border-right: 3px #D0B200 solid;
  font-size: 12px;
}
.scroller div.box-scroller {
  white-space: nowrap;
  text-transform: uppercase;
  color: #59291f;
  line-height: 24px;
}
/* loader */
div#ut-loader {
  margin-top: 10%;
  margin-bottom: 15px;
  vertical-align: middle;
  text-align: center;
}
div#ut-loader div {
  padding: 10px 2px;
}
.navbar-image ul {
  display: inline-block;
}
.navbar-image ul li {
  margin-bottom: 10px;
}
.navbar-image ul li:hover {
  -webkit-box-shadow: 1px 1px 3px #cccccc;
  -moz-box-shadow: 1px 1px 3px #cccccc;
  box-shadow: 1px 1px 3px #cccccc;
}
.navbar-image ul li a span {
  display: block;
  color: #59291f;
  padding: 8px;
}
.navbar-image ul li a:hover {
  color: #9d261d;
  background-color: #dfc000;
}
.navbar-image ul li a:hover img {
  -webkit-transform: scale(1.1);
  /*Webkit: Scale up image to 1.2x original size*/

  -moz-transform: scale(1.1);
  /*Mozilla scale version*/

  -o-transform: scale(1.1);
  /*Opera scale version*/

  transform: scale(1.1);
  opacity: 1;
  -webkit-box-shadow: 1px 1px 7px #cccccc;
  -moz-box-shadow: 1px 1px 7px #cccccc;
  box-shadow: 1px 1px 7px #cccccc;
}
.navbar-image ul li.active {
  background-color: #9d261d;
  -webkit-box-shadow: inset 0 0px 5px #721c15;
  -moz-box-shadow: inset 0 0px 5px #721c15;
  box-shadow: inset 0 0px 5px #721c15;
}
.navbar-image ul li.active a,
.navbar-image ul li.active span {
  color: #ffffff;
}
.navbar-image ul li.active:hover {
  background-color: #9d261d;
}
.navbar-image ul li,
.navbar-image ul a {
  display: block;
}
.navbar-image ul li img,
.navbar-image ul a img {
  -webkit-transform: scale(0.9);
  /*Webkit: Scale down image to 0.8x original size*/

  -moz-transform: scale(0.9);
  /*Mozilla scale version*/

  transform: scale(0.9);
  -o-transform: scale(0.9);
  /*Opera scale version*/

  -webkit-transition-duration: 0.5s;
  /*Webkit: Animation duration*/

  -moz-transition-duration: 0.5s;
  /*Mozilla duration version*/

  -o-transition-duration: 0.5s;
  /*Opera duration version*/

  display: inline-block;
  border: 0;
}
/*diverse nav divs rechtsboven */
.bag-info {
  color: #254121;
  float: right;
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  right: 0;
  top: 13px;
}
.favorite {
  background: url("../../gfx/iiav/favorite-icon.gif") no-repeat scroll 0 50% transparent;
  margin-right: 12px;
  padding-left: 23px;
}
.basket {
  background: url("../../gfx/iiav/basket-icon.gif") no-repeat scroll 0 50% transparent;
  margin-right: 12px;
  padding-left: 23px;
}


div.debug{width: 80%; line-height: 40px; background-color: #fdd8d8; color: #5a0101; border: 1px #5a0101 solid; padding: 10px;}

/* mail style options */
div#addthisOverlay{ position: absolute; top: 0; left: 0; width: 500px; height: 400px; background: #fff; border: 1px #DFC000 solid;}
div#addthisOverlay{ box-shadow: 4px 4px 10px #c0c0c0; -moz-box-shadow: 4px 4px 10px #c0c0c0;}

div.sharemailHolder{margin: 8px;}
div.sharemailHolder table{width: 100%;}
div.sharemailHolder table tr td{padding: 5px;}
div.sharemailHolder .sharInput{ border: 1px #b0b0b1 solid; color: #6c6c6c; width: 240px; height: 20px; font-size: 12px;}
div.sharemailHolder .sharTextarea{height: 100px;}
/*  */
div.sharemailheader{ width: 100%; height: 30px; }

div.sharemailheader a#closeShare{margin: 2px 2px 0 0;display: block; width: 20px; height: 20px; float: right; background: url('../../images/close.png') no-repeat; }
div.sharemailheader a#closeShare:hover{ background-position: 0px -20px; }
div.sharemailheader div{line-height: 30px; text-indent: 10px; float: left; color: #59291f; font-weight: bold;}
div.sharemailHolder a#send{float: left;display: block; height: 30px; width: 100px; padding: 0 10px 0 10px; background-color: #59291F;  color: #fff; text-decoration: none;}
div.sharemailHolder a#send:hover{background-color: #59291F; color: #fff; cursor: pointer;}
div.sharemailHolder a#send div#shareLoader{  cursor: pointer; float: left; height: 25px; width: 25px;}
div.sharemailHolder a#send div#shareLoader img{  cursor: pointer; margin-top: 8px;}
div.sharemailHolder a#send div#shareButtonText{  cursor: pointer; float: left; line-height: 30px;}
div.sharemailHolder a#send img{border: 0;}
div.sharemailHolder div#success{ display: none; float: left; margin-left: 35px; border: 1px #59291f solid; line-height: 28px; padding: 0 20px 0 20px; background-color: #edfdff; color: #59291f; font-size: 18px;}