#container {
    padding-top:50px;
}
#main {
    padding-bottom:45px;
}
#header_navlink a, .hamburger {
  display: block;
  width: 100%;
  text-align: center;
}
.hamburger {
  margin-top:1rem;
}
.hamburger span {
  width: 2.5rem;
  height: 3px;
  margin: 8px auto;
  padding: 0;
  background-color: #000;
  display: block;
}
.ce_youtube .video_container,
.ce_player .video_container {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.ce_youtube iframe,
.ce_player video {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 360px;
}
.ce_player {
	margin-bottom: 1.2rem;
	margin-top: 1rem;
}
/* Handys */
@media screen and (max-width: 39.9375em) {
    #main .inside {
       padding: 0 2% 2rem 2%;
    }
    figure.float_right, .pub .image_container {
        float: none;
        margin-left: 1.5rem;
        margin-bottom: 1.8rem;
    }
    .pub_img {
        margin: 0rem auto 0rem 1.5rem !important;
    }
}
@media screen and (min-width: 40em) {
    #main .inside {
       padding: 0 0 2rem 2rem;
    }
    figure.float_right, .pub .image_container {
        float: right;
        margin-left: 1.5rem;
        margin-bottom: 0.5rem;
    }
    .pub_img {
        margin-left: auto;
        margin-top: 1.8rem !important;
    }
}
.einrueckung_1 {
    margin-left:1rem;
}
.einrueckung_2 {
    margin-left:2rem;
}
p.indent15,
span.indent15,
ul.indent15,
ol.indent15,
div.indent15 {
    margin-left: 1.5rem !important;
}
.greyFont {
    color:#666;
}
figure.float_right {
    float:right;
    margin-left:1rem;
}
figure.float_left {
    float:left;
    margin-right:1rem;
}
.clear,
#clear {
    height:.1px;
    clear:both;
    font-size:.1px;
    line-height:.1px;
}

/* Foundation Korrektur */
hr {
    margin: 2.5rem auto;
}

/* Menüs mit noch leeren Seiten */
#nav_main ul li span.active.ohne-inhalt,
#nav_main ul li a.ohne-inhalt {
    color:#888;
}

/* Logo-Reihe unten auf Startseite */
.logos {
    width:20%;
    display:inline-block;
}

/* kein Bottom-Abstand vor p.small */
#main h1.no-bottom,
#main h2.no-bottom,
#main h3.no-bottom {
    margin-bottom:.6rem;
}
.ce_image.center .image_container img {
    margin-right:auto;
    margin-left:auto;
}
.ce_image.rahmen .image_container img {
    padding:2px;
    border:1px solid #ddd;
}

/* Bottom-Abstand Layoutbild small und medium */
@media screen and (max-width: 63.9375em) {
    .small-12 > .ce_image,
    .medium-12 > .ce_image {
      margin-bottom: 1.8rem;
    }
}

/* Bottom-Abstand Layoutbild large screen */
@media screen and (min-width: 64em) {
    .large-4 > .ce_image {
      margin-bottom: 0;
    }
}
#header_top .row {
  min-height: 60px;
  align-content: center;
}
#header_top .smenu strong,
#header_top .smenu a {
    font:.9rem Arial,Helvetica,sans-serif;
    font-weight: normal;
}
.mod_faqpage .ce_accordion .toggler h3 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    padding-left:1.5rem;
    background-image:url("/files/_layout/icons/acc_isclosed.png");
    background-repeat:no-repeat;
    color:#170965;
    font:1.2rem/1.6 Georgia,"Palatino","Times New Roman",Times,serif !important;
    font-weight: normal !important;
    cursor:pointer;
    background-position: left 0.8rem;
}
.mod_faqpage .ce_accordion .toggler.active h3 {
    padding-top:0;
    padding-bottom:0;
    padding-left:1.5rem;
    background-image:url("/files/_layout/icons/acc_isopen.png");
    background-repeat:no-repeat;
    cursor:pointer;
    background-position: left 0.8rem;
}
.mod_faqpage article {
    margin-bottom:1rem;
}
/*
.indacc_toggler {
    padding-top:0;
    padding-bottom:0;
    padding-left:1.5rem;
    background-image:url("/files/_layout/icons/acc_isclosed.png");
    background-repeat:no-repeat;
    font-weight:bold;
    color:#170965;
    font:1rem/1.6 Arial,Helvetica,sans-serif;
    cursor:pointer;
    background-position: left 0.7rem;
}
.indacc_toggler_active {
    padding-top:0;
    padding-bottom:0;
    padding-left:1.5rem;
    background-image:url("/files/_layout/icons/acc_isopen.png");
    background-repeat:no-repeat;
    cursor:pointer;
    background-position: left 0.7rem;
}
.indacc_content,
.ce_accordion .accordion {
    position:relative;
    overflow:auto;
    display:none;
    margin-bottom:2rem;
    padding-top:1rem;
    padding-bottom:1rem;
    padding-left:1.5rem;
    border-bottom:1px solid #ccc;
}
*/
.pagination {
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #ccc;
}
.pagination ul {
    margin:0;
    padding:0;
    text-align:right;
}
#main .publication p {
    margin-bottom:0;
}
}.publications h2 {
    margin-bottom:1rem;
    color:#170965;
}
.publications h3 {
    margin-bottom:1rem;
    font-size:1rem;
}
.ce_downloads.pub_download ul,
.ce_downloads.pub_download li,
.ce_download.pub_download ul,
.ce_download.pub_download li {
    margin:0;
    list-style-type:none;
}
.ce_download .dl_icon {
    padding-right:0;
    padding-left:0;
}
.ce_download .dl_desc {
    padding-right:.325rem;
    padding-left:.325rem;
}
.ce_downloads .dl_size,
.ce_download .dl_size {
    display:none;
}
.publications .toggler {
    text-shadow: 3px 3px 3px #999;
}
.timeline {
    position:relative;
    overflow:hidden;
    margin-bottom:1rem;
    padding:1rem;
    border:1px solid #ccc;
}
.timeline h3.pubyear {
    display:block;
    margin-top:-1rem;
    margin-right:-1rem;
    margin-left:-1rem;
    padding:3px;
    text-align:left;
    background-color:#E8E8E8;
    font-weight:bold;
    color:#170965;
    font:1.2rem Arial,Helvetica,sans-serif;
}
.timeline .toplink {
    bottom:0;
    right:0;
    position:absolute;
    display:inline-block;
    margin:16px 0 0 16px;
    padding:3px;
    background-color:#E8E8E8;
    font-weight:normal;
    color:#170965;
    font:1rem Arial,Helvetica,sans-serif;
}
.ce_text.pub {
    margin-top:1.8rem;
    margin-bottom:1rem;
}
.ce_text.pub h4 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    font:1.2rem "Times New Roman",Times,"Palatino",serif;;
    font-weight:bold;
}
.ce_download {
    margin-bottom:0;
    padding-left:1.5rem;
}
.ce_download.last {
    margin-bottom:1.8rem;
}
.ce_download .dl_icon {
    width:1.5rem;
}
.ce_download .dl_icon img {
    margin-top: -3px;
}
.pub_author {
    padding-left:1.5rem;
    background-repeat:no-repeat;
    background-image:url("/files/_layout/icons/bullet.png");
    background-position: 0 0.4rem;
}
.pub_nobullet {
    padding-left:1.5rem;
}
.pub_title {
    padding-left:1.5rem;
    color:#170965;
}
.pub_source {
    padding-left:1.5rem;
    font-style:italic;
}
.pub_notes {
    margin-top:1rem;
    padding-left:1.5rem;
    font-size:85%; 
    line-height:1; 
    color:#999; 
    transition: all 0.5s ease-in-out 0s; 
    webkit-transition: all 0.5s ease-in-out 0s; 
    ms-transition: all 0.5s ease-in-out 0s;
}
.pub_notes:hover {
    color:#000;
}
.pub_notes a {
    color:#999;
}
.pub_notes:hover a {
    color:#170965;
}
#main .pub_notes a:after {
    height:1rem;
    position:absolute;
    display:inline-block;
    margin-top:1px;
    border-bottom:1px dotted #999;
    content: "";
}
.pub_additional {
    padding-left:1.5rem;
}
.pub_download .dl_icon {
    width:18px;
    float:left;
    display:block;
    margin-right:6px;
}
.pub_download .dl_icon img {
    margin:0 24px 0 0;
    padding:0 0 4px;
}
.pub_download .dl_desc {
    display:block;
    margin-left:14px;
}
.pub_link {
    padding-left:1.5rem;
}
.pub_link:before {
    width:13px;
    height:13px;
    display:inline-block;
    margin-right:3px;
    margin-left:1px;
    background-image:url("/files/_layout/icons/ext-link.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:"";
    background-size: cover;
}

/* Setzt Listenzeichen für .pub_title, wenn Autor fehlt */
.pub_title.bullet {
    background-repeat:no-repeat;
    background-image:url("/files/_layout/icons/bullet.png");
    background-position: 0 0.4rem;
}

/* Im ce_text integriertes Bild und ce_image */
.pub .image_container img,
.pub_img {
    max-width:240px;
    border: 1px solid #ddd;
    padding: 2px;
}
.nav_presentations {
    margin-top:1.8rem;
    margin-bottom:1.8rem;
}
.nav_presentations .nav_container {
    flex-wrap: wrap;
    justify-content: center;
}
.nav_presentations .nav_container a {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
input.submit {
    font:1rem Arial,Helvetica,sans-serif;
}
table {
    margin-bottom:1rem;
    border-spacing:0;
}
.philosophy table td {
    padding-top:.2em;
    padding-right:1em;
    vertical-align:top;
}
td {
    padding-right:2px;
    padding-left:2px;
    vertical-align:top;
}
}#access-denied td {
    border:1px solid #eee;
}
#access-denied thead td {
    padding-top:.2rem;
    padding-bottom:.2rem;
    background-color:#eee;
}
#access-denied td p {
    margin-bottom:0;
}
#access-denied thead td p {
    font-style:italic;
}
.footnote .fline {
    width:25%;
    height:1px;
    background-color:#150089;
}
#header_top .mod_changelanguage strong.active {
    color:#999;
}
.mod_share img {
    width:18px;
    height:18px;
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
.shariff {
    max-height:29px;
}

/* Top Nav-Links */
.topnavlink {
    line-height:1rem;
}
#header_logo {
    background-image:url("/files/_layout/ms_pfeile.png");
    background-position:left center;
    background-repeat:no-repeat;
    border-top:3px solid #150089;
    border-bottom:3px solid #150089;
}
#header_logo .row {
    align-items: center;
}
#header_logo img.logo {
    left:10%;
    position:relative;
    padding-top:2rem;
    padding-bottom:2rem;
}
@media (max-width: 767px) {
    #header_logo img{max-width:80%;}
}
ol.numlist {
    margin:0 0 1.8rem;
    padding:0 0 0 1.5rem;
    list-style-type:decimal;
}
ol.numlist li {
    padding-left:.5rem;
    list-style-type:decimal;
}
ul.auflistung {
    margin:0 0 1.8rem;
    padding:0;
    list-style-type:none;
}
ul.li-abstand li {
    margin-bottom:1.8rem;
    list-style-type:none;
}
ul.auflistung li {
    padding-left:1.5rem;
    background-image:url("/files/_layout/icons/bullet.png");
    background-repeat:no-repeat;
    list-style-type:none;
    background-position: 0px 0.5rem;
}
ul.auflistung li ul {
    margin-bottom:0;
}
ul.toc {
    display:inline-block;
    padding:.8rem 1rem 1rem;
    background-color:#EDEDED;
    border:1px solid #ddd;
}
ul.toc li {
    font:16px Arial,Helvetica,sans-serif;
}
ul.toc li a {
    display:block;
    line-height:140%;
    width: 100%;
}
.toc-title {
    display:block;
    margin-bottom:.9rem;
    font-family:Antic,Helvetica,Arial,sans-serif;
    text-decoration:underline;
    color:#000;
}
ol {
    padding-left:1.5rem;
}
#main p.small,
.small p {
    font-size:85%;
    line-height:1;
    color:#999;
    transition: all 0.5s ease-in-out 0s;
    webkit-transition: all 0.5s ease-in-out 0s;
    ms-transition: all 0.5s ease-in-out 0s;
}
#main p.small:hover {
    font-size:85%;
    line-height:1;
    color:#000;
}
#main .no-bottom-margin {
    margin-bottom:0;
}
#main .small-bottom-margin {
    margin-bottom:.6rem;
}
div.anchor:target {
    padding:1px 6px;
    background-color:#fefae1;
}
span.small {
    font-size:85%;
}
.indent p {
    margin-left:2rem;
}
.a3he {
    padding-right:2px;
    padding-left:2px;
    font-family:Arial,Helvetica,sans-serif;
    color:#555;
}
.a3he sup {
    bottom:-0.25em;
    position:relative;
    padding-right:0;
    padding-left:0;
    vertical-align:baseline;
    font:75%/0 Arial,Helvetica,sans-serif;
    font-weight:bold;
    top:-0.4em;
    left: -1px;
}
.kapitaelchen {
    font-variant:small-caps;
    color:#7F7F7F;
    font:1.2rem/1 Arial,Helvetica,sans-serif;
}
.kapitaelchen sup {
    bottom:-0.25rem;
    position:relative;
    display:inline-block;
    padding-right:2;
    padding-left:0;
    vertical-align:baseline;
    font-weight:bold;
    font-variant:small-caps;
    color:#7F7F7F;
    top:-0.4rem;
    font:55%/0 Arial,Helvetica,sans-serif;
}
a:hover .kapitaelchen sup {
    text-decoration: none !important;
}
.blue_font {
    font-family:Arial,Helvetica,sans-serif;
    color:#170865;
}
#footer {
    border-top:3px solid #150089;
}
.back_link a,
p.back a {
    width:50px;
    height:13px;
    overflow:hidden;
    display:block;
    background-position:left center;
    background-repeat:no-repeat;
    text-indent:-999rem;
    background-image:url("/files/_layout/icons/back.jpg");
}
.forward_link a {
    display:inline-block;
    background-position:left center;
    background-repeat:no-repeat;
    text-indent:2rem;
    background-image:url("/files/_layout/icons/forward.jpg");
    background-position: 0px 55%;
}
.link a,
a.link {
    display:inline-block;
    background-position:left center;
    background-repeat:no-repeat;
    text-indent:1.5rem;
    background-image:url("/files/_layout/icons/icon_link.png");
    background-position: 0px 6px;
}
.ce_toplink {
    text-align:right;
}
.ce_toplink a {
    color:#ccc;
    font:.9rem/.9 Arial,Helvetica,sans-serif;
}
.indacc_content > .ce_toplink {
    margin-bottom:-1rem;
}
.mod_login label {
    display:block;
    padding-right:1px;
    padding-left:1px;
}
.mod_article div.error,
.mod_article p.error {
    margin:0;
    padding:2px 0 0;
    font-size:90%;
    font-weight:bold;
    color:#f00;
}
.mod_article .more {
    display:inline;
}
.image_container figure {
    display:table;
}
.image_container img {
    height:auto;
    max-width:100%;
    display:block;
}
.image_container .caption {
    width:100%;
    display:table-caption;
    margin-top:5px;
    font-style:italic;
    font:.8rem Arial,Helvetica,sans-serif;
    caption-side: bottom;
}
#partners .image_container img {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.ce_dlh_googlemaps {
    width:99%;
}
.dlh_googlemap {
    width: 100% !important;
}
.mod_article .pdf_link {
    margin-bottom:-16px;
    text-align:right;
}
.mod_article .pdf_link a {
    padding-right:1px;
    padding-left:1px;
}
p.initiale:first-letter {
    float:left;
    padding-right:2px;
    font-size:2rem;
    font-weight:bold;
    color:#170965;
    text-shadow: 3px 3px 3px #999999;
}
.content-slider .ce_image {
    text-align:center;
}
.content-slider .image_container {
    margin-bottom:2px;
    padding-top:1rem;
    padding-bottom:1rem;
    text-align:center;
    background-color:#eee;
    border:1px solid #ddd;
}
.content-slider .caption {
    margin-right:auto;
    margin-left:auto;
    text-align:left;
}
.slider-control {
    height:auto;
    margin-top:16px;
}
.slider-control .slider-menu {
    width:100%;
    left:0;
    top:0;
    position:relative;
    display:block;
    margin-left:0;
    text-align:center;
    font-size:27px;
    line-height:16px;
    letter-spacing:1px;
    margin-bottom: 0 !important;
}
a.slider-prev,
a.slider-next {
    color:#666;
    text-transform:uppercase;
    font:.9rem/1.6 Arial,Helvetica,sans-serif;
}
.slider-control a {
    width:50%;
    top:0;
    position:relative;
    float:left;
    display:block;
}
.slider-control .slider-next {
    text-align:right;
}
a.slider-prev .fa,
a.slider-next .fa {
    margin-right:auto;
    margin-left:auto;
    padding-right:.5rem;
    padding-left:.5rem;
    text-align:left;
    font-size:1rem;
    color:#170965;
}
a.slider-prev:hover,
a.slider-next:hover {
    text-decoration:none;
    text-transform:uppercase;
}
.content-slider .caption {
    display:block;
    margin-top:1rem;
}
.content-slider .image_container {
    margin-right:2px;
    padding:.5rem .5rem 1rem;
    background-color:#fff;
    border:1px solid #DDD;
}
.content-slider .image_container img {
    margin-right:auto;
    margin-left:auto;
    border:1px solid #ddd;
}
.pdf_link {
    display:none;
}
.mod_lostPassword {
    margin:24px;
}
.mod_lostPassword td {
    padding-right:6px;
    padding-bottom:3px;
}
.mod_lostPassword .text,
.mod_lostPassword .password {
    width:210px;
}
.mod_lostPassword .captcha {
    width:40px;
}
.mod_lostPassword .captcha_text {
    color:#666;
}
.mod_booknav {
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #ccc;
}
.mod_booknav ul {
    overflow:hidden;
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_booknav li {
    float:left;
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_booknav .prev {
    width:40%;
    text-align:left;
}
.mod_booknav .up {
    width:20%;
    margin-left:-1px;
    text-align:center;
}
.mod_booknav .next {
    width:40%;
    margin-left:-1px;
    text-align:right;
}
.mod_booknav li a {
    display:block;
    padding-right:8px;
    padding-left:8px;
    white-space:nowrap;
    font-weight:normal;
    color:#170965;
    font:1rem Arial,Helvetica,sans-serif;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url( 'bindings.xml#ellipsis' );
}
.mod_newslist .layout_latest,
.mod_newsarchive .layout_latest {
    position:relative;
    overflow:hidden;
    margin-bottom:1rem;
    padding-right:.5rem;
    padding-bottom:1rem;
    background-color:rgba(255,255,255,.5);
    border-bottom:1px solid #999;
}
.mod_newslist .layout_latest.last,
.mod_newsarchive .layout_latest.last {
    margin-bottom:1rem;
    padding-bottom:1rem;
    border-bottom:0px;
}
.mod_newslist p.info,
.mod_newsarchive p.info,
.mod_newsreader p.info {
    font:80% Arial,Helvetica,sans-serif;
    color:#999;
    margin-bottom: 0 !important;
}
.mod_newslist h2,
.mod_newsarchive h2 {
    margin-top:0;
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    line-height:100%;
    text-decoration:none;
}
#main .mod_newslist h2 a,
#main .mod_newsarchive h2 a {
    text-decoration:none;
}
.mod_newslist h2 a,
.mod_newsarchive h2 a {
    font-size:1.5rem;
    text-decoration:none;
}
.mod_newslist .teaser p,
.mod_newsarchive .teaser p {
    margin-bottom: 0 !important;
}
.mod_newslist p.more,
.mod_newsarchive p.more {
    display:block;
    margin-bottom:0;
    text-align:right;
    margin-bottom:0 !important;
}

/* Jahreszahl des Archivs ausblenden */
.mod_newsarchive h1 {
    display:none;
}
.mod_newslist .layout_short {
    margin-bottom:8px;
    padding-bottom:6px;
    border-bottom:1px solid #$brown;
}
.mod_newsreader h1 {
    text-shadow: 3px 3px 3px #999;
}
.mod_newsreader .layout_full + p.back {
    margin-top:2rem;
}
.pagination li {
    display:inline-block;
    margin:0;
    padding:0;
    list-style-type:none;
}
.pagination li a {
    display:block;
    margin:0;
    padding:2px 10px;
    text-align:center;
    background-color:#E8E8E8;
    background-image:none;
    border:1px solid #CCC;
    text-indent:0;
    font:1rem Arial,Helvetica,sans-serif;
}
.pagination li .current {
    display:block;
    margin:0;
    padding:2px 10px;
    text-align:center;
    background-color:#170965;
    border:1px solid #CCC;
    color:#fff;
    font:1rem Arial,Helvetica,sans-serif;
}
.pagination p {
    padding-top:3px;
    text-align:left;
    font:1rem Arial,Helvetica,sans-serif;
}
.einleitung {
    margin-bottom:24px;
    padding-bottom:16px;
    border-bottom:1px solid #ccc;
}
input.text,
input.captcha,
textarea,
select {
    background-color:#f6f6f6;
    border:1px solid #ddd;
    color:#170965;
    font:1rem Arial,Helvetica,sans-serif;
}
#contactform label,
#contactform fieldset legend,
#contactform .captcha_text {
    font-size:1rem;
    font-style:italic;
}
input.text:focus,
input.captcha:focus,
textarea:focus,
select:focus {
    background-color:#fff;
    border:1px solid #170965;
}
#contactform .row {
    margin-bottom:0;
}
#contactform label {
    display:block;
}
#contactform fieldset {
    margin:0;
    padding:0;
    border:0px;
}
#contactform fieldset label {
    display:inline-block;
}
#contactform input.text {
    width:98%;
    margin-right:2px;
    margin-bottom:6px;
    padding:2px;
    font-family:Arial,Helvetica,sans-serif;
    color:#170965;
}
#contactform textarea {
    width:99%;
    margin-right:2px;
    margin-bottom:6px;
    padding:2px;
    font-family:Arial,Helvetica,sans-serif;
    color:#170965;
}
#contactform input.captcha,
.nolabel input.captcha {
    width:50px;
    margin-bottom:6px;
    padding:2px;
    font-family:Arial,Helvetica,sans-serif;
    color:#170965;
}
#contactform .submit_container {
    margin-top:1rem;
    text-align:center;
}
#contactform input.submit,
.nolabel input.submit {
    font-family:Arial,Helvetica,sans-serif;
    color:#170965;
}
#contactform br {
    display:none;
}
.formbody div.error,
.formbody p.error {
    padding:2px 0 0;
    font-size:.7rem;
    font-weight:bold;
    color:#f00;
    margin-bottom: 0 !important;
}
input.error {
    border:1px solid #f00;
}
.row.rahmen {
    padding:16px;
    border:1px solid #ccc;
}
.widget-radio fieldset,
.widget-checkbox fieldset {
    margin:0;
    padding:0;
    border:0px;
}
#projects .ce_download {
    padding-left:0;
}
.mod_faqpage p.toplink {
    text-align:right;
}
.footnote {
    margin-top:2rem;
}
.fn-link {
    padding-right:1px;
    padding-left:2px;
}
.fn_line {
    height:1px;
        max-width:150px;
        margin-bottom:0;
        background-color:#999;
        font-size:1px;
        line-height:1px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}
.fn_number {
    padding-right:.5rem;
}
.fn_text {
    font-size:.9rem;
        line-height:1.1rem;
        color:#999;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
}
.footnote:hover .fn_text {
    color:#000;
}
.footnote:hover .fn_line {
    background-color:#000;
}