html,
body {
  height: 100%;
}

.bodyold {
  margin: 0px;
  padding: 0px;
  background-color: #f4f4f4;
  background-image: url(/cms_components/media/bg.jpg);
  background-repeat: repeat-x;
  font-size: 12px;
  font-family: "Myriad Pro", "Myriad Set", "Lucida Grande", Helvetica, Verdana,
    Arial;
  color: #333333;
}

.bodyold2 {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  background-image: url(/cms_components/media/plus/bg.jpg);
  background-repeat: repeat;
  background-position: 50% 0;
  font-size: 12px;
  font-family: "Myriad Pro", "Myriad Set", "Open Sans", "Lucida Grande",
    Helvetica, Verdana, Arial;
  color: #333333;
}

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  font-size: 12px;
  font-family: "Myriad Pro", "Myriad Set", "Open Sans", "Lucida Grande",
    Helvetica, Verdana, Arial;
  color: #333333;
}

.main {
  position: relative;
  background-color: #ffffff;
  /* background-image: url(/cms_components/media/bg-content.jpg); */
  background-repeat: repeat-x;
  border-bottom-left-radius: 14px;
  -webkit-border-bottom-left-radius: 14px;
  -moz-border-radius-bottomleft: 14px;
  border-bottom-right-radius: 14px;
  -webkit-border-bottom-right-radius: 14px;
  -moz-border-radius-bottomright: 14px;
  border: 1px solid #ffffff;
  box-shadow: 0 0 3px #d1d1d1;
}

.main_mobile {
  position: relative;
  background-color: #ffffff;
}

a {
  color: #3070c5;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

:link:focus,
:visited:focus {
  -moz-outline: 0px dotted;
}
img {
  border: 0;
}

h1 {
  font-size: 46px;
  color: #000000;
  font-weight: 300;
  line-height: 48px;
}

h2 {
  font-size: 16px;
  margin: 0;
  color: #c60;
  font-weight: bold;
}
h3 {
  font-size: 12px;
  margin: 0;
  color: #c60;
  font-weight: bold;
}
h4 {
  font-size: 10px;
  margin: 0;
}
small {
  font-size: 10px;
  color: #8b8b8b;
}
.annotation {
  color: #8b8b8b;
}

#CMSLayer {
  font-size: 9px;
  position: relative;
  bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  right: 20px;
  width: 100%;
  text-align: right;
  display: block;
  color: #000000;
}
#CMSLayer a {
  color: #bbbbbb;
}
#CMSLayer a:hover {
  color: #808080;
}

#content {
  text-align: left;
}

#content h1 {
  font: 30px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: bolder;
  color: #191919;
}
#content h2 {
  font: 20px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: bolder;
  color: #8b8b8b;
}
#content h3 {
  font: 16px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: bolder;
  color: #828282;
}
#content h4 {
  font: 12px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: bolder;
  color: #000000;
}
#content p {
  font: 12px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  line-height: 19px;
}
#content div.pageintro h2 {
  font-size: 23px;
  font-weight: bold;
  color: #000;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
}
#content div.pageintro p {
  font-size: 14px;
  font-weight: bold;
  color: #8b8b8b;
  line-height: 1.4em;
  margin: 0;
  margin-bottom: 5px;
  padding: 4px 0 8px 0;
}
#content div.pageintro div {
  font-size: 14px;
  font-weight: bold;
  color: #8b8b8b;
  line-height: 1.4em;
  margin: 0;
  margin-bottom: 5px;
  padding: 4px 0 8px 0;
}
#content div.pageintro img {
  margin-bottom: 14px;
}

#content ul li {
  font: 12px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  line-height: 19px;
  color: #535353;
}
#content ol li {
  font: 12px "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  line-height: 19px;
  color: #535353;
}

#content .leftimg img {
  padding: 0 12px 5px 0;
  display: inline;
}
#content .rightimg img {
  padding: 0 0 5px 12px;
  display: inline;
}

.colorboxitem h1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.colorboxitem h2 {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 2px;
}
.colorboxitemtext {
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  line-height: 1.3em;
}
.linkcolorsky a {
  color: #013298;
}
.colorboxitem {
  width: 243px;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.colorboxitem div.colorboxcontent {
  padding: 10px 10px 12px 10px;
  background: url(/cms_components/media/template/colorbox/corner_bottom.png)
    no-repeat 0% 100%;
}
.colorboxitem div.colorboxcontent p {
  padding: 0px;
  margin: 0px;
}
.colorboxitem div.colorboxcontent div.leftimg img {
  padding-right: 8px;
  padding-bottom: 3px;
}
.colorboxitem div.colorboxcontent div.rightimg img {
  padding-left: 8px;
  padding-bottom: 3px;
}
/* custom product colors */
.linkcolor-itrans-hellbeige a {
  color: #c3731d;
}
.linkcolor-itrans-altrosa a {
  color: #ffe4b4;
}
.linkcolor-tamtam a {
  color: #e03812;
}
.linkcolor-apct a {
  color: #c75500;
}
.linkcolor-pixeltracker a {
  color: #ffcc50;
}

.contentitem span.headline {
  font-weight: bold;
  color: #535353;
  font-size: 14px;
  line-height: 21px;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}
.contentitem p {
  padding: 0;
  margin-top: 2px;
  color: #535353;
  font-size: 14px;
  line-height: 21px;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

li {
  color: #535353;
  font-size: 14px;
  line-height: 21px;
  margin-left: -10px;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}
li b {
  color: #535353;
}

.w_headline {
  font-size: 30px;
  font-weight: 600;
  color: #3e3e3e;
  margin-top: 14px;
  margin-bottom: 14px;
  margin-left: -1px;
}

#tizi_intro .w_headline {
  font-size: 38px;
  color: #3e3e3e;
}

#tizi_intro .contentitem p {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#tizi_intro_plus .w_headline {
  font-size: 30px;
  line-height: 40px;
  font-weight: normal;
  color: #ffffff;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#tizi_intro_plus .contentitem p {
  margin-top: -10px;
  font-size: 17px;
  line-height: 26px;
  font-weight: normal;
  color: #ffffff;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#tizi_subintro_right .w_headline {
  font-size: 38px;
  color: #3e3e3e;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#tizi_subintro_right .contentitem p {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#tizi_subintro_left .w_headline {
  font-size: 38px;
  color: #3e3e3e;
}

#tizi_subintro_left .contentitem p {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  font-family: "Myriad Pro", "myriad-pro", "Myriad Set", "Open Sans",
    "Lucida Grande", Helvetica, Verdana, Arial;
}

#content .fancyitem_general ul {
  color: #568d08;
  font-size: 14px;
  line-height: 20px;
  font-family: "Marker Felt", "Comic Sans MS Wide", "Comic Sans MS",
    "Comic Sans", "Lucida Grande", Helvetica, Verdana, Arial;
  list-style-type: none;
  list-style-position: outside;
  margin-left: -10px;
}

#content .fancyitem_general ol {
  color: #568d08;
  font-size: 14px;
  line-height: 20px;
  font-family: "Marker Felt", "Comic Sans MS Wide", "Comic Sans MS",
    "Comic Sans", "Lucida Grande", Helvetica, Verdana, Arial;
  list-style-type: none;
  list-style-position: outside;
  margin-left: -15px;
  margin-top: 0px;
}

#content .fancyitem_general li {
  color: #568d08;
  font-size: 14px;
  line-height: 20px;
  font-family: "Marker Felt", "Comic Sans MS Wide", "Comic Sans MS",
    "Comic Sans", "Lucida Grande", Helvetica, Verdana, Arial;
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 5px;
}

#content .fancyitem_gradient_general ul {
  list-style-position: outside;
  margin-left: 15px;
}

#content .fancyitem_gradient_general li {
  list-style-position: outside;
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}

.contentleftcol .cmscontentimage img {
  margin-left: -40px;
  margin-right: -30px;
}

.contentrightcol .cmscontentimage img {
  margin-left: -30px;
  margin-right: -40px;
}

.language_sel {
  font-family: "Lucida Grande", Helvetica, Verdana, Arial;
  color: #3564a2;
  font-size: 11px;
}

.language_sel_act {
  font-family: "Lucida Grande", Helvetica, Verdana, Arial;
  font-size: 11px;
  color: #000000;
}

.fb_fan_container {
  border: 1px solid #cad4e7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #eceef5;
  background-image: url(/cms_components/media/facebook_icon.png);
  background-repeat: no-repeat;
  background-position: 5px 3px;
}

.fb_fan_text {
  padding-top: 2px;
  padding-left: 22px;
  padding-right: 4px;
  padding-bottom: 3px;
  font-family: "Lucida Grande", Verdana;
  font-size: 11px;
  color: #37589a;
}

.fb_fan_container_big {
  border: 1px solid #cad4e7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #eceef5;
  background-image: url(/cms_components/media/facebook_icon_big.png);
  background-repeat: no-repeat;
  background-position: 10px 4px;
  width: 60px;
}

.fb_fan_text_big {
  padding-top: 45px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  font-family: "Lucida Grande", Verdana;
  font-size: 11px;
  color: #37589a;
}

.navigation_link {
  font-family: "Lucida Grande", Helvetica, Verdana, Arial;
  font-size: 16px;
  color: #ffffff;
  outline: none;
  font-weight: normal;
  padding-top: 15px;
  text-align: center;
}

.navigation_div_se {
  float: left;
}

.navigation_div {
  float: left;
  height: 61px;
  padding-left: 32px;
  padding-right: 32px;
  background-image: url(/cms_components/media/navigation/nav-bg-scale.png);
  background-repeat: repeat-x;
}

.navigation_separator_div_plain {
  float: left;
  height: 61px;
  padding-left: 16px;
  background-image: url(/cms_components/media/navigation/nav-bg-scale.png);
  background-repeat: repeat-x;
}

.navigation_div_active {
  float: left;
  height: 61px;
  padding-left: 32px;
  padding-right: 32px;
  background-image: url(/cms_components/media/navigation/nav-bg-scale-highlighted.png);
  background-repeat: repeat-x;
}

.navigation_div_plain {
  float: left;
  height: 61px;
  padding-left: 16px;
  padding-right: 16px;
  background-image: url(/cms_components/media/navigation/nav-bg-scale.png);
  background-repeat: repeat-x;
}

.navigation_div_active_plain {
  float: left;
  height: 61px;
  padding-left: 16px;
  padding-right: 16px;
  background-image: url(/cms_components/media/navigation/nav-bg-scale-highlighted.png);
  background-repeat: repeat-x;
}

.navigation_separator_div {
  float: left;
  padding: 0px;
  margin: 0px;
  width: 2px;
  height: 61px;
}

.like_intro_headline {
  font-size: 38px !important;
  color: #3e3e3e !important;
}

.like_intro_subheadline {
  font-size: 20px !important;
  line-height: 28px !important;
  color: #333333 !important;
}

.tizi_features_intro_header {
  font-family: "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.tizi_features_intro_text {
  font-family: "Myriad Pro", "Myriad Set", "Open Sans", "myriad-pro",
    "Lucida Grande", Helvetica, Verdana, Arial;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #252525;
}

.footer {
  position: relative;
}

.tizi_navigation_0 {
  float: left;
  height: 105px;
  width: 137px;
  background-image: url(/cms_components/media/navigation/v5/0.png);
  background-repeat: repeat-x;
}

.tizi_navigation_0_active {
  float: left;
  height: 105px;
  width: 137px;
  background-image: url(/cms_components/media/navigation/v5/0_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_1 {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/1.png);
  background-repeat: repeat-x;
}

.tizi_navigation_1_active {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/1_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_2 {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/2.png);
  background-repeat: repeat-x;
}

.tizi_navigation_2_active {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/2_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_3 {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/3.png);
  background-repeat: repeat-x;
}

.tizi_navigation_3_active {
  float: left;
  height: 105px;
  width: 126px;
  background-image: url(/cms_components/media/navigation/v5/3_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_4 {
  float: left;
  height: 105px;
  width: 143px;
  background-image: url(/cms_components/media/navigation/v5/4.png);
  background-repeat: repeat-x;
}

.tizi_navigation_4_active {
  float: left;
  height: 105px;
  width: 143px;
  background-image: url(/cms_components/media/navigation/v5/4_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_5 {
  float: left;
  height: 105px;
  width: 152px;
  background-image: url(/cms_components/media/navigation/v5/5.png);
  background-repeat: repeat-x;
}

.tizi_navigation_5_active {
  float: left;
  height: 105px;
  width: 152px;
  background-image: url(/cms_components/media/navigation/v5/5_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_6 {
  float: left;
  height: 104px;
  width: 152px;
  background-image: url(/cms_components/media/navigation/v5/6.png);
  background-repeat: repeat-x;
}

.tizi_navigation_6_active {
  float: left;
  height: 104px;
  width: 152px;
  background-image: url(/cms_components/media/navigation/v5/6.png);
  background-repeat: repeat-x;
}

.tizi_navigation_logo {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/tizi_button.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_logo_active {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/tizi_button_hover.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_mobile_navigation_logo {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/tizi_button_mobile.png);
  background-repeat: repeat-x;
}

.tizi_mobile_navigation_logo_active {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/tizi_button_mobile_hover.png);
  background-repeat: repeat-x;
}

.tizi_navigation_general {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/g.jpg);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_general_active {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/g_hover.jpg);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_right {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/r.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_right_active {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/r_hover.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_single {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/s.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

.tizi_navigation_single_active {
  float: left;
  height: 48px;
  width: 110px;
  background-image: url(/cms_components/media/navigation/v6/s_hover.png);
  background-repeat: repeat-x;
  background-size: 110px 48px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tizi_navigation_logo {
    background-image: url(/cms_components/media/navigation/v6/tizi_button@2x.png);
  }

  .tizi_navigation_logo_active {
    background-image: url(/cms_components/media/navigation/v6/tizi_button_hover@2x.png);
  }

  .tizi_mobile_navigation_logo {
    background-image: url(/cms_components/media/navigation/v6/tizi_button_mobile@2x.png);
  }

  .tizi_mobile_navigation_logo_active {
    background-image: url(/cms_components/media/navigation/v6/tizi_button_mobile_hover@2x.png);
  }

  .tizi_navigation_general {
    background-image: url(/cms_components/media/navigation/v6/g@2x.png);
  }

  .tizi_navigation_general_active {
    background-image: url(/cms_components/media/navigation/v6/g_hover@2x.png);
  }

  .tizi_navigation_right {
    background-image: url(/cms_components/media/navigation/v6/r@2x.png);
  }

  .tizi_navigation_right_active {
    background-image: url(/cms_components/media/navigation/v6/r_hover@2x.png);
  }

  .tizi_navigation_single {
    background-image: url(/cms_components/media/navigation/v6/s@2x.png);
  }

  .tizi_navigation_single_active {
    background-image: url(/cms_components/media/navigation/v6/s_hover@2x.png);
  }
}

video {
  clip-path: inset(1px 1px);
}