* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

#header_ard .mnHolder {
  *zoom: 1; }
  #header_ard .mnHolder:before, #header_ard .mnHolder:after {
    display: table;
    content: "";
    line-height: 0; }
  #header_ard .mnHolder:after {
    clear: both; }

@font-face {
  font-family: 'Thesis';
  src: url("/resources/global/fonts/ard/TheSans_LT_TT5_.eot#") format("eot"), url("/resources/global/fonts/ard/TheSans_LT_TT5_.woff") format("woff"), url("/resources/global/fonts/ard/TheSans_LT_TT5_.svg") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'Thesis';
  src: url("/resources/global/fonts/ard/TheSans_LT_TT5i.eot#") format("eot"), url("/resources/global/fonts/ard/TheSans_LT_TT5i.woff") format("woff"), url("/resources/global/fonts/ard/TheSans_LT_TT5i.svg") format("svg");
  font-style: italic; }

@font-face {
  font-family: 'Thesis';
  src: url("/resources/global/fonts/ard/TheSans_LT_TT7_.eot#") format("eot"), url("/resources/global/fonts/ard/TheSans_LT_TT7_.woff") format("woff"), url("/resources/global/fonts/ard/TheSans_LT_TT7_.svg") format("svg");
  font-weight: bold; }

/* Just for IE in Navigation, no faux Bold then */
@font-face {
  font-family: 'ThesisBold';
  src: url("/resources/global/fonts/ard/TheSans_LT_TT7_.eot#") format("eot"), url("/resources/global/fonts/ard/TheSans_LT_TT7_.woff") format("woff"), url("/resources/global/fonts/ard/TheSans_LT_TT7_.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Thesis';
  src: url("/resources/global/fonts/ard/TheSans_LT_TT7i.eot#") format("eot"), url("/resources/global/fonts/ard/TheSans_LT_TT7i.woff") format("woff"), url("/resources/global/fonts/ard/TheSans_LT_TT7i.svg") format("svg");
  font-weight: bold;
  font-style: italic; }

/* Thesis Antiqua */
@font-face {
  font-family: 'ThesisAntiqua';
  src: url("/resources/global/fonts/ard/TheAntiquaB_LT_500.eot#") format("eot"), url("/resources/global/fonts/ard/TheAntiquaB_LT_500.woff") format("woff"), url("/resources/global/fonts/ard/TheAntiquaB_LT_500.svg") format("svg");
  font-weight: normal; }

@font-face {
  font-family: 'ThesisAntiqua';
  src: url("/resources/global/fonts/ard/TheAntiquaB_LT_500_italic.eot#") format("eot"), url("/resources/global/fonts/ard/TheAntiquaB_LT_500_italic.woff") format("woff"), url("/resources/global/fonts/ard/TheAntiquaB_LT_500_italic.svg") format("svg");
  font-style: italic; }

@font-face {
  font-family: 'ThesisAntiqua';
  src: url("/resources/global/fonts/ard/TheAntiquaB_LT_700.eot#") format("eot"), url("/resources/global/fonts/ard/TheAntiquaB_LT_700.woff") format("woff"), url("/resources/global/fonts/ard/TheAntiquaB_LT_700.svg") format("svg");
  font-weight: bold; }

@font-face {
  font-family: 'ThesisAntiqua';
  src: url("/resources/global/fonts/ard/TheAntiquaB_LT_700_italic.eot#") format("eot"), url("/resources/global/fonts/ard/TheAntiquaB_LT_700_italic.woff") format("woff"), url("/resources/global/fonts/ard/TheAntiquaB_LT_700_italic.svg") format("svg");
  font-weight: bold;
  font-style: italic; }

body.daserste {
  background-color: #0a326f !important;
  background-image: url(//www.daserste.de/mediasrc/img/tv/background/XL_headergrafik_root.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  font-size: 100.01%;
  height: 100.1%;
  margin: 0;
  padding: 0; }

#header_ard {
  width: 100%;
  float: left;
  z-index: 99;
  position: relative; }
  #header_ard .menueToggle {
    display: none; }
  #header_ard .searchToggle {
    display: none; }
  #header_ard .searchBox {
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    z-index: 1; }
    #header_ard .searchBox img {
      height: 25px; }
    #header_ard .searchBox input {
      float: left;
      padding: 0 0 0 5px;
      margin: 0;
      width: 145px;
      height: 25px;
      font-size: .9em;
      color: #516384; }
  #header_ard .searchSubmit {
    float: left;
    width: 25px;
    padding: 0;
    margin: 0; }
    #header_ard .searchSubmit img {
      float: right;
      width: 100%; }
  #header_ard .ardlogo a {
    margin: 0;
    background: url("//www.daserste.de/mediasrc/img/base/icon/ardlogo_weiss.png") no-repeat 0 0;
    padding: 0 2px 0 2px;
    width: 70px;
    float: right;
    height: 35px;
    margin-right: 16px; }
  #header_ard .searchForm {
    background-color: #fff;
    height: 25px;
    width: 175px;
    margin-top: 15px;
    float: right; }
  #header_ard .mnHolder {
    width: 100%;
    max-width: 100%;
    margin: 0;
    position: relative; }
    #header_ard .mnHolder li.intern {
      margin-right: 32px; }
  #header_ard .naviChooser {
    width: 100%;
    float: left;
    margin-top: 4px;
    background-color: #0a3878;
    background-color: rgba(10, 65, 120, 0.9); }
  #header_ard p {
    float: left;
    margin: 0 6px 0 0;
    color: #fff; }
  #header_ard .naviChooser form {
    float: right;
    margin: 4px 0 0 0; }
  #header_ard .naviChooser select option, #header_ard .naviChooser select optgroup {
    float: left;
    margin: 2px 0 2px 0; }
  #header_ard .naviChooser select .sub {
    margin-left: 16px; }
  #header_ard .wrapper,
  #header_ard .section {
    width: 100%;
    float: left;
    overflow: visible; }
  #header_ard .wrapper .section {
    margin-top: 0;
    margin-bottom: 32px;
    padding: 0; }
  #header_ard .collapseArrow {
    width: 21px;
    right: 0;
    height: 21px;
    color: #fff;
    background: transparent url(//www.daserste.de/mediasrc/img/base/icon/arrow_collapsible.png) no-repeat 0 -60px; }
  #header_ard .collapsed .collapseArrow {
    background-position: 0 -40px; }
  #header_ard .masternavi .collapseArrow, #header_ard .searchBox .collapseArrow {
    background-position: 0 -20px;
    right: 4px; }
  #header_ard .masternavi.collapsed .collapseArrow, #header_ard .searchBox.collapsed .collapseArrow {
    background-position: 0 -40px; }

.masternavi .section,
#header .wrapper .section.sectionA {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 100%; }

.masternavi {
  width: 100%;
  float: left;
  background-color: #1e5b9a;
  z-index: 10;
  position: relative; }
  .masternavi.collapsed .menueToggle {
    background-color: transparent; }
    .masternavi.collapsed .menueToggle a {
      color: #fff; }
  .masternavi .menueToggle {
    position: relative;
    width: 164px;
    float: left;
    padding: 8px 0 4px 8px;
    height: 36px;
    display: none;
    background-color: #fff; }
    .masternavi .menueToggle a {
      color: #001a4b; }
  .masternavi .trigger {
    display: none; }
  .masternavi .section {
    margin-top: 0;
    margin-bottom: 0; }
  .masternavi ul {
    margin: 0 auto 0 auto;
    float: left; }
    .masternavi ul li {
      color: #001a4b;
      float: left;
      margin: 0 0 0 0;
      font-size: 100%;
      background: none; }
      .masternavi ul li a {
        float: left;
        color: #fff;
        padding: 10px 6px 4px 6px;
        background: none;
        border-bottom: 0; }
        .masternavi ul li a:hover, .masternavi ul li a:focus, .masternavi ul li a:active {
          color: #001a4b;
          background: #fff;
          padding-bottom: 0;
          border-bottom: 4px solid #fff; }
          .masternavi ul li a:hover > *, .masternavi ul li a:focus > *, .masternavi ul li a:active > * {
            color: #001a4b; }
      .masternavi ul li.active {
        padding: 10px 6px 0 6px;
        border-bottom: 4px solid #fff;
        background: #fff; }
        .masternavi ul li.active > * {
          color: #001a4b; }
      .masternavi ul li.active a,
      .masternavi ul li.active a:hover {
        padding: 0;
        border-bottom: 0 solid #fff; }

.subnavi {
  float: left;
  width: 100%;
  padding: 0; }
  .subnavi .subressort {
    float: left;
    padding: 6px 12px 6px 10px; }
  .subnavi span {
    float: left;
    /* padding: 6px 8px 6px 10px; */ }
  .subnavi .collapsed {
    background-color: transparent; }
  .subnavi li {
    float: left;
    position: relative; }
    .subnavi li a {
      color: #000; }
    .subnavi li .collapsed a {
      color: #fff; }
  .subnavi .collapseArrowSmall {
    float: right;
    width: 10px;
    height: 18px; }
  .subnavi ul.ressorts li:hover,
  .subnavi ul.ressorts li:active,
  .subnavi ul.ressorts li:focus {
    background: #fff; }
  .subnavi ul.ressorts li:hover a,
  .subnavi ul.ressorts li:active a,
  .subnavi ul.ressorts li:focus a {
    color: #001a4b; }
  .subnavi ul.subressorts li a:hover,
  .subnavi ul.subressorts li a:active,
  .subnavi ul.subressorts li a:focus {
    background: #DBE0EA; }
  .subnavi ul.subsubressorts li a:hover,
  .subnavi ul.subsubressorts li a:active,
  .subnavi ul.subsubressorts li a:focus {
    background: #c1d1e0; }
  .subnavi .subressorts .collapsed a {
    color: #000; }
  .subnavi .subressorts span {
    float: left;
    padding: 0;
    width: 100%;
    background-color: #fff; }
  .subnavi .subressorts li a {
    color: #000;
    width: auto;
    float: left; }
  .subnavi .subressorts li {
    position: static;
    width: 100%;
    float: left;
    /*    padding: 4px 0 0 0; */
    /*    margin: 4px 0 0 0; */
    border-bottom: 1px solid #dbe0ea; }
  .subnavi .subressorts li:last-child {
    border-bottom: none; }
  .subnavi .subsubressorts {
    width: 100%;
    float: left;
    background-color: #d9e2eb;
    z-index: 20; }
  .subnavi .subsubressorts li {
    border-bottom: 1px solid #fff; }
  .subnavi .subsubressorts li:last-child {
    border-bottom: none; }
  .subnavi .active, .subnavi .active.collapsed {
    color: #001a4b;
    background: #fff; }
  .subnavi .active a, .subnavi .active.collapsed a {
    color: #001a4b; }

/************** VIEW L *************/
.view-l #header_ard .wrapper {
  width: 100%;
  float: left; }

.view-l #header_ard .mnHolder {
  width: 1008px;
  margin: 0 auto 0 auto;
  position: relative; }

/************** VIEW XL *************/
.view-xl #header_ard .mnHolder {
  max-width: 1464px;
  margin: 0 auto 0 auto; }

/************** VIEW XS/S *************/
.view-xs .masternavi .wrapper, .view-xs .masternavi .section, .view-xs #header .wrapper, .view-xs #header .section, .view-s .masternavi .wrapper, .view-s .masternavi .section, .view-s #header .wrapper, .view-s #header .section {
  overflow: visible; }

.view-xs #header_ard .wrapper, .view-s #header_ard .wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important; }
  .view-xs #header_ard .wrapper .section, .view-s #header_ard .wrapper .section {
    margin-bottom: 6px; }

.view-xs #header_ard .menueToggle, .view-s #header_ard .menueToggle {
  display: block; }

.view-xs #header_ard .searchSubmit, .view-s #header_ard .searchSubmit {
  font-size: 0;
  width: 20px;
  position: relative; }
  .view-xs #header_ard .searchSubmit:before, .view-s #header_ard .searchSubmit:before {
    font-size: 20px;
    top: 14px;
    left: 10px; }

.view-xs #header_ard .logo, .view-s #header_ard .logo {
  width: 216px;
  height: 48px;
  float: left; }
  .view-xs #header_ard .logo img, .view-s #header_ard .logo img {
    float: left;
    width: 100%; }

.view-xs #header_ard .searchForm, .view-s #header_ard .searchForm {
  background-color: #fff;
  height: 28px;
  left: -153px;
  padding: 6px 0;
  position: absolute;
  top: 20px;
  width: 216px;
  z-index: 100;
  -webkit-box-shadow: 0 20px 25px -5px #000;
  -moz-box-shadow: 0 20px 25px -5px #000;
  box-shadow: 0 20px 25px -5px #000; }

.view-xs #header_ard .searchBox, .view-s #header_ard .searchBox {
  left: 164px;
  right: auto;
  top: 0;
  z-index: 11; }
  .view-xs #header_ard .searchBox input, .view-s #header_ard .searchBox input {
    width: 175px;
    margin-left: 5px;
    border: 1px solid #ddd; }
  .view-xs #header_ard .searchBox a.searchSubmit, .view-s #header_ard .searchBox a.searchSubmit {
    width: 30px; }
    .view-xs #header_ard .searchBox a.searchSubmit img, .view-s #header_ard .searchBox a.searchSubmit img {
      height: auto; }

.view-xs #header_ard .collapsed .searchToggle, .view-s #header_ard .collapsed .searchToggle {
  border-bottom: none;
  background: transparent url("//www.daserste.de/mediasrc/img/base/icon/lupe_searchtoggle.png") no-repeat 0 -34px;
  border-color: #b2c2de; }

.view-xs #header_ard .searchToggle, .view-s #header_ard .searchToggle {
  float: right;
  padding: 0 4px 0 0;
  width: 60px;
  height: 35px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  display: block;
  background-color: #fff;
  margin-left: 4px;
  margin-right: 4px; }
  .view-xs #header_ard .searchToggle img, .view-s #header_ard .searchToggle img {
    height: 25px;
    display: none;
    padding: 4px 4px 3px 8px; }

.view-xs #header_ard .section, .view-s #header_ard .section {
  background-color: transparent; }

.view-xs #header_ard .masternavi, .view-s #header_ard .masternavi {
  width: 100%;
  float: left;
  height: 35px; }
  .view-xs #header_ard .masternavi ul, .view-s #header_ard .masternavi ul {
    margin: 0 auto 0 auto;
    float: left;
    position: absolute;
    top: 35px;
    width: 260px;
    left: 0;
    background-color: #fff; }
    .view-xs #header_ard .masternavi ul li, .view-s #header_ard .masternavi ul li {
      margin: 0;
      padding: 0;
      width: 100%;
      float: left;
      background: none;
      border-bottom: 1px solid #ddd; }
      .view-xs #header_ard .masternavi ul li.active, .view-s #header_ard .masternavi ul li.active {
        background-color: #ddd;
        border-bottom: 0; }
        .view-xs #header_ard .masternavi ul li.active a, .view-s #header_ard .masternavi ul li.active a {
          background-color: #ddd;
          padding: 8px;
          width: 100%;
          display: block; }
      .view-xs #header_ard .masternavi ul li a, .view-s #header_ard .masternavi ul li a {
        float: left;
        width: 96%;
        color: #001a4b;
        padding: 4px 0 4px 4%;
        border-bottom: 0;
        height: auto; }
  .view-xs #header_ard .masternavi .section, .view-s #header_ard .masternavi .section {
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0; }
  .view-xs #header_ard .masternavi .wrapper, .view-s #header_ard .masternavi .wrapper {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0; }
  .view-xs #header_ard .masternavi .navi, .view-s #header_ard .masternavi .navi {
    position: relative;
    width: 100%;
    float: left; }

.view-xs #header_ard .subnavi, .view-s #header_ard .subnavi {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  width: auto;
  z-index: 10;
  margin-top: 12px;
  margin-right: 16px; }
  .view-xs #header_ard .subnavi .ressorts, .view-s #header_ard .subnavi .ressorts {
    margin: 0 auto;
    background: #ffffff;
    float: left;
    position: absolute;
    left: auto;
    top: 33px;
    width: 230px;
    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.5);
    right: 0;
    padding: 4px; }
    .view-xs #header_ard .subnavi .ressorts .collapsed a, .view-s #header_ard .subnavi .ressorts .collapsed a {
      color: #001a4b; }
    .view-xs #header_ard .subnavi .ressorts li, .view-s #header_ard .subnavi .ressorts li {
      float: left;
      position: relative;
      width: 100%;
      border-bottom: 1px solid #e9ebef; }
      .view-xs #header_ard .subnavi .ressorts li a, .view-s #header_ard .subnavi .ressorts li a {
        color: #000000;
        float: left;
        margin: 0 0 0 0;
        padding: 4px;
        text-align: left;
        width: 100%; }
        .view-xs #header_ard .subnavi .ressorts li a:focus, .view-xs #header_ard .subnavi .ressorts li a:hover, .view-xs #header_ard .subnavi .ressorts li a:active, .view-s #header_ard .subnavi .ressorts li a:focus, .view-s #header_ard .subnavi .ressorts li a:hover, .view-s #header_ard .subnavi .ressorts li a:active {
          /* fallback/image non-cover color */
          background-color: transparent;
          /* Firefox 3.6+ */
          background-image: -moz-linear-gradient(#32eff1, #22b3b6);
          /* Safari 4+, Chrome 1+ */
          background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32eff1), to(#22b3b6));
          /* Safari 5.1+, Chrome 10+ */
          background-image: -webkit-linear-gradient(#32eff1, #22b3b6);
          /* Opera 11.10+ */
          background-image: -o-linear-gradient(#32eff1, #22b3b6);
          /* Firefox 3.6+ */
          background-image: linear-gradient(#32eff1, #22b3b6); }
    .view-xs #header_ard .subnavi .ressorts span, .view-s #header_ard .subnavi .ressorts span {
      float: left;
      padding: 0;
      width: 100%;
      color: #001a4b; }
  .view-xs #header_ard .subnavi .subressorts, .view-s #header_ard .subnavi .subressorts {
    width: 100%;
    float: left; }
  .view-xs #header_ard .subnavi .subsubressorts, .view-s #header_ard .subnavi .subsubressorts {
    width: 100%;
    float: left;
    background-color: #ddd; }
  .view-xs #header_ard .subnavi .collapseArrow, .view-s #header_ard .subnavi .collapseArrow {
    right: 8px;
    background-position: 0 -20px; }
  .view-xs #header_ard .subnavi .collapsed .collapseArrow, .view-s #header_ard .subnavi .collapsed .collapseArrow {
    background-position: 0 0; }
  .view-xs #header_ard .subnavi .menueToggle, .view-s #header_ard .subnavi .menueToggle {
    color: #262626;
    background: #32eff1;
    /* fallback/image non-cover color */
    background-color: transparent;
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(#32eff1, #22b3b6);
    /* Safari 4+, Chrome 1+ */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32eff1), to(#22b3b6));
    /* Safari 5.1+, Chrome 10+ */
    background-image: -webkit-linear-gradient(#32eff1, #22b3b6);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(#32eff1, #22b3b6);
    /* Firefox 3.6+ */
    background-image: linear-gradient(#32eff1, #22b3b6);
    height: 32px;
    padding: 0;
    float: left;
    width: 85px;
    font-weight: bold;
    display: block; }
    .view-xs #header_ard .subnavi .menueToggle a, .view-s #header_ard .subnavi .menueToggle a {
      padding: 8px 0 0 11px;
      float: left;
      width: 50px; }

/**** GRID ****/
#footer_ard {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 10px;
  background-color: #001A4B;
  font-size: 1em; }
  #footer_ard .collapseArrow {
    width: 21px;
    right: 8px;
    height: 21px;
    color: #fff;
    background: transparent url(//www.daserste.de/mediasrc/img/base/icon/arrow_collapsible.png) no-repeat 0 -60px; }
  #footer_ard .collapsed .collapseArrow {
    background-position: 0 -40px; }

#footerContent {
  width: 996px;
  margin: 0 auto 0 auto; }

.modCopy .col {
  float: left;
  padding: 6px 0 6px 0; }

.modCopy .col1 {
  width: 60%;
  float: left; }

.modCopy .col2 {
  width: 60%;
  float: left;
  clear: both;
  text-align: left; }

.modCopy .col3 {
  width: 30%;
  float: right;
  margin: -36px 0 0 0; }
  .modCopy .col3 img {
    padding: 0 0 0 0;
    float: right; }

/**** FEATURE ****/
.modFooter .col {
  width: 25%;
  float: left; }

.modFooter h3 {
  color: #FFFFFF;
  font-size: 1em; }

.modFooter li {
  padding-top: 3px;
  padding-bottom: 3px; }

.modCopy {
  padding-bottom: 32px;
  padding-top: 30px; }

/*** FOOTER ***/
#footer_ard, #footer_ard .mod {
  background-color: #001A4B; }

.modConFooter a {
  color: #FFFFFF;
  font-size: 0.9em;
  color: #B2CCEB; }

.modFooter {
  background-color: #001A4B; }

.modCopy {
  background-color: #001A4B; }
  .modCopy li {
    float: left;
    margin-right: 1em; }
  .modCopy p {
    color: #FFFFFF;
    font-size: 0.9em; }

.modConFooter .box {
  background-color: #001A4B;
  padding: 0;
  overflow: hidden; }

.view-l #footer_ard {
  padding-bottom: 12px;
  background-color: #001A4B;
  font-size: 1em; }
  .view-l #footer_ard .section {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 4px; }
  .view-l #footer_ard a {
    color: #FFFFFF;
    font-family: Thesis;
    font-size: 0.9em; }
  .view-l #footer_ard li {
    padding-bottom: 3px;
    padding-top: 3px; }
  .view-l #footer_ard h3 {
    color: #FFFFFF; }
  .view-l #footer_ard .foot {
    float: left;
    width: 100%;
    padding-top: 24px;
    position: relative; }
  .view-l #footer_ard .help {
    float: left;
    width: 100%; }
    .view-l #footer_ard .help li {
      float: left;
      margin-right: 8px; }
  .view-l #footer_ard .logo {
    bottom: 0;
    right: 0;
    position: absolute; }
    .view-l #footer_ard .logo img {
      margin-bottom: 6px; }
  .view-l #footer_ard .copy {
    color: #FFFFFF;
    font-family: Thesis;
    font-size: 0.9em;
    float: left;
    width: 100%; }

.view-xl #footer_ard .section {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 4px; }

.view-xl #footer_ard a {
  color: #FFFFFF;
  font-size: 0.9em; }

.view-xl #footer_ard li {
  padding-bottom: 3px;
  padding-top: 3px; }

.view-xl #footer_ard h3 {
  color: #FFFFFF; }

.view-xl #footer_ard .foot {
  float: left;
  width: 100%;
  padding-top: 24px;
  position: relative; }

.view-xl #footer_ard .help {
  float: left;
  width: 100%; }
  .view-xl #footer_ard .help li {
    float: left;
    margin-right: 8px; }

.view-xl #footer_ard .logo {
  bottom: 0;
  right: 0;
  position: absolute; }
  .view-xl #footer_ard .logo img {
    margin-bottom: 6px; }

.view-xl #footer_ard .copy {
  color: #FFFFFF;
  font-size: 0.9em;
  float: left;
  width: 100%; }

.view-xs, .view-s, .view-m {
  /**** GRID ****/ }
  .view-xs #footer_ard .wrapper, .view-s #footer_ard .wrapper, .view-m #footer_ard .wrapper {
    width: 100%; }
  .view-xs #footer_ard .section, .view-s #footer_ard .section, .view-m #footer_ard .section {
    margin: 0;
    width: 100%;
    padding-bottom: 4px; }
  .view-xs #footer_ard .unitD, .view-s #footer_ard .unitD, .view-m #footer_ard .unitD {
    width: 100%;
    max-width: 100%; }
    .view-xs #footer_ard .unitD:first-child h3, .view-s #footer_ard .unitD:first-child h3, .view-m #footer_ard .unitD:first-child h3 {
      border-top: none; }
    .view-xs #footer_ard .unitD ul, .view-s #footer_ard .unitD ul, .view-m #footer_ard .unitD ul {
      float: left;
      padding: 12px 15px;
      width: 100%; }
    .view-xs #footer_ard .unitD h3, .view-s #footer_ard .unitD h3, .view-m #footer_ard .unitD h3 {
      color: #FFFFFF;
      border-top: #4E75A0 1px solid;
      padding: 12px 12px 10px 12px;
      width: 100%;
      font-size: 1em; }
  .view-xs #footer_ard a, .view-s #footer_ard a, .view-m #footer_ard a {
    color: #FFFFFF;
    padding: 4px 0 4px 0;
    display: block; }
    .view-xs #footer_ard a:hover, .view-xs #footer_ard a:active, .view-xs #footer_ard a:focus, .view-s #footer_ard a:hover, .view-s #footer_ard a:active, .view-s #footer_ard a:focus, .view-m #footer_ard a:hover, .view-m #footer_ard a:active, .view-m #footer_ard a:focus {
      background-color: #234179; }
  .view-xs #footer_ard ul li a, .view-s #footer_ard ul li a, .view-m #footer_ard ul li a {
    color: #FFFFFF;
    display: block;
    padding: 3px 6px 3px 6px; }
  .view-xs #footer_ard li, .view-s #footer_ard li, .view-m #footer_ard li {
    float: left;
    margin: 0 8px 8px 0;
    font-size: .9em; }
  .view-xs #footer_ard h3:hover, .view-s #footer_ard h3:hover, .view-m #footer_ard h3:hover {
    background: #234179; }
  .view-xs #footer_ard .foot, .view-s #footer_ard .foot, .view-m #footer_ard .foot {
    border-top: 1px solid #4E75A0;
    float: left;
    margin: 0;
    padding: 20px 0;
    width: 100%; }
  .view-xs #footer_ard .help, .view-s #footer_ard .help, .view-m #footer_ard .help {
    float: left;
    clear: left;
    width: 100%;
    padding: 0 8px; }
  .view-xs #footer_ard .logo, .view-s #footer_ard .logo, .view-m #footer_ard .logo {
    float: left;
    clear: left;
    width: 100%;
    padding: 0; }
    .view-xs #footer_ard .logo img, .view-s #footer_ard .logo img, .view-m #footer_ard .logo img {
      margin: 6px 10px 6px 6px;
      float: right; }
  .view-xs #footer_ard a.logo:hover, .view-s #footer_ard a.logo:hover, .view-m #footer_ard a.logo:hover {
    background: none; }
  .view-xs #footer_ard .copy, .view-s #footer_ard .copy, .view-m #footer_ard .copy {
    color: #FFFFFF;
    font-size: 0.9em;
    text-align: right;
    width: 80%;
    float: right;
    margin: 0 8px 0 0; }

#header_ard *, #footer_ard {
  font-family: Thesis, arial, roboto, "droid sans", helvetica, sans-serif !important; }