/* Stylesheet für Der Spaziergaenger: 
    - index.html

    Dateiname: index.css */

body {
     font-family: arial, helvetica, sans-serif; 
     background-color: #2D912B; 
     color: #FFFFC1; 
     margin: 0;
    }
    a:link { 
     background-color: #BBCCAA; color:blue; text-decoration:underline; font-weight: normal; 
    }
    a:visited { 
     background-color: #BBCCAA; color:black; text-decoration:underline; font-weight: normal; 
    }
    a:focus { 
     background-color: #BBCCAA; color:red; text-decoration:underline; font-weight: normal; 
    }
    a:hover { 
    background-color: #BBCCAA; color:purple; text-decoration:underline; font-weight: normal; 
    }
    a:active { 
     background-color: #BBCCAA; color:lime; text-decoration:underline; font-weight: normal; 
    }
    .mail:link { 
     background-color: #2D912B; color:blue; text-decoration:underline; font-weight: normal; 
    }
    .mail:visited { 
     background-color: #2D912B; color:black; text-decoration:underline; font-weight: normal; 
    }
    .mail:focus { 
     background-color: #2D912B; color:red; text-decoration:underline; font-weight: normal; 
    }
    .mail:hover { 
    background-color: #2D912B; color:purple; text-decoration:underline; font-weight: normal; 
    }
    .mail:active { 
     background-color: #2D912B; color:lime; text-decoration:underline; font-weight: normal; 
    }
#menu {
     background-color: #BBCCAA; color: #006400; 
     position: absolute; width: 200px; height: auto; overflow: auto; 
     margin-left: 0; top: 0; 
     border-width: 1px; border-style: solid; border-color: black; padding: 1px;
     text-align: left;
    }
   .titel_1 { 
     font-size: 1.3em; font-weight: bold; text-align: left;
     margin-top: 1em; margin-left: 0.5em; margin-bottom: 1em;
    }
   .trennlinie { 
     background-color: gray; color: #006400; width:170px; height: 4px; 
     margin-left:15px; margin-bottom: 1.5em; 
    }
   .titel_2 { 
     font-size: 1em; font-weight: bold; text-align: left;
     margin-top: 1em; margin-left: 1em; margin-right: 1em; margin-bottom: 1em;
    }
   .linkliste_1 { 
     background-color: #BBCCAA; color: blue;
     font-size: 0.8em; font-weight: normal;
     margin-top: -1em; margin-left: 10px; margin-right: 10px; margin-bottom: 2em;
    }
   .linkliste_2 { 
     background-color: #BBCCAA; color: red;
     font-size: 1.1em; font-weight: bold; line-height: 1.3em;
     margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 2em;
    }
   .linkliste_3 { 
     background-color: #BBCCAA; color: black;
     font-size: 0.8em; font-weight: normal;
     margin-top: 10px; margin-left: -10px; margin-right: 10px; margin-bottom: 10px;
    }
#kopf { 
     top: 200px; left: 200px;
     color: #FFFFC1; background-color: #2D912B;
     width: auto;
     margin-top: 0;
     clear: right;
     font-family: arial, helvetica, sans-serif;
    }
   .kopf_titel {
     font-style: normal; font-size: 2.0em; font-weight: bold; text-align: center;
     margin-left: 200px; margin-top: 10px;
    }
   .kopf_u_titel {
     font-style: normal; font-size: 1.5em; font-weight: bold; text-align: center;
     margin-left: 200px; margin-top: 10px;
    }
   .banner {
     top: 100px; left: 350px; /* margin-left: auto; */ margin-right: auto;
     position: absolute;
    }
   .kopf_daten {
     font-style: normal; font-size: 1em; font-weight: bold; text-align: center;
     margin-left: 200px; margin-top: 70px;
    }
#mittelteil { 
     top: 200px; left: 210px; width: auto; margin-left: auto; margin-right: auto;
     font-family: arial, helvetica, sans-serif;
     position: absolute; 
    }
#version {
     background-color: #2D912B; color: #FFFFC1; 
     top: 390px; left: 205px; width: auto; height: auto; margin-left: auto; margin-right: auto;
     position: absolute;
    }
#charakter {
     background-color: #2D912B; color: #FFFFC1; 
     top: 500px; left: 205px; width: auto; height: auto; margin-left: auto; margin-right: auto;
     position: absolute;
		}
   .trennlinie_lang {
     background-color: gray; color: #FFFFC1;
     width: 90%; height: 4px; margin-left: 5%; margin-top: 1.5em;
     position: relative; overflow: auto;
    } 
   .appell { 
     font-family: arial, helvetica, sans-serif;
     font-style: normal; font-size: 0.9em; font-weight: bold; text-align: center;
     margin-left: 0; margin-top: 45px;
     position: relative;
    }
   .mail {
     font-family: arial, helvetica, sans-serif; 
     font-style: normal; font-size: 0.9em; font-weight: normal; text-align: left;
     margin-left: 1em; margin-top: 20px; margin-bottom: 20px;
     position: relative;
    }
   .oben { 
     font-family: arial, helvetica, sans-serif; 
     font-style: normal; font-size: 0.9em; font-weight: normal; text-align: right; 
     margin-right: 10px;
    }