.code{
    font-family:'Courier New', Courier, monospace;
}


@media (max-width: 780px) {
    .ads{ display: none }
}

@media (max-width: 1280px) { .largedesk{ display: none } }


.desk{ display: block }
@media (max-width: 40em) { .desk{ display: none } }

.mobi{ display: none }
@media (max-width: 40em) { .mobi{ display: block } }

    .preline{
        white-space:pre-line
    }

    .navcontainer_desk ul{
        padding-left: 0;
        margin-left: 0;
        background-color: #036;
        color: White;
        float: left;
        width: 100%;
        font-family: arial, helvetica, sans-serif;
    }

    .navcontainer_desk ul li {
        display: inline;
    }

    .navcontainer_desk ul li a{
        padding: 0.2em 1em;
        background-color: #036;
        color: White;
        text-decoration: none;
        float: left;
        border-right: 1px solid #fff;
    }

    .navcontainer_desk ul li a:hover{
        background-color: #369;
        color: #fff;
    }

    .navlist_desk li a#current{
        background: #369;
    }
    .navlist_desk li a#current1{
        background: #369;
    }

    .navlist_desk li a#current2{
        background: #369;
    }


    .navcontainer_mobi ul{
        padding: 0em;
        margin-left: 0;
        background-color: #036;
        color: White;
        width: 100%;
        font-family: arial, helvetica, sans-serif;
    }

    .navcontainer_mobi ul li a{
        background-color: #036;
        color: White;
        line-height: 160%;
    }

    .navcontainer_mobi ul li {
        margin: 0;
        padding: 0.2em 1em;
        border: 4px solid;
        background-color: #036;
        color: White;
        line-height: 160%;
    }


    .navcontainer_mobi ol li a:hover{
        background-color: #369;
        color: #fff;
    }

    .navlist_mobi li a#current{
        background: #369;
    }
    .navlist_mobi li a#current1{
        background: #369;
    }

    .navlist_mobi li a#current2{
        background: #369;
    }



    BODY {
        font-family : Arial, Helvetica, sans-serif;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    BODY.advent {
        font-family : Arial, Helvetica, sans-serif;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 50px;
        margin-bottom: 50px;
        background-image: url(/advent/advent.jpg);
        background-size: 100%;
    }




    html {overflow-y: scroll;}

    p.error {
      background-color: WHITE;
      border-style: solid;
      border-width: thin;
      padding: 7px;
      border-color: red;
      color: red;
    }


    label { cursor:pointer; }

    code{
        white-space:pre;
        white-space:pre-wrap;
        font-size:1.2em;
        font-family:'Courier New', Courier, monospace;
    }

    form.pretty label{
      vertical-align:top;
    }

    form.pretty fieldset{
        white-space:pre;
        font-family:'Courier New', Courier, monospace;
        border: thin dashed silver;
    }

    form.pretty input, form.pretty textarea{
        /*white-space:pre;*/
        font-family:'Courier New', Courier, monospace;
        border: thin solid silver;
    }

    form.pretty legend{
        font-weight: bold;
    }

    table td, th, tr{
        border-collapse: collapse;
        border-style: hidden;
        padding: 0.2em;
        border-width: 0px;
        border: hidden;
    }

    table.grid th, table.grid td{
        border: thin solid silver;
        border-style: inset;
        padding: 0.4em;
        empty-cells:show;
    }


    li.talk{
        line-height:130%;
    }


    dl{
        line-height:150%;
    }

    dt.folder{
        /*list-style-image:url(/astro/folder.png)*/
        list-style-type: "\1F4C1";
    }
    
    li.folder{
        /*list-style-image:url(/astro/folder.png);*/
        list-style-type: "\1F4C1";
        padding: 0.1em;
    }

    dt.gear{
        /*list-style-image:url(/astro/gear.png)*/
        list-style-type: "\1F4C3";
    }
    li.gear{
        /*list-style-image:url(/astro/gear.png)*/
        list-style-type: "\1F4C3";
    }
    li.file{
        /*list-style-image:url(/astro/file.png);*/
        list-style-type: "\1F4C3";
        padding: 0.1em;
    }


    dt.file{
        /*list-style-image:url(/astro/gear.png)*/
        list-style-type: "\1F4C3";
    }
    
    dt.rss{
        list-style-image:url(/rss.gif)
    }



    dt{
        /*line-height:150%;*/
        display: list-item;
        /*list-style-type: disc;*/
        margin-left: 1.5em;
    }

    p {
        /*max-width:65em;*/
        line-height:150%;
        hyphens: auto;
    }

    li.nav{
        display: inline;
        padding: 0px 3px
    }

    .err {color: red}

    .oben    { vertical-align:top; }
    .mittig  { vertical-align:middle; }
    .unten   { vertical-align:bottom; }

    td.preemphasis { background-color: #D5D8E6; }
    td.sonntag { background-color: #FEC1FF ;}
    tr.preemphasis { background-color: #A3E3FF; }
    table.fleft{ 
        float:left; 
        margin-right: 20px;
    }

    /*table { empty-cells: show; }*/

    PRE {
      font-family : "Courier New", Courier, monospace;
      background-color: WHITE;
      /* white-space: pre-line; */
    }

    HR {
      height: 1px;
      border-width: 1px;
      background-color: BLACK;
      border-top: 1px;
    }

    p.gerahmt {
      background-color: WHITE;
      border-style: solid;
      border-width: thin;
      padding: 7px;
      border-color: #D5D8E6;
      word-spacing: -0.3em;
    }

    p.mesg {
        color: navy;
        background-color: WHITE;
        border-style: solid;
        border-width: thin;
        padding: 7px;
        border-color: #D5D8E6;
        word-spacing: -0.3em;
        font-family : "Courier New", Courier, monospace;
    }

    p.linksbild {
        float:left;
        margin-right:20px;  
        max-width: 100%
    }

    .cleft {
        clear:left
    }

    img{
      border: none;
      max-width: 100%
    }


    fieldset{
        border-style: none;
    }

    legend.box{
        border: dashed 1px silver; 
    }




tr.new_addr{ background-color: #80FFFF}
tr.legacy_addr{ background-color: yellow}




div#dragBox {
    position: fixed ;
    cursor: move;
    right: 1em;
    bottom:1em;
    text-align:right;
}

fieldset.native{
    //border: 2px solid navy;
    margin: 1em 0;
}











/* tables */
table.tablesorter {
    font-family:arial;
    //background-color: #CDCDCD;
    //margin:10px 0pt 15px;
    //font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
//    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
//    background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
//    background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



.together{
  display: flex;
  flex-direction: row;
  //background-color: #fcc;
  padding: 0.2em;
}

.together input {
  flex: 1 1 1em;
}

.together button {
 flex: 1.1em 0 2em;
 margin-left: 0.5em;
}