
/*      ---------------------------------------------------- */
/*                          G E N E R A L                    */
/*      ---------------------------------------------------- */

@font-face {
        font-family: Yanone-Regular;
        src: url(https://karl-voit.at/misc/YanoneKaffeesatz-Regular.otf) format("opentype");
}


@font-face {
        font-family: Yanone-Bold;
        src: url(https://karl-voit.at/misc/YanoneKaffeesatz-Bold.otf) format("opentype");
}


body {
       margin:0;
       padding:0;
       background-color:#FFFFFF;
       color:black
}

.logo {
    float:left;
     margin:1em;
     }

.quote {
    font-family: 'Molengo', sans-serif;
    float:right;
    clear:right;
    text-align:right;
    margin:1em;
    color:#404040;
    /* margin-right:2em; */
    }


h1 {
     font-family: Yanone-Regular, sans-serif;
     background-repeat:repeat-x;
     color:inherit;
     margin:0;
     margin-top:0.8em;
     margin-bottom:0.2em;
     padding:0;
     text-align:left;
     color:green;
}



h2 {
     font-family: Yanone-Regular, sans-serif;
     margin-top:0.8em;
     margin-bottom:0.2em;
     padding-left:0.5em;
     clear:both;
     text-align:left;
}

h3 {
     font-family: Yanone-Bold, sans-serif;
     font-size: xx-large;
}

p { margin-top:0; padding-top:0em }

.main_navigation {
           clear:both;
           font-family: 'Molengo', sans-serif;
           margin-top:2em;
           margin-bottom:2em;
           margin-left:2em;
           margin-right:2em
}

.content {
           clear:both;
           max-width:50em;
           font-family: 'Molengo', 'Verdana', sans-serif;
           margin-top:2em;
           margin-bottom:2em;
           margin-left:2em;
           margin-right:2em
}

.hidden { display:none; }

/*
hr { height:1px; border:0; background-color:black; color:black  }
*/


.main_navigation   /* in class main_navigation the links */
*[lang|=en] {
    clear:left;
    text-align:right;
    margin-right:2em;
    float:left;
    width:40%;
    }

.main_navigation
*[lang|=de] {
    clear:right;
    margin-left:2em;
    float:left;
    text-align:left;
    width:40%;
    }

.centered_logo {
    float:left;
    position:relative;
    top:-2.4em;
    }


.footer_column { margin-left:2em; float:right; }

#timestamp {
           font-family: 'Molengo', sans-serif;
    margin-left:4em;
    color:gray;
    font-size:x-small;
    text-align:left;
    }

ul {
     list-style-image:none;
     list-style-type:square;
     list-style-type:none;
     }

li {
    margin-top:0.5em;
    margin-bottom:0.5em;
    }

img { border:0 }



div.faq h1 {  /* h1 innerhalb von <div class="faq"> */
    font-size:120%;
    color:green;
    margin-bottom:0.3em;
}

div.faq p {
    margin-left:1em;
}

.backlink {
           font-family: 'Molengo', sans-serif;
           margin-left:1em;
           color:gray;
           }

/*      ---------------------------------------------------- */
/*                        Bottom Announcement                */
/*      ---------------------------------------------------- */


div#announcement {
          font-family: 'Molengo', sans-serif;
        /*  border-top:2px solid gray; */
        /*  margin-top:2em; */
        /*  margin-bottom:0.5em; */
          margin-left:4em;
          margin-right:4em;
}


/*      ---------------------------------------------------- */
/*                          F O O T E R                      */
/*      ---------------------------------------------------- */


div#footer {
          /* old: font-family:Verdana,Helvetica,Arial,sans-serif; */
          font-family: 'Molengo', sans-serif;
          color:gray;
          border-top:4px solid gray;
          margin-top:5em;
          margin-bottom:0.5em;
          margin-left:4em;
          margin-right:4em;
          font-size:x-small;
}


/*      ---------------------------------------------------- */
/*                  I D - S E C T I O N S                    */
/*      ---------------------------------------------------- */




/*      ---------------------------------------------------- */
/*                     N A V I G A T I O N                   */
/*      ---------------------------------------------------- */

#breadcrumbs {
            clear:both;
           font-family: 'Molengo', sans-serif;
           margin-left:1em;
           margin-right:2em;
           margin-bottom:1em;
           color:gray;
           }



/*      ---------------------------------------------------- */
/*                         M I S C                           */
/*      ---------------------------------------------------- */

code { font-family:monospace; }
/* code:before, code:after { content:"\"" } */

codesample { margin-left:2em; background-color:#F7F7F7 }


/*      ---------------------------------------------------- */
/*                        L I N K S                          */
/*      ---------------------------------------------------- */


@media all {


}

/*      ---------------------------------------------------- */
/*                       P R I N T                           */
/*      ---------------------------------------------------- */

@media print {
  body { font-size:11pt }
  ul.nav, p.backtop { display:none }
  .content { margin-left:0 }
  a { color:inherit; background:transparent; text-decoration:inherit }
  a.external:after { font-weight:normal; font-family:monospace; content:" ["attr(href)"] " }
  a.email { font-family:monospace }
  pre.codesample { overflow:visible }
}
