/*-----------------------------------------------------------------------------
  basic.css             cr: 2004-04-28  lu: 2004-12-01

  Style-Angaben fuer www.elke-opper.de

  2004-04-28  OPP  Erstellung
-----------------------------------------------------------------------------*/

/*----- Hintergrund -----*/

body {
  background: #fff8dc;
  color: #000000;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0
}

div#head {
  line-height: 2.5em;
  margin: 0 2em;
  padding: 1em 0;
  border: 0;
  background: #90ee90 url(images/bg_head.jpg) 100% 0% no-repeat
}

div#head h1 {
  margin: 0;
  padding: 0 1em;
  text-align: left;
  font-size: 2em;
  font-weight: bold;
  color: #006400
}

div#head h1 span {
}

/*----- Menue -----*/

div#menu {
  padding: 0.5em 2em;
  margin: 0 2em;
  border-top: 1px solid #ff8000;
  border-bottom: 1px solid #ff8000
}

div#menu h4 {
  display: none;
}

div#menu a {
  font-size: 1.1em;
  color: #000000;
}

div#menu a:hover {
  background: #ffdab9;
  text-decoration: none
}

div#menu a.this {
  background: #90ee90;
  text-decoration: none
}

div#menu a:hover.this {
  cursor: default
}

/*----- Submenue -----*/

div#submenu {
  padding: 0.5em 2em;
  margin: 0 2em;
  border-top: 1px solid #ff8000;
  border-bottom: 1px solid #ff8000
}

div#submenu h4 {
  display: none;
}

div#submenu a {
  font-size: 1.1em;
  color: #000000;
}

div#submenu a:hover {
  background: #ffdab9;
  text-decoration: none
}

div#submenu a.this {
  background: #90ee90;
  text-decoration: none
}

div#submenu a:hover.this {
  cursor: default
}

/*---- Inhalt ----*/

div#content {
  margin: 0 2em 0 50px;
  padding: 0;
  background: transparent
}

div#content h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.83em 0 0.83em 0;
  padding: 0 0.5em 0;
  border: 0;
  border-left: 0.8em solid #cc0033;
  background: transparent
}

div#content h2 span {
  border-bottom: none
}

div#content h3 {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ff8000;
  font-size: 1.1em;
  font-weight: bold;
}

div#content h3 span
{
  display: block;
  float: left;
  width: 9.5em;
  margin: 0 1em 0 0;
  padding: 0.5em;
  background: #ffdab9
}

div#content h4 {
  margin-left: 12.5em;
  font-size: 1em;
  font-weight: bold
}

div#content h4 span {
  border-bottom: 1px solid #ffe4c4
}

div#content h5 {
  float: right;
  margin-top: -2.75em;
  font-size: 0.8em;
  font-weight: normal
}

div#content p, div#content ul, div#content ol, div#content dl {
  line-height: 1.5em;
  margin: 1em 0 1em 12.5em
}

div#content table ul {
  margin: 0
}

div#content table li {
  list-style-type: none;
  margin-left: -2.5em;
}

div#content pre {
  margin: 0;
  padding: 1em 0 0;
  border: 1px dashed #87cefa;
  background: #ffffe0
}

div#content a[href^="http"]:before {
/*content: "\2197"*/
  content: url(images/extern.png)
}

div#content a:link {
  color: #0000ff;
  text-decoration: underline
}

div#content a:visited {
  color: #660099;
  text-decoration: underline
}

div#content a:hover {
  color: #000000;
  background: #ffdab9;
  text-decoration: none
}

/*---- News ----*/

div#news {
  float: right;
  width: 15em;
  margin: 0 2em;
  padding: 0
}

div#news h2 {
  font-size: 1.2em;
  border-bottom: 1px solid #ff8000
}

div#news h3 {
  font-size: 1.1em;
  padding: 0 0.5em;
  border-left: 3px solid #ff0000
}

div#news p {
  line-height: 1.5em
}

div#news a {
  float: right
}

div#news a:link {
  color: #0000ff;
  text-decoration: underline
}

div#news a:visited {
  color: #660099;
  text-decoration: underline
}

div#news a:hover {
  color: #000000;
  background: #ffdab9;
  text-decoration: none
}

/*---- Fusszeile ----*/

div#foot {
  padding: 0.5em 1em;
  margin: 0 2em 1em;
  border-top: 1px solid #ff8000;
  border-bottom: 1px solid #ff8000;
  color: #000000;
  clear: both
}

div#foot a {
  font-size: 1.1em;
  color: #000000;
}

div#foot a:hover {
  background: #ffdab9;
  text-decoration: none
}

p.id {
  float: right;
  margin: 0;
  padding: 0;
  font-size: 0.8em
}

/*----- Navigation innerhalb der Seiten  -----*/

div#content .navi {
  margin: 1em auto;
  text-align: center
}

div#content .this {
  background-color: #87cefa
}

/*----- Eingabefelder -----*/

form {
  margin: 1em 12.5em
}

legend {
  font-weight: bold
}

input,textarea {
  font-family: Verdana, sans-serif;
  font-size: 100%
}

input:focus, textarea:focus {
  background: #ffefd5
}

.input label {
  display: block;
  margin: 1em 0 0
}

input.button {
  width: 7em;
  margin: 1em 0 0.5em 0
}

.error {
  font-weight: bold;
  color: #b22222
}

/*----- Images -----*/

img {
  margin: 0.83em
}

a img {
  border-width: 1px
}

a:hover img {
  border-color: #ff0000
}

/*----- Textfluss -----*/

.left {
  float: left
}

.right {
  float: right
}

.middle {
  vertical-align: middle
}

.next {
  clear: both;
  overflow: hidden;
  height: 1px
}

/*----- Trenner -----*/

hr {
  margin-left: 0;
  border-top: 1px solid #808080
}

hr.noshade {
  background: #808080
}

/*----- Tabellen -----*/

table {
  clear: both;
  width: 80%;
  margin: 1em 0 1em 12.5em;
  border: 0 none
}

table.info {
  border: 0 none
}

table.info tr {
  border: 0 none
}

table.info th {
  padding: 0 0 0.5em 0;
  border: 0 none;
  text-align: left;
  font-size: 1.2em
}

table.info td {
  padding: 0.5em;
  border: 0 none;
  vertical-align: top
}

table.info td.col1 {
  width: 10%;
  font-weight: bold;
  text-align: right
}

/*----- sonstige Formatierungen -----*/

.small {
  font-size: 0.8em
}

.email {
  letter-spacing: -0.12em
}