/* FILE style.css */

body {
    font-family: Verdana, Geneva, sans-serif;
    font-variant-ligatures: common-ligatures;
}

span {
    border: 0px;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}

/* menu stuff */
header {
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    margin: 0px;
    padding: 4px 0px 5px 0px;
    background-color: #fafafa;
    color: #000000;
    font-size: 95%;
}
#header_logo {
    padding-left: 10%;
    text-align: left;
    font-family: monospace;
    font-size: 300%;
    font-weight: bold;
}
@media(max-width: 999px) { #header_logo { font-size: 200%; }}
#header_disclaimer {
    padding-left: 2%;
    color: #969696;
}
footer
{
    height: auto;
    overflow: hidden;
    border-top: 1px #000000 solid;
    padding: 4px 10% 4px 10%;
    font-size: small;
    text-decoration: none;
    color: #808080;
    background-color: #fafafa;
}
@media(max-width: 999px) { footer { font-size: 65%; }}
#footer_lastmod {
    float: right;
}
footer a:link, footer a:visited
{
    color: #2040ff;
    background-color: #fafafa;
}

nav
{
    height: auto;
    overflow: hidden;
    border-bottom: 1px #000000 solid;
    padding: 4px 10% 4px 10%;
    font-size: small;
    text-decoration: none;
    text-align: right;
    color: #000000;
    background-color: #fafafa;
}
nav ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav li
{
    float: left;
}
nav a
{
    text-align: left;
    display: inline-block;
    width: 5em;
}
@media(max-width: 999px) { nav a { width: 4em; }}
nav a:link, nav a:visited
{
    color: #2040ff;
    background-color: #fafafa;
}
nav a:hover, nav a:active
{
    color: #2040a0;
    background-color: #fafafa;
}
nav li.langbar
{
    float: right;
    margin-right: 0;
    text-align: right;
}
nav li.langbar span.langbar_inactive
{
    color: #969696;
}
nav li.langbar a
{
    display: inline;
}


.main {
    width: 80%;
    min-height: 650px;
    background-color: #ffffff;
    color: #000000;
    margin: 20px auto 20px auto;
    min-height: 650px;
}
@media(max-width: 999px) { .main { width: auto; }}

sup.selfref {
    font-size: 75%;
}



h1, h2, h3 {
    font-weight: bold;
}
h1 {
    font-size: 150%;
    letter-spacing: .1em;
    background-color: #fafafa;
    color: #000000;
    padding: 5px 5px 5px 5px;
}
h2 { font-size: 120%; margin: 3ex 0px 1ex 0px; }
h3 { font-size: 100%; margin: 2ex 5px 0.5ex 0px; }

ul.menulist {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #0000ff;
    background-color: #ffffff;
}

a.intern            { text-decoration: none; }
a.intern:link       { color: #0000ff; }
a.intern:visited    { color: #2040a0; }
a.intern:active     { color: #0000ff; }
a.intern:hover      { color: #0080a0; text-decoration: underline; }
a.extern            { text-decoration: none; }
a.extern:link       { color: #2040ff; }
a.extern:visited    { color: #2040a0; }
a.extern:active     { color: #2040ff; }
a.extern:hover      { color: #2040a0; text-decoration: underline; }

a.h_tag             { color: #fafafa; }
a.h_tag:hover       { color: #000000; }

img                 { border: 0px; }

img.slideshowimg {
    max-width: 100%;
    height: auto;
}

span.small_date {
    color: gray;
    font-size: x-small;
    letter-spacing: 0.1em;
}

span.news_date {
    float: right;
}

h2.news_title {
    font-size: 120%;
    font-weight: normal;
    margin-top: 0.2ex;
    margin-bottom: 0.7ex;
}

article {
    margin: 1.5em 0 1.5em 0;
}

article.news {
    margin: 2ex 0 3ex 0;
    padding: 2ex 1em 2ex 1em;
    border-radius: 7px;
    border: 1px solid #fafafa;
}

span.broken_link {
    color: #2020c0;
    background-color: #ffffff;
}

pre.codesample {
    width: auto;
    color: #000000;
    white-space: pre-wrap;
    background-color: #f0f0f0;
    border: 1px dashed #d0d0d0;
    padding: 5px;
    font-size: 100%;
    font-family: monospace;
}

span.tt {
    font-family: monospace;
}

abbr[title] {
    text-decoration: none;
    border-bottom: dotted 1px;
    border-color: #d0d0d0;
}


table       { border: 0px; }
table.grid  { border-width: 1px; border-spacing: 0px; border-style: solid; border-collapse: collapse; }
td.grid     { border-width: 1px; border-style: solid; padding: 5px; margin: 0px; }
th.grid     { border-width: 1px; border-style: solid; padding: 5px; margin: 0px; }

img.navbutton { opacity: 0.20; }
img.disbutton { opacity: 0.10; }

table.photopage {
    width: 90%;
    border: 0px;
    border-spacing: 0px;
    margin: 3ex 5% 3ex 5%;
    padding: 4px 5px 4px 5px;
}
@media(max-width: 999px) { table.photopage { width: 100%; margin: 3ex 0px 3ex 0px; }}
td.photopage    { text-align: center; vertical-align: top; padding: 1ex; }