/* +++  Styles für www.bit-informationsdesign.de +++++++++++++++ */
/* +++  haupt.css - Layout und Navigation für Textseiten +++++++ */
/* +++  copyright BIT GmbH Hamburg 2005  +++++++++++++++++++++++ */

/* +++  Version 1 von Eberhardt Jeske 4.9.2005  ++++++++++++++++ */
/* +++  Stand bbj 17.05.2006  ++++++++++++++++++++++++++++++++++ */


/* +++  Content-Elemente  +++++++++++++++++++++++++++++++++++ */

  #content h1, #content h2, h3, h4, h5, h6 {
color:#436A87;
font-weight:bold;
}

  #content h1 {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.5em;
letter-spacing:.1em;
padding-bottom:.25em;
margin: 0 0 .25em 0;
}

  #content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.3em;
letter-spacing:.05em;
padding: 0;
margin: 2em 0 .5em 0;
}

  h3, h4 {
font-size: 1em;
padding: 0;
margin: 1em 0 .3em 0;}

  #content p {
line-height:1.33em;
margin: 0 0 .5em 0;
}

  #content ol {
list-style-type:decimal;
padding:0 0 0 2em;
margin:.3em 0;
}
  ol.roman {
list-style-type:upper-roman !important;
padding-left:3em !important;
}
  #content ul {
list-style-type:disc;
padding:0 0 0 1.5em;
margin:.3em 0;
}

  #content ul li, #content ol li {padding:0 0 .25em 0;}

  ul.ohne {padding:0;}

  ul.ohne li {
list-style-type:none;
margin-left:-1.5em;
}
hr {
margin:1em 0;
width:100%;
height:1px;
border-bottom:1px solid #ff9933;
color:#ff9933;
}

/* +++  Absatztypen  +++++++++++++++++++++++++++++++++++ */
  #abstract {
font-size:90%;
text-align:justify;
padding-bottom:1.5em;
}

  p.wichtig {
font-size:90%;
font-weight:bold;
}
  h4.wichtig {
color:#80a349;
}
/* +++  Marginalien  +++++++++++++++++++++++++++++++++++ */
  div.marginal {
width:11.8em;
margin-left:-210px;
margin-top:-1.33em;
float:left;
}

  .marginal ul {
/*border:1px solid black;*/
padding:0;
list-style:none;
}

  .marginal ul li {
display:inline;
list-style:none;
}


/* +++  Kästen  +++++++++++++++++++++++++++++++++++ */
  div.kastenlinks {
float:left;
width:45%;
padding:4px;
margin-right:6px;
margin-bottom:2em;
}

  .kastenlinks p {
padding-left:6px;
border-left:1px solid #436a87;
}
  /* +++  Bilder  +++++++++++++++++++++++++++++++++++ */
img.bildrechts {
float:right;
margin:0 0 6px 6px;
}

  div.textbild {
margin:24px 0;
font-size:87%;
}

  p.capoben {
text-align:left;
border-top:1px solid #80a349;
padding-bottom:8px;
color:#80a349;
}

  div.bildrechts {
/*width lokal entsprechend Bildgröße*/
float:right;
padding:0;
}
  .bildrechts img {
margin:0 0 4px 12px;
padding:0;
}
  p.capunten, p.capzwischen {
text-align:right;
margin:0;
padding-right:8px;
color:#80a349;
}

  p.capunten {clear:both;}

  .capunten a:link, .capunten a:visited,
  .capzwischen a:link, .capzwischen a:visited {
color:#80a349 !important;
font-weight:normal !important;
}


/* +++  Tabellen  +++++++++++++++++++++++++++++++++++++++ */

  dl.news {}

  .news dt {/*  Schrift wie h3  */
margin:2em 0 0 0;
font-weight: bold;
color:#436A87;
font-size: 1em;
  }

  dl.tab {
width:100%;
width: 29em;
margin: 1.5em 0 2em 0;
}

  .tab dt {
width:30%;
width: 10em;
float: left;
margin: .25em 0 .25em 0;
font-weight: bold;
color:#436A87;
}

/* commented backslash hack for mac-ie5 \*/
  dt { clear: both; }
/* end hack */

  .tab dd {
float: left;
width: 19em;
margin: .25em 0 .25em 0;
}

  table {
font-size: .97em;
line-height:1.2em;
border-collapse: collapse;
margin: 20px;
}

  th {color:white; }

  th.zeit { width: 20%; }
  th.beschreibung { width: 80%; }


  td {
text-align:left;
vertical-align:top;
padding:8px;
}

  td.zeit {
text-align:right;
font-weight: bold;
color:#6e7376;
}

  td p {
margin:0;
padding:0;
}

  tr.break { height: 2.5em; }

  tr.break td {
font-weight: bold;
border-bottom: 1px solid #80a349;
vertical-align: bottom;
text-align: left;
padding-bottom:4px;
}

  tr.block td {
border-top: 1px solid #80a349;
}


/* +++  Formulare  +++++++++++++++++++++++++++++++++++++++ */

  .edit, .push {
border: 1px solid #436a87;
padding:2px;
font-size:1.1em;

}