/*******************************************************************
Layout.css  für www.rechenschwaeche.de

zuletzt geändert: 2010-02-07
*******************************************************************/
/******************************************************************/
body           { font-family: Verdana, Arial, "DejaVu Sans", "Lucida Sans", Geneva, Helvetica, Univers, sans-serif;
                 background-color: white; 
                 color: black; 
                 margin: 0;
                 padding:0;
                 border: 0;
                 min-width: 50em;
               }

a:link,
a:active,
a:visited      { color: black;   text-decoration: none;}
a:focus,
a:hover        { color: black;   text-decoration: underline; }

table          { width: 100%; 
                 border: 0;
               }
             
td             { padding: 0;
                 vertical-align:top;
               }
             
img            { border: 0; }

/******************************************************************/
#Kopf          { padding: 0% 0% 0% 10%;
                 margin: 0;
                 text-align: left;
                 border-width: 0 0 thin 0;
                 border-bottom-style: solid;
                 border-color: #013d1c;
                 background-color: #c9d6cf;
                 color: #013d1c;
               }
#Kopf img      { display:block; }
#Kopf a:link,
#Kopf a:active,
#Kopf a:visited,
#Kopf a:focus,
#Kopf a:hover  { text-decoration: none; }
#Kopf p        { margin: 0; }

/******************************************************************/
#Menue         { float: left;
                 width: 18%; 
                 margin-top: 5px;
                 margin: 0.5em 0 0 10%;
                 padding: 0;
                 font-size: 80%;
                 text-align: left;
                 vertical-align: top;
                 text-indent: -1em;
                 background-color: #c9d6cf;
                 color: black; 
                 border-color: #013d1c;
               }
#Menue a:focus,
#Menue a:hover {                          color: #013d1c; text-decoration: underline; }
#Menue a.akut  {                          color: #013d1c; }
#Menue p:focus,
#Menue p:hover { background-color: white; color: #013d1c; text-decoration: underline; } 
#Menue p.akut  { background-color: white; color: #013d1c; text-decoration: none; }

#Menue p       { margin: 0;
                 padding: 0.1em 0.5em 0.3em 2em;
                 border-top-width: 1px;
                 border-top-style: solid;
                 border-left-width: 2px;
                 border-left-style: solid;
                 border-color: #013d1c;
               }

.Hinweis       { background-color: white; font-weight: bold; }

/******************************************************************/
#Inhalt        { width: 60%; position: static; }
#Inhalt_mitte  { width: 42%; position: static; }

#Inhalt,                
#Inhalt_mitte  { margin: 0% 10% 0% 29%;
                 text-align: left;
                 padding: 1px 10px 0px 0px;
                 background-color: white;
                 color: black;
                 font-size: small;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
               }
#Inhalt h1,
#Inhalt_mitte h1 { margin-top: 5px;
                 padding: 2px 10px 2px 10px;
                 border-top-style: solid;
                 border-top-width: 1px;
                 border-left-style: solid;
                 border-left-width: 2px;
                 background-color: #c9d6cf;
                 color: black;
                 border-color: #013d1c;
                 font-size: 120%; 
                 font-weight: bold;
               }
#Inhalt h2,
#Inhalt_mitte h2 { margin-top: 5px;
                 padding: 20px 10px 2px 10px;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
                 color:black;
                 font-size: 110%;
                 font-weight: bold;
               }
#Inhalt h3,
#Inhalt_mitte h3 { margin-bottom: 0;
                 padding: 10px 10px 2px 10px;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
                 color:black;
                 font-size: small;
                 font-weight: bold;
               }
#Inhalt h4,
#Inhalt_mitte h4 { margin-bottom: 0;
                 padding: 10px 10px 2px 10px;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
                 color:black;
                 font-size: 90%;
                 font-weight: bold;
               }
#Inhalt h5,
#Inhalt_mitte h5 { margin-bottom: 0;
                 padding: 10px 10px 2px 10px;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
                 color:black;
                 font-size: 80%;
                 font-weight: bold;
               }
#Inhalt p,
#Inhalt_mitte p { margin-top: 0.25em;
                 margin-bottom: 0.25em;
                 padding: 3px 10px 2px 10px;
               }
#Inhalt ul,               
#Inhalt_mitte ul { margin-top: 0.5em;
                 padding: 2px 10px 2px 30px;
                 font-size: small;
               }
#Inhalt table,
#Inhalt_mitte table { padding: 10px 10px 2px 10px; }
#Inhalt a,
#Inhalt_mitte a { background-color: white; 
                  color: black; 
               }

/******************************************************************/
#Inhalt_rechts { float: right;
                 width: 17%; 
                 margin: 0px 10% 0 0%;
                 text-align: left;
                 vertical-align: top;
                 padding: 1px 10px 0 0px;
                 font-size: small;
                 border-left-style: solid;
                 border-left-width: 1px;
                 border-color: #DDDDDD;
               }

#Inhalt_rechts h1 { margin: 5px 0px 5px -1px;
                 padding: 2px 10px 2px 10px;
                 border-top-style: solid;
                 border-top-width: 1px;
                 border-left-style: solid;
                 border-left-width: 2px;
                 background-color: #c9d6cf;
                 color:black;
                 border-color: #013d1c;
                 font-size: 110%; 
                 font-weight: bold;
               }
#Inhalt_rechts h3 { margin: 0px 0px 5px -1px;
                 padding: 0px 10px 10px 10px;
                 font-size: small;
                 font-weight: bold;
               }
#Inhalt_rechts p { padding: 2px 10px 2px 10px; }
              
/******************************************************************/

#Menue_rechts  { margin: 1em 0 0 10px;
                 font-size: 90%;
                 text-align: left;
                 padding: 0;
                 background-color: #c9d6cf;
                 color: black;
                 border-color: #013d1c;
                 list-style-type: none; 
               }
#Menue_rechts p { margin: 0 0 0 0;
                 padding-left: 2.5em;
                 text-indent: -2em;
                 border-top-style: solid;
                 border-top-width: 1px;
                 border-right-style: solid;
                 border-right-width: 2px;
                 border-color: #013d1c;
               }

#Menue_rechts a:focus,
#Menue_rechts a:hover { background-color: white; color: #013d1c; text-decoration: underline; }
#Menue_rechts a.akut  { background-color: white; color: #013d1c; }
#Menue_rechts p:focus,
#Menue_rechts p:hover { background-color: white; color: #013d1c; text-decoration: underline; } 
#Menue_rechts p.akut  { background-color: white; color: #013d1c; text-decoration: none; }

/******************************************************************/

#Fuss          { clear: both;
                 margin: 1em 10% 0 10%;
                 text-align: left;
                 vertical-align: top;
               }

#Fuss p        { margin: 0.33em 0em 0em 0em;
                 background-color: white; 
                 color: #013d1c; 
                 font-size: 0.67em;
               }
#Fuss a        { background-color: white; 
                 color: #013d1c; 
               }

/******************************************************************/
#KuZ li        { margin-top: 0.5em; }
#KuZ_Liste td  { border:1px solid #DDDDDD }

/******************************************************************/
.Bild_im_Text  { margin: 1em 15px 0.5em 15px; }

.mittig        { vertical-align: middle; }
.klein         { font-size:  80%; }
.normal        { font-size: 100%; 
                 font-weight: normal; 
                 font-style: normal;
               }

.nur_drucken   { display: none; visibility: hidden; }
.unteilbar     { white-space: nowrap; }
.ISBN          { white-space: nowrap; }

.indent        { margin-left: 2em; 
                 text-indent: -2em;
               }

.Autoren       { font-weight: bold; }

.Zitat         { font-style: italic;
                 font-weight: normal;
               }
.Fn            { font-size: 80%;
               }
.Fortsetzung   { margin-top: 0em; 
                 padding-top: 0em; 
               }
.Titel         { padding-bottom: 1em; 
               }
.Trenner       { background-color: white; 
                 color: #9F9F9F;
                 margin-top: 0.5em;
               }

.Kasten        {               
                 margin-top:1em;
                 padding:12px; 
                 border:1px; 
                 border-style: solid; 
                 border-color: gray;
               }

.rot           { color: #990000; }
.grau          { background-color: #E4E6E7; color: black; }
.weiss         { background-color: white;   color: black; }

#Menue .Suche p { background-color: #9F9F9E;
                 color: #FFFFFE; 
                 font-weight: bold; 
               }
#Menue .Suche a:focus,
#Menue .Suche a:hover   { background-color: #DFDFDF; color: #013d1c; font-weight: bold; text-decoration: underline; }
#Menue .Suche p:focus,
#Menue .Suche p:hover   { background-color: #DFDFDF; color: #013d1c; font-weight: bold; }
#Menue .Suche_akut      { background-color: #DFDFDF; color: #013d1c; font-weight: bold; }

.URL,
.Formel        { font-family: "Andale Mono", "DejaVu Sans Mono", "Lucida Sans TypeWriter", "Lucida Console", "Courier New", Courier, monospace;
                 white-space: nowrap 
               }
.Formel        { font-weight: bold; }

.Ort           { font-weight: normal; font-size: larger; font-variant: small-caps; }
.Pflicht       { background-color: white; color: red; }
              
/******************************************************************/
@media print  { 
.nur_drucken    { display: block; visibility: visible; }

#Menue,
#Inhalt_rechts,
.nur_Monitor    { display: none; visibility: collapse; }

.Trenner        { background-color: white; 
                  color: black;
                }

#Kopf           { border: 0; }

#Inhalt,
#Inhalt_mitte   { margin-left: 10%; 
                  width: 80%; 
                }
#Fuss,
#Inhalt,
#Inhalt_mitte   { background-color: white;
                  color: black;
                }
              }

/*******************************************************************
Layout.css  Ende
*******************************************************************/