a:link     { text-decoration:none; color:#05F; }
a:visited  { text-decoration:none; color:#80F; }
a:hover    { text-decoration:underline; }
a:active   { text-decoration:underline; }
a:focus    { text-decoration:underline; }

/* CSS3, vom IE noch nicht unterstützt
a:link[href^="http://www.philippschaeufele.de/"]
{ color:#ABF; }
a:visited[href^="http://www.philippschaeufele.de/"]
{ color:#FBF; }
*/

a.intLink:link  { color:#ABF; }
a.intLink:visited { color:#FBF; }

/* Pfeilsymbol zu externen Links hinzufügen */
a.extLink { padding-right: 12px;
            background-repeat: no-repeat;
            background-position: right;     
          }
a.extLink:link    { background-image: url('./Symbols/ext_link_blue.gif'); }
a.extLink:visited { background-image: url('./Symbols/ext_link_lila.gif'); }


img { border:none; }

body { margin-left:25px;
      margin-right:25px;
      font-family: Gill Sans, Futura, sans-serif; 
      color:#FFEEAA; 
      background-color:#000000; } 

h1 { margin-top: 0px;
     margin-bottom: 0em; }

h2 { font-size:140%;
     margin-top:1em;
     clear: both; } 

h3 { font-size:110%;
     margin-bottom: 0em;
     clear: both; }
     
/* margin-top entfernen, um Bilder absatzgenau zu positionieren */
p { text-align: justify; 
    font-size:90%; }
    
hr { color:#FFEEAA;
     margin-top: 2em; }
    
li { font-size:90%; }
li.important { color:#FF4444; }
    
q { quotes: "„" "“" "‚" "‘" }
q:before {content:open-quote}
q:after  {content:close-quote}

abbr { color: #FEA; /* #DAD; <== helllila! */
       border-bottom: .1em dotted;
       cursor: help; }    


.navDiv { float:right; margin-top: .5em; }

a.Left, a.Right, a.Top { float:left; 
                         background-image:url("./Symbols/NavArrows.png");
                         width: 24px; height: 24px;
                          }

a.Left        { background-position: 0px    0px; }
a.Left:hover  { background-position: 0px  -74px; }
a.Top         { background-position: 0px -296px; }
a.Top:hover   { background-position: 0px -370px; }
a.Right       { background-position: 0px -148px; }
a.Right:hover { background-position: 0px -222px; }

    
#lastMod { font-size: 70%; color:#7F7755;
           clear: both; }    

#journal { width:600px; }
    
    
#journalNavBar1 {  }
                
#journalNavBar2 { position: relative;
                 float: right;
                 margin-top: .5em;
                }         

#date { font-style:italic;
        margin-top: 0.5em;
        margin-bottom: 2em;
      }    

#emailJournal { font-weight:bold;
              }      
 
#travelTipps { text-decoration:underline;
               font-size:110%;
               margin-top: 2em;
               clear:both;
             }     

#otherPics { text-decoration:underline;
             font-size:110%;
             margin-bottom: 0em;
             clear:both; }

.noscript { color: #F00; }

#fromInes { font-style:italic;
            color: #FA8;                /* body: #FFEEAA */
            /*margin-bottom:-1em;*/ }
.Ines { color: #FA8; }

.fb_video { float:right;
            margin-left: 10px;
            margin-bottom: 10px; }

/* Tabellen für Klettersteige */
table { margin-top: 1.5em;
        border-collapse:collapse; }
th    { font-size: 110%; 
        text-align: left;
        padding: .3em 0; }
td    { border:1px #FEC solid; 
        font-size: 90%; 
        padding: .4em; }
td.cap { font-weight:bold;
         padding-right:2em; }