/* Be careful to use only colours allowed by ETH corporate design. */

body {
    background-color: #EAECEE;
    padding:0; margin:0; /* browsers have different defaults */
    font-size: 90%;
}

h1, h2, h3, h4, h5 {
    color: #1F407A;
    font-weight: bold;
}


b {
    font-weight: normal;
}

strong {
    font-weight: normal;
}

.eth-font {
    /* This is a google font or whatever */
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 12pt;
}

.eth-color {
    background-color: #0069B4;

    /* other ETH  Fachwelt Colors
       Pantone 2935 #0069B4
       Pantone 392 #72791c
       Pantone 234 #91056a
       Pantone Cool Gray 9 #6f6f6e
       Pantone 1797 #a8322d
       Pantone 633 #007a92
       Pantone 7512 #956013 */
}

.eth-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 70em;
    /*min-width: 40em;*/
}

/* This is the header div at the top of the page. It contains the actual header
 * as well as the menu. The menu is described in another file. */
#eth-header {
    width: 100%;
    /*min-width: 40em;*/
}

/* The div containing the title and the search boxes. */
#eth-logo-search {
    padding-top: 32px;
}

/* This div contains everything except the header. */
#eth-main {
    background: #ffffff;
    position: relative;
    height: 100%;
}

/* The actual content div. */
#eth-content {
    padding-top: 16px;;
    padding-bottom: 32px;
    margin-left: 32px;
    margin-right: 32px;
    min-height: 25em;
    /* border: 1px solid black; */
}

/* The decorative image div */
#dimage {
    width: 200px;
    height: 100%;
    position: absolute;
    right: -200px;
    background-color: #EAECEE;
    opacity: 1.0;
    /* border: 1px solid black; */
    background-repeat: no-repeat;
    background-position: right;
    -webkit-animation: mymove 20s infinite; /* Chrome, Safari, Opera */
    animation: mymove 20s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    0% {background-position: top left;}
    100% {background-position: bottom right;}
}

/* Standard syntax */
@keyframes mymove {
    0% {background-position: top left;}
    100% {background-position: bottom right;}
}

/* small screen sizes */
@media screen and (max-width: 600px) { /* conf:6 */
    .desktop-only {
        display:none !important;
    }
    html {font-size: 120% } /* conf:7 */
}

/* Formatting of links. */

a {
    color: #1F407A;
    text-decoration: none;
    font-weight: normal;
}

/* Maybe there can be a navigation element. */

#nav {
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid #ccc thin;
}

#nav a.current {
    padding:5px;
    text-decoration: underline;
    /* font-size: 90%; */
    font-weight: normal;
}

/* Formatting of publications. */

.pubtitle {
    font-weight: normal;
}

/* Formatting of member lists. */

table.member-list {
    border-collapse: collapse;
    width: 100%;
    border-bottom: solid #eee thin;
}

table.member-list td {
    padding: 8px;
}

table.member-list th {
    padding: 8px;
    text-align: left;
    background-color: #eee;
    font-weight: normal;
}

/* The footer. */

#eth-footer {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    word-spacing: 1em;
}