p, td, li, a, h2, h3, h4 {
    color:#333333;
}
blockquote {
    margin-left:1em;
}
a {
    text-decoration: none;
}
body {
   display: flex;
   flex-flow: row wrap;
   align-items:center;
   padding-bottom:26px;
   font-family:arial, verdana, sans-serif;	
   font-size:0.8em;
   line-height:1.3em;
   max-width:50em;  
   margin-left:auto;
   margin-right:auto;
   }
main {  
   padding-left:1em;
   padding-right:1em;
}
.start {
 padding-bottom:40em;
}
.start_bild {
 padding-bottom:40em;
 background-image:url(../bilder/sonne.gif);
 background-position:130px 0;
 background-repeat:no-repeat;
}
header, nav, footer {
   flex: 1 100%;
   }
header * {
   flex: 1 1 0;
 }  
header {
   display: flex;
   flex-flow: row wrap;  
   background-image:url(../bilder/sonne.gif);
   background-repeat:no-repeat;
   background-position:200px 10px;
   }
.keinbild {
    background-image:none;
}
section {
   flex: 3 1 0;
   }
footer {
	border-top: 1px solid gray;
	position: fixed;
    padding: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size:0.7em;
    background-color:#ccccb3;
}	
#kopfleiste {
    width:100%;
    padding:1.6em 0;
    }
#kopfleiste a:link, a:visited {
    margin-left:0.3em;
    color:green;
}   
#kopfleiste a:hover {
    color:DarkRed;
}
.d1 {
    font-size:3.8em;
    color:green;
}
#kopf_atl {
    width:100%;
    padding:1.6em 0;
} 
@media print {
  #kopf_atl {
  display:none;
  }
}
#kopf_atl h1 a {
    margin-left:0.4em;
}
h1 a:link {
    color:green;
}
.kopflink_start_oben {
   font-variant: small-caps;
   padding-left:0.5em;
   padding-right:4em;
   padding-bottom:5em;
   color:green;
   font-weight:bold;
}
.kls_1 {
   font-variant: small-caps;
   padding-top:0;
   padding-left:10em;
}
.kls_2 {
   font-variant: small-caps;
   padding-left:7em;
}
.kls_3 {
   font-variant: small-caps;
   padding-left:4em;
}
.kls_4 {
   font-variant: small-caps;
   padding-left:1em;
}
.kls_5 {
   font-variant: small-caps;
   padding-left:4em;
}
.kls_6 {
   font-variant: small-caps;
   padding-left:7em;
}
.kls_7 {
   font-variant: small-caps;
   padding-left:10em;
}
.kls_8 {
   font-variant: small-caps;
   padding-left:13em;
}
.kopflink {
    font-variant:small-caps;
}
ul.g_start {
    margin-left:-1em;
}
ul.g_start li {
    list-style-type:none;     
	display:inline-block;
	letter-spacing: 0.1em;
	font-weight:bold;
}
ul.g {
    list-style-position:outside;
    margin-left:-3em;
    }
ul.g li {
	list-style-type:none;     
    letter-spacing: 0.3em;
    display:inline-block;
	}
ul.g_vis {
    list-style-position:outside;
    margin-left:-3em;
    }
ul.g_vis li {
	list-style-type:none;     
    letter-spacing: 0.2em;
    display:inline-block;
	}	
table.abc {
    margin:1em 0;  
    border: 2px solid #ac5353;
    border-radius:4px;
    padding:0.3em;
   }
table.abc td {
    font-size:1.3em;
    text-transform:uppercase;
    letter-spacing:0.4em;
    line-height:1.3em;
   }
table.abc_neu {
    margin:1em 0;  
    padding:0.1em;
   }
ul.abc_neu  {
   margin-left:-3em;
   } 
ul.abc_neu li {
    list-style-type:none;     
    display:inline-block;
    list-style-position:outside;
     font-size:1em;
    text-transform:uppercase;
    letter-spacing:0.3em;
    line-height:1.3em;
    color:red;
}
ul.abc_neu li a {
      color:red;
}
.punkt {
    color:red;
    font-size:3em;
    font-weight:bold;
}
#blatt {
    margin-top:3em;
    }
#verbtafel { 
    margin-bottom:2em;
    padding:1em;
    }
#verbtafel { 
    margin-bottom:2em;
    padding:1em;
    }   
.pin {
	text-indent:1em;
	margin-bottom:0;	
	}
.atl {
   font-size:1.5em;
   padding-bottom:0.3em;
   margin:0;
   }
.atl a {
   color:#333333;
   } 
.name_wf {
   color:green;
   padding-right:0.6em;
   text-transform:uppercase;
   font-size:1.4em;
}   
.vorfeld_wf {
   background-color:green; 
   color:white; 
   padding:0.3em 0.2em; 
   font-weight:bold;
}
.feldliste {
    text-transform:uppercase;
    padding:1em;
    line-height:1.8em;
}
.lemma {
    font-variant:small-caps;
    font-size:1.8em;
    font-weight:normal;
    margin-bottom:0.3em;
    margin-top:0;
}
#grammatik h1 {
    font-size:1.8em;
    font-weight:normal;
}
#grammatik h2 {
    font-size:1.3em;
    font-weight:normal;
}
#grammatik h3 {
    font-size:1em;
    margin-bottom:0.2em;
}
#grammatik h2 {
    font-size:1.3em;
    font-weight:normal;
}
h4 {
    margin-bottom:0.2em;
}
.atl_kommentar {
    margin-top:0;
}
.flexion {
   font-size:0.8em;
   font-weight:bold;
   color: white;
   background-color:#ccccb3;
   }
.num {
   margin-bottom:0.4em;
   }
.liste {
    line-height:1.6em;
}
.klammer {
    color:gray;
    font-size:0.8em;
}
.rot {
    color:red;
    font-weight:bold;
}
.thema {
    font-variant:small-caps;
    font-size:1.4em;
}
.titel_atl {
 font-size:1.3;
 font-weight:bold;
 margin-top:1em;
}  
.titel a {
    font-weight:normal;
    line-height:1.5em;
    color:green;
}
.kleiner {
    font-size:0.8em;
}
.fett {
   font-weight:bold;
   padding-top:0.6em;
   }
.grad {
    color:gray;
    text-align:right;
    vertical-align:top;
    border-bottom:1px solid red;
}
.einleitung {
    font-style:italic;
    padding:1em;
    font-size:1em;
}
.zitat {
   font-size:1.3em;
   line-height:1.4em;
   text-align:justify;
   font-family:serif;
   }
.text {
   font-size:1.1em;
   line-height:1.4em;
   text-align:justify;
   }   
.kommentar {
    text-align:justify;
    font-weight:normal;
}
.respa {
    vertical-align:top;
    width:6.4em;
    font-size:0.9em;
    font-variant:small-caps;
    padding-left:0.6em;
    }
.respa a {
  color:white;
  font-variant:small-caps;
  padding-bottom:4em;
}
.abstand_re {
    padding-right:2em;
}
.foto {
    font-size:0.7em;
}
.illo {
    font-size:0.7em;
}
.fotofloat {
    float:left;
    font-size:0.7em;
    margin-right:1em;
}
.foto_zentriert {
    font-size:0.7em;
}
.fz {
    text-align:center;
}
.atl_verben {
    background-color:#ccccb3;
    padding:1em;
    font-weight:bold;
}
.zeitlos {
    background-image:url(../bilder/engel.jpg);
    background-repeat:no-repeat; 
 }
.antike {
    background-image:url(../bilder/Mars_Venus.jpg);
    background-repeat:no-repeat;  
}
.mittelalter {
    background-image:url(../bilder/Abelard_Heloise.jpg);
    background-repeat:no-repeat;
}   
.renaissance {
    background-image:url(../bilder/Adao_eva.PNG);
    background-repeat:no-repeat;
}
.sechzehn {
    background-image:url(../bilder/Original_Sin.jpg);
    background-repeat:no-repeat; 
 }
.siebzehn {
    background-image:url(../bilder/Mars_Venus_barock.jpg);
    background-repeat:no-repeat;
}
.achtzehn {
    background-image:url(../bilder/Boucher.jpg);
    background-repeat:no-repeat;
}
.aufklärung {
    background-image:url(../bilder/Musarion.jpg);
    background-repeat:no-repeat; 
 }
.goethe {
    background-image:url(../bilder/Delacroix_Faust.jpg);
    background-repeat:no-repeat; 
 }
.neunzehn {
    background-image:url(../bilder/Burnejones_zambaco.jpg);
    background-repeat:no-repeat; 
}
.zwanzig {
    background-image:url(../bilder/Nacktes_Paar.jpg);
    background-repeat:no-repeat; 
 }
.zwanzig a {
  color:green;
 }
.gegenwart {
    background-image:url(../bilder/Same-sex.jpg);
    background-repeat:no-repeat; 
}
.aktuell {
    background-image:url(../bilder/ga_schatten.jpg);
    background-repeat:no-repeat; 
 }
.rechts {
    text-align:right;
}
.flinks {
    float:left;
    margin-top:0;
}
.klein {
    font-size:0.7em;
}
#verb {                                                          /*suche*/
        padding:6em;
        margin-top:5em;
        background-repeat:no-repeat;
        background-position:-10px 20px;
        }
.c3 {
     background-image:url(../bilder/suche/su0.jpg);
 }
.c4 {
     background-image:url(../bilder/suche/su1.jpg);
 }
.c5 {
     background-image:url(../bilder/suche/su13.jpg);
 }
 .c6 {
     background-image:url(../bilder/suche/su2.jpg);
 }
 .c7 {
     background-image:url(../bilder/suche/su3.jpg);
 }
 .c8 {
     background-image:url(../bilder/suche/su4.jpg);
 }
 .c9 {
     background-image:url(../bilder/suche/su5.jpg);
 }
 .c10 {
     background-image:url(../bilder/suche/su6.jpg);
 }
 .c11 {
    background-image:url(../bilder/suche/su7.jpg);
 }
 .c12 {
     background-image:url(../bilder/suche/su8.jpg);
 }
 .c13 {
     background-image:url(../bilder/suche/su9.jpg);
 }
  .c14 {
     background-image:url(../bilder/suche/su10.jpg);
 }
  .c15 {
    background-image:url(../bilder/suche/su11.jpg);
 }
  .c16 {
     background-image:url(../bilder/suche/su12.jpg);
 }
  .c17 {
     background-image:url(../bilder/suche/su13.jpg);
 }
 .fett_vs {
     font-size:1.8em;
 }
 .mehr a:link, a:visited {
     font-weight:bold;
     color:green;
 }
.mehr a:hover {
    color:lightgreen;
 }
 @media print {
  #kopf_atl {
  display:none;
  }
  ul.g {
  display:none;  
  }
}
@media print {
    #druckfuss {
    display:block; 
    background-color:grey;
    font-size:0.7em;
    letter-spacing:0.2em;
    }
}
@media screen {
    #druckfuss {
    display:none;
    }
}