body {padding-top: 0px;margin-bottom: 100px; border-top: 10px solid #0b3e67; background: #fff url(../img/htpm_bg.gif) repeat-y top center;}
body.zhafir {margin-bottom: 100px; border-top: 10px solid #003566; background: #fff url(../img/htpm_bg.gif) repeat-y top center;}

select, :focus, -moz-focusring {outline: none;}
a:active {
 outline: none;
 -moz-outline: none;
}

.mobile {
	display: none;
}

a, .accordion-toggle {
-moz-user-focus: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-family: inherit;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  text-rendering: optimizelegibility;
}

h1, h2 { text-transform: uppercase; margin-bottom: 24.5px; max-width: 750px; font-weight: 100;}
h1.htpmstartheader { font-size: 24px; font-weight: 600; position: relative; color: #0088cc; margin: 0; padding: 0;}
h1 span {color: #0088cc; display: block; font-weight: 600; font-size: 32px;}
h2 span {color: #0088cc; display: block; font-weight: 600; font-size: 32px;}
h2 span span {color: #999; font-weight: 400; }

h3 { color: #000; }
h4 { text-transform: uppercase; }
h4 span {color: #0088cc; display: block; font-weight: 600; display: block;}
h5 {font-weight: 600;}


h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 14px; font-weight: 700;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

.clear {clear: both;}

ul li, ol li { margin-bottom: 12px;}

*:focus, *:active
{  
    outline: none; outline: 0; -moz-outline: none;
}  

p {max-width: 740px;}

.carousel-nav { padding-bottom: 20px; width: 100px; margin: 0 auto;}
.carousel-nav a {
  display:block;
  width:22px;
  height:22px;
  background: url('../img/bullets.png') no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
  position: relative;
  top: -10px;
}
.carousel-nav a.active {
  background-position:0 -22px;
}
a:hover {text-decoration: none;}

hr {display: block; padding: 0; height: 20px; margin: 0px 0 12px 0; background: url(../img/hr_top.gif) bottom no-repeat; border: 0px solid #fff; clear: both; }
hr.bottom {display: block; padding: 0; height: 20px; margin: 0 0 30px 0; background: url(../img/hr_bottom.gif) bottom no-repeat; border: none; clear: both; }

/*
Navi
*/
.navbar {padding: 0; width: 670px; margin: 40px 0 40px 0;}
.zhafir .navbar {padding: 0; width: 670px; margin: 0px 0 40px 0;}
.navbar .navbar-inner { padding: 0; height: 38px;/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border: none; box-shadow: none;
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";background-repeat: repeat-x; border-radius:0; background: none;}
.navbar .brand {padding: 0px; width: 260px; float: right; text-align: right; margin: 0; position: absolute; top: 0px; right: -270px; border-radius: 0;}
.zhafir .navbar .brand {padding: 0px; width: 250px; float: right; text-align: right; margin: 0; position: absolute; top: 20px; right: -250px; border-radius: 0;}
.regionaloffice .navbar .brand {padding: 0px; width: 225px; float: right; text-align: right; margin: 0; position: relative; top: 0px; right: -250px; border-radius: 0;}
.navbar .nav {padding: 0; border-bottom: none;}
.navbar .nav > ul, .navbar .nav > li {padding: 0; margin: 0;}
.navbar .nav > li > a { font-size: 12px; font-weight: 600; text-transform: uppercase;}
.navbar .nav > li.rex-current > a { font-size: 12px; color: #fff; background: #0088cc; }
.navbar .nav ul {display: none;}
.navbar ul div { display: block; }


.navbar.navbar-fixed-bottom {padding: 0; width: 100%}
.navbar.navbar-fixed-bottom .navbar-inner {background: #082f4e; background-image: -moz-linear-gradient(top, #0b3e67, #082f4e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b3e67), to(#082f4e));
background-image: -webkit-linear-gradient(top, #0b3e67, #082f4e);
background-image: -o-linear-gradient(top, #0b3e67, #082f4e);
background-image: linear-gradient(to bottom, #0b3e67, #082f4e); /* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e)";background-repeat: repeat-x;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {box-shadow: none; -moz-border-radius: none; -webkit-box-shadow: none; border: none;}
.navbar-inverse .brand {background: #fff; margin-bottom: 0; float: right; display: block; padding: 0;}
.navbar-inverse .nav {padding: 0px 0px 0px 0px;}
.navbar-inverse .nav > li > a:hover { color: #fff; background: #333; border-radius: 5px; }

.navbar.navbar-fixed-bottom {margin-bottom: 0px;}
.navbar-fixed-bottom .navbar-inner { padding: 0px 0 10px 0; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);}
.navbar-fixed-bottom .navbar-inner .container {position: relative;}
.navbar-fixed-bottom .navbar-inner .brandbox {display: block; position: absolute; border-right: 1px solid #000; width: 180px; height: 100px; padding: 0px 10px;}

.navbar-fixed-bottom .navbar-inner .brandbox.hti {left: 0; top: 0px; opacity: 0.5;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti.active {left: 202px; top: 0px; opacity: 0.5;background: url('../img/hti_logo_bottom_active.png') no-repeat; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti.active img {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox.htpm {left: 200px; top: 0px; opacity: 0.5;}
.navbar-fixed-bottom .navbar-inner .brandbox.htpm.active {left: 202px; top: 0px; opacity: 0.5;background: url('../img/htpm_logo_bottom_active.png') no-repeat; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.htpm.active img {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox.zfpm {left: 400px; top: 0px; opacity: 0.5;}
.navbar-fixed-bottom .navbar-inner .brandbox.zfpm.active {left: 402px; top: 0px; opacity: 0.5; background: url('../img/zhafir_logo_bottom_active.png') no-repeat; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.zfpm.active:hover {left: 402px; top: 0px; opacity: 0.5; background: url('../img/zhafir_logo_bottom_active.png') no-repeat; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.zfpm.active img {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox.tjpm {left: 600px; top: 0px; opacity: 0.5;}
.navbar-fixed-bottom .navbar-inner .brandbox.tjpm.active {left: 602px; top: 0px; opacity: 0.5; background: url('../img/tianjian_logo_bottom_active.png') no-repeat; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.tjpm.active img {display: none;}


.navbar-fixed-bottom .navbar-inner .brandbox:hover {background: #082f4e; background-image: -moz-linear-gradient(top, #0b3e67, #082f4e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b3e67), to(#082f4e));
background-image: -webkit-linear-gradient(top, #0b3e67, #082f4e);
background-image: -o-linear-gradient(top, #0b3e67, #082f4e);
background-image: linear-gradient(to bottom, #0b3e67, #082f4e);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e)"; background-repeat: repeat-x; opacity: 1; border: 1px solid #fff;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti:hover {left: 0; top: -70px; opacity: 1; height: 120px;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti.active {left: 2px; top: -10px; opacity: 1;background: url('../img/hti_logo_bottom_active.png') no-repeat;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti.active:hover {left: 2px; top: -10px; opacity: 1;background: url('../img/hti_logo_bottom_active.png') no-repeat; border: none;}
.navbar-fixed-bottom .navbar-inner .brandbox.hti.active:hover .hide {display: none;}


.navbar-fixed-bottom .navbar-inner .brandbox.htpm:hover {left: 200px; top: -70px; opacity: 1; height: 120px;}
.navbar-fixed-bottom .navbar-inner .brandbox.htpm.active {left: 202px; top: 0px; opacity: 1;background: url('../img/htpm_logo_bottom_active.png') no-repeat;}
.navbar-fixed-bottom .navbar-inner .brandbox.htpm.active:hover {left: 202px; top: 0px; opacity: 1;background: url('../img/htpm_logo_bottom_active.png') no-repeat; border: none;}
.navbar-fixed-bottom .navbar-inner .brandbox.htpm.active:hover .hide {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox.zfpm:hover {left: 400px; top: -70px; opacity: 1; height: 120px;}
.navbar-fixed-bottom .navbar-inner .brandbox.zfpm.active:hover {left: 402px; top: 0px; opacity: 1; background: url('../img/zhafir_logo_bottom_active.png') no-repeat; border: none; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.zfpm.active:hover .hide {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox.tjpm:hover {left: 600px; top: -70px; opacity: 1; height: 120px;}
.navbar-fixed-bottom .navbar-inner .brandbox.tjpm.active:hover {left: 602px; top: 0px; opacity: 1; background: url('../img/tianjian_logo_bottom_active.png') no-repeat; border: none; opacity: 1.0;}
.navbar-fixed-bottom .navbar-inner .brandbox.tjpm.active:hover .hide {display: none;}

.navbar-fixed-bottom .navbar-inner .brandbox .hide {display: none; padding: 0px 10px; font-size: 10px; color: #fff;}
.brandbox a, .brandbox a:hover {text-decoration: none; border-bottom: none;}
.navbar-fixed-bottom .navbar-inner .brandbox:hover {position: absolute; top: -20px;}
.navbar-fixed-bottom .navbar-inner .brandbox:hover .hide {display: block;}





ul.topnavi { background: #eee; box-shadow: 3px 1px 1px 1px #eee; list-style: none; padding: 0; margin: 15px 0 0 0; width: 680px; float: left; height:36px; margin:18px auto; text-align:left; z-index:9998; background:url(../img/globalheader_htpm.png) repeat-x;
 -khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;background-color:#fff;}
.zhafir ul.topnavi { background: #eee; box-shadow: 3px 1px 1px 1px #eee; list-style: none; padding: 0; margin: 15px 0 0 0; width: 680px; float: left; height:36px; margin:18px auto; text-align:left; z-index:9998; background:url(../img/globalheader_zhafir.png) repeat-x;
 -khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;background-color:#fff;}	
ul.topnavi ul {display: none;}
ul.topnavi li {display: block; float: left; padding: 8px 10px; margin: 0; border-right: 1px solid #ccc; font-size: 13px; position: relative;}
ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; background:url(../img/globalheader_over.png) repeat-x;
   -moz-box-shadow:    inset 0 0 10px #ddd;
   -webkit-box-shadow: inset 0 0 10px #ddd;
   box-shadow:         inset 0 0 10px #ddd;}
   ul.topnavi li.rex-current a, ul.topnavi li.rex-active a {color: #333;}
ul.topnavi li a {color: #fff; font-weight: 600; text-transform: uppercase;}
ul.topnavi li:hover {background: #fff; color: #333;}
ul.topnavi li:hover a {color: #333;}
ul.topnavi li.rex-current:hover, ul.topnavi li.rex-active:hover { color: #333; background: #fff; background:url(../img/globalheader_over.png) repeat-x;
   -moz-box-shadow:    inset 0 0 10px #fff;
   -webkit-box-shadow: inset 0 0 10px #fff;
   box-shadow:         inset 0 0 10px #fff;}
ul.topnavi li.rex-current:hover a, ul.topnavi li.rex-active:hover a { color: #333; }
ul.topnavi li:hover ul {display: block; position: absolute; top: 36px; left: 0px; width: 200px; height: auto;background: #fff; border-radius: none; border-radius: 0; border:}
.zhafir ul.topnavi li:hover ul {display: block; position: absolute; top: 18px; left: 0px; width: 200px; height: auto;background: #fff; border-radius: none; border-radius: 0; border:}

ul.topnavi li:hover li {display: block; width: 100; float: none; padding: 5px 10px; border-right: none; color: #999;}
ul.topnavi li:last-child:hover li {display: none;}
body.regionaloffice ul.topnavi li:last-child:hover li {display: block;}
ul.topnavi li:hover ul ul {display: none;}

.addongeneral {display: block;}
.regionaloffice .addongeneral {display: none;}
.addonregional {display: none;}
.regionaloffice .addonregional {display: block;}

.order_print_brochures label.checkbox  {display: block; float: left; width: 100%; height: auto;}
.order_print_brochures label img {display: none;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}

.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/*
Tabs
*/

.content .nav { padding-bottom: 0; }
.tab-pane { padding-bottom: 300px;}
.tab-pane .box {margin-left: 0px;}
.tab-pane .box h4 {padding-top: 20px;}
.tab-pane .span9 {margin-left: 0px; width: 100%;}
table {width: 680px !important; border: 1px solid #aaa; }
table.table-striped {width: 100% !important; border: 1px solid #aaa; }
table.table-striped thead td {background: #0088cc; color: #fff; }
#tab_translations table.table {width: 650px !important;font-size: 0.8em; line-height: 14px;}
#tab_confirmations table.table {width: 650px !important;font-size: 0.8em; }
#tab_rejected table.table {width: 650px !important;font-size: 0.8em; }
table.inside_contentdb_masterlist {width: 100% !important; font-size: 0.8em; line-height: 14px;}
table.insidetable td{background: #fff;}
table td {padding: 10px; background: #eee; border: 1px solid #aaa;}
.nav-tabs > li a:hover, .nav-tabs > li a:focus {outline: none;}
.tablewithoutborder table {border: none;}
.tablewithoutborder table td {padding: 10px 10px 10px 0; background: #eee; border: 0px solid #aaa;}


/*
Box
*/

    .box { background: #eee; border-top-left-radius: 10px; border-bottom-right-radius: 10px; padding: 20px;min-height: 270px; max-width: 100%; box-shadow: 1px 1px 2px #ddd; margin-bottom: 10px;}
    .jumbo .row {margin-bottom: 5px;}


.halfwidthboxes .span6 {background: #eee; min-height: 500px; margin-top: 20px;margin-bottom: 20px;}
.halfwidthboxes .span6 h1, .halfwidthboxes .span6 h2, .halfwidthboxes .span6 h3, .halfwidthboxes .span6 h4, .halfwidthboxes .span6 h5, .halfwidthboxes .span6 p {padding: 10px;}
/*
Diverses
*/    

.sitemap ul li {display: inline-block; width: 150px; vertical-align: top; font-size: 12px;}
.sitemap ul li li { padding: 0 0 0 20px; }

/* google maps */

#map_canvas{background-color:#0088cc !important; height: 350px !important;}

/* Slideshow */

#galleria{ width: 100%; height: auto; min-height: 395px; background: #fff; margin-bottom: 20px;}
#galleriabuttons {width: 1040px; height: auto; min-height: 345px; margin-bottom: 40px; position: relative; left: -50px; background: #0b3e67;}
#galleriabuttons .galleria-container {background: #0b3e67; }
.galleria-stage {bottom: 60px; background: #fff;}
#galleriabuttons .galleria-stage {bottom: 0px; background: #fff;}

#galleria.thumbless .galleria-stage {min-height: 312px;bottom: 0px;}
.infobox #galleria.thumbless {width: 400px; height: 300px; float: right; margin-bottom: 20px;}
.infobox #galleria.thumbless .galleria-stage{width: 400px; height: 300px;  background: none; margin-bottom: 40px;}
.infobox #galleria.thumbless .galleria-stage .galleria-image-nav {width: 400px;}

#galleria.insidemag {width: 690px;}

#galleria.thumbless.insidemag .galleria-stage {min-height: 230px;bottom: 0px;}
#galleriabuttons .galleria-stage {bottom: 0px; 	
-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);}
.galleria-image img { background: url('../img/product_slideshow_bg.jpg') top left no-repeat;}
.galleria-layer {background: #fff; background: rgba(255,255,255,0.7); width: 450px !important; height: 120px !important; top: 130px !important; left: 400px !important; padding: 20px;}
#galleriabuttons .galleria-layer {background: #fff; background: rgba(255,255,255,0.7); width: 450px !important; height: 120px !important; top: 150px !important; left: 525px !important; padding: 20px;}
#galleria.slideshow .galleria-layer { background: none; width: 600px !important; height: 30px !important; top: 260px !important; left: 50px !important; padding: 0px;}
.galleria-layer p {color: #333; font-weight: bold; text-shadow: 1px 1px 1px solid #333;}

#galleria.thumbless.insidemag  .galleria-layer {background: #fff; background: rgba(255,255,255,0.9); width: 250px !important; height: 90px !important; top: 120px !important; left: 325px !important; padding: 20px;}

#galleria.slideshow .galleria-layer {color: #707173; font-size: 14px; line-height: 20px; margin: 0; font-weight: 400;}
#galleria.slideshow .galleria-layer h3 {color: #3e3d40; font-size: 20px; line-height: 20px; margin-bottom: 2px; font-weight: 400;}

.galleria-layer h2 {margin: 0px 0 0 0px;}
#galleria.thumbless .galleria-layer h2, #galleria.thumbless .galleria-layer p {padding: 0px; margin: 0;}
#galleria.thumbless .galleria-layer h2 {line-height: 30px; margin-bottom: 6px;}
#galleria.thumbless {min-height: 312px; margin-bottom: 20px;}
#galleria.thumbless .galleria-container {height: 312px !important; }
#galleria.thumbless .galleria-container .galleria-stage {bottom: 0; min-height: 312px;}

#galleria.thumbless.insidemag {min-height: 230px; margin-bottom: 20px;}
#galleria.thumbless.insidemag .galleria-container {height: 230px !important; }


.galleria-dots {margin: 0 auto;}
.galleria-thumbnails-container {
    height: 40px;
    bottom: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 2;
    background: #e4e2e2; border-top: 5px solid #fff; padding: 10px;
    border-bottom-right-radius: 10px;
}
.galleria-thumbnails {}
.galleria-thumbnails-container img {border-radius: 0; }
#galleria.thumbless .galleria-thumbnails-container {display: none;}
.galleria-thumbnails .galleria-image {border: 1px solid #fff; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px #999;}

.carousel {}
.carousel-caption h2 {font-weight: bold;}


/*
Home
*/    

.start_regions { display: block; margin: 0 auto; text-align: center;}
.start_region_row {}
.start_region_row hr { margin: 0; }
.start_region_box {  z-index: 1000;}
.start_region { display: inline; font-weight: normal;text-transform: uppercase; position: relative; padding: 10px 20px; margin: 0;}
.cn .start_region {font-weight: bold; padding: 10px 30px;}
.start_region_info {display: none; text-align: left;}
.start_region:hover { position: relative; }
.start_region:hover .start_region_info {display: block; z-index: 1000; position: absolute; bottom: 40px; left: 0; background: #0088cc; color: #fff; z-index: 1000; padding: 20px; width: 223px;}
.start_region:hover {color: #fff; background: #0088cc;}
.start_region:hover a {color: #fff; background: #0088cc;}
.start_region:hover a:hover {color: #fff; background: #0088cc; text-decoration: none;}
.start_region_info h4 {font-weight: bold; color: #fff;}
.start_region_info ul { padding: 0; margin: 0; border-top: 1px solid #fff; margin-bottom: 12px;}
.start_region_info ul li { list-style: none; padding: 5px; border-bottom: 1px solid #fff; font-size: 12px;}

.row.products .box {  background: #fff; color: #333; box-shadow: 1px 1px 2px #666; font-size: 16px; line-height: 30px;}
.row.products .box a {color: #fff; font-weight: 600;}
.row.products .box.mars:hover { background: #dc2f49; }
.row.products .box.saturn:hover { background: #ffd93d; }
.row.products .box.venus:hover { background: #e2001a; }
.row.products .box.iapetus:hover { background: #f9b200; }
.row.products .box.jupiter { height: 260px; background: #fff; color: #333; box-shadow: 1px 1px 2px #aaa; font-size: 16px; line-height: 30px;}
.row.products .box.jupiter:hover { background: #378928; }
.row.products .box.mercury { height: 260px; background: #fff; color: #333; box-shadow: 1px 1px 2px #aaa; font-size: 16px; line-height: 30px;}
.row.products .box.mercury:hover { background: #006e97; }
.row.products .box.zeres { height: 260px; background: #fff; color: #333; box-shadow: 1px 1px 2px #aaa; font-size: 16px; line-height: 30px;}
.row.products .box.zeres:hover { background: #f15d22; }
.row.products .box.pluto { height: 260px; background: #fff; color: #333; box-shadow: 1px 1px 2px #aaa; font-size: 16px; line-height: 30px;}
.row.products .box.pluto:hover { background: #ca8a64; }
.row.products .box .front {line-height: 18px;}
.row.products .box .back {display: none;}
.row.products .box:hover .front {display: none;}
.row.products .box:hover .back { display: block;}
.row.products .box h4 {font-size: 24px; margin: 0 0 12px 0; color: #333;padding-bottom: 0px;}
.row.products .box h4 {font-size: 24px; margin: 0 0 12px 0; color: #333; padding-bottom: 0px;}
.row.products .box:hover .back {color: #fff; }
.row.products .box:hover h4 {font-size: 24px; margin: 0 0 24px 0; color: #fff; padding-bottom: 10px;}


.productbox { height: 200px; background: #eee; padding: 0px;min-height: 100px; width: 240px; max-width: 240px; margin-bottom: 10px; background: #fff; color: #333; line-height: 30px; font-size: 13px; position: relative; float: left; margin: 0 10px 10px 0; }
.productbox a {color: #fff; font-weight: 600;}
.productbox .shadow {padding: 10px; height: 200px; position: relative;}
.productbox.mars .shadow:hover { background: #dc2f49; }
.productbox.saturn .shadow:hover {background: #ffd93d;}
.productbox.jupiter .shadow:hover { background: #378928; }
.productbox.iapetus .shadow:hover { background: #f9b200; }
.productbox.venus .shadow:hover { background: #e2001a; }
.productbox.mercury .shadow:hover { background: #006e97; max-width: 240px; }
.productbox.pluto .shadow:hover { background: #ca8a64; max-width: 240px;}
.productbox.zeres .shadow:hover { background: #f15d22; max-width: 240px;}
.productbox .front {line-height: 24px; color: #333;}
.productbox .back {display: none;}
.productbox .back p {line-height: 1.6em;}
.productbox:hover .front {display: none;}
.productbox:hover .back { display: block;}
.productbox h4 {font-size: 24px; margin: 0 0 6px 0; color: #333;padding-bottom: 0px;}
.productbox:hover .back {color: #fff; line-height: 24px;}
.productbox:hover h4 {font-size: 24px; margin: 0 0 12px 0; color: #fff; padding-bottom: 0px;}
.productbox a.readmore {position: absolute; bottom: 0px;}
.productbox .shadow img {position: absolute; bottom: 0;}


.products h4{ font-weight: 600; text-transform: uppercase;  margin-left: 0px;}
.products h2 { margin: 10px 0px 30px 30px; }
.products img { }


.sidebyside img { display: block; float: right;}
  
.advantageonline .box:hover { background: #0088cc !important; color: #fff; }
.advantageonline h4 { font-weight: 600; text-transform: uppercase;  margin-left: 30px; margin-top: 30px;}
.advantageonline h2 { margin: 10px 0px 30px 30px;}
.advantageonline .box {font-weight: 600; text-transform: uppercase; color: #fff}
.advantageonline .box .hideaway { display: none; }
.advantageonline .box:hover .hideaway { display: block; text-transform: none; margin-top: 12px; font-size: 12px; }


.startbox {height: 200px; z-index: 500; margin: 16px 0; text-align: left; position: relative;}
.startbox img { max-width: 100%; margin: 0 auto;}
.startbox img.startboxproduct {}
.startbox h4 {font-size: 16px; padding: 20px 0 0 40px;}
.startbox .hide {display: none; z-index: 500; }
.startbox:hover {background: #0088cc; color: #fff; 	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
.startbox:hover .front {display:none;}
.startbox:hover .hide {display: block; padding: 50px 20px; font-size: 18px; line-height: 24px;text-decoration: none; border: none;}
a .startbox {text-decoration: none; border: none;}
.startbox span.arrowfwd {font-size: 80px; font-weight: 100; position: absolute; bottom: 50px; width: 270px; display: block; text-align: center;}

.row.products {-20px;}
.row.products div h4 {color: #aaa; padding: 10px; font-size: 0.9em;}
.row.products div h4 span {color: #000;}

.shadow { display:block; cursor:pointer;
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
.shadow:nth-child(1n) { border-color:#fff; }
.shadow:hover {
	background:#f0f0f0;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}
.shadow img { display:block;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}

.curve-down { display:inline-block; height:108px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}

.products .curve-down { display:inline-block; height:215px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}

.facility.curve-down { display:inline-block; height:113px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.facility.curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}

.productbox .curve-down { display:inline-block; height:220px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.productbox .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}


.curve-down-wide { display:inline-block; height:345px; width:940px; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; margin-bottom: 30px; }
.curve-down-wide:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}


.selectregionbox {width: 320px; height: 220px; background: url('../img/regionselect_worldmap_small.gif') no-repeat; }
.selectregionbox p { padding: 120px 10px 0 20px; text-transform: uppercase; font-size: 0.8em; line-height: 18px;}
.selectregionbox select { margin: 0 0 0 20px; width: 180px;}
#
.navbar .btn-navbar {float: left; margin-top: 30px;}
.navbar-inverse .divider-vertical {border-left: 1px solid #000; border-right: 1px solid #003d86;}

.Infobox {font-family: "Open sans","Helvetica Neue",Helvetica,Arial,sans-serif !important; height: auto !important;}
.Infobox .infobox-body .infobox-title{}
.infobox-title{font-family: "Open sans","Helvetica Neue",Helvetica,Arial,sans-serif !important; padding-bottom: 0 !important;}
.infobox-info{font-family: "Open sans","Helvetica Neue",Helvetica,Arial,sans-serif !important; padding-top: 0 !important;}
.infobox-stalk{display: none !important;}

.box.infoboxslideshow { min-height: 400px;}
.box.infoboxslideshow #galleria { background: none;}

.box.infoboxslideshow .galeria-stage {background: none !important;}
.box.infoboxslideshow .galeria-image {background: none !important;}
.box.infoboxslideshow .galleria-container {background: none;}
.box.infoboxslideshow .galleria-layer {background: none;}


.MapPushpinBase:hover{cursor: pointer !important;}
.popup {width: 400px;}
.popup h1, .Infobox h1, .popup h2, .Infobox h2 {margin: 0px; padding: 0;font-size: 16px;font-weight: bold; color: #0088cc; text-transform: uppercase; margin: 0; line-height: 24px}
.popup h3, .Infobox h3 {margin: 0; padding: 0; font-size: 14px; line-height: 20px;}
.popup .address h2, .Infobox .address h2 {display: none;}
.popup .address .contact, .Infobox .address .contact {margin-top: 12px;}
.popup .address .contact span.label, .Infobox .address .contact span.label {display: inline-block; width: 100px; margin-right: 12px;}

/*
Produktseite
*/ 
.first {margin-left: 0px;}
.box.infobox {min-height: 290px; background: #eee; box-shadow: none;}
.box.infobox div {width: 50%;}
.box.infobox div div {width: 100%;}
.box.infobox.imgborder img {border: 1px solid #999; background: #ddd url('../img/infobox_img_bg.jpg') top left no-repeat;}
.addonbox { background: #fff; padding: 0px 20px; }
.addonbox ul { list-style: none; padding: 0px; margin: 0;}
.addonbox ul li {margin-bottom: 4px;}
.addonbox ul li a { color: #999; display: block; margin-bottom: 0px; }
.addonbox ul li a:hover {background: #0088cc; display: block; color: #fff; }
.addonbox ul li a img { width: 20px; height: 20px; background: #d0d0d2; padding: 10px; margin-right: 10px; font-weight: 100;}
.addonbox ul li a:hover img { width: 20px; height: 20px; background: none; border-right: 1px solid #fff;padding: 10px; margin-right: 10px; font-weight: 100;}


/* Contact */

.regions {}
.regionscontact h2 {font-weight: 200; color: #333; margin-bottom: 12px; margin-top: 30px; font-size: 16px;}
.regioninfo { width: 43%; padding: 2%; min-width: 300px; min-height: 160px; margin-bottom: 0; margin-right: 3%; display: block; float: left; border-bottom: 1px solid #eee;}
.regioninfo h2 {font-weight: 200; color: #333333; margin-bottom: 12px; font-size: 16px;}
.regionaloffice .regioninfo { width: 100%; padding: 0; min-width: 300px; min-height: 160px; margin-bottom: 0; margin-right: 0%; display: block; float: left; border-bottom: 0px solid #eee;}
.regionaloffice .regioninfo h2 {margin: 0; padding: 0; font-weight: 200; color: #333333; margin-bottom: 12px; font-size: 16px;}

.addinfo { padding-top: 125px; min-height: 300px;}

.newsoverview { margin-bottom: 2em; }
.newsoverview .date {font-size: 0.8em;}
.newsoverview .title {}
.newsoverview .title h2 { font-size: 1.3em; line-height: 1.6em; margin-bottom: 0; text-transform: none; font-weight: 600;}
.newsoverview .description {font-size: 0.8em; color: #333;}
.newsoverview .detaillink { color: #fff; background: #0088cc; padding: 5px 15px; margin-top: 12px; width: 100px; float: right; text-align: right; font-size: 1em;}
.newsoverview a:hover { background: #0088cc; }

.newsdetail { margin-bottom: 2em; }
.newsdetail .date {font-size: 0.8em;}
.haitianinter .newsdetail .content {padding-bottom: 0px;}
.newsdetail .title {}
.newsdetail .title h2 {}
.newsdetail .description {color: #333; font-weight: 600; font-size: 1.2em; line-height: 1.6em; max-width: 740px;}
.newsdetail .download {}
.newsdetail .images {}
.newsdetail .images ul {  list-style: none; margin: 0; padding: 0;}
.newsdetail .images ul li { width: 220px; display: block; float: left;  }
.newsdetail .images ul li .imagecomment {margin: 6px 0 0 0; color: #333;}

.teamcontact .imagecomment {margin-top: 20px;}

.newslist {display: table; border-top: 1px solid #fff; border-left: 1px solid #fff;}
.newslistitem { display: table-row;}
.newslistitem.odd { background: #eee;}
.newslistitem.even { background: none;}
.newslistitem .date {display: table-cell; width: 80px;padding: 5px 5px 20px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.newslistitem .title {display: table-cell; width: 350px;padding: 5px 5px 20px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.newslistitem .pdflink {display: table-cell; width: 40px;padding: 5px 5px 20px 5px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.newslistitem .wordlink {display: table-cell; width: 40px;padding: 5px 5px 20px 5px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

.eventlist { border-bottom: 1px solid #eee; padding-bottom: 12px; }
.eventlist .detaillink { color: #fff; background: #0088cc; padding: 5px 15px; margin-top: 0px; width: 100px; float: right; text-align: right; font-size: 1em;}
.eventlist .detaillink.none {display: none;}
.media.eventlist .pull-left {margin-right: 50px; width: 120px;}
.eventlist h4 {font-weight: 600;}

.career {display: table; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 0.8em;}
.position { display: table-row;}
.position.head { background: #0088cc; color: #fff; font-size: 1.2em;}
.position.even { background: #eee;}
.position.odd { background: none;}
.position .major {display: table-cell; width: 80px;padding: 5px 5px 20px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.position .degree {display: table-cell; width: 80px;padding: 5px 5px 20px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.position .numberneeded {display: table-cell; width: 50px;padding: 5px 5px 20px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.position .position {display: table-cell; width: 140px;padding: 5px 5px 20px 5px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.position .requirements {display: table-cell; width: 290px;padding: 5px 5px 20px 5px;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.position .country {display: table-cell; width: 80px; padding: 5px 5px 20px 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

table.career {border: 1px solid #fff; vertical-align: top;}
table.career td {border: 1px solid #fff;}
table.career tr.position td{background: #dedede; vertical-align: top;}
table.career tr.position.odd td{background: #ededed;}
table.career thead td { background: #0088cc; color: #fff; font-size: 1.2em;}


.container {position: relative;}
.aologo{ float: left;}
.aobacktooverview { text-align: right;  padding: 10px;}
.aoheaderimage { width: 100% !important; height: auto; }
.aotitle { width: 80%; padding: 20px; margin: 0px 0px 0px 20px; }
.aotitle h2 { margin-bottom: 0px; }
.aodescription { color: #333; font-weight: 600; font-size: 1.2em; line-height: 1.6em; margin-left: 40px;}
.aoimages { width: 25%;; margin: 25px 5% 0 0; display: block; float: left; }
.aoimages ul {list-style: none; margin: 0; padding:0;}
.aoimages ul .imagecomment {margin: 12px 12px 12px 0; font-size: 0.8em;}
.aocontent { width: 70%; margin: 25px 0 100px 0; display: block; float: left; text-align: justify; hyphens: auto;}
.aocontent h2 strong { color: #333; text-transform: none; font-weight: bold; }
.aocontent h3 { color: #333; text-transform: none; font-weight: bold; font-size: 14px; line-height: 21px; }
.aocontent h4 { color: #333; text-transform: none; font-weight: bold; }
.aocontent p {text-align: left;}
.highlightbox {background: #A5D5ED; padding: 20px; color: #333; margin: 30px 0;}
.highlightbox li {margin: 0;}
.highlightboxgreen {background: #378928; padding: 20px; color: #333; margin: 30px 0;}
.languageselect {float: right; background: #063b7d; padding: 20px; height: 20px; position: absolute; top: 0; right: 10px;}
.languageselect .divider-vertical {margin-bottom: 0; }
.langselect {position: absolute; top: 0px; left: 630px; width: 50px;}
.langselect img {position: relative; top: 24px;}
.regionaloffice .langselect {position: absolute; top: 0px; left: 680px;}


.similiararticles { background: #fff; padding: 0px; margin: 20px 0 0 0; border: 1px solid #eee;}
.similiararticle:hover { background: #0088cc; color: #fff; }
.similiararticles h3 {padding: 10px 10px 0px 10px; text-transform: uppercase; font-weight: 200;}
.similararcticletitle {color: #333; font-weight: 300; font-size: 1em; line-height: 1.4em; text-transform: uppercase; margin-bottom: 12px; padding: 10px; margin-bottom: 0px;}

.newsletter, .search {background: #333; color: #fff; padding: 10px 20px 20px 20px; -webkit-box-shadow: inset 1px 1px 5px 5px rgba(25, 25, 25, 0.9);
box-shadow: inset 1px 1px 5px 5px rgba(25, 25, 25, 0.1);}
.newsletter h3, .search h3 {color: #fff; font-weight: 200; padding: 0; font-size: 1em;}
.newsletter input {display: block; width: 90%;}
.search input[type="text"] { width: 90%; }

.categories {margin-top: 0px; margin-bottom: 0px;}
.categories ul { list-style: none; margin: 0; padding: 0; background: #0088cc; color: #fff;}
.categories ul li { margin: 0; }
.categories ul li a { color: #fff; display: block; padding: 10px 25px; border-bottom: 1px solid #fff;}
.categories ul li a:hover {background: #333; }

.inside .categories {margin-top: 0px; margin-bottom: 20px; width: 700px; min-height: 80px;}
.inside .categories ul { list-style: none; margin: 0; padding: 0; background: #0088cc; color: #fff; width: 690px;}
.inside .categories ul li { margin: 0; width: 20%;  display: block; float: left; background: #0088cc; color: #fff;}
.inside .categories ul li a { color: #fff; display: block; height: 45px; padding: 10px 25px; border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.inside .categories ul li a:hover {background: #333; }


.articles {margin: -5px 0 100px 0; width: 686px;}
.article {background: #fff url(../img/article_bg.png) bottom right no-repeat; padding: 5px 5px 0px 5px; margin: 0;width: 323px; display: block; float: left; min-height: 200px; border: 1px solid #eee; position: relative; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inset 0 0 5px #ddd;}
.article img {margin: 0; width: 100%; height: auto;}
.article a{color: #333;}
.article a:hover {text-decoration: none; border-bottom: none;}
.article p.articlecategories {display: none;}
.article ul {list-style: none; margin: 0; padding: 0;}
.article ul li { background: #0088cc; color: #fff; font-size: 10px; display: inline; padding: 5px; margin-right: 1px;}
.article h4 {text-transform: uppercase; padding-left: 10px; margin: 10px 0 0 0;}
.article .articlecontent {background: #fff; font-size: 0.8em;}
.article:hover .articlecontent {diplay: block; position: absolute; bottom: 0; width: 328px}
.article:hover .hide {display: block; padding: 10px; margin: 0;margin-bottom: 12px; }

.tab-content {background: #fff;}
.tab-pane {padding: 10px 10px 100px 10px; margin-bottom: 100px;}
.nav.nav-tabs {margin-bottom: 0px;}

.teamcontact {clear: both; }
.teamcontact img {float: left; margin-right: 20px;margin-bottom: 20px;}
.teamcontact h4 {padding-top: 30px;}


.caption {font-style: italic; padding: 20px 0; font-weight: 400; font-size: 18px; line-height: 28px;}

.imageline {clear: both; margin-bottom: 20px; padding: 20px 0 30px 0; background: none;}
.imageline hr {display: none;}
.imageline .imagelineimage {position: relative; width: 390px; height: 300px; display: block; float: left; margin: 0 20px 20px 0; font-style: italic; font-size: 14px; background: background-color: #082f4e; background-image: -moz-linear-gradient(top, #0b3e67, #082f4e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b3e67), to(#082f4e));
background-image: -webkit-linear-gradient(top, #0b3e67, #082f4e);
background-image: -o-linear-gradient(top, #0b3e67, #082f4e);
background-image: linear-gradient(to bottom, #0b3e67, #082f4e);/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e)";background-repeat: repeat-x; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.imageline .imagelineimage img {margin-bottom: 12px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.imageline .imagelineimage .back {display: none;  color: #fff;}
.imageline .imagelineimage:hover .back {display: block; padding: 20px;}
.imageline .imagelineimage:hover img {display: none;}

imagelist {clear: both; padding: 0px 0 0px 0; background: none;}
.imagelist .imagelistimage { display: block; float: left; }
.imagelist .imagelistimage img {margin-bottom: 6px;}
.imagelist .imagelistimage .content {margin: 0; padding: 0;}
.imagelist .imagelistimage .bottom {background: none; border: none; text-align: center; font-size: 12px; font-style: italic;}
.imagelist .imagelistimage .bottom p {margin: 0;}

.image{clear: both; padding: 0px 0 0px 0; background: none;}
.image .imagelistimage { display: block; float: left; }
.image .imagelistimage img {margin-bottom: 6px;}
.image .imagelistimage .content {margin: 0; padding: 0;}
.image .imagelistimage .bottom {background: none; border: none; text-align: center; font-size: 12px; font-style: italic;}
.image .imagelistimage .bottom p {margin: 0;}

.imagelist .curve-down { display:inline-block; height:165px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.imagelist .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}

.mediaorderform label { display: block; float: left; padding: 10px; padding-left: 20px; margin-right: 20px; width: 160px; font-size: 13px; line-height: 18px; height: 160px; }
.mediaorderform img {margin-bottom: 6px;}
.mediaorderform .personaldata {clear: both;}
.mediaorderform .personaldata label {display: block; float: left; padding: 0; margin: 0; width: 250px; font-size: 14px; height: auto;}
.mediaorderform .personaldata label.required {font-weight: bold;}
.mediaorderform .personaldata input {display: block; }
.mediaorderform .personaldata textarea {display: block; }
.mediaorderform .thumbnail { padding: 0; border: none; }
.mediaorderform .mediaorder { display: inline; width: 80px; height: 60px;}


#timeline-embed {height: 550px;}

.eventimages {clear: both;}
.eventimages ul {list-style: none; margin: 0; padding: 0;}
.eventimages ul li {width: 200px; margin-right: 20px; float: left; display: block;}
.eventimages ul li img {margin-bottom: 6px;}
.eventimages .imagecomment {}

.contact_dlabel {width: 80px; display: block; font-size: 10px;}

.mceEditor iframe{width: 680px !important;}

html {
	 -webkit-font-smoothing: antialiased;
}


/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #eee;
	background: #4c4c4c;
	color: #fff;
	max-width: 350px;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.facilities {width: 100%;}
.facility {width: 160px; height: 140px; color: #333;  float: left; display: block; margin-right: 20px; margin-bottom: 20px;text-align: center; }
.facility a, .facility a:hover {color: #333; text-decoration: none; }
.facility img {margin-bottom: 6px; border: 1px solid #999;}
.facility .back {display: none;}
.facility:hover img {display: none;}
.facility:hover .back {display: block; width: 150px; height: 98px; font-size: 12px; padding: 5px; overflow: hidden;}
.facility.curve-down { display:inline-block; height:113px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.facility.curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}




/* Inside */

.mceEditor table { width: auto !important;}

.inside .navbar.navbar-fixed-bottom .navbar-inner {background: #0b3e67;}
.inside_tbcontent {margin: 30px 0 0 0;}
.inside_lmcontent {width: 25%; margin-right: 5%; float: left; display: block; margin-top: 60px;}
.inside_lmcontent ul {list-style: none; padding: 0; margin: 0;}
.inside_lmcontent ul li {list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #eee; padding: 5px;}
.inside_lmcontent ul li.active {font-weight: bold;}

.inside_lmcontent ul ul {list-style: none; padding-left: 10px ; margin: 12px 0 0 0;}
.inside_lmcontent ul li.active ul li{font-weight: normal;}

.inside_content { width: 70%; float: left; display: block; margin: 30px 0 0 0;}
.inside_lmcontent ul ul li.active {background: #c3dbf7;}
.inside_lmcontent ul li.active ul li.active {font-weight: bold;}


.lastformitem {display: none;}


/* Haitian International */

body.haitianinter {margin-top: 80px;background: #eee url(../img/htinter_bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.haitianinter .container {}

.addinfo { padding-top: 125px; min-height: 300px;}

.haitianinter .advantageonline .span3 { margin-left: 10px; }
.haitianinter .span9 .advantageonline .span3 { margin-left: 10px; width: 270px;}
.haitianinter .advantageonline { padding-left: 30px; }
.haitianinter .advantageonline .box { padding-left: 30px; min-height: 140px;}

  
.haitianinternavi {  }
.haitianinternavi ul { width: 180px; }
.haitianinteraddinfo { padding-top: 155px; background: url('../img/start_divider.jpg') no-repeat left 155px; min-height: 300px;}
.haitianinteraddinfo h4, .haitianinteraddinfo p {padding-left: 20px;}

.haitianinter .span9 .span9.slideshow { width: 100%; }
.haitianinter .slideshow img { border-top-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 1px 2px #ddd;}
.haitianinter .navbar .navbar-inner { background: #fff; }
.haitianinter .navbar.navbar-fixed-bottom .navbar-inner { background-color: #082f4e; background-image: -moz-linear-gradient(top, #0b3e67, #082f4e); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b3e67), to(#082f4e));
background-image: -webkit-linear-gradient(top, #0b3e67, #082f4e);
background-image: -o-linear-gradient(top, #0b3e67, #082f4e);
background-image: linear-gradient(to bottom, #0b3e67, #082f4e);/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0b3e67, endColorstr=#082f4e)";background-repeat: repeat-x; }
.haitianinter .navbar .nav {padding-top: 15px; }
.haitianinter .navbar .nav > li {}
.haitianinter .navbar .nav > li > a  {color: #999; text-shadow: none; text-transform: uppercase; }
.haitianinter .navbar .nav > li:hover > a {color: #fff; background: #333; text-shadow: none; }
.haitianinter .navbar .nav > li > a:hover {color: #fff; background: #333; text-shadow: none;}
.haitianinter .navbar .nav > li.rex-current > a  {color: #fff; text-shadow: none;}
.haitianinter .content {padding-bottom: 150px;}

.haitianinter .navi {  text-align: right; list-style: none; margin: 0; padding: 0;}
.haitianinter .navi li { margin-bottom: 10px; }
.haitianinter .navi li a { text-align: right; display: block; padding: 5px 20px; border-right: 1px solid #0088cc;}

.haitianinter .navi ul {margin-right: 0px; padding-right: 0px;  margin-bottom: 18px;}
.haitianinter .navi ul li { margin-bottom: 0px; }
.haitianinter .navi ul li a { font-size: 12px; border-right: none; color: #666; margin-bottom: 0;}
.haitianinter .navi ul ul {margin-right: 0px; padding-right: 0px; margin-bottom: 18px; display: none;}
.haitianinter .navi ul ul li a { font-size: 12px;  border-right: none; margin-bottom: 0px; padding-bottom: 0px;}
.haitianinter .slideshow { margin-bottom: 30px; }
.haitianinter .startbox { margin-left: 30px; background: url('../img/start_divider.jpg') no-repeat left top; display: block; position: relative; }
.haitianinter .startbox div { padding: 20px 20px 20px 40px; height: 250px; }
.haitianinter .startbox div a { position: absolute; bottom: 20px; }
.haitianinter .startbox div:hover { background: #0088cc; color: #fff; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
.haitianinter .startbox div:hover h4 { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 12px;}
.haitianinter .startbox div:hover a { color: #fff; text-decoration: underline;}

.haitianinter .navi li a.rex-current  { background: #0088cc; color: #fff; border-bottom: 1px solid #fff; margin-bottom: 0px;}
.haitianinter .navi ul li a.rex-current  { background: #eee; color: #333; border-bottom: 1px solid #fff; margin-bottom: 0px;}

.haitianinter .textbox {background: #ececea; color: #7e7e7e; float: left; padding: 30px 25px; margin: 10px 0 0 0; -moz-box-shadow: inset 0 0 6px #d5d5d5; -webkit-box-shadow: inset 0 0 6px #d5d5d5; box-shadow: inset 0 0 6px #d5d5d5; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: center; }

.haitianinter .startbox div.announcement {display: block; padding: 0 0 12px 0; margin: 0; height: auto;}
.haitianinter .startbox div.announcementdate {padding: 0; margin: 0;  height: auto; font-size: 12px;}
.haitianinter .startbox div.announcementtext {padding: 0; margin: 0;  height: auto;}

.haitianinter .navbar-fixed-top .navbar-inner, .haitianinter .navbar-static-top .navbar-inner {box-shadow: 0; -moz-border-radius: 0; -webkit-box-shadow: 0; border-bottom: 1px solid #ddd;}

.haitianinternavi {  }
.haitianinteraddinfo { padding-top: 155px; background: url('../img/start_divider.jpg') no-repeat left 155px; min-height: 300px;}
.haitianinteraddinfo h4, .haitianinteraddinfo p {padding-left: 20px;}

..infobox .content { max-width: 320px; }
.haitianinter .infobox {background: rgba(255,255,255,0.0) url(../img/infobox_bottombg.gif) bottom no-repeat; min-height: 220px; box-shadow: none; padding: 0; border: none;}
.haitianinter .infobox .content {padding-bottom: 0px;}
.haitianinter p {max-width: 660px;}

.haitianinter hr {display: block; padding: 0; height: 20px; margin: 0 0 12px 0; background: url(../img/infobox_bottombg.gif) bottom no-repeat; border: none; clear: both; }
.haitianinter .imageline {clear: both; margin-bottom: 20px; padding: 20px 0 30px 0; background: url(../img/infobox_bottombg.gif) bottom no-repeat;}
.haitianinter .imageline .imagelineimage {width: 250px; height: auto; float: left; margin-right: 30px; font-style: italic; font-size: 14px; background: none;}
.haitianinter .imageline .imagelineimage img {margin-bottom: 12px;}
.navbar-fixed-bottom img { padding: 10px; }
.haitianinter .imageline .imagelineimage .back {position: relative; display: block;}
.haitianinter .imageline .imagelineimage:hover .back {display: block; padding: 0;}
.haitianinter .imageline .imagelineimage:hover img {display: block;}

.haitianinter #galleria{ width: 100%; height: auto; min-height: 290px; background: #fff; margin-bottom: 20px;}
.haitianinter .galleria-image img {  width: 100% !important; height: auto !important;}
.haitianinter .galleria-layer {background: #fff; background: rgba(255,255,255,0.8); width: 550px !important; height: 120px !important; top: 100px !important; left: 250px !important; padding: 20px;}
.haitianinter #galleria.thumbless .galleria-layer h2, #galleria.thumbless .galleria-layer p {padding: 0px; margin: 0;}
.haitianinter #galleria.thumbless .galleria-layer h2 {line-height: 30px; margin-bottom: 6px;}
.galleria-layer h2 {line-height: 30px; margin-bottom: 6px; font-weight: 600; color: #0088cc;}
.haitianinter #galleria.thumbless {min-height: 290px; margin-bottom: 20px;}
.haitianinter #galleria.thumbless .galleria-container{height: 290px !important; }
.haitianinter #galleria.thumbless .galleria-container .galleria-stage {bottom: 0;}
.haitianinter .aologo {text-align: right;}


.medialibrary {}
.medialibrary h2 {margin-bottom: 0px;}
.medialibrary h2 span {font-size: 0.8em; margin-bottom: 0px; padding-bottom: 0px;}
.medialibrary .shadow {height: 160px;}
.medialib {text-align: center; font-size: 11px;}
.medialib {color: #333; position: relative;}
.medialib p {position: absolute; top: 80px; width: 100%; text-align: center;}
.medialib p strong {text-align: center; font-size: 12px;}
.brochures .brochurebox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}
.brochures table {border: none;}
.brochures table td { background: none; border: none; border-bottom: 1px solid #eee;}
,advantage_magazine table {border: none; background: #fff;}
.advantage_magazine .adantagebox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}
.picture_gallery .picturelibrarybox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}
.tutorials .tutorialsbox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}
.advantage_tv .advantagetvbox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}

.press_room .presslibrarybox { color: #fff; 	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(200,200,200,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(200,200,200,1) 100%);}

.advantage_magazine table {border: none; }
.advantage_magazine table td { background: none; border: none; border-bottom: 1px solid #eee;}
.medialib img {padding: 15px; margin: 0px auto;}
.medialibrary .curve-down { display:inline-block; height:160px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.medialibrary .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}

.regionselect {display: none;}

.zalist {display: none;}

.inside .zalist {display: block;}


.showlarge {display: none;}

label.error {color: red;}
input.error {border: 1px solid red; color: red;}


.inside .slideshowcontent table, .slideshowcontent table td {vertical-align: top;}
.inside .slideshowcontent h2 {background: none; border-bottom: none;}
.inside .slideshowcontent table tr {}
.inside .slideshowcontent table tr td {padding: 5px; border-right: 1px solid #fff;}
.inside .slideshowcontent table thead tr td {background: #b71e1b; color: #fff;}
.inside .slideshowcontent table tr td {background: #E3E8ED}
.inside .slideshowcontent table tr.even td {background: #FDFDFE}
.inside .slideshowcontent table tr.odd td {padding: #E3E8ED;}


.inside_content table td {background: #fff; border: 1px solid #eee;}
.inside .anmeldung, .anmeldung a {color: #333;}

.inside a.index-toc-dossier {border-bottom: 1px solid #aaa; background: #fff; height: 88px; padding: 10px; width: 96%; display: block; color: #333; border-left: 5px solid #fff; box-shadow: 0px 0px 0px 0px #eee; position: relative; margin-bottom: 10px;}
.inside .keyaccount ul {list-style: none;}
.inside .keyaccount ul li { display: block; float: left; }
.inside .keyaccount a.index-toc-dossier {border-bottom: 0px solid #aaa; background: #fff; height: 150px; padding: 10px; width: 250px; display: block; color: #333; border-left: 0px solid #b71e1b; box-shadow: 0px 0px 0px 0px #eee; position: relative; margin-bottom: 10px;}
.inside .keyaccount a.index-toc-dossier p {display: none;}
.inside a.index-toc-dossier .index-toc-dossier-number{display: none;}
.inside a.index-toc-dossier .toc-thumb { display: inline-block; position: absolute; top: 0; left: 0; width: 100px; height: 100px;}
.inside .keyaccount a.index-toc-dossier .toc-thumb {width: auto; height: auto; box-shadow: 1px 1px 1px 2px #eee; padding: 10px; }
.inside a.index-toc-dossier h1 { margin: 0 0 0 130px; width: 70%; float: left; display: block; font-size: 16px;}
.inside a.index-toc-dossier p {margin-left: 130px; width: 70%; float: left; display: block;}

.inside .imagelist { width: 100%; }
.inside .imagelist .image {display: block; float: left; width: 170px; margin-right: 10px;}
.inside .imagelist .add {margin-top: 40px;}
.inside .comments, .comments h2 {width: 400px;}
.inside .cr_detail label { display: inline;}

.inside .sliderbox {width: 90%; padding: 0; display: block; overflow: hidden; background: #fff; margin-bottom: 20px;}

.inside .flexslider.flexslidereditor { width: 85%; border: 1px solid #aaa; }
.inside .flexslider.flexslidereditor .slides > li {  }
.inside .flexslidermce table {margin-bottom: 20px;}
.inside .flexslidermce table td {padding: 10px; margin-right: 2px;  border: 1px solid #fff;}
.inside .flexslidermcetable thead td{ background: #093456; color: #fff; border: none;}
.inside .flexslidermce table tbody td{background: #eeeeee;}
.inside .flexslidermce table tbody tr.odd td{background: #eeeeee;}
.inside .flexslidermce table tbody tr.even td{background: #dddddd;}
.inside .flexslidermce table tbody tr.odd:hover td{background: #cccccc;}
.inside .flexslidermcetable tbody tr.even:hover td{background: #cccccc;}
.inside .flexslider li {margin: 0;}

.inside .rextendmediaentry_notification {}
.inside .rextendmediaentry_toolbar {text-align: right; padding: 0px 0px 5px 0px;}
.inside .rextendmediaentry_detail h2 {font-size: 18px;}
.inside .internFileInfo { margin-bottom: 10px; height: 50px; border-bottom: 1px solid #aaa;}
.inside .internFileInfo .creator {width: 30%; margin-right: 3%; display: block; float: left;}
.inside .internFileInfo .tags {width: 30%; margin-right: 3%; display: block; float: left;}
.inside .internFileInfo .date {width: 30%; margin-right: 3%; display: block; float: left;}

.inside .internFileInfo label {display: block;}

.inside .download {}
.inside .download select {width: auto;}
.inside .delete {}
.inside .preview {display: block; clear: both;}
.inside .preview iframe {width: 100%; height: 450px;}
.inside .description {margin: 10px 0; border-bottom: 1px solid #aaa; padding: 10px 0;}

.inside .download h2, .inside .delete h2, .inside .pdfdownload h2, .inside .edit h2, .inside .presentation h2 {margin: 0; padding: 0; font-size: 12px;}

.inside .download input[type="submit"], .presentation input[type="submit"], .pdfdownload input[type="submit"] {width: auto;}


.inside .uploads {display: block; float: right; width: 45%; margin-top: 30px;}
.inside .uploads form {margin-bottom: 30px;}
.inside .comments {display: block; float: left; width: 45%; margin-top: 30px;}
.inside .uploads p {margin: 6px 0;}
.inside .uploads p.comment {margin: 0;}
.inside .uploads form {margin: 10px 0;}
.inside .uploads span {margin-bottom: 0px !important;}
.inside select.date_d {width: 60px;}
.inside select.date_m {width: 60px;}
.inside select.date_y {width: 80px;}
.inside .entry.permissions table {margin-bottom: 20px;}

.inside input[type="submit"]{  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.inside input:hover { }
.inside .dlform input {border: none; float: left; width: 41px; display: block;}
.inside form.dlform {margin: 0; width: 41px; display: inline;}

.inside .search {padding: 12px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: 10px 10px 0 0px; background: none; box-shadow: none; color: #333;}
.inside .search input[type="text"] {width: 150px; margin-right: 20px; margin-left: 10px;}
.inside .search select {width: 150px; margin-right: 20px; margin-left: 10px; padding: 10px;}


.inside .pagination {clear: both; text-align: center; margin-bottom: 12px; width: 100%; height: 25px;}
.inside .pagination li { list-style: none; padding: 0; margin: 0; float: left; margin-right: 12px; margin-top: 12px;}

.inside .loginstatus { padding: 12px 0;}
.inside .loginstatus p {margin: 0;}
.inside .loginstatus input[type="submit"] {margin-top: 10px;}

.inside .toolbar {background: #ff; font-size: 12px; padding: 10px 0px; border-bottom: 1px solid #aaa; min-height: 100px;}
.inside .toolbar h2 {margin-bottom: 0; line-height: 20px;}
.inside .toolbar input[type="submit"] {  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#e6e6e6)";  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.inside .toolbar input[type="submit"]:hover { }

.inside .toolbar {clear: both;}
.inside .toolbar .download {width: 24%; margin-right: 1%; float: left; display: block;}
.inside .toolbar .pdfdownload {width: 24%; margin-right: 1%; float: left; display: block;}
.inside .toolbar .delete {width: 24%; margin-right: 1%; float: left; display: block;}
.inside .toolbar .edit {width: 24%; margin-right: 1%; float: left; display: block;}
.inside .toolbar .presentation {width: 24%; margin-right: 1%; float: left; display: block;}

.inside .filecontroller {}
.inside .filecontroller .entry {}
.inside .filecontroller .entry .preview {}
.inside .filecontroller .entry .title {}
.inside .filecontroller .entry .controls {}
.inside .filecontroller .entry .controls ul {list-style: none; padding: 0; margin: 0;}
.inside .filecontroller .entry .controls ul li{list-style: none; padding: 0; margin: 0;}
.inside .filecontroller .entry .controls ul li.moveup {display: inline;}
.inside .filecontroller .entry .controls ul li.movedown {display: inline;}
.inside .filecontroller .entry .controls ul li.delete {display: inline;}

.inside .rextendblog_attachments {}
.inside .rextendblog_attachments ul {list-style: none; margin: 0; padding: 0;}
.inside .rextendblog_attachments ul li {list-style: none; margin: 0; padding: 0;}

.inside .updatedpages .rss {padding: 10px 0px;}
.inside .updatedpages .mediaentry, .updatedpages .blogentry, .updatedpages .article { display: block; clear: both; padding: 2px 0; }
.inside .updatedpages .title {width: 33%; float: left; display: block;border-bottom: 1px solid #aaa; padding: 2px 0;}
.inside .updatedpages .user {width: 33%; float: left; display: block;border-bottom: 1px solid #aaa; padding: 2px 0;}
.inside .updatedpages .time {width: 33%; float: left; display: block;border-bottom: 1px solid #aaa; padding: 2px 0;}

.inside .searchresults .pagination { border-bottom: 1px solid #aaa; padding: 15px 0 0 0;}
.inside .searchresults .article { padding: 10px 0; border-bottom: 1px solid #aaa; }


.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}


.regionaloffice.our_management #galleriabuttons .galleria-layer {background: none;  width: 450px !important; height: 120px !important; top: 100px !important; left: 525px !important; padding: 20px;}
.regionaloffice.our_management #galleriabuttons .galleria-layer h2 { text-transform: none; font-size: 20px; color: #333; font-weight: 400;}
.regionaloffice.our_management #galleriabuttons .galleria-layer p { text-transform: none; font-size: 16px; color: #333; margin-top: 12px;font-weight: 200;}
.regionaloffice.our_management #galleriabuttons .galleria-layer .hte_home_phillipeeee {position: relative; left: -490px; font-weight: 200;}
.regionaloffice.our_service #galleriabuttons .galleria-layer  {background: none;  width: 450px !important; height: 120px !important; top: 100px !important; left: 525px !important; padding: 20px; }
.regionaloffice.our_service #galleriabuttons .galleria-layer .hte_service_legros {position: relative; left: -475px; font-weight: 200;color: #fff;text-transform: none; font-size: 20px; color: #333; font-weight: 400; text-shadow: 1px 1px 2px #333;}
.regionaloffice.our_service #galleriabuttons .galleria-layer .hte_service_legros h2 {color: #fff;text-transform: none; font-size: 20px;  font-weight: 400;}
.regionaloffice.our_service #galleriabuttons .galleria-layer .hte_service_legros p {color: #fff;text-transform: none; font-size: 16px; margin-top: 12px;font-weight: 200;}


.team {}
.member {clear: both; margin-bottom: 20px;}
.member .photo {display: block; float: left; width: 45%;margin-bottom: 20px;}
.member .information { display: block; float: left; width: 50%; margin-left: 5%;margin-bottom: 20px;}


.picture_gallery label[for="address"] {display: none;}
.picture_gallery #address {display: none;}
.picture_gallery label[for="zip"] {display: none;}
.picture_gallery #zip {display: none;}
.picture_gallery label[for="city"] {display: none;}
.picture_gallery #city {display: none;}
.picture_gallery label[for="country"] {display: none;}
.picture_gallery #country {display: none;}
.picture_gallery label[for="fax"] {display: none;}
.picture_gallery #fax {display: none;}
		.langselect_dropdown {position: absolute; top: 0px; left: 640px;  display: block; width: 130px; height: 100px; z-index: 10000;}
		.zhafir .langselect_dropdown {position: absolute; top: 20px; left: 640px;  display: block; width: 130px; height: 100px; z-index: 10000;}

        .langselect_dropdown img {padding: 5px; }
        .langselect_dropdown .invisible {display: none;}
        .langselect_dropdown:hover img {background: #fff; padding: 10px;}
        .langselect_dropdown:hover .invisible img {background: #fff; padding: 5px;}
        .langselect_dropdown:hover .invisible {display: block; visibility: visible; width: 120px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
        .langselect_dropdown ul {list-style: none; margin: 0; padding: 0; width: 120px;}
        .langselect_dropdown ul li {margin: 0; padding: 0px; background: #fff; border-bottom: 1px solid #ddd;}
        .langselect_dropdown ul li img {vertical-align: middle; background: none;}
        .langselect_dropdown ul li a {margin: 0; padding: 5px; background: #fff; display: block; text-decoration: none; width: 110px;}
        .langselect_dropdown ul li a:hover {margin: 0; padding: 5px; background: #eee; border-bottom: 1px solid #ddd;}
        .langselect_dropdown .invisible ul li a {margin: 0; padding: 5px; background: none; display: block; text-decoration: none;}
        .langselect_dropdown .invisible ul li a:hover {margin: 0; padding: 5px; background: none; border-bottom: 1px solid #ddd;}


.regioform label {display: inline-block; width: 150px; vertical-align: top;}
.regioform input {display: inline-block;}
.regioform textarea {height: 200px;}
.regioform p.checkbox {width: 25%; display: inline-block;}

.navbar textarea:hover, 
.navbar input:hover, 
.navbar textarea:active, 
.navbar input:active, 
.navbar textarea:focus, 
.navbar input:focus, .navbar accordion-heading, .navbar :focus {
    outline:0px !important;
    -webkit-appearance:none;
        }

.navbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.navbar li {
    display: inline-block;
    float: left;
    margin-right: 1px;
}

.navbar li a {
    display: block;
    text-align: left;
    text-decoration: none;
}


.navbar li:hover ul a {
}

.navbar li:hover ul a:hover {
}

.navbar li ul {
    display: none;
}

.navbar li ul li {
    display: block;
    float: none;
}

.navbar li ul li a {
    width: auto;
}

.navbar ul li a:hover+.hidden, .navbar .hidden:hover {
    display: block !important;
}

.navbar .show-menu {
    text-decoration: none;
    color: #fff;
    background: #0b3e67;
	font-weight: 700;
    text-align: center;
    padding: 10px 0;
    display: none;
	border-top: 1px solid #fff;
}

.navbar input[type=checkbox] {
    display: none;
    -webkit-appearance: none;
}

.navbar input[type=checkbox]:checked ~ .topnavi {
    display: block;
}

@media screen and (max-width : 480px) {
.aologo img{ width: 280px;margin-left: 30px; max-width: 90%;}
.MicrosoftMap {width: 100% !important;}
.aocontent img {width: 100%; display: block; margin: 20px 0 !important;}
.aocontent p {text-align: left;}

.imagelist {padding: 0 0 0 20px;}
.imagelist .imagelistimage {width: 270px;}
.facilities {padding: 0 0 0 20px; width: auto;}
.galleria-dots {left: 40%;}
p, h2, h3, h4 {max-width: 80%; margin-left: 20px;}

.mobile {
	display: block;
}

#timeline-embed {display: none; height: 0;}

.my_timeline img {
	margin-left: 20px;
	max-width: 90%;
	width: 90%;
}

.my_timeline .date {
	font-weight: bold;
	margin-bottom: 0;
}

.my_timeline h3 {
	color: #0088cc;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	margin-top: 0;
}

.my_timeline p {
	margin-bottom: 0;
}

.span12 { margin-left: 0;}
.span9 {margin-left: 10px;}
.haitianinter .content {padding-bottom: 150px; margin-left: 0px;}


#timeline-embed{position: relative; left: -40px;}
    .navbar ul {
        position: static;
        display: none;
    }

    .navbar li {
        margin-bottom: 1px;
    }

    .navbar ul li, .navbar li a {
        width: 100%; margin: 0; padding: 0;
    }

    .navbar .show-menu {
        display: block;
    }


body {margin-top: 0;}
.regioform p.checkbox {width: 80%; display: block;}
.addonregional {display: none !important;}
.row {margin-left: 0;}
h2 {font-size: 18px;}
h2 span {font-size: 18px; line-height: 24px;}
.content {position: relative; top: 20px;}
body.zhafir {margin-bottom: 100px; border-top: 0px solid #003566; background: #fff repeat-y top center;}
.nav-collapse {display: none;}


.navbar {padding: 0; width: 100%; margin: 0px 0 60px 0;}
.zhafir .navbar {padding: 0; width: 100%; margin: 0px 0 60px 0;}

.navbar .brand {position: relative; top: 10px; right: 0; float: right; margin-right: 40px; padding-bottom: 20px;}
.zhafir .navbar .brand {position: relative; top: 10px; right: 0; float: right; margin-right: 20px; padding-bottom: 20px;}

ul.topnavi {width: 100%; margin: 0; padding: 0; height: auto;background: #0b3e67;}
ul.topnavi ul {display: none;}
ul.topnavi li {float: none; padding: 0; margin: 0;}
ul.topnavi li a {color: #fff; padding: 2%; width: 96%;}
ul.topnavi li a:hover {color: #333; padding: 2%; width: 96%;}
ul.topnavi li:hover ul {display: block; position: relative; top: 0; left: 0; width: 100%; margin-left: 0; }
ul.topnavi li:hover ul li {width: 45%; display: block; float: left; padding: 0;}
ul.topnavi li:hover ul li a {padding: 5px 5px 5px 20px; line-height: 1em;}


.zhafir ul.topnavi {width: 100%; margin: 0; padding: 0; height: auto;background: #0b3e67;}
.zhafir ul.topnavi ul {display: none;}
.zhafir ul.topnavi li {float: none; padding: 0; margin: 0;}
.zhafir ul.topnavi li a {color: #fff; padding: 5% 2%; width: 96%;}
.zhafir ul.topnavi li:hover a {color: #333; padding: 2%; width: 96%;}

.zhafir ul.topnavi li.rex-current a, .zhafir ul.topnavi li.rex-active a {color: #333; padding: 2%; width: 96%;}
.zhafir ul.topnavi li.rex-current:hover a, .zhafir ul.topnavi li.rex-active:hover a {color: #333; padding: 2%; width: 96%;}

.zhafir ul.topnavi li:hover ul {display: block; position: relative; top: 0; left: 0; width: 100%; margin-left: 0; }
.zhafir ul.topnavi li:hover ul li {width: 45%; display: block; float: left; padding: 0;}
.zhafir ul.topnavi li:hover ul li a {padding: 5px 5px 5px 20px; line-height: 1em; color: #333;}
/***************************
****************************
    .navbar {margin-bottom: 0px; width: 100%;}
    .zhafir .navbar .brand, .haitian .navbar .brand {padding: 0px; width: 50%; float: left; text-align: right; margin: 0; position: absolute; top: 0px; left: 80px; border-radius: 0;}
    .zhafir .navbar .brand img, .haitian .navbar .brand img {width: 100%;}
     p {max-width: 90%;}
    .zhafir ul.topnavi { display: none; width: 100%; height: auto; background: #003566; color: #999; box-shadow: none; float: none; text-align: left; margin-bottom: 0px; position: relative; margin-top: 0px; border-radius: none;}
    .haitian ul.topnavi { display: none; width: 100%; height: auto; background: #0b3e67; color: #999; box-shadow: none; float: none; text-align: left; margin-bottom: 0px; position: relative; margin-top: 0px; border-radius: none;}    
    .zhafir ul.topnavi ul, .zhafir ul.topnavi ul li, .haitian ul.topnavi ul, .haitian ul.topnavi ul li {display: block; margin: 0; padding: 0; height: auto; width: 90%; border-radius: none;}
    .zhafir ul.topnavi li, .haitian ul.topnavi li {width: 90%; display: block; background: none; color: #999; display: block; float: none; border: none;}
    .zhafir ul.topnavi li a, .zhafir ul.topnavi li:hover a { }
    .zhafir ul.topnavi:hover ul, .haitian ul.topnavi:hover ul {display: block; width: 80%;}
    .zhafir ul.topnavi ul li, .haitian ul.topnavi ul {display: block !important; float: left; width: 90%; padding: 0 2%; }
    .zhafir ul.topnavi:hover ul li, .haitian ul.topnavi:hover ul {display: block; float: none; width: 90%; padding: 0 2%; position: relative; top: 0; left: 0; }
    ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; height: auto; display: block;}
    ul.topnavi li.rex-current ul, ul.topnavi li.rex-active ul { background: none; color: #fff; display: block !important; font-weight: normal;}
    ul.topnavi ul li, ul.topnavi ul li{ background: none; color: #fff; width: 45%; margin-right:5%; display: block:; float: left;}

    ul.topnavi li.rex-current a, ul.topnavi li.rex-active a {color: #333; background: #fff;}
    ul.topnavi li a {color: #fff; font-weight: 600; text-transform: uppercase; padding: 10px; display: block;}
    ul.topnavi li:hover {background: #fff; color: #333;}
    ul.topnavi li:hover a {color: #333;}
    ul.topnavi li.rex-current:hover, ul.topnavi li.rex-active:hover { color: #333; background: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

    a#pull {position: relative; left: 0px; top: -15px; width: 92%; display: block; background: #0b3e67; padding: 20px 4% 10px 4%; color: #fff; margin: 0 0 0px 0 ; text-transform: uppercase; text-align: right;}

****************************
****************************/

a#pull {display: none;}

.langselect_dropdown {position: relative; top: 5px; left: 10px; display: block; width: 30px; height: 0px; z-index: 10000; display: block;}
.zhafir .langselect_dropdown {position: relative; top: 5px; left: 10px; display: block; width: 30px; height: 0px; z-index: 10000; display: block;}


    .langselect {position: relative; left: 75px; top: -10px;  }
    .navbar .langselect_dropdown img {padding: 5px; }
        .navbar .langselect_dropdown:hover img {background: #fff; padding: 10px;}
        .navbar .langselect_dropdown:hover .invisible img {background: #fff; padding: 5px;}
        .navbar .navbar.langselect_dropdown:hover .invisible {display: block !important; visibility: visible !important; width: 120px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
        .navbar .langselect_dropdown ul {list-style: none; margin: 0; padding: 0; width: 120px; position: absolute; display: block;}
        .navbar .langselect_dropdown ul li {margin: 0; padding: 0px; background: #fff; border-bottom: 1px solid #ddd;}
        .navbar .langselect_dropdown ul li img {vertical-align: middle; background: none;}
        .navbar .langselect_dropdown ul li a {margin: 0; padding: 10px; background: #fff; display: block; text-decoration: none;}
        .langselect_dropdown ul li a:hover {margin: 0; padding: 5px; background: #eee; border-bottom: 1px solid #ddd;}
        .navbar .langselect_dropdown .invisible ul li a {margin: 0; padding: 5px; background: none; display: block; text-decoration: none;}
        .navbar .langselect_dropdown .invisible ul li a:hover {margin: 0; padding: 5px; background: none; border-bottom: 1px solid #ddd;}

    .box.infobox img {margin-bottom: 20px;}
    .box.infobox div div, .box.infobox div div p {padding: 0;}
    .box.infobox div {width: 100%; margin-top: 20px;}
    .tab-pane {padding: 10px 0 100px 0;}
    .addonbox {padding: 20px 0;}
    .imageline .imagelineimage {width: 100%;}
    
    .zalist {display: block; margin: 10px;}
    ul.zalist { padding: 10px;}
    ul.zalist h1 {display: none;}
    .start_region_row {width: 100%; padding: 0; display: none;}
    .start_region {display: block; width: 90%; float: left; margin: 0% 5%;}
    .start_region:hover { position: relative; }
    .start_region:hover .start_region_info {display: none;}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 100%;}
    .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { display: block; float: none; width: auto; max-width: 100%; margin-right: 0px;}
    .offset1 {margin-left: 20px;}
    .imagelist .imagelistimage {margin: 0 0 20px 0px;}
    table {width: 100% !important;}
    
    .articles {width: 100%;}

.article {background: #fff url(../img/article_bg.png) bottom right no-repeat; padding: 0px; margin: 0 0 10px 0;width: 298px; display: block; float: left; min-height: 200px; border: 1px solid #eee; position: relative; -moz-box-shadow: inset 0 0 0px #ddd; -webkit-box-shadow: inset 0 0 0px #ddd; box-shadow: inset 0 0 0px #ddd;}
.article img {margin: 0; width: 100%; height: auto;}
.article a{color: #333;}
.article a:hover {text-decoration: none; border-bottom: none;}
.article p.articlecategories {display: none;}
.article ul {list-style: none; margin: 0; padding: 0;}
.article ul li { background: #0088cc; color: #fff; font-size: 10px; display: inline; padding: 5px; margin-right: 1px;}
.article h4 {text-transform: uppercase; padding-left: 10px; margin: 10px 0 0 0;}
.article .articlecontent {background: #fff; font-size: 0.8em;}
.article:hover .articlecontent {diplay: block; position: absolute; bottom: 0; width: 298px}
.article:hover .hide {display: block; padding: 10px; margin: 0;margin-bottom: 12px; }



    .aoimages {width: 90%; padding: 5%; display: block;}
    .aocontent {width: 90%; padding: 5% 5% 0% 5%; border: none;}
    .similiararticles {border: none;}
    .similararticle {width: 218px;}
    
    .content {padding: 0px;}
    .navbar.navbar-fixed-bottom {display: none;}
    .container img {max-width: 100%;}
    hr {width: 100%; background-position: center;}
    .productbox {clear: right; font-size: 11px; padding: 0 0 20px 20px;}
	.productbox h4 {font-size: 18px;}
	.productbox:hover h4 {font-size: 18px;}
    #galleria {width: 100%;  min-height: 140px; }
    #galleria.slideshow {}
    #galleria.slideshow .galleria-thumbnails-container { }
    .regioninfo {min-height: 0; width: 90%;}
    .regioninfo h2, .regioninfo p {margin-bottom: 0px;}
    .products {width: 80%; margin: 0 auto; margin-top: 60px;}
	.startbox span.arrowfwd {width: 180px; position: static; margin-top: 20px;}
    
    
    #galleriabuttons {width: 100%; height: auto; min-height: 160px; margin-bottom: 40px; position: relative; left: 0px; background: #0b3e67;}
    #galleriabuttons .galleria-container {background: #0b3e67; }
    .galleria-stage {bottom: 30px; background: #fff;}
    #galleriabuttons .galleria-stage {bottom: 0px; background: #fff;}
    
    .Advantage.Online #galleria.thumbless {display: none;}
    
    .curve-down-wide { display:inline-block; height:155px; width:940px; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; margin: 0 0 30px 0; }
.curve-down-wide:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}
            
            
   .imagelist .curve-down { display:inline-block; height:203px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.imagelist .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);}
    
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: block !important;
    padding: 0px 0px;
  }
  .hidden-phone {
    display: none !important;
  }


.brochures .medialibrary .span2, .advantage_magazine .medialibrary .span2, .picture_gallery .medialibrary .span2, .tutorials .medialibrary .span2, .advatage_tv .medialibrary .span2, .press_room .medialibrary .span2  {display: none;}


.brochures .medialibrary hr, .advantage_magazine .medialibrary hr, .picture_gallery .medialibrary hr, .tutorials .medialibrary hr, .advatage_tv .medialibrary hr, .press_room .medialibrary hr  {display: none;}


.team { padding: 0; margin: 0;}
.member {clear: both; margin-bottom: 20px;}
.member .photo {display: block; float: left; width: 100%;margin-bottom: 20px;}
.member .information { display: block; float: left; width: 100%; margin-left: 0%;margin-bottom: 20px;}

	/*
   .regionaloffice ul.topnavi li:hover ul {display: block; position: relative; top: 0px; left: 150px; width: 200px; height: auto;background: #fff; border-radius: none; border-radius: 0; border:}
    .regionaloffice ul.topnavi li:hover li {display: block; width: 100; float: none; padding: 5px 10px; border-right: none; color: #999;}
    .regionaloffice ul.topnavi li:hover ul ul {display: none;}
    
    .regionaloffice ul.topnavi { background: #red; box-shadow: none; list-style: none; padding: 0; margin: 15px 0 0 0; width: 140px; float: left; height:300px; margin:18px auto; text-align:left; z-index:9998; background:none;
     -khtml-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -o-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -moz-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; box-shadow:rgba(0,0,0,0.3) 0 0px 0px;background-#fff; position: absolute; left: -211px; top: 100px;}
    .regionaloffice ul.topnavi li {display: block; float: left; padding: 8px 10px; margin: 0; border-right: 1px solid #ccc; font-size: 13px; position: relative; width: 100%;}
    .regionaloffice ul.topnavi li ul li {border: 1px solid #eee; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;background-color:#fff;}
    .regionaloffice ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; background:url(../img/globalheader_over.png) repeat-x;
       -moz-box-shadow:    inset 0 0 10px #ddd;
       -webkit-box-shadow: inset 0 0 10px #ddd;
       box-shadow:         inset 0 0 10px #ddd;}
       .regionaloffice ul.topnavi li.rex-current a, .regionaloffice ul.topnavi li.rex-active a {color: #333;}
	   */
	
	.regionaloffice .navbar .brand {
		top: 20px;
		right: 40px;
	}

    
    }


a.dieneuezeres {display: none !important;}

@media (min-width: 1300px) {
	
	

.regionaloffice ul.topnavi { background: #fff; box-shadow: none; list-style: none; padding: 0; margin: 15px 0 0 0; width: 680px; float: left; height:36px; margin:18px auto; text-align:left; z-index:9998; background:none;
 -khtml-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; box-shadow:rgba(0,0,0,0.3) 0 0px 0px;background-color:#fff;}
.regionaloffice ul.topnavi li {display: block; float: left; padding: 8px 10px; margin: 0; border-right: 1px solid #ccc; font-size: 13px; position: relative;}
.regionaloffice ul.topnavi li ul li {border: 1px solid #eee; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;background-color:#fff;}
.regionaloffice ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; background:url(../img/globalheader_over.png) repeat-x;
   -moz-box-shadow:    inset 0 0 10px #ddd;
   -webkit-box-shadow: inset 0 0 10px #ddd;
   box-shadow:         inset 0 0 10px #ddd;}
   ul.topnavi li.rex-current a, ul.topnavi li.rex-active a {color: #333;}
.regionaloffice ul.topnavi li a {color: #333; font-weight: 600; text-transform: uppercase;}

	.showlarge {display: block;position: relative; left: 0px; top: 30px; z-index: 50;}
    .regionaloffice .langselect img {display: none;}

    body.regionaloffice {}
    .navbar {}
    ul.topnavi ul {display: none;}
    ul.topnavi li {display: block; float: left; padding: 8px 10px; margin: 0; border-right: 1px solid #ccc; font-size: 13px; position: relative; border-bottom: 1px solid #ddd;}
    ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; background:url(../img/globalheader_over.png) repeat-x;
       -moz-box-shadow:    inset 0 0 10px #ddd;
       -webkit-box-shadow: inset 0 0 10px #ddd;
       box-shadow:         inset 0 0 10px #ddd;}
       ul.topnavi li.rex-current a, ul.topnavi li.rex-active a {color: #333;}
    ul.topnavi li a {color: #fff; font-weight: 600; text-transform: uppercase; }
    ul.topnavi li:hover {background: #fff; color: #333;}
    ul.topnavi li:hover a {color: #333;}
    ul.topnavi li.rex-current:hover, ul.topnavi li.rex-active:hover { color: #333; background: #fff; background:url(../img/globalheader_over.png) repeat-x;
       -moz-box-shadow:    inset 0 0 10px #fff;
       -webkit-box-shadow: inset 0 0 10px #fff;
       box-shadow:         inset 0 0 10px #fff;}
    ul.topnavi li.rex-current:hover a, ul.topnavi li.rex-active:hover a { color: #333; }
    .regionaloffice ul.topnavi li:hover ul {display: block; position: absolute; top: 0px; left: 150px; width: 200px; height: auto;background: #fff; border-radius: none; border-radius: 0; border:}
    .regionaloffice ul.topnavi li:hover li {display: block; width: 100; float: none; padding: 5px 10px; border-right: none; color: #999;}
    .regionaloffice ul.topnavi li:hover ul ul {display: none;}
    
    .regionaloffice ul.topnavi { background: #red; box-shadow: none; list-style: none; padding: 0; margin: 15px 0 0 0; width: 140px; float: left; height:300px; margin:18px auto; text-align:left; z-index:9998; background:none;
     -khtml-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -o-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -moz-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; box-shadow:rgba(0,0,0,0.3) 0 0px 0px;background-#fff; position: absolute; left: -211px; top: 100px;}
    .regionaloffice ul.topnavi li {display: block; float: left; padding: 8px 10px; margin: 0; border-right: 1px solid #ccc; font-size: 13px; position: relative; width: 100%;}
    .regionaloffice ul.topnavi li ul li {border: 1px solid #eee; -khtml-box-shadow:rgba(0,0,0,0.3) 0 0px 0px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;background-color:#fff;}
    .regionaloffice ul.topnavi li.rex-current, ul.topnavi li.rex-active { background: #fff; background:url(../img/globalheader_over.png) repeat-x;
       -moz-box-shadow:    inset 0 0 10px #ddd;
       -webkit-box-shadow: inset 0 0 10px #ddd;
       box-shadow:         inset 0 0 10px #ddd;}
       .regionaloffice ul.topnavi li.rex-current a, .regionaloffice ul.topnavi li.rex-active a {color: #333;}
    .regionaloffice ul.topnavi li a {color: #333; font-weight: 600; text-transform: uppercase;}
    .regionaloffice .langselect {left: 0px;}
    .regionselect {display: block; display: block; float:left; margin-top: 20px;}
	
}


/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td {  }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}