/* StyleSheets für den SPD-Ortsverein Obercastrop */
/* erstellt von AKFoerster */

body {
  font-family:sans-serif;
  font-size:medium;
  }

div.Kopf { 
   text-align:left; 
   overflow:hidden;
   }

h1, h2 {
    text-align:center;
    font-family:sans-serif;
    font-weight:bold;
    }

div.separat h2 { clear:both; }

a img { border:none; }

.news h2 {
    text-align:left;
    font-family:sans-serif;
    font-weight:bold;
    }

.fehler { font-weight:bold; }

hr {
  border-style:outset;
  border-width:medium;
  }

small {
  font-size:x-small;
  }

a:link, a:visited {
  text-decoration:none;
  }

a:hover, a:active, a:focus {
  text-decoration:underline;
  }

ul {
    list-style-type:square;
    list-style-image:url(bilder/bullet.png);
    }

ul.verzeichnis ul { list-style-image:url(bilder/info.png); }

ul.verzeichnis {
  /* list-style-image:url(bilder/ofldr.png); */
  list-style:square;
  list-style-image:url(bilder/bullet.png);
  }

img.links {
  margin:1ex 1em;
  float:left;
  }

img.mitte {
  margin:1ex 1em;
  text-align:center
  }

div.Bild {
  margin:1ex 1em;
  text-align:center;
  font-family:sans-serif;
  font-size:x-small;
  }

.block  { text-align:justify; }
.mittig, .zentriert { text-align:center; }
.rechts { text-align:right; }

table.mittig, table.zentriert { 
  text-align:center; margin-left:auto; margin-right:auto; }

.wichtig { font-weight:bold; }

p { text-align:justify; text-indent:2ex; }

table.Person th {
  text-align:left;
  vertical-align:top;
  font-weight:bold;
  }

table.Person th,
table.Person td {
  padding-bottom:1ex;
  }

img.logo {
  margin-top:1ex;
  margin-bottom:1ex;
  }

/* div.Inhalt { margin-left:180px; } */

div.Fuss { height:31px; }
div.Fuss img { border:0; float:right; }

div.Menue {
  font-family:sans-serif;
  font-size:10px;
  background:#01016C;
  color:#fff;
  text-align:center;
 
  position:absolute;
  top:4em;
  left:0px; 
  width:180px;
  }

div.Menue a, a.Knopf {
  border-style:outset;
  border-width:medium;
  border-color:#a00;
  margin-top:12px;
  margin-bottom:0px;
  margin-left:2em;
  margin-right:2em;
  text-align:center;
  text-decoration:none;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  padding:4px;
  }
  
div.Menue a {
  display:block;
  overflow:hidden;
  }

div.Menue a:link, div.Menue a:visited,
a.Knopf:link, a.Knopf:visited {
  color:#fff;
  background-color:#a00;
  border-style:outset;
  border-width:medium;
  border-color:#a00;
  }

div.Menue a:hover, a.Knopf:hover {
  color:#fff;
  border-width:medium;
  background-color:#f00;
  border-style:outset;
  border-width:medium;
  border-color:#f00;
  }

div.Menue a:active, a.Knopf:active {
  color:#fff;
  background-color:#f00;
  border-style:inset;
  border-width:medium;
  border-color:#f00;
  }

div.Webdesign small {
  font-family:sans-serif;
  font-size:10px;
  text-align:center;
  }
 
select {
  color:#fff;
  background-color:#a00;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  }

/* ---------------------------------------------- */

html {
  background-color:#01016C;
  color:black;
  }

body {
  margin-left:185px;
  margin-right:5%;
  margin-top:5%;
  margin-bottom:5%;
  max-width:80em;
  padding:2em;
  color:black;
  background-color:white;
  }

a:link, a:active, a:visited {
  color:blue;
  background-color:transparent;
  text-decoration:none;
  }

a:hover, a:focus {
  color:white;
  background-color:#a00;
  text-decoration:none;
  }

a.Bild:link, a.Bild:active, a.Bild:visited, a.Bild:hover, a.Bild:focus {
  background-color:transparent;
  }

a.nichts:link, a.nichts:active, a.nichts:visited,
a.nichts:hover, a.nichts:focus {
  text-decoration:line-through;
  }

h1 {
    color:#fff;
    background-color:#a00;
    text-align:center;
    font-family:sans-serif;
    font-weight:bold;
    padding:12px;
    margin:1em 7%;
    overflow:hidden;
    border-style:outset;
    border-width:medium;
    border-color:#a00;
    }

hr {
    border-color:#a00;
   }

.news h2 .date {
    color:white;
    background-color:#a00;
    }

.fehler { color:red; }

table.spd th {
    padding:.5ex;
    color:#fff;
    background-color:#a00;
    text-align:center;
    font-weight:bold;
    }

table.spd td {
    padding:.5ex;
    color:#fff;
    background-color:#01016C;
    text-align:left;
    font-weight:normal;
    }

div.spd p:first-letter {
    font-size:150%;
    font-family:serif;
    font-weight:bold;
    color:#fff;
    background-color:#a00;
    padding:3px;
    }

div.Interview p.Frage {
         font-style: italic;
         background-color:#ddd;
         padding:1ex;
         }

div.Interview span.Person { 
                   font-weight:bold;
                   color:white;
                   background-color:#a00;
                   }


.wichtig { color:#F88; }

ul {
    list-style-type:square;
    list-style-image:url(bilder/bullet.png);
    }

dt {
    color:white;
    background-color:#a00;
    }

dd {
    color:white;
    background-color:#01016C;
    }

div.zurueck {
    clear:both;
    display:block;  /* allgemein auf none gesetzt */
    font-size:x-small;
    text-align:center;
    background-color:#a00;
    color:black;
    padding:5pt;
    }

div.zurueck a {
    color:white;
    background-color:transparent;
    }

@media print {

  body {
    margin-top:0px;
    margin-left:0px; 
    margin-right:75px;
    max-width:none;
    }

  h1 { border-style:none; }
  
  hr { border-color:#000; }

  a.Knopf { display:none; }

  div.zurueck {
    clear:both;
    display:none;
    }

  div.Fuss { display:none; }

  div.Menue { display:none; }

  div.Kopf { display:none; }

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


/* ungetestet */

@media aural {
  body, noframes {
    voice-family:female;
    volume:medium;
    speak-numeral:continuous;
    }
  }