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

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


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


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

h1 {
     font-family: Yanone-Regular, sans-serif;
     /*  font-family: 'Lobster', arial, serif; */
     font-size: xx-large;
     background-color:transparent;
     /* background-image:url('images/top_back.jpg'); Hintergrund fuer Seitenkopf */
     background-repeat:repeat-x;
     color:inherit;
     height:110px;
     margin:0;
     margin-top:1em;
     padding:0;
     text-align:center
}

h1 img { margin:7px 0 0 7px; width:365px; height:68px }


h2 { 
     font-family: Yanone-Regular, sans-serif;
     font-size: xx-large;
     margin:1em 0 1em 0; 
     margin-top:2em; 
     padding-top:0.5em; 
     padding-bottom:8px; 
     border-top:3px solid gray; 
     border-right:2px solid gray; 
     clear:both;
     text-align:left;
     color:gray;
}

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

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

.content {
           /* old: font-family:Verdana,Helvetica,Arial,sans-serif; */
           font-family: 'Molengo', sans-serif;
           margin-left:2em;
           margin-right:2em
}

.hidden { display:none; }

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



/*      ---------------------------------------------------- */
/*                          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 black;
          margin-top:3em;
          margin-bottom:0.5em;
          margin-left:4em;
          margin-right:4em
}


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

#pubkey  { text-align:left; float:left }
#address { text-align:right; float:right }
#icons   { width:300px; margin:0.5em auto }
#timestamp { color:gray; text-align:center; width:400px; margin:0.5em auto }

img { border:0 }




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


#navigation ul { 
                 border:2px solid #999999;
                 /* background-image:url('images/button_back.jpg');*/
                 list-style-image:none;
                 list-style-type:none;
                 background-image:none;
                 background-color:#eeeeee;
                 color:#404040;
                 margin-left: -3px; /* Aussenabstand negativ zum Verbergen der Border li/re */
                 margin-right: -3px;
                 padding-left: 7%; /* Innenabstand von border zu Inhalt */
                 text-decoration: none;
                 /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
                }

#navigation li { 
                 margin-top:0.5em;
                 margin:0.5em;
                 color: #000000;
                 }

#navigation li:hover { 
                 color:#c0c0c0;
                 background-color:#ffffff;
                        /* border:1px solid black; */
                        /* background-color:#C7F6D3;  */
                        /* background-image:url('images/button_back2.jpg');*/ 
                        /* color:inherit */
                        }
/*
ul.navigation {
 position:absolute;
 list-style-type:none;
 top:128px;
 left:20px;
 margin:0;
 padding:0;
 width:181px
}
*/

/*
ul.navigation li { 
 width:181px;
 height:37px;
 padding:0em;
 border-top:1em;
 margin:3px 0 10px 0;
 background-image:url('images/button_back2.jpg')
}
*/


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

ul.literature { font-variant:small-caps }

acronym, abbr { border:0 }
dfn { font-weight:bold; font-style:inherit }
dfn[title] { cursor:help; border-bottom:1px dotted #999999 }
abbr[title] { cursor:help; border-bottom:1px dotted #999999 }
acronym[title] { cursor:help; border-bottom:1px dotted #999999 }
span[title] { cursor:help }
a dfn[title], a abbr[title], a acronym[title], a span[title] { cursor:pointer }

blockquote { font-style:italic; clear:both }
blockquote p { margin:0; padding:0 }
q { font-style:italic }
q:before, q:after { content:"" }

p.backtop { text-align:right; margin-top:40px; clear:both }
p.backtop a:before { content:"\2191  " }
p.backtop a, p.backtop a:visited { font-size:0.8em }

ul.pagelinks { list-style-type:none }
ul.pagelinks li a:before { content:"\2193  " }

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

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


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


@media all {
  a.external:before { text-decoration:none;}
  a.external[hreflang="en"]:hover:before {content:url(images/english_small.jpg)"  ";}
  a.external[hreflang="de"]:hover:before {content:url(images/german_small.jpg)"  ";}
  a.external[hreflang="fr"]:hover:before {content:url(images/french_small.jpg)"  ";}
  a.internal_next:before { text-decoration:none; content:"\2192  " }
  a.internal_prev:before { text-decoration:none; content:"\2190  " }
  a.samepage_down:before { text-decoration:none; content:"\2193  " }

/*
arrows:
\2191 up ↑
\2193 down
\2190 left
\2192 right
*/

  div#navigation a.samepage_down:before { 
                                          content:"\2193  "; 
                                          text-decoration:none; 
                                          margin-left:1em;
                                          }

  div#navigation a.samepage_down:after {  display:block;  }

  a.samepage_up:before { text-decoration:none; content:"\2191  " }
  a.samepage_up, a.samepage_down { font-size:small }
  a.samepage_up { float:right; 
                  text-align:right;
                  padding-top:0.5em;
                  padding-left:1em;
                  padding-right:3px;
                  padding-bottom:3px;
                  border-bottom:3px solid gray; 
                  border-right:2px solid gray; 
                  }

  code { color:black; padding:0.2em }
  code[title] { cursor:help }

  pre.codesample {
                   overflow:auto;
                   margin-left:3em;
                   color:black;
                   padding:2px 0 15px 0;
                   /*border:3px black groove;*/
                   max-height:370px
                   }

  pre.codesample .comment { color:green; background-color:#F7F7F7 }

  pre.codesample code { color:black; background-color:#F7F7F7 }

  p.imageinfo {
                width:155px;
                float:right;
                margin:0 0 15px 0;
                font-size:0.7em;
                font-weight:bold;
                text-align:center;
                color:black;
                background-color:#DDDDDD;
                padding-top:0;
                padding-bottom:5px;
                }

  p.imageinfo img {
                    border-bottom:1px solid black;
                    margin-bottom:5px;
                    padding-top:10px;
                    padding-bottom:7px;
                    background:white;
                    color:inherit
                    }

  p.imagenoinfo { margin:0 0 15px 0; float:right }

  .breadcrumb { padding-bottom:10px; font-size:0.8em }

  img[src="images/html4.gif"] { width:88px; height:31px }
  img[src="images/css.gif"] { width:88px; height:31px }
  img[src="images/anybrowser.gif"] { width:88px; height:31px }
  
}

/*      ---------------------------------------------------- */
/*                       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 }
  acronym, abbr, dfn { border:0 }
  acronym[title]:after, abbr[title]:after, dfn[title]:after, span[title]:after, code[title]:after { content:" ("attr(title)")" }
  a.external:after { font-weight:normal; font-family:monospace; content:" ["attr(href)"] " }
  a.email { font-family:monospace }
  pre.codesample { overflow:visible }
}