/* lokal */
/* default !!! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
#css-data {
  display: none;
}

body {
    line-height: 1;
    color: black;
    background: white;
    background-color:#FFFFFF;
}
ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a { text-decoration: none; }
.tooltip {z-index: 1000; display:none;color:black;background-color:#ffa;border:1px solid #cc9;max-width: 320px; padding:3px;font-size:13px;-moz-box-shadow: 2px 2px 11px #666;-webkit-box-shadow: 2px 2px 11px #666;}

/* custom !!! */
#button_bar_top_navi .wrapper, button_link_top_navi .wrapper { 
  margin-left:1px;
}
#text_input_search {
  padding-right:25px;
  padding-left:10px;
  border:1px solid #b5b5b5;
  color: #b5b5b5;
  width: 100px;
  font-size: 14px;
  background-image:url('../images/scope.png');
  background-repeat:no-repeat;
  background-position:right center;
  height: 30px;
  background-color: #fff;
  z-index: 111;
  font-family: Arial;
}
#smart_search {
  padding-right:25px;
  padding-left:10px;
  margin-bottom: 12px;
  border:none;
  color: #b5b5b5;
  width: 172px;
  font-size: 14px;
  background-image:url('../images/scope.png');
  background-repeat:no-repeat;
  background-position:right center;
  height: 20px;
  background-color: #fff;
  z-index: 111;
  font-family: Arial;
}
li.smart_footer span  {
  margin-top: 8px;
}
#text_input_search.active {
  border:1px solid #b5b5b5;
  background-color: #fff;
  font-size: 16px !important;
}
#smart_search.active {
  border:1px solid #b5b5b5;
  background-color: #fff;
  font-size: 16px !important;
}
#div_left_content .widget .link:hover, #div_full_content .widget .link:hover, #div_banner .link:hover, #div_right_content .widget .link:hover, .font_text a:hover { cursor: pointer; text-decoration:underline; }

#left_footer_bar, #right_footer_bar, #left_bottom_bar, #div_right_navi_head:hover, #div_left_navi_head:hover, #button_bar_top_navi input.button, #button_link_top_navi input.button, #div_right_icon_bar img { cursor: pointer; }

#left_bottom_bar {
  display: none;
}

#ul_navi, #ul_left, #ul_right {
    float: left;
    border-style:none;
    color:#ffffff;
    font-size:16px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00b1e6;
}

#ul_navi.scroll, #ul_left.scroll, #ul_right.scroll {
    height: 200px
}
#ul_navi li a, #ul_left  li a, #ul_left  li div, #ul_left  li ul.smart_icon_bar, #ul_right  li a {
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 20px;
    padding-right: 20px;
    background: #00b1e6;
    border: none;
    text-decoration: none;
    color: #ffffff;
    white-space: normal;
}
#button_link:before {
    content: '\00BB';
    float: left;
    margin-left: 20px;
    padding-top: 8px;
    color: #ffffff;
}
#ul_navi li ul li.nav_item:before, #ul_left li ul li.nav_item:before, #ul_right li ul li.nav_item:before {
    content: '\00BB';
    float: left;
    margin-left: 20px;
    padding-top: 8px;
    color: #ffffff;
}

#ul_navi li ul li ul li.nav_item:before, #ul_left li ul li ul li.nav_item:before, #ul_right li ul li ul li.nav_item:before {
    content: '\00BB';
    float: left;
    margin-left: 35px;
    padding-top: 8px;
    color: #ffffff;
}

#ul_navi li ul li ul li ul li.nav_item:before, #ul_left li ul li ul li ul li.nav_item:before, #ul_right li ul li ul li ul li.nav_item:before {
    content: '\00BB';
    float: left;
    margin-left: 50px;
    padding-top: 8px;
    color: #ffffff;
}

#ul_navi li ul li ul li ul li ul li.nav_item:before, #ul_left li ul li ul li ul li ul li.nav_item:before, #ul_right li ul li ul li ul li ul li.nav_item:before {
    content: '\00BB';
    float: left;
    margin-left: 65px;
    padding-top: 8px;
    color: #ffffff;
}

#ul_navi li ul li ul li ul li ul li ul li.nav_item:before, #ul_left li ul li ul li ul li ul li ul li.nav_item:before, #ul_right li ul li ul li ul li ul li ul li.nav_item:before {
    content: '\00BB';
    float: left;
    margin-left: 80px;
    padding-top: 8px;
    color: #ffffff;
}

#button_link:first-letter{
    vertical-align: baseline;
    white-space: nowrap;
}

#ul_navi li.active:before, 
#ul_navi li.active > a, 
#ul_navi li ul li.active:before, 
#ul_navi li ul li.active > a, 
#ul_navi li ul li ul li.active:before, 
#ul_navi li ul li ul li.active > a, 
#ul_navi li ul li ul li ul li.active:before, 
#ul_navi li ul li ul li ul li.active > a, 
#ul_navi li ul li ul li ul li ul li.active:before, 
#ul_navi li ul li ul li ul li ul li.active > a, 
#ul_left li.active:before, 
#ul_left li.active > a, 
#ul_left li ul li.active:before, 
#ul_left li ul li.active > a, 
#ul_left li ul li ul li.active:before, 
#ul_left li ul li ul li.active > a,
#ul_left li ul li  ul liul li.active:before, 
#ul_left li ul li ul li ul li.active > a,
#ul_left li ul li ul li ul li ul li.active:before, 
#ul_left li ul li ul li ul li ul li.active > a,
#ul_right li.active:before, 
#ul_right li.active > a, 
#ul_right li ul li.active:before, 
#ul_right li ul li.active > a, 
#button_bar_top_navi input.button.active, 
#button_link_top_navi input.button.active, 
#ul_navi li ul li ul li.nav_item.active:before, 
#ul_left li ul li ul li.nav_item.active:before, 
#ul_navi li ul li ul li ul li.nav_item.active:before, 
#ul_left li ul li ul li ul li.nav_item.active:before, 
#ul_navi li ul li ul li ul li ul li.nav_item.active:before, 
#ul_left li ul li ul li ul li ul li.nav_item.active:before, 
#ul_navi li ul li ul li ul li ul li ul li.nav_item.active:before, 
#ul_left li ul li ul li ul li ul li ul li.nav_item.active:before, 
#ul_right li ul li ul li.nav_item.active:before {
    color: #000000;
    /*font-weight: bold;*/
}
#ul_navi li.preactive:before, 
#ul_navi li.preactive > a, 
#ul_navi li ul li.preactive:before, 
#ul_navi li ul li.preactive > a, 
#ul_navi li ul li ul li.preactive:before, 
#ul_navi li ul li ul li.preactive > a, 
#ul_navi li ul li ul li ul li.preactive:before, 
#ul_navi li ul li ul li ul li.preactive > a, 
#ul_navi li ul li ul li ul li ul li.preactive:before, 
#ul_navi li ul li ul li ul li ul li.preactive > a, 
#ul_left li.preactive:before, 
#ul_left li.preactive > a, 
#ul_left li ul li.preactive:before, 
#ul_left li ul li.preactive > a, 
#ul_left li ul li ul li.preactive:before, 
#ul_left li ul li ul li.preactive > a, 
#ul_left li ul li ul li ul li.preactive:before, 
#ul_left li ul li ul li ul li.preactive > a, 
#ul_left li ul li ul li ul li ul li.preactive:before, 
#ul_left li ul li ul li ul li ul li.preactive > a, 
#ul_right li.preactive:before, 
#ul_right li.preactive > a, 
#ul_right li ul li.preactive:before, 
#ul_right li ul li.preactive > a, 
#button_bar_top_navi input.button.preactive, 
#button_link_top_navi input.button.preactive {
    color: #000000;
    /*font-weight: bold;*/
}
#ul_navi li:hover, 
#ul_navi li ul li:hover, 
#ul_navi li ul li ul li:hover,
#ul_navi li ul li ul li ul li:hover,
#ul_navi li ul li ul li ul li ul li:hover,
#ul_left li:hover, 
#ul_left li ul li:hover, 
#ul_left li ul li ul li:hover,
#ul_left li ul li ul li ul li:hover,
#ul_left li ul li ul li ul li ul li:hover,
#ul_right li:hover, 
#ul_right li ul li:hover, .visual_headline:hover {
    cursor: pointer;
}
#ul_navi li ul.nav_item, #ul_left li ul.nav_item, #ul_right li ul.nav_item {
    display: none;
}

#ul_navi ul, #ul_left ul, #ul_right ul {
    margin: 0;
}

#ul_navi li ul li a, #ul_left li ul li a, #ul_right li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 35px;
    padding-right: 20px;
    background: #009ee0;
}

#ul_navi li ul li ul li a, #ul_left li ul li ul li a, #ul_right li ul li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 50px;
    padding-right: 20px;
    background: #009ee0;
}

#ul_navi li ul li ul li ul li a, #ul_left li ul li ul li ul li a, #ul_right li ul li ul li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 65px;
    padding-right: 20px;
    background: #009ee0;
}

#ul_navi li ul li ul li ul li ul li a, #ul_left li ul li ul li ul li ul li a, #ul_right li ul li ul li ul li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 80px;
    padding-right: 20px;
    background: #009ee0;
}

#ul_navi li ul li ul li ul li ul li ul li a, #ul_left li ul li ul li ul li ul li ul li a, #ul_right li ul li ul li ul li ul li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 95px;
    padding-right: 20px;
    background: #009ee0;
}

td[valign='top'] {
    vertical-align: top;
}

table[width='100%'] {
    width: 626px;
    max-width: 626px;
}

.font_text img {
    max-width: 626px;
}

#div_full_content  .font_text img {
    max-width: 984px;
}

table.matrix[width='100%'] td a, table.matrix[width='100%'] td img, table[width='100%'] td.matrix a, table[width='100%'] td.matrix img {
    max-width: inherit;
    width: auto !important;
}
table.full_img[width='100%'] td a, table.full_img[width='100%'] td img, table[width='100%'] td.full_img a, table[width='100%'] td.full_img img {
    max-width: inherit;
    width: auto !important;
    height: auto;
}
table.full_img[width='100%'] td {
    width: auto;
}

#div_full_content  table[width='100%'] {
    width: 984px;
    max-width: 984px;
}

#div_right_content table[width='100%'] {
    width: 323px;
    max-width: 323px;
}

#div_right_content table.small[width='100%'] {
    width: 100%;
    max-width: 626px;
}

#wrapper_div_right_content.small  table[width='100%'] {
    width: 100%;
    max-width: 626px;
}

#div_full_content  table[width='100%'] td, table[width='100%'] td {
    margin-right: 20px;
}

#div_full_content  table[width='100%'] tr, table[width='100%'] tr {
    margin-top: 20px;
}

.div_footer_ul {
    float: left;
    border-style:none;
    color:#ffffff;
    font-size:14px;
    width: 100%;
    margin-bottom: 35px;
    background-color: #00b1e6;
    top: 6px;
    display: table;
}

.div_footer_ul ul {
    margin: 0;
}

.div_footer_ul li a {
    display: block;
    padding-bottom: 7px;
    /*padding-top: 7px;
    padding-left: 20px;
    padding-right: 20px;*/
    background: #00b1e6;
    border: none;
    text-decoration: none;
    color: #ffffff;
}
.div_footer_ul li:hover, .div_footer_ul li ul li:hover {
    cursor: pointer;
}
.div_footer_ul li ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    padding-right: 0px;
    background: #00b1e6;
}
.div_footer_ul li ul li:before {
    content: '\00BB';
    float: left;
    padding-top: 8px;
    color: #ffffff;
}
#content {
  width: 100%;
  max-width: 1600px;
  margin-top: 0px;
  overflow-x: hidden;
  z-index: 100;
}

#main {
  background-color: #FFFFFF;
  border-style: none;
}

#div_logo {
  left: calc(50% - 493px);
  left: -webkit-calc(50% - 493px);
  left: -moz-calc(50% - 493px);
  width: auto;
  height: auto;
  position: fixed;
  z-index: 888;
  cursor: pointer;
}

#logo_image {
  /*width: 379px;
  height: 97px;*/
  width: 384px;
  height: 107px;
}

#div_top {
  height: 162px;
  z-index: 555;
}

#div_top_bar {
  margin-left: calc(50% - 512px);
  margin-left: -webkit-calc(50% - 512px);
  margin-left: -moz-calc(50% - 512px);
  margin-right: calc(50% - 512px);
  margin-right: -webkit-calc(50% - 512px);
  margin-right: -moz-calc(50% - 512px);
  height: 97px;
}

#wrapper_text_label {
  top: 22px; 
  right: 0px; 
  display: none;
  font-size: 14px;
  line-height: 16px;
}

#div_top_bar_content {
  height: 45px;
}

#link_bar {
}

#link_bar_bottom {
  right: 72px;
}

#link_bar a {
  font-size: 14px;
  color: #009ee0;
}

#div_top_blend {
  height: 162px;
  z-index: 444;
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  z-index: 444;
}

#wrapper_banner_image.single_banner {
  position: relative; 
  overflow: hidden; 
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
}

#div_banner {
  height: 510px;
  max-height: 510px;
  width: 100%;
  max-width: 1600px;
  overflow: hidden;
}

#banner_image {
  z-index: 112;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}

#banner_image:hidden {
  width: 1600px;
  height: 510px;
}

#banner_image:visible {
  width: 726px;
  height: auto;
}

#style_image {
  width: 1600px;
  height: 1px;
  z-index: 111;
  left: 50%;
  top: 50%;
  margin: 0px 0px 0px -800px;
}

#wrapper_service_container {
  top: 0px;
  right: 0px;
}

#service_container {
  width: 358px;
  /*width: 418px;*/
  height: 510px;
  max-height: 510px;
  background-color: rgb(217,241,250);
  z-index: 112;
}

#service_text {
  margin: 36px;
  margin-top: 55px;
}

#wrapper_slogan_container {
  top: 0px;
  left: 0px;
}

#slogan_container {
  width: 666px;
  /*width: 726px;*/
  height: 510px;
  max-height: 510px;
  z-index: 112;
}

#slogan_text {
  /*font-weight: bold;*/
  overflow: visible;
  margin: 20px 20px; /*NRW Änderung 80*/
  margin-right: 20px;
  font-size: 24px;
  line-height: 26px;
  bottom: 0px;
  left: 0px;
}

#slogan_text div {
  white-space: pre;
}

#slogan_text.ol, #slogan_text.ul {
  bottom: 0px;
  left: 0px;
  right: auto;
}

#slogan_text.or, #slogan_text.ur {
  bottom: 0px;
  right: 0px;
  left: auto;
}

#slogan_text .color1 {
  color: #009ee0;
}

#slogan_text .color2 {
  color: #000000;
}

#slogan_text .color3 {
  color: #ffffff;
}

.wrapper_visual_container {
  top: 0px;
  left: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  position: relative;
}

.visual_container {
  width: 666px;
  height: 510px;
  max-height: 510px;
  z-index: 112;
}

.visual_text {
  margin: 40px 20px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 20px;
  top: 100px;
  left: 0px;
  /*background: rgba(220,160,140,0.5);*/
}

.visual_headline {
  margin-top: 20px;
  font-size: 18px;
  line-height: 20px;
  left: 0px;
  background: none repeat scroll 0% 0% #00B1E6;
  white-space: nowrap;
}

.visual_headline a {
  display: table;
  margin: 10px 20px !important;
  font-size: 16px !important;
  line-height: 18px !important;
  color: #ffffff !important;
}

#div_top_navi {
  border-style: none;
  z-index: 999;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-style: none;
  /*right: 4px;*/
}

#div_left_navi {
  width: calc(50% - 513px);
  width: -webkit-calc(50% - 513px);
  width: -moz-calc(50% - 513px);
  margin-left: 0px;
  margin-right: auto;
  float: left;
  max-width: 287px;
  background-color: transparent;
  border-style: none;
}

#div_left_navi_spacer {
  float: left;
  margin-left: 0px;
  width: 21px;
  height: 38px;
  background-color: #00B1E6;
  border-style: none;
}

#wrapper_div_left_navi_spacer {
  left: -20px;
}

#div_left_navi_head {
  float: left;
  width: 100%;
  min-width: 72px;
  max-width: 287px;
  height: 52px;
  background-color: #00B1E6;
  border-style: none;
}

#image_left_navi_icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

#image_left_footer_bar_icon, #image_right_footer_bar_icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

#label_left_navi {
  color: #ffffff;
  font-size: 16px;
}

#label_left_footer_bar, #label_right_footer_bar, #label_left_bottom_bar {
  color: #ffffff;
  font-size: 16px;
  padding-bottom: 5px;
}
#label_left_bottom_bar {
  color: #00b1e6;
  width: 200px;
}

#div_left_navi_content {
  width: 287px;
  min-width: 287px;
  background-color: #00B1E6;
  z-index: 999;
}

#div_left_navi_content.scroll {
  height: 220px !important;
}

#div_top_navi_bar {
  max-width: 1024px;
  margin-left: auto;
  margin-right: calc(50% - 512px);
  margin-right: -webkit-calc(50% - 512px);
  margin-right: -moz-calc(50% - 512px);
  border-style: none;
}

#div_top_navi_link {
  max-width: 1024px;
  margin-right: auto;
  margin-left: calc(50% - 512px);
  margin-left: -webkit-calc(50% - 512px);
  margin-left: -moz-calc(50% - 512px);
  border-style: none;
  display: none;
}

#button_bar_top_navi, #button_link_top_navi {
  padding: 0px;
  background-color: transparent;
  border-style: none;
}

#button_bar_top_navi input[type="button"], #button_link_top_navi input[type="button"] {
  height: 52px;
  background-color: #00b1e6;
  border-style: none;
  color: #ffffff;
  font-size: 16px;
  padding: 0 15px;
}

#button_bar_top_navi input[type="button"].actice, #button_link_top_navi input[type="button"].actice {
  color: #000000;
}

#div_right_navi {
  width: calc(50% - 513px);
  width: -webkit-calc(50% - 513px);
  width: -moz-calc(50% - 513px);
  margin-left: auto;
  margin-right: 0px;
  max-width: 287px;
  background-color: transparent;
  border-style: none;
}

#div_right_navi_spacer {
  float: right;
  margin-right: 0px;
  width: 21px;
  height: 38px;
  background-color: #00B1E6;
  border-style: none;
}

#wrapper_div_right_navi_spacer {
  right: -20px;
}

#div_right_navi_head {
  float: right;
  width: 100%;
  min-width: 72px;
  max-width: 287px;
  height: 52px;
  background-color: #00B1E6;
  border-style: none;
}

#image_right_navi_icon_on {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

#image_right_navi_icon_off {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

#label_right_navi {
  color: #ffffff;
  font-size: 16px;
}

#div_main_content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  background-color: #ffffff;
  border: none;
  z-index: 333;
  border: 1px solid #ffffff;
}

.lower_banner {
  /*margin-top: 25px !important;*/
}

#div_left_content {
  background-color: #ffffff;
  border: none;
  width: 100%;
  max-width: 666px;
  /*min-height: 100%;*/
  height: auto;
  overflow:visible;
}

#div_full_content {
  background-color: #ffffff;
  border: none;
  width: 100%;
  max-width: 1024px;
  /*min-height: 100%;*/
  height: auto;
  overflow:visible;
}

#div_right_content {
  /*background-color: #ffffff;*/
  border: none;
  width: 100%;
  max-width: 343px;
  /*min-height: 100%;*/
  height:auto; 
  overflow:visible;
}

.image_box {
  width: calc(100% - 15px);
  max-width: 343px !important;
}

.image_box  div, .image_box  div div, .image_box  div img, .image_box  div input {
  max-width: 303px !important;
}

#div_footer, #div_footer_bar {
  background-color: #00b1e6;
  z-index: 444;
}

#div_footer_bar {
  display: none;
  height: 52px;
}

#wrapper_button_bar_top_navi {
  height: 52px;
}

#wrapper_button_link_top_navi {
  height: 52px;
}

#div_footer_content {
  height: inherit;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#div_footer_bar_content {
  height: inherit;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

#div_right_icon_bar {
  width: 32px;
  min-width: 32px;
  height: 208px;
}

/*
#image_icon_bar_1 {
  top:20px;
}
#image_icon_bar_2 {
  top:72px;
}
#image_icon_bar_3 {
  top:124px;
}
#image_icon_bar_4 {
  top:176px;
}
#image_icon_bar_5 {
  top:228px;
}
*/

#div_right_icon_bar > div.wrapper {
  position: relative;
  margin-top: 20px;
  display: table !important;
}

#div_bottom {
  height: 45px;
  /*display: none;*/
}

.no_tablet, .no_smart, .no_landscape, .no_portrait {
  display: inherit;
}

.footer_v_row {
  height: inherit;
  width: 100%;
}

.wrapper_div_footer {
  position: inherit;
  max-width: 204px;
  float: left;
  width: 20%;
  top:0px;
}
.wrapper_div_footer_container {
  left:20px;right:16px;
}
.div_footer_container  {
  width: 100%;
}
.wrapper_v_line {
  top:0px;
  float: left;
  width: 1px;
  position: inherit;
}

.footer_v_line {
  border-left-color: #b2e2f6;
  width: 1px;
  position: absolute !important;
}

.bar_v_line {
  height: 16px;
  border-left-color:#009ee0;
}

.float_left {
  float: left !important;
}

.float_right {
  float: right !important;
}

.float_test {
  clear: none;
}

.widget {
  left: 0px;
  margin-bottom: 45px;
  display: inline-table;
  float: left;
  /*width: inherit;*/
}

.w_margin {
  margin-left: 20px;
}

.n_margin {
  margin-left: 0px !important;
}
  
.margin_top {
  margin-top: 20px !important;
}

#wrapper_div_logo {
  top:45px;left:0px;right:0px;
}

#wrapper_logo_image {
  top:0px;left:0px;
}

#wrapper_button_bar_top_navi {
  top:0px;right:0px;
}

#wrapper_button_link_top_navi {
  top:0px;left:0px;
}

#wrapper_text_input_search {
  top:0px;right:22px;
}

#wrapper_div_top, #wrapper_div_top_blend, #wrapper_ul_navi, #wrapper_ul_left, #wrapper_ul_right, #wrapper_ul_2_1, #wrapper_ul_3_1, #wrapper_ul_4, #wrapper_ul_5_1, #wrapper_ul_6  {
  top:0px;left:0px;right:0px;
}

#wrapper_div_top_bar {
  top:56px;left:0px;right:0px;
}

#wrapper_div_top_bar_content {
  top: 0px;left:379px;right:0px;
}

#wrapper_link_bar {
  top: 2px;right: 180px;margin-top: 8px;
}

#wrapper_link_bar_bottom {
  top: 2px;left: 0px;margin-top: 8px;
}

#wrapper_div_banner {
  top:162px;left:0px;right:0px;width:100%;
}

#wrapper_banner_image, #wrapper_div_left_navi_head {
  top:0px;left:0px;width:100%;
}

#wrapper_div_top_navi {
  top:202px;left:0px;right:0px;width:100%;
}

#wrapper_image_left_navi_icon {
  top:10px;right:20px;
}

#wrapper_image_left_footer_bar_icon {
  top:10px;left:0px;
}

#wrapper_image_right_footer_bar_icon {
  top:10px;right:130px;
}

#wrapper_image_left_bottom_bar_icon {
  top:2px;left:20px;
}

#wrapper_label_left_navi {
  top:18px;right:67px;
}

#wrapper_label_left_footer_bar {
  top:18px;left:47px;
}

#wrapper_label_right_footer_bar {
  top:18px;right:0px;
}

#wrapper_label_left_bottom_bar {
  top:4px;left:42px;
}

#wrapper_div_left_navi_content {
  top:53px;left:0px;
}

#wrapper_image_right_navi_icon {
  top:10px;left:20px;
}

#wrapper_label_right_navi {
  top:18px;left:67px;
}

#wrapper_div_main_content {
  top:620px;width:100%;
}

#wrapper_div_left_content, #wrapper_div_full_content {
  top:0px;
  bottom: 0px; 
  width: 100%;
  left: 0px;
  height: auto;
  float: left;
}

#wrapper_div_right_content {
  top: 0px;
  bottom: 0px;
  width: 33.49609375%;
  /*left: calc(65.05% + 15px);
  left: -webkit-calc(65.05% + 15px);
  left: -moz-calc(65.05% + 15px);*/
  right: 0px;
}

#wrapper_div_right_content.small {
  left: 0px;
  width: 100%;
}

#wrapper_div_right_content.small  .widget_col11 {
  left: 0px;
  width: 100%;
}

.widgets-row {
  margin-top: 20px;
}

#wrapper_div_footer {
  /*bottom:0px;*/bottom:45px;left:0px;right:0px;width:100%;
}

#wrapper_div_footer_bar {
  bottom:35px;left:0px;right:0px;width:100%;
}

#wrapper_v_line_1 {
  margin-left:-1px;
}

#wrapper_div_footer_1 {

}

#wrapper_div_footer_container_1 {

}

#wrapper_v_line_2 {
  
}

#wrapper_div_footer_2 {
  
}

#wrapper_div_footer_container_2 {

}

#wrapper_v_line_3 {
  
}

#wrapper_div_footer_3 {
  
}

#wrapper_div_footer_container_3 {

}

#wrapper_v_line_4 {
  
}

#wrapper_div_footer_4 {
  
}

#wrapper_div_footer_container_4 {

}

#wrapper_v_line_5 {
  
}

#wrapper_div_footer_5 {
  
}

#wrapper_div_footer_container_5 {

}

#wrapper_v_line_6 {
  margin-right:-1px;
}

#wrapper_div_right_icon_bar {
  top:672px;
  right:calc(50% - 565px);
  right: -webkit-calc(50% - 565px);
  right: -moz-calc(50% - 565px);
}

#wrapper_div_bottom {
  bottom:1px;left:0px;right:0px;
}

.font_text {
  -webkit-text-size-adjust: none; font-size: 14px; font-weight: normal; font-style: normal; line-height: 18px;
}

.visual_text {
  -webkit-text-size-adjust: none; font-size: 18px; font-weight: normal; font-style: normal; line-height: 20px;
}

.font_text a, .font_text h1, .font_text h2, .font_text h3, .font_text h4, .font_text h5, .font_text h6, .font_text h7, .font_text h8, .font_text h9 {
  color: rgb(0, 158, 224); font-style: normal;
}

.font_text h1 {
  -webkit-text-size-adjust: none; font-size: 18px; color: rgb(0, 158, 224); font-style: normal; line-height: 20px; margin-bottom: 10px;
}

.font_text td h1, .font_text td h2 {
  margin-top: -3px !important;
  margin-bottom: 10px !important;
}

.font_text h2 {
  -webkit-text-size-adjust: none; font-size: 18px; color: rgb(181, 181, 181); font-style: normal; line-height: 20px; margin-bottom: 15px;
}

.visual_text h1 {
  -webkit-text-size-adjust: none; font-size: 18px; color: rgb(0, 158, 224); font-style: normal; line-height: 20px; margin-bottom: 0px;
}

.visual_text h2 {
  -webkit-text-size-adjust: none; font-size: 40px; color: rgb(0, 158, 224); font-style: normal; line-height: 42px; margin-bottom: 0px; /*font-weight: bold;*/
}

.visual_text h2:last-of-type {
  margin-bottom: 20px !important;
}

td h1 {
  margin: 0 !important;
}
.font_text strong {
  font-weight: bold;
}

.font_text p,.font_text li {
  margin: inherit;
  margin-bottom: 14px;
}

.visual_text p {
  margin: 0px;
}

.font_text p:last-child, .font_text li:last-child {
  margin: inherit;
  margin-bottom: 0px;
}

#service_text p:last-child {
  margin: 0;
}

.font_text p:first-child, .font_text li:first-child {
  margin-top: 0px;
}

.font_text ul li:before {
  /*content: url('media/arrow_blue.gif');
  margin-right: 5px;*/
}

.font_text ul li {
  background-image: url('media/arrow_blue.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding: 0px 0px 0px 12px;
}

.font_section_header {
  -webkit-text-size-adjust: none; font-size: 16px; font-weight: bold; font-style: normal; line-height: 18px;
}

.font_headlines {
  -webkit-text-size-adjust: none; font-size: 18px; color: rgb(0, 158, 224); font-style: normal; line-height: 20px;
}

.widget_col1, .widget_col12 {
  margin-top: 20px;float: left; max-width: 303px;width: 303px;margin-right: 20px;
}

#div_full_content .widget_col1, #div_full_content .widget_col12 {
  max-width: 472px;width: 472px;
}

.widget_col11 {
  margin-top: 20px;float: none; max-width: 303px;margin-right: 20px;
}

#div_full_content .widget_col11 {
  max-width: 472px;width: 472px;
}

.widget_col2 {
  margin-top: 20px;float: left; max-width: 626px;width: 100%;margin-right: 20px;
}

.widget_col22 {
  margin-top: 20px;float: none; max-width: 626px;width: 100%;margin-right: 20px;
}

#div_full_content .widget_col2, #div_full_content .widget_col22 {
  max-width: 984px;
  width: 100%;
  margin-left: 0px;
}

.widget_col_img {
  left: 0px; float: left; margin-right: 15px; height: 100px; width: 100px; margin-top: 4px;
}

.widget_col_img.download_icon {
  height: 130px;
}

.widget_col_div {
  margin-top: 10px;
}

.widget_col_div.pad {
  padding-left: 115px;
}

.widget_col2_div {
  margin-top: 10px;
  width: 100%;
}

.div_dropdown {
  display: none;
  background-color: #FFF;
  border-width: medium 1px 1px;
  border-style: none solid solid;
  border-color: #B5B5B5;
  z-index: 112;
  padding: 10px;
  margin-top: 0px !important;
  width: calc(100% - 24px);
}

.no_top_margin {
  margin-top: 0px !important;
}

.no_right_margin {
  margin-right: 0px !important;
}

.no_left_padding {
  padding-left: 0px !important;
}

.w_margin_bottom {
  margin-bottom: 0px;
}

.content_teaser, .box_image {
  height:auto; width:auto; max-width:666px;left: 0px; float: left; margin-right: 20px;
}
textarea, input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/*
.widget_col img + span.font_headlines {
  position: absolute;
  margin-top: -2px;
}
*/
.widget_col_headline .widget_col2_headline {
  max-width: 136;
  max-width: calc(100% - 115px - 6px);
  max-width: -webkit-calc(100% - 115px - 6px);
  max-width: -moz-calc(100% - 115px - 6px);
  margin-top: -4px;
  (;margin: 0px;); /* ugly safari hack !!! */
  padding-left: 115px;
  (;padding: 0px;); /* ugly safari hack !!! */
}
img + .widget_col_headline .widget_col2_headline {
  margin-top: -4px;
  (;margin: 0px;); /* ugly safari hack !!! */
  padding-left: 115px;
  (;padding: 0px;); /* ugly safari hack !!! */
}
/* Safari 8 */
_::-webkit-full-page-media, _:future, :root .widget_col_headline {
  margin: 0px;
  padding: 0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .widget_col_headline {
    overflow: visible; /* ugly ie 10 hack !!! */
  }
}
.widget_col2_headline {
  width: 100%px;
  max-width: 100%;
}
a.font_text:before { /*, .font_text a:before*/
  content: '\00BB\2009';
  vertical-align: baseline;
  white-space: nowrap;
}
span.tooltip:before {
  content: 'layout: desktop | ';
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.hyphen {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break: inherit;
    word-wrap: break-word;
}
#right_footer_link_bar {
  top: 18px;
  margin-left: 72px;
}
#right_footer_link_bar a {
  color: #FFFFFF;
  font-size: 16px;
}

.non_fixed {
  position: absolute !important;
}
/* old ioi styles */

.formular .col1 {
    margin-top: 20px;float: left; max-width: 303px;width: 303px;margin-right: 20px;
}
.formular .col3 {
    margin-top: 5px;float: none; max-width: 303px;width: 303px;margin-right: 20px;
}
.formular fieldset {
    border: 0px none;
    padding: 0px;
    margin: 0px;
}
.formular .label_normal {
    padding: 0px;
}
.formular .inputbox_normal, .formular .select_normal {
    margin: 10px 0px 15px;
    border: 1px solid #CDCDCD;
    padding: 1px;
    font-family: inherit;
    font-size: inherit;
    display: inline-block;
}
.formular .mandatory {
    background: none repeat scroll 0% 0% #D9F1FA;
    color: #000;
}
.formular .mandatory_error {
    background: none repeat scroll 0% 0% #D9F1FA;
    border: 1px solid #e20020;
}
label.error {
    color:#e20020;
}
.formular .col2 {
    margin-top: 20px;float: left; max-width: 303px;width: 303px;margin-right: 0px;
}
.formular .spacer5 {
    display: block;
    height: 5px;
    overflow: hidden;
}
.formular .spacer10 {
    display: block;
    height: 10px;
    overflow: hidden;
}
.formular .spacer15 {
    display: block;
    height: 15px;
    overflow: hidden;
}
.formular {
    margin: 0px;
    padding: 0px;
}
.formular fieldset {
  max-width: 100%;
}
.formular input, .formular textarea, .formular select {
  width: 100%;
}
.formular .input_text_search {
  padding-left:10px;
  border:1px solid #b5b5b5;
  color: #b5b5b5;
  font-size: 14px;
  background-image:url('../images/scope.png');
  background-repeat:no-repeat;
  background-position:right center;
  height: 30px;
  background-color: #fff;
  z-index: 111;
  font-family: Arial;
  margin-top: 10px;
  width: calc(100% - 15px);
}
.formular .input_text_search.active {
  border:1px solid #b5b5b5;
  background-color: #fff;
  font-size: 16px;
}
.formular input, .formular select , .formular label{
  width: 100%;
  max-width: inherit;
}
.formular textarea {
  height: 100%;
}
.formular label {
  display: block;
  float: left;
}
.formular .block {
  display: block;
}
.formular .inline_block {
  display: inline-block;
}
.standard-text .body {
}

/* jquery-ui enhanced */
.formular label.ui-state-default {
	border: 1px solid #CDCDCD;
	background: #ffffff;
	font-weight: normal;
	color: #000000;
  margin: 10px 0px 15px;
  width: 100%;
}
.formular label.ui-state-active {
	border: border: 1px solid #00B1E6;
	background: #00B1E6;
	font-weight: normal;
	color: #ffffff;
}
.formular label span.ui-button-text {
  padding: 0.1em 1em;
}
a.ui-button {
  color: #fff;
  margin-right: 1px;
}

a.ui-button.active {
  color: #000;
}

#wrapper_fb_like {
  position: absolute;
  bottom: calc(35px / 2);
  right: 0px;
  margin-right: 5px;
}

#wrapper_button_link {
  top: -14px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 250px;
}
input[type="button"].ellipsis {
  max-width: 330px;
}
#ul_left li.smart_icons {
  height: 24px;
  margin-bottom: 16px;
}
ul.smart_icon_bar {
  margin: 0; padding: 0;
  text-align: center;
}
ul.smart_icon_bar li{
  float: left;
  height: 24px;
  list-style: none;
  display: inline;
  margin-right: 34px;
}
ul.smart_icon_bar li img {
  height: 24px;
  width: 24px; 
}
.full_content {
  max-width: 1024px;
  width: 100%;
}
#smart_footer {
  font-size: 15px;
}
#smart_footer hr {
  border: none;
  border-top: 1px solid #FFF;
  padding-top: 4px;
  padding-bottom: 4px;
}
.no_desktop {
  display: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}

.no_wrap {
  white-space: pre;
}

.dl_icon {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 4px;
}

#center_box {
  margin: 0 auto;
  display: table;
  float: none;
}

table.fix td {
	float: none !important;
}

table.matrix td {
    padding-bottom: 20px;
    padding-right: 20px;
    margin: 0 !important;
    width: auto;
}

table.matrix td h1 {
    margin-top: 10px !important;
}

table:not([cellpadding='']) {
    /*border-spacing: attr(cellpadding px);*/
}

.float_none {
  float: clear: both;
}

/*table[width='100%'] td[width=''] {
    width: 100% !important;
    max-width: inherit !important;
    height: auto;
}*/
td[width='100%'] {
    width: 100% !important;
    max-width: inherit !important;
    height: auto;
}