
/* CLEARFIX */
.clearfix:after{
  clear:both;
  content:"";
  display:block;
  height:0;
  visibility:hidden;
}
/*
html .clearfix{
  height:1%;
}
:first-child + html .clearfix{
  min-height:1%;
}
*/

/* ====================================================================== */
/* BODY and PAGE */
html {
}

body {
  width: 982px;
  margin: 0 auto;
}
.page {
  width: 976px;
  margin-left: 3px;
  margin-right: 3px;
}
input, select, textarea, body {
  font-weight: normal;
  font-size: 1rem;
/*  line-height: 1rem; */
  font-family: Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia,serif;
  font-weight: 400;
}
h1{font-size:1.6rem;line-height:1.9rem;margin-top:0.1rem;margin-bottom:0.1rem;color:#8E5614;}
h2{font-size:1.3125rem;line-height:1.3125rem;margin-top:0.5rem;margin-bottom:0.5rem}
h3{font-size:1rem;line-height:1.5rem;margin-bottom:0.1875rem;margin-top:0.1875rem;}
h4{font-size:1rem;line-height:1.25rem;margin-bottom:0;}
h5{font-size:0.9375rem;line-height:1.0625rem;margin-bottom:0;}
h6{font-size:0.875rem;line-height:1rem;margin-bottom:0;}
a {
  text-decoration: none;
  color: #8E5614;
}
a:hover {
  text-decoration: underline;
}

a:focus:not(:hover),button:focus:not(:hover) {
  outline: 3px solid red;
  z-index: 2000;
}

#responsive_navigation a:focus:not(:hover), #responsive_navigation button:focus:not(:hover) {
  outline: unset;
  z-index: unset;
}

#page_wrapper {
  display:block;
}

.show-xs {
  display: none !important;
}

.bejaaarticle {
  font-size: 1rem;
  line-height: 1.2rem;
}

@media all and (max-width: 130mm) {
  body {
    width: 100%;
  }
  .page {
    width: unset;
  }
  .hide-xs,.show-xl {
    display: none !important;
  }
  .show-xs { 
    display: block !important;
  }
}

/* ====================================================================== */
/* TOOLBAR */

#toolbar_content {
  background-color: #F8F3EA;
  padding: 0.44rem 0;
}
#toolbar_navigation_left {
  float: left;
  display: inline;
}
#toolbar_content ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#toolbar_content li {
  float: left;
  line-height: 0.6875rem;
  font-size: 0.6875rem;
  padding: 0 0.625rem;
  display: inline;
}
#toolbar_content li:first-child {
  border-left: none;
  border-left-color: currentcolor;
}
#toolbar_content a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  z-index: 1000;
}
#toolbar_navigation_right {
  float: right;
  display: inline;
}

@media all and (max-width: 130mm) {
  #toolbar_content {
    display: flex;
    padding: 0;
  }
  #toolbar_navigation_left {
    flex-grow: 100;
    overflow: hidden;
    clear: left;
    display: inline;
  }
  #toolbar_content #toolbar_navigation_left li img {
    height: 2.5rem;
  }
  #toolbar_content #toolbar_navigation_left li {
    padding: 0.25rem 0.25rem;
  }
  #toolbar_navigation_right {
    clear: right;
    display: inline;
  }
  #toolbar_content #toolbar_navigation_right li img {
    height: 2rem;
  }
  #toolbar_content #toolbar_navigation_right li {
    padding: 0.5rem;
    height: 2rem;
    font-size: 0;
    border-left: 2px solid #DEDBD9;
  }
}

/* ====================================================================== */
/* HEADER */

#header_content #header_titles {
  float: left;
  height: 6.25rem;
  padding-left: 16px;
}
#header_content #main_title {
  color: #8E5614;
  font-family: Georgia,serif;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 32px;
  margin-top: 35px;
}
#header_content #main_title span {
  border-bottom: 1px solid #9C6114;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 9px;
  width: 410px;
}
#header_content #main_sub_title {
  color: #8E5614;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  font-family: Arial,sans-serif;
  padding-top: 0;
  margin-top: 0;
  width: 410px;
}
#header_content #header_logo_lth_sv {
  cursor: pointer;
  width: 137px;
  height: 110px;
  float: right;
  background: url(../images/logos/logo-lth-sv.png) no-repeat scroll center 5px;
  margin-right: 16px;
  margin-top: 10px;
  margin-left: 16px;
}
#header_content #header_logo_lth_en {
  cursor: pointer;
  width: 137px;
  height: 110px;
  float: right;
  background: url(../images/logos/logo-lu-en.png) no-repeat scroll center 5px;
  margin-right: 16px;
  margin-top: 10px;
  margin-left: 16px;
}
#header_content #header_nav {
  color: #8E5614;
  float: right;
  height: 122px;
}
#header_content #header_nav ul {
  float: right;
  list-style: none;
  text-align: right;
  margin-top: 16px;
  border-right: 1px solid #eee;
  padding-right: 16px;
  margin-bottom: 0;
  height: 90px;
}
#header_content #header_nav li {
  line-height: 1.875rem;
}

@media all and (max-width: 130mm) {
  #header_content {
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  #header_content #header_titles {
    padding: 0;
    margin: 0;
    margin-left: 0;
    height: auto;
    clear: left;
    flex-grow: 100;
    overflow: hidden;
  }
  #header_content #header_titles #main_title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 0.2rem;
    margin-top: 4px;
    margin-left: 3px;
    margin-right: 3px;
    width: 18rem;
  }
  #header_content #main_title a {
    text-decoration: none;
  }
  #header_content #main_title span {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    width: unset;
  }
  #header_content #header_titles #main_sub_title {
    font-size: 0.8rem;
    line-height: 1rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-left: 3px;
    width: 16rem;
  }
  #hamburger-icon {
    background-color: rgba(0,0,0,0);
    background-image: none;
    border: none;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 1rem;
    margin-top: 1rem;
    padding: 0;
  }
  #hamburger-icon .icon-bar {
    background-color: #9C6114;
    display: block;
    height: 0.25rem;
    width: 1.6rem;
    cursor: pointer;
    margin:0.3rem 0 0.3rem;
    padding: 0;
  }
  #hamburger-icon:focus:not(:hover) {
    outline: 3px solid red;
  }
}

/* ====================================================================== */

/* RESPONSIVE NAVIGATION */

#responsive_navigation_wrapper {
  display:none;
  background-color:#FFF;
/*  position:absolute; */
  top:0;
  width:100%;
  z-index:1500;
}
#responsive_navigation {
  overflow:hidden;
  padding-left: 5px;
  padding-right: 5px;
}
#responsive_navigation ul {
  list-style:none outside none;
/*  overflow:hidden; */
  margin:0;
  padding:0;
}
#responsive_navigation .menu-level-1 > li > a {
  border-top:none;
  font-weight:700;
}
#responsive_navigation li {
  clear:both;
  position:relative;
}
#responsive_navigation a{
  text-decoration: none;
  display:block;
  position:relative;
  border-top:1px solid #DEDBD9;
  font-size:1.4rem;
  line-height:1.875rem;
  white-space:nowrap;
  padding:1.2rem 0 1.2rem 1.2rem;
}
.internal #responsive_navigation .menu-level-1 a,#responsive_navigation .menu-level-1 .responsive-shortcuts a{background-color:#6E6E6E}
.internal #responsive_navigation .menu-level-2 a,#responsive_navigation .responsive-shortcuts .menu-level-2 a{background-color:#999;color:#000}
.internal #responsive_navigation .menu-level-3 a,#responsive_navigation .responsive-shortcuts .menu-level-3 a{background-color:#ACACAC;color:#000}
.internal #responsive_navigation .menu-level-4 a,#responsive_navigation .responsive-shortcuts .menu-level-4 a{background-color:#BBB;color:#000}
.internal #responsive_navigation .menu-level-5 a,#responsive_navigation .responsive-shortcuts .menu-level-5 a{background-color:#CCC;color:#000}
.internal #responsive_navigation .menu-level-6 a,#responsive_navigation .responsive-shortcuts .menu-level-6 a{background-color:#EEE;color:#000}
#responsive_navigation .responsive_link.expand:after{content:"＋"}
#responsive_navigation .responsive_link.minimize:after{content:"－"}
#responsive_navigation .menu-level-1 a{background-color:#9C6114;color:#FFF}
#responsive_navigation .menu-level-2 a{background-color:#B78F5E;color:#000}
#responsive_navigation .menu-level-3 a{background-color:#C6A882;color:#000}
#responsive_navigation .menu-level-4 a{background-color:#D6C0A4;color:#000}
#responsive_navigation .menu-level-5 a{background-color:#E2D2C0;color:#000}
#responsive_navigation .menu-level-6 a{background-color:#ECE2D6;color:#000}
#responsive_navigation .menu-level-2,
#responsive_navigation .menu-level-3,
#responsive_navigation .menu-level-4,
#responsive_navigation .menu-level-5,
#responsive_navigation .menu-level-6{
/*  display:none */
}
.internal #responsive_navigation li.selected > a,
#responsive_navigation li.responsive-shortcuts.selected > a,
#responsive_navigation li.responsive-shortcuts li.selected > a,
#responsive_navigation li.selected > a {
  background-color:#000080;
  color:#FFF;
}
#responsive_navigation .menu-level-1 > li:first-child.selected > a {
  padding-left:1.25rem;
  border-left:0.625rem solid #9C6114;
}
#responsive_navigation li.selected > ul > li > a:first-child {
  padding-left:1.25rem;
  border-left:0.625rem solid #000080;
}
#responsive_navigation #responsive_menu span {
  float:left;
  text-transform:uppercase;
  color:#8E5614;
  font:2.5rem/3.75rem Georgia,serif;
  padding-left: 1.6rem;
  font-weight:700;
}
.internal #responsive_navigation #responsive_menu span {
  color:#000080;
}
#responsive_navigation #close_responsive_navigation {
  cursor: pointer;
  float:right;
//  background:url(../images/responsive-close-menu-button.png) no-repeat;
  background-size:contain;
  width:3.5rem;
  height:3.5rem;
  border:none;
  padding:0;
  margin-right:1rem;
  background-color: #FFFFFF;
}
.internal #responsive_navigation #close_responsive_navigation {
  cursor: pointer;
  float:right;
//  background:url(../images/responsive-close-menu-button-internal.png) no-repeat;
  background-size:contain;
  width:3.5rem;
  height:3.5rem;
  border:none;
  padding:0;
}
#responsive_navigation .menu-level-1 > li,#responsive_navigation #responsive_menu {
  margin-bottom: 1rem;
}
#responsive_navigation .responsive_link.expand:after{
  content: "+";
}
#responsive_navigation .responsive_link.minimize:after{
  padding-left: 6px;
  content: "-";
}
#responsive_navigation a.responsive_link{
  border-left:1px solid #DEDBD9;
  width:1.5rem;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  font-weight:700;
  font-size:2rem;
  padding:1.1rem 1.5rem;
}


/* ====================================================================== */
/* MAIN NAVIGATION */

#main_navigation {
  background-color:#9C6114;
  border: none;
  color: #FFF;
  margin: 0;
  padding: 0;
}
#main_navigation ul {
  list-style:none outside none;
  margin:0;
  padding:0;
}
#main_navigation li {
  float:left;
  border-right:1px solid #EBE5D8;
  padding-top: 11px;
  padding-bottom: 11px;
  margin:0;
}
#main_navigation li div {
  border-left: 3px solid #9C6114;
  border-right: 3px solid #9C6114;
}
#main_navigation a {
  color:#FFF;
  font-family:Georgia,serif;
  padding-top: 8px;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-right: 4px;
  margin:0;
}
#main_navigation li:last-child {
  border-right:none;
}
#main_navigation li.selected {
  background:#F8F3EA;
}
#main_navigation li.selected div {
  border-left: 3px solid #F8F3EA;
  border-right: 3px solid #F8F3EA;
}
#main_navigation li.selected a {
  color:#8E5614;
  background:#F8F3EA;
}
#navigation_content {
  background-color:#9C6114;
}

/* ====================================================================== */
/* BREADCRUMBS CONTENT */

#breadcrumb_content {
  margin: 0;
  padding: 0.7rem;
}
#breadcrumb_content ul {
  list-style:none outside none;
  margin:0;
  padding:0;
}
#breadcrumb_content li {
  float:left;
  line-height:1.5rem;
  font-size:0.9rem;
  padding:0;
}
#breadcrumb_content li:first-child {
  border-left:none;
}
#breadcrumb_content a {
  color:#8E5614;
}

@media all and (max-width: 130mm) {
  #breadcrumb_content {
    background-color: #F8F3EA;
    padding: 8px;
  }
}

/* ====================================================================== */

.bg_green {
  background-color: #DFEFE8;
  padding-top: 7px;
  padding-bottom: 7px;
}

#page_header .subsite {
  font-size: 1.5rem;
  line-height: 1.6875rem;
  font-family: Georgia,serif;
  font-weight: 400;
  text-transform: none;
  border-left: 2px solid #8E5614;
  margin-left: 30px;
  padding-left: 20px;
}

@media all and (max-width: 130mm) {
  #page_header .subsite {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-left: 5px;
    padding-left: 10px;
  }
}


/* ====================================================================== */
/* CONTENT NAVIGATION */

#content_navigation {
  width: 226px;
  background-color: #F8F3EA;
  font-family: Georgia,serif;
  padding: 12px;
}
#content_navigation ul {
  list-style:none outside none;
  margin:0;
  padding:0;
}
#content_navigation ul li {
  margin:0;
  padding:0;
  line-height: 1.125rem;
/*  font-size: 1rem; */
}
#content_navigation ul a {
  padding-left:13px;
}
#content_navigation .menu-level-1 {
  padding-left:0px;
}
#content_navigation .menu-level-1 > li {
  margin-bottom:8px;
}
#content_navigation .menu-level-1 > li > a {
  background-color:#9C6114;
  color:#FFF;
  display:block;
  padding:9px 4px 9px 8px;
}
#content_navigation .menu-level-1 > li.active > a,
#content_navigation .menu-level-1 > li.selected > a,
#content_navigation .menu-level-1 > li.active-selected > a {
  background-color:#EBE5D8;
  color:#000;
  margin-bottom:0;
}
#content_navigation .menu-level-2 {
  background-color:#FFF;
  padding:16px 10px 10px 16px;
}
#content_navigation .menu-level-2 li a {
  background:url(../images/submenu-ring-large.gif) no-repeat scroll 0 5px transparent;
  color:#8E5614;
  display:block;
  margin-bottom:10px;
}
#content_navigation .menu-level-2 li.has_sub > a {
  background:url(../images/submenu-arrow-right-large.png) no-repeat scroll 0 5px transparent;
}
#content_navigation .menu-level-2 li.active > a {
  background:url(../images/submenu-arrow-down-large.png) no-repeat scroll 0 5px transparent;
}
#content_navigation .menu-level-2 li.selected > a {
  background:url(../images/submenu-ring-large-gray.png) no-repeat scroll 0 5px transparent;
  color:#000;
}
#content_navigation .menu-level-2 li.active-selected > a {
  background:url(../images/submenu-arrow-down-large-gray.png) no-repeat scroll 0 5px transparent;
  color:#000;
}
#content_navigation .menu-level-3 li.has_sub > a {
  background-image:url(../images/submenu-arrow-right-small.png);
}
#content_navigation .menu-level-3 li.active > a {
  background-image:url(../images/submenu-arrow-down-small.png);
}
#content_navigation .menu-level-3 li.active-selected > a {
  background-image:url(../images/submenu-arrow-down-small-gray.png);
}
#content_navigation .menu-level-3,
#content_navigation .menu-level-4,
#content_navigation .menu-level-5{
  margin-left:20px;
}


/* ====================================================================== */
/* Responsive Tables */

.resptable {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: 0px;
  left: 0px;
}
.resptable > div {
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
.resptable h3 {
  font-weight: 700;
}

.resptable-border {
  border: 1px solid;
}
.resptable-border > div {
  padding-top: 0px;
  padding-bottom: 0px;
}
.resptable-border > div > div {
  border: 1px solid;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 4px;
  padding-right: 4px;
}
.resptable-cell-0 { width: 0%; }
.resptable-cell-1 { width: 5%; }
.resptable-cell-2 { width: 10%; }
.resptable-cell-3 { width: 15%; }
.resptable-cell-4 { width: 20%; }
.resptable-cell-5 { width: 25%; }
.resptable-cell-6 { width: 30%; }
.resptable-cell-7 { width: 35%; }
.resptable-cell-8 { width: 40%; }
.resptable-cell-9 { width: 45%; }
.resptable-cell-10 { width: 50%; }
.resptable-cell-11 { width: 55%; }
.resptable-cell-12 { width: 60%; }
.resptable-cell-13 { width: 65%; }
.resptable-cell-14 { width: 70%; }
.resptable-cell-15 { width: 75%; }
.resptable-cell-16 { width: 80%; }
.resptable-cell-17 { width: 85%; }
.resptable-cell-18 { width: 90%; }
.resptable-cell-19 { width: 95%; }
.resptable-cell-20 { width: 100%; }

@media all and (max-width: 130mm) {
  .resptable > div {
    width: 100% !important;
  }
  .resptable > .resptable-cell--head { margin-bottom: 1.5rem; }
  .resptable > .resptable-cell--foot { margin-bottom: 1.5rem; }
}


/* ====================================================================== */
/* CONTENT */

#content_wrapper {
}
#page_title {
  color: #8E5614;
  margin-top: 0;
  border-top: 1px solid #9C6114;
  border-bottom: 1px solid #9C6114;
  margin-bottom: 8px;
  padding: 4px 0;
}
#page_title h2 {
  margin-bottom: 0;
  letter-spacing: 1px;
  margin-top: 0px;
  font-size: 1.3rem;
  line-height: 1.3rem;
}
#byline {
  border-top: 1px solid #9C6114;
  padding-top: 8px;
  margin-top: 16px;
}
.navandcontent {
  background-color: #F8F3EA;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.contentnav {
  border: 0;
  width: 250px;
  height: 100%;
}
.firstpagecontent {
  background-color: #FFFFFF;
  border: 0;
  width: 692px;
  height: 100%;
  padding: 10px;
}
.content {
  background-color: #FFFFFF;
  border: 0;
  width: 692px;
  height: 100%;
  padding: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
}

@media all and (max-width: 130mm) {
  #content_wrapper {
    background-color: #FFFFFF;
  }
  .content {
    width: 100%;
//    background-color: #FFFFFF;
  }
  .contentnav {
    display: none;
  }
  .mainnav {
    display: none;
  }
  #page_title {
    border-top: unset;
    padding-left: 5px;
  }

}

/* ====================================================================== */
/* NEWS EVENTS PROMO */

.newseventspromo {
  background-color: #FFFFFF;
}

.newseventspromo div div {
  margin-right: 0.3rem;
}

.calendar-horizontal h2 {
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  border-right: 1px solid #9C6114;
  padding-right: 0.6rem;
  margin-right: 0.6rem;
  float: left;
  font-size: 1.1rem;
  line-height: 1.75rem;
}
.calendar-wrapper .archive_link a {
  color: #FFF;
  font-weight: 700;
  font-size: 0.8rem;
  display: inline-block;
  background: #9C6114;
  padding: 0.125rem 0.5rem 0.125rem 0.5rem;
  margin-top: 0.25rem;
}
.calendar-wrapper .archive_icon {
  background: url(../images/archive-arrow-right.png) no-repeat;
  padding-left: 7px;
  margin-left: 8px;
}
.bg_beige {
  background-color: #F8F3EA;
}
.calendar-horizontal .calendar-items {
  border-top: 1px solid #9C6114;
  border-bottom: 1px solid #9C6114;
  padding: 1rem;
}
.footercontent {
  margin-top: 2rem;
}

/* ====================================================================== */
/* FOOTER */

#footer_wrapper {
  margin-top: 32px;
  background-color: #F8F3EA;
}
#footer_content {
  position: relative;
  padding: 4px 4px;
}
#footer_logo_information_wrapper {
  width: 500px;
}
#footer_logo {
  background: url(../images/logos/footer-logo-lu-sv.png) no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 125px;
  width: 100px;
}
#contact_information_wrapper {
  float: left;
  margin-left: 15px;
  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 5rem;
  position: relative;
  width: 430px;
}
#contact_information {
  bottom: 0;
  width: 430px;
}

#footer_extra_logos {
  position: absolute;
  bottom: 4px;
  right: 10px;
}

@media all and (max-width: 130mm) {
  #footer_wrapper {
    background-color: #F8F3EA;
  }
  #footer_content {
    margin-top: 2.5rem;
    padding: 0.5rem 0.5rem;
  }
  #footer_logo_information_wrapper {
    width: auto;
    overflow: hidden;
  }
  #footer_logo {
    background: url(../images/logos/footer-logo-lu-sv-responsive.png) no-repeat center center;
    background-size: auto;
    background-size: contain;
    width: 100%;
  }
  #contact_information_wrapper {
    width: auto;
    margin: 1rem;
    padding: 0;
    clear: both;
    border: none;
    min-height: unset;
  }
  #contact_information {
    position: relative;
    width: auto;
  }
  #footer_extra_logos {
    position: relative;
    right: auto;
    bottom: auto;
    border-top: 1px solid #9C6114;
    margin-top: 0;
  }
  #footer_extra_logos a {
    display: inline-block;
    background-size: cover;
    height: 6rem;
  }
}

/* ====================================================================== */

@media all and (max-width: 130mm) {
  .loginlogoutfe {
    padding-left: 2rem;
  }
}

/* ====================================================================== */

.eitwordwrap {
  white-space: pre-wrap;      /* CSS3 */
  white-space: -moz-pre-wrap; /* Firefox */
  white-space: -pre-wrap;     /* Opera <7 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  word-wrap: break-word;      /* IE */
}

/* ====================================================================== */

#header_content #header_logo_insight_plain2{
/*  cursor:pointer; */
  width:200px;
  height:100px;
  float:right;
  background:url(../logos/SEQUENCE_logo_webb.png) no-repeat scroll center 5px;
  background-size:contain;
  margin-top:24px;
}

