/**********************************************************************************
 * Stylesheet www.hauptstadtdetektei.de
 * (c) 2004 CEAW, Stand: 09.08.2008
 */

/* Alle (xhtml 1.0 strict!) per CSS erreichbaren Elemente und nicht vererbbaren Attribute auf Default-Werte setzen */
A, ABBR, ACRONYM, ADDRESS, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CITE, CODE, COL, COLGROUP, DD, DEL, DFN, DIV, DL, DT, EM, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, HR, HTML, I, IMG, INS, KBD, LABEL, LEGEND, LI, OBJECT, OL, P, PRE, Q, SAMP, SMALL, SPAN, STRONG, SUB, SUP, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, * {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  float: none;
  clear: none;
  background: transparent;
  vertical-align: baseline;
  list-style-image: none;
  list-style-type: disc;
  list-style-position: outside;
  font-style: normal;
  text-decoration: none;

  /* IE-hack: Vererbung */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  text-align: left;
}

ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, FORM, H1, H2, H3, H4, H5, H6, HR, OL, P, PRE, UL, TABLE, TBODY, TFOOT, THEAD {
  display: block;
}

A, ABBR, ACRONYM, B, BDO, BIG, BUTTON, CAPTION, CITE, CODE, DEL, DFN, EM, I, IMG, INS, KBD, LABEL, LEGEND, OBJECT, Q, SAMP, SMALL, SPAN, STRONG, SUB, SUP, STRIKE, TT, U, VAR {
  display: inline;
}

LI {
  display: list-item;
}

H1, H2, H3, H4, H5, H6, B, CAPTION, STRONG, LEGEND, TH {
  font-weight: bolder;
}

A:link, A:visited, A:hover, A:active {
  text-decoration: underline;
}

PRE, TT, CODE, KBD, SAMP {
  font-family: "courier new", courier, monospace;
}

HTML {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: medium;
  line-height: 1.2;
  word-spacing: normal;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  text-indent: 0;
  white-space: normal;
}

BODY {
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #F6F5EB;
  font-size: 100%; /* IE-hack: Schriftgrad normalisieren */
}

/**********************************************************************************
 * Links
 */
A:link {
  color: #00f;
}
A:visited {
  color: #00f;
}
A:hover {
  color: #990000;
}

/**********************************************************************************
 * Ueberschriften
 */
h1 {
  margin: 0em 0em .2em 0em;
  font-size: 1.2em;
  color: rgb(0,51,153);
}
	
h2 {
  margin: 1em 0em 0em 0em;
  font-size: .9em;
  color: rgb(0,51,153);
}

/**********************************************************************************
 * Fliesstext
 */
p {
  margin: .5em 0em .3em 0em;
  text-align: left;
}

ul {
  display: block;
}

li {
  list-style-position: outside;
  list-style-image: url(images/pfeil_rechts.gif);
  list-style-type: square;
  padding: .2em;
}

/**********************************************************************************
 * Regionen
 */

/**********************************************************************************
 * Linker Navigationsbereich
 */

#navarea {
  width: 12em;
  color: #fff;
  right: 0em;
  top: 0em;
  padding: 0em 0em 0em .5em;
  margin: 0em;
  background-color: #F6F5EB;
}

  /* Logo */
  #navarea #logo {
    height: 2em;
    width: 12em;
    margin-bottom: .2em;
    padding: .5em .5em .5em .1em;
    background-color: #001A4D;
    font-size: 1.3em;
    font-weight: bold;
  }
  
  #navarea #logosub {
    height: 2.8em;
    width: 12em;
    padding: 0em;
    background-color: #D7D7F0;
    background-position: bottom left;
    background-image: url("images/ecke_unten_links.gif");
    background-repeat: no-repeat;
  }
  
  #logo_image {
    position: absolute;
    left: .3em;
    right: 0em;
    top: .2em;
    width: 12em;
    text-align: center;
    vertical-align: middle;
  }
  
  /* Hauptnavigation */
  /* Header */
  #navarea .navheader {
    display: block; /* Zeilenumbruch bei jedem Menueeintrag */
    white-space: nowrap; /* Jedoch die Menueeintraege selbst nicht umbrechen */
    padding: .3em;
    margin-top: 1.5em;
    background-position: top right;
    background-image: url("images/ecke_oben_rechts.gif");
    background-repeat: no-repeat;
    background-color: #7091B3;
    font-size: .7em;
    font-weight: bolder;
    text-decoration: none;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}

  /* Content */
  #navarea .navcontent {
    display: block; /* Zeilenumbruch bei jedem Menueeintrag */
    padding: .3em .3em 1.2em .3em;
    margin: 0em 0em .3em 0em;
    background-color: #D7D7F0;
    font-size: .7em;
    color: #000;
    border-right:solid 2px #C2C2AE;
    border-bottom:solid 2px #C2C2AE;
}

  #navarea .navcontentli {
    display: block; /* Zeilenumbruch bei jedem Menueeintrag */
    padding: .3em .3em 1.2em 1.5em;
    margin: 0em 0em .3em 0em;
    background-color: #D7D7F0;
    font-size: .7em;
    color: #000;
    border-right:solid 2px #C2C2AE;
    border-bottom:solid 2px #C2C2AE;
}

/* Links */
#navarea .navcontentli a {
  cursor: pointer;
  text-decoration: none;
}

#navarea .navcontentli a:hover {
  color: #990000;
  text-decoration: underline;
}
#navarea .navcontent a {
  cursor: pointer;
  text-decoration: none;
}

#navarea .navcontent a:hover {
  color: #990000;
  text-decoration: underline;
}

.selected {
  color: #990000;
  font-weight: bold;
}


/**********************************************************************************
 * Hauptbereich
 */

#mainarea {
  position: absolute;
  left: 12.5em;
  right: 0em;
  top: 0em;
  color: #000;
  background-color: #F6F5EB;
}

    /* Identitaetsbereich */
    #mainarea #identity {
      height: 2em;
      padding: .5em .5em .5em 1em;
      margin-bottom: .2em;
      font-size: 1.3em;
      font-weight: bold;
      background-color: #001A4D;
      color: #FFB340;
    }
    
    #mainarea #identitysub {
      font-size: .7em;
      height: 4em;
      padding-left: 2em;
      color: #000;
      background-color: #D7D7F0;
    }
    
    #identitysub h1 {
      font-size: 1.5em;
      padding-bottom: 0em;
      color: #000;
    }
    
    #identitysub p {
      font-size: 1em;
      padding-top: 0em;
    }


/* Inhaltsbereich */
#mainarea #content {
  margin: .3em 0em .3em .3em;
  padding: 1.5em;
  font-size: .8em;
  background-color: #FFF;
}

#mainarea #content #path {
  margin: 0em 0em 1em 0em;
}

/* Links */
#mainarea #content a {
  cursor: pointer;
  text-decoration: none;
}

#mainarea #content a:hover {
  text-decoration: underline;
  color: #990000;
}

#mainarea #content .gotop {
  text-align: right;
}

/* Formulare */
#mainarea #content fieldset {
  padding: 1em;
  border: #999 1px solid;
}
#mainarea #content input, textarea, select {
  border: #789 1px inset;
  color: #006;
  background-color: #fffff8;
}
#mainarea #content .button {
  text-align: center;
  border: #789 1px outset;
  background-color: #fffff8;
}
#mainarea #content .inputbox {
  border: none;
  background-color: transparent;
}

/* Fusszeile */
#mainarea #footer {
  padding: .5em;
  text-align: right;
  font-size: .8em;
}
#mainarea #footer span {
  display: block;
  text-align: right;
}

.black {
  color: #000;
}