/* This is the stylesheet of http://www.netfilter.org */

body {
    background-color: white;
    background-image: url("/images/bgfoot.png");
    background-repeat: repeat-x;
    background-position: bottom left;
    color: black;
    font-family: arial,helvetica,sans-serif;
    margin: 0px;
    padding: 0px;
    padding-bottom: 420px;
}

a {
    background: transparent;
    color: #0080ff;
    text-decoration: underline;
}

a:visited {
    background: transparent;
    color: #9999ff;
    text-decoration: underline;
}

/* global table defining the layout of the whole page */
table.layout {
    clear: both;
    border: none;
    padding: 0px;
    border-collapse: collapse;
}

/*
img {
  border: none;
}

img.map {
  margin: 0px;
  padding: 0px;
}

p.images img {
  border: solid black 2px;
}

p.images {
  text-align: center;
}

p {
  margin: 1.33em 0px;
  margin-left: 40px; 
  margin-right: 40px;
  text-align: justify;
}

li {
  margin-left: 40px; 
  margin-right: 40px;
  text-align: justify;
}

*/

/* title bar on top of the page */
div.titlebar {
    clear: both;
    /*background: #99ccfc; */
    color: black;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center -80px;
    font-weight: bold;
    text-align: center;
    border: none;
    margin-top: 20px;
}

img.titlebarleft {
    float: left;
    border: none;
    vertical-align: middle;
    background: transparent;
}

img.titlebarright {
    float: right;
    border: none;
    vertical-align: middle;
    background: transparent;
}


/* navigation menu on the left hand side */
td.menu {
    background: transparent;
    color: black;
    padding: 10px;
    vertical-align: top;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
/*  font-size: 100%*/
}

/* toplevel navigation menu items */
span.toplevel {
    color: #204a87;
    font-weight: bold;
    width: 100%;
    display: block;
    margin: 1em 0 0.5em;
}
span.toplevel .curpage {
    text-decoration: underline;
}
span.toplevel a {
    text-decoration: none;
}
span.toplevel a:link {
    color: #204a87;
}
span.toplevel a:visited {
    color: #204a87;
}
span.toplevel a:hover {
    text-decoration: underline;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}


/* first level of indentation in navigation menu */
span.shrink1 {
    font-size: 90%;
    display: block;
}

/* mouse pointer over link: use yellow background */
.shrink1 a:hover {
    color: #0080ff;
    background: #ffd700;
}

/* second level of indentation in navigation menu */
span.shrink2 {
    padding-left: 4em;
    font-size: 70%;
    display: block;
}

/* mouse pointer over link: use yellow background */
.shrink2 a:hover {
    color: #0080ff;
    background: #ffd700;
}

/* left footer (copyright notice) */
span.footerleft {
    float: left;
    padding: 20px;
}

/* 'right' footer (author name) */
span.footerright {
    float: right;
    padding: 20px;
    font-style: italic;
}

div.linkbar {
    clear: both;
    padding: 20px 0;
    text-align: center;
}

div.linkbar a {
    font-weight: bold;
    text-decoration: none;
    color: #204a87;
}

div.linkbar a:hover {
    text-decoration: underline;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

div.linkbar a.selected {
    padding: 20px;
    border-bottom: 10px solid #73d216;
}

div.sponsor {
    clear: both;
    border: solid #204a87 2px;
    background: transparent;
//  background: #204a87;
    text-align: center;
}

img.sponsor {
    border: 0;
}


td {
    padding: 5px 5px 0px 0px;
}

/* this is the 'main' frame of the layout table */
td.main {
    padding: 10px;
    vertical-align: top;
    width: 100%;

    border-left: 1px dashed #204a86;
}

.webpage {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center -330px;
}

/* page headlines */
h1 {
    font-size: xx-large;
    font-weight: normal;

    color: white;
    box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 999px;
    background-color: #204a87;
    text-align: center;
}

/* section title */
h2.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 105%;
    font-style: normal;
    font-weight: bold;
    color: #204A70;
    font-variant: normal;
    border-bottom: 2px solid #204A70;
}

/* subsection title */
h3.title {
    font-weight: bold;
    clear: both;
    color: #204a84;
    font-size: 105%;
}

/*
td.map {
  margin: 0px;
  padding: 0px;
}

div.titlebar {
  background-image: url("/images/developer-barbg.png");
  background-repeat: repeat-x;
  height: 100px;
}

div.informaltable.table {
  border-collapse: collapse; 
}

img.titlebarleft {
  float: left;
}

img.titlebarright {
  float: right;
}

div.rss img {
  border: none;
  float: right;
}
*/

@media print {

div.navbar, div.linkbar, td.menu {
    display: none
}

td.main {
    padding-right: 0px;
    padding-left: 0px;
}

}

/** Responsive css
 *
 * Sizes:
 *  - small: <576
 *  - medium: >=768
 *  - large: >=992
 *  - x-large: >=1200
**/

@media all and (max-width:576px) {
    tr { display: table; width:100%; }
    td.main { display: table-row-group; }
    td.menu { display: table-footer-group; }
    .section { margin: 10px; }
    .menu span { margin-left: 10px; }
    .linkbar, .titlebar, table.layout { max-width: 540px; margin: 0 auto; }
    .titlebar img { width: 100%; margin-left: 0; }
}
@media all and (min-width:768px) {
    .linkbar, .titlebar, table.layout { max-width: 720px; margin: 0 auto; }
}

@media all and (min-width:992px) {
    .linkbar, .titlebar, table.layout { max-width: 960px; margin: 0 auto; }
}

@media all and (min-width:1200px) {
    .linkbar,  .titlebar, table.layout { max-width: 1140px; margin: 0 auto; }
}