/************************************/
/* Banner                           */
/************************************/

#banner {
    position: relative;
    font-variant: small-caps;
    font-size: 0.9em;
    margin-top: 10px;
    overflow: hidden;
}

#bannerleft {
    margin: 0px;
    padding: 0px;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    background-color: #6A7B69;
}

#bannerleft img {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#bannertextleft {
    position: absolute;
    float: left;

    z-index: 10;
}

#bannertextleft a {
    color: #fff;
    text-decoration: none;
}

#bannertextleft a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    #bannerleft img {
        height: 80px;
    }
    #bannertextleft {
        font-size: 0.8em;
        bottom: 3%;
        left: 2em;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {
    #bannerleft img {
        height: 120px;
    }
    #bannertextleft {
        font-size: 0.9em;
        bottom: 3%;
        left: 2.0em;
    }
}

@media (min-width: 1025px) {
    #bannerleft img {
        height: 160px;
    }
    #bannertextleft {
        bottom: 5%;
        left: 2.5em;
    }
}

@media print {
  #bannertextleft { display: none; }
}

#bannerright {
    margin: 0px;
    padding: 0px;
    border-right: 1px dotted #ccc;
    background-color: #6A7B69;
}

#bannerright img {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#bannertextright {
    position: absolute;
    float: right;
    z-index: 10;
}

#bannertextright ul {
    padding: 0;
    margin: 0;
}

#bannertextright li {
    display: inline;
    padding: 0;
    margin: 0;
    display: inline;
}

@media (max-width: 767px) {
    #banner {
        height: 80px;
    }
    #bannerright img {
        height: 80px;
    }
    #bannertextright {
        bottom: -0.2em;
        right: 1.5em;
        z-index: 10;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #banner {
        height: 120px;
    }
    #bannerright img {
        height: 120px;
    }
    #bannertextright {
        bottom: 0em;
        right: 1.5em;
        z-index: 10;
    }
}

@media (min-width: 1025px) {
    #banner {
        height: 160px;
    }
    #bannerright img {
        height: 160px;
    }
     #bannertextright {
        bottom: 0.3em;
        right: 2em;
        z-index: 10;
    }
}

@media print {
  #bannertextright { display: none; }
}

/************************************/
/* main
@media (max-width: 767px) {
content row                 */
/************************************/

#centralcontent {
    overflow: hidden;

}

@media (max-width: 767px) {
    .col-left {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
    }
    .col-center {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
    }
    .col-right {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
        /*http://www.colorzilla.com/gradient-editor/ */
        /*background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(248,247,242,1) 0%, rgba(255,255,255,1) 400px); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(248,247,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-left {
        border-left: 1px dotted #ccc;
    }
    .col-center {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
        margin-bottom: -9999px;
        padding-bottom: 9999px;
    }
    .col-right {
        border-right: 1px dotted #ccc;
        margin-left: 20%;
        width: 80%;


        /*http://www.colorzilla.com/gradient-editor/ */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(248,247,242,1) 0%, rgba(255,255,255,1) 400px); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(248,247,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
}

@media (min-width: 1025px) {
    .col-left {
        border-left: 1px dotted #ccc;
        margin-bottom: -9999px;
        padding-bottom: 9999px;

    }
    .col-center {
        border-left: 1px dotted #ccc;
        margin-bottom: -9999px;
        padding-bottom: 9999px;

    }
    .col-right {
        border-left: 1px dotted #ccc;
        border-right: 1px dotted #ccc;
        margin-bottom: -9999px;
        padding-bottom: 9999px;

       /*http://www.colorzilla.com/gradient-editor/ */
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(248,247,242,1) 0%, rgba(255,255,255,1) 400px); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(0%,rgba(248,247,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(248,247,242,1) 0%,rgba(255,255,255,1) 400px); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
}

@media print {
    .col-center { width: 100%; }
}


/************************************/
/*  Navigation                      */
/************************************/

#navigation {
    margin-top: 20px;
    padding: 10px 0px 10px 3px;

}

@media print {
    #navigation {
        display: none;
    }
}

/* First level */

#navigation ul {
    margin: 0px;
    padding: 0px;
}

#navigation li {
    display: block;
    list-style: none;
    padding-bottom: 5px;
    line-height: 1.4em;
}

#navigation li a {
    font-size: 1.15em;
    text-transform: uppercase;
    color: #888;
    display: block;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

#navigation li a:link,
#navigation li a:visited {
    color: #888;
}

#navigation li a:hover,
#navigation li a:focus,
#navigation li a:active {
    color: #556151;
}

#navigation li a.activelink {
    color: #556151;
}

#navigation li a.activelink:link,
#navigation li a.activelink:visited,
#navigation li a.activelink:focus,
#navigation li a.activelink:hover,
#navigation li a.activelink:active {
    color: #556151;
}

/* Second level */

#navigation ul ul {
    margin: 0px;
    padding: 5px 0 5px 0;
}

#navigation li li {
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
}

#navigation li li a {
    font-size: 1.1em;
    text-transform: none;
    color: #888;
    display: block;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}

#navigation li li a:link,
#navigation li li a:visited {
    color: #888;
}

#navigation li li a:hover,
#navigation li li a:focus,
#navigation li li a:active {
    color:  #556151;
}

#navigation li li {
    color: #888;
}

#navigation li li a.activelink {
    color:  #556151;
}

#navigation li li a.activelink:link,
#navigation li li a.activelink:visited,
#navigation li li a.activelink:focus,
#navigation li li a.activelink:hover,
#navigation li li a.activelink:active {
    color:  #556151;
}

/* Third level */

#navigation ul ul ul {
    margin: 0px;
    padding: 5px 0 5px 0;
}

#navigation li li li {
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
}

#navigation li li li a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #888;
    display: block;
    text-decoration: none;
}

#navigation li li li a:link,
#navigation li li li a:visited {
    color: #888;
}

#navigation li li li a:hover,
#navigation li li li a:focus,
#navigation li li li a:active {
    color:  #556151;
}

#navigation li li li {
    color: #888;
}

#navigation li li li a.activelink {
    color:  #556151;
}

#navigation li li li a.activelink:link,
#navigation li li li a.activelink:visited,
#navigation li li li a.activelink:focus,
#navigation li li li a.activelink:hover,
#navigation li li li a.activelink:active {
    color:  #556151;
}

.nav_extra_delimiter {
    height: 9px;
    margin-top: 10px;
    margin-bottom: 1px;
    border-top: 1px dotted #ccc;
}

.nav_extra_item a,
.nav_extra_item a:link,
.nav_extra_item a:visited {
    font: normal 11px verdana, arial, serif;
    color: #888;
    display: block;
    line-height: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: none;
    text-decoration: none;
}
.nav_extra_item a:hover,
.nav_extra_item a:focus,
.nav_extra_item a:active {
    color: #556151;
    text-decoration: none;
}

.nav_extra_item a.activelink,
.nav_extra_item a.activelink:link,
.nav_extra_item a.activelink:visited,
.nav_extra_item a.activelink:focus,
.nav_extra_item a.activelink:hover,
.nav_extra_item a.activelink:active {
    color: #556151;
    text-decoration: none;
}

/************************************/
/*  breadcrumbs                     */
/************************************/

#breadcrumb {
    padding: 7px 0px 7px 0px;
    border-bottom: 1px dotted #888;
    color: #999;
    margin-bottom: 15px;
}

#breadcrumb ul {
    padding: 0;
    margin: 0;
}

#breadcrumb li {
    font: 0.9em verdana, arial, sans-serif;
    display: inline;
    padding: 0;
    margin: 0;
}

#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited {
    color: #999;
    text-decoration: none;
}

#breadcrumb li a:hover,
#breadcrumb li a:focus,
#breadcrumb li a:active {
    color: #003366;
}

/************************************/
/*  content formats                 */
/************************************/

#content {
    padding: 10px 10px 30px 10px;
}

.content_title {
    padding-top: 5px;
    border-bottom: 1px dotted #888;
    clear: both;
}

.content_title a {
    font-family: georgia, times, sans-serif !important;
}

.content_title_simple {
    font-family: georgia, times, sans-serif !important;
    padding-top: 5px;
    clear: both;
}

.content_title_simple a {
    font-family: georgia, times, sans-serif !important;
}

.content_text {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #666;
    font-size: 1em;
    line-height: 1.66em;
    margin-top: 15px;
}

.content_text a,
.content_text a:link,
.content_text a:visited {
    color: #6a7b69;
    text-decoration: underline;
}
.content_text a:hover,
.content_text a:focus,
.content_text a:active {
    color: #6a7b69;
    text-decoration: none;
}

.content_text a.link_more,
.content_text a.link_more:link,
.content_text a.link_more:visited {
    border-bottom: 1px dotted #000;
    color: #6a7b69;
    font-family: verdana,arial,sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}
.content_text a.link_more:hover,
.content_text a.link_more:focus,
.content_text a.link_more:active {
    text-decoration: none;
}

.content_text .readmore {
    color: #6a7b69;
    font-family: verdana,arial,sans-serif;
    font-weight: bold;
}

.content_text_abstract {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #6A7B69g;
    font-size: 1em;
    line-height: 1.66em;
    margin-top: 15px;
}

.content_text .content_text_ref {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #888888;
    font-size: 0.83em;
    line-height: 19px;
}

.content_text img {
    padding: 20px !important;
}

/* Alfabet */
#content_letter_index {

}

#content_letter_index a.letter, #content_letter_index a.letter:link, #content_letter_index a.letter:visited {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}
#content_letter_index a.letter, #content_letter_index a.letter:link, #content_letter_index a.letter:visited {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}

/* Gallery */

#content_gallery {
    margin: 20px 0 0 0;
}

#content_gallery img {
    padding: 15px 10px 0 0;
    width: 150px;
}

/* Members table */

#content_members {
    margin: 20px 0 0 0;
    font-size: 0.9em;
}

#content_members table {
    margin: 20px 0 0 0 ;
    width: 100%;
    border-collapse: collapse;
}

#content_members tr.head {
    font-family: verdana, arial, sans-serif;
    color: #000;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

#content_members tr {
    font-family: verdana, arial, sans-serif;
    color: #000;
    height: 34px;
}

#content_members td.no_bg_indent {
    background: url("../images/arrow_top.gif") no-repeat top left;
    background-position: 0 3px;
    padding-left: 13px;
    padding-bottom: 8px;
}

#content_members td.bg_indent {
    background: url("../images/arrow_top.gif") no-repeat top left;
    background-position: 0 3px;
    background-color: #f8f7f1;
    padding-left: 13px;
    padding-bottom: 8px;
}

#content_members td.no_bg {
    padding-bottom: 8px;
    border-left: dotted 1px #ccc;
    padding-left: 5px;
}

#content_members td.bg {
    background-color: #f8f7f1;
    padding-bottom: 8px;
    padding-left: 5px;
    border-left: dotted 1px #ccc;
}

#content_members td a,
#content_members td a:link,
#content_members td a:visited {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #000;
    text-decoration: underline;
}

#content_members td a:hover,
#content_members td a:focus,
#content_members td a:active {
    text-decoration: none;
}

/* email link */
a.item2, a.item2:link,
a.item2:visited {
    color: #888888 !important;
    font-size: 0.9em;
}

/* institute */
.institute {
    color: #888888 !important;
    font-size: 0.9em;
}

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

/* educational program */

.content_edu {
    margin: 20px 0 0 0;
}

.content_edu table {
    margin: 20px 0 0 0 ;
    width: 100%;
    border-collapse: collapse;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.content_edu tr.head {
    font-family: verdana, arial, sans-serif;
    color: #000;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.content_edu tr {
    font-family: verdana, arial, sans-serif;
    color: #000;
}

.content_edu td:first-child {
    width: 8em;
    border-right: dotted 1px #ccc;
}

.content_edu td:nth-child(2) {
    width: 8em;
}

.content_edu td.no_bg {
    padding-bottom: 8px;
    padding-left: 5px;
}

.content_edu td.bg {
    background-color: #f8f7f1;
    padding-bottom: 8px;
    padding-left: 5px;
}

.content_edu td a,
.content_edu td a:link,
.content_edu td a:visited {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #000;
    text-decoration: underline;
}

.content_edu td a:hover,
.content_edu td a:focus,
.content_edu td a:active {
    text-decoration: none;
}

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

/* Publication areas */

.content_areas {
    margin: 3px 0 0 0 ;
}

.content_areas table {
    width: 100%;
    border-collapse: collapse;
}

.content_areas tr {
    font-family: verdana, arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.66em;
    color: #000;
}

.content_areas td.no_bg_indent {
    background: url("../images/arrow_top.gif") no-repeat top left;
    background-position: 0 3px;
    padding-left: 13px;
    padding-bottom: 8px;
    width: 500px;
}

.content_areas td.bg_indent {
    background: url("../images/arrow_top.gif") no-repeat top left;
    background-position: 0 3px;
    background-color: #f8f7f1;
    padding-left: 13px;
    padding-bottom: 8px;
    width: 500px;
}

.content_areas a,
.content_areas a:link,
.content_areas a:visited {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}
.content_areas a:hover,
.content_areas a:focus,
.content_areas a:active {
    text-decoration: none;
}

/* Publications */

.content_author {
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
    color: #646564;
    padding: 15px 0px 15px 0px;
}

.content_author a,
.content_author a:link,
.content_author a:visited {
    color: #000;
    text-decoration: underline;
}

.content_author a:hover,
.content_author a:focus,
.content_author a:active {
    text-decoration: none;
}

.content_publication {
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #546053;
    padding: 5px 0px 5px 0px;
    border-bottom: dotted 1px #aaa;
    border-top: dotted 1px #aaa;
    font-size: 0.9em;
    line-height: 1.66em;
}

.content_publication a,
.content_publication a:link,
.content_publication a:visited {
    color: #000;
    text-decoration: underline;
}

.content_publication a:hover,
.content_publication a:focus,
.content_publication a:active {
    text-decoration: none;
}

.content_date {
    padding-bottom: 0px;
    border-bottom: dotted 1px #aaa;
    border-top: dotted 1px #aaa;
}

.preview_articlelist {
    float: left;
    margin-top: 4px 15px 5px 0;
    padding: 0px;
}

.preview_articlelist .preview_image {
    margin: 0 0 5px 0;
    padding: 0;
}

.preview_image img {
    width:  100px;
    margin: 0px;
    padding: 5px 20px 20px 0 !important;
}


.news_archive_year {
    border-bottom: 1px solid #adadad;
    border-top: 1px solid #adadad;
    color: #6a7b69;
    font: 15px georgia,times,sans-serif;
    height: 39px;
    margin-top: 80px;
    padding: 3px 10px 5px 0;
}

.news_archive_year a, .news_archive_year a:link, .news_archive_year a:visited {
    color: #000000;
    font: 15px/19px georgia,times,sans-serif;
    padding-right: 10px;
    text-decoration: none;
}
.news_archive_year a, .news_archive_year a:link, .news_archive_year a:visited {
    color: #000000;
    font: 15px/19px georgia,times,sans-serif;
    padding-right: 10px;
    text-decoration: none;
}

table.ordnung {
    font-size: 0.8em;
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}

.ordnung th {
    border: 1px solid #ccc;
}

.ordnung td {
    border: 1px solid #ccc;
}

.ordnung td:first-child{
   width:15em;
}

.ordnung td:nth-child(2){
   width:10em;
   text-align: center;
}
.ordnung td:nth-child(3){
   width:20em;
}
.ordnung td:nth-child(4){
   width:4em;
   text-align: center;
}

/************************************/
/*  Right margin                    */
/************************************/

#rightmargin {
    padding: 10px;
}

@media print {
  #rightmargin { display: none; }
}

.rightmargin_item {
    margin: 0;
    padding: 0;
}


.rightmargin_item_centered {
    text-align: center;
    margin: 0;
    padding: 15px 0 0 0;
}

.rightmargin_item_centered img {
    text-align: center;
}

.rightmargin_item a,
.rightmargin_item a:link,
.rightmargin_item a:visited
.rightmargin_item_centered a,
.rightmargin_item_centered a:link,
.rightmargin_item_centered a:visited {
    font: 0.92em verdana, arial, sans-serif;
    color: #5C7694;
    text-decoration: none;
}

.rightmargin_item a:hover,
.rightmargin_item a:focus,
.rightmargin_item a:active,
.rightmargin_item_centered a:hover,
.rightmargin_item_centered a:focus,
.rightmargin_item_centered a:active {
    text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #rightmargin {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    .rightmargin_item_centered {
        width: 250px;
        height:100px;
        margin: auto;

    }
}

@media (max-width: 767px) {
    #rightmargin {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    .rightmargin_item_centered {
        width: 250px;
        height:100px;
        margin: auto;

    }
}

/************************************/
/*  Footer                          */
/************************************/

#footer {
    background-color: #fff;
    position: relative;
    margin-bottom: 10px;
    height: 80px;
}

#footerleft {
    margin: 0px;
    padding: 0px;
    border: 1px dotted #ccc;
    height: 80px;
    background: url('images/footer_left.jpg') #6A7B69 no-repeat;
    background-size: 100% 100%;
}

#footertextleft {
    position: absolute;
    left: 2em;
    top: 0.4em;
}

#footertextleft a {
    font-size: 1em;
    font-weight: bold;
    font-family: arial,helvetica,sans-serif;
    color: #ccc;
    text-decoration: none;
}

#footerright {
    margin: 0px;
    padding: 0px;
    border: 1px dotted #ccc;
    height: 80px;
}

@media (max-width: 767px) {
    #footer ul {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #footer ul {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1025px) {
    #footer ul {
        padding-left: 10px;
        padding-right: 30%;
    }
}

#footerright li {
    display: inline;
    color: #aaa;
}

#footerright li a,
#footerright li a:link,
#footerright li a:visited {
    font: 0.83em verdana, arial, sans-serif;
    color: #aaa;
    text-decoration: none;
    padding: 0;
}

#footerright li a:hover,
#footerright li a:focus,
#footerright li a:active {
    color: #000;
}

@media print {
    #footer_toplink { display: none; }
    #footer_metanavi { display: none; }
    #footer_right_margin { display: none; }
    #footer { border-top: 1px dotted #ccc; }
}

/* Snack bar */

@media (min-width: 1025px) {
    .snack-wrap {
        display:block;
        position:fixed;
        bottom:18px;
        left:830px;
        padding:0px;
        z-index: 10;
    }
}

@media (max-width: 1024px) {
    .snack-wrap {
        display:block;
        position:fixed;
        bottom:18px;
        left:75%;
        padding:0px;
        z-index: 10;
    }
}

.snackbar {
    display:block;
    background:#546054;
    /*border:#f2f2f2;*/
    padding:10px;
    color: #fff;
    font-family:georgia, times, sans-serif;
    font-size: 1.2em;
    position:relative;
    left:0px;
    bottom:-70px;
    transition: bottom 0.5s ease-in-out;
    z-index:9;
}

.snackbar a {
    color: #fff;
    text-decoration: none;
}

.snackbar a:hover {
    text-decoration: underline;
    color: #fff;
}



.animated {
    animation-name: snackbar-show;
    animation-duration: 15s; /* 5s */
    animation-direction: forwards;
    animation-timing-function: ease-in-out;
    animation-delay:1s;
    animation-fill-mode: forwards;
}

@keyframes snackbar-show {
  /*0% { bottom:-70px; }
  90%, 95% {bottom:15px; }
  92.5%, 100% {bottom:10px; }*/
  0% { bottom:-70px; }
  25%, 27% {bottom:15px; }
  26%, 30% {bottom:10px; }
  95% {bottom:10px; }
  100% {bottom:-70px; }
}

/*.snackclose, label {
    bottom:-70px;
    position:absolute;
    border:0;
}
.snackclose {
    display:none;
    z-index:10;
}

label {
    z-index:11;
    display:block;
    width:100%;
    height:100%;
    color:rgba(255,255,255,0.8);
    cursor:pointer;
}

.snackclose:checked~.snackbar, .snackclose:checked, .snackclose:checked+label {
    animation-name: snackbar-hide;
    animation-delay:0s;
}

@keyframes snackbar-hide {
   0%, 7.5% {bottom:10px; }
  5%,10% {bottom:15px; }
  100% {bottom:-70px; }
}
*/