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

  Project   : Norddeutscher Fundraisingtag
  Copyright : Martin R. Findert

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

/* ### horizontal navigation ########################################### */

#nav_horizontal {
  font-size: 1em;
  position:absolute;
  z-index:999;
  left:145px;
  top:-20px;
  border-width:5px;
  border-style:solid;
  border-color:#0F3975;
}

#nav_horizontal li {
  display:inline;
  border-width:1px;
  border-style:solid;
  border-color:#AAAAAA;
}

#nav_horizontal a {
  color:#0F3975;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFFFFF;
  padding: 0 8px;
}

#nav_horizontal a:hover {
  color:#DDDDDD;
  background-color: #0F3975;
  padding: 0 8px;
}

#nav_horizontal a.current {
  color:#FFFFFF;
  background-color: #0F3975;
  padding: 0 8px;
}

#nav_horizontal a.current:hover {
  background-color: #0F3975;
  padding: 0 8px;
}

/* ### extra item in horizontal navigation ################################# */

#nav_horizontal a.extra {
  color:#B93A25;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFFFFF;
  padding: 0 8px;
}

#nav_horizontal a.extra:hover {
  color:#DDDDDD;
  background-color: #B93A25;
  padding: 0 8px;
}

/* ### left column - general ############################################### */

#leftColumn {
  display:block;
  float:left;
  width:156px;
  background-color:#9DB4D4;
}

#leftColumn p.copy {
  padding-right:4px;
  color:#FFFFFF;
  background: inherit;
  text-align: right;
  margin-top:1.5em;
	margin-bottom:1.2em;
}

#leftColumn p.copy a,
#leftColumn p.copy a:link {
  color: #FFFFFF;
  background: inherit;
  text-decoration: none;
}

#leftColumn p.copy a:hover {
  color: #FFFFFF;
  background: inherit;
  text-decoration: underline;
}

/* ### Logo ############################################################ */

#nav_logos {
}

#leftColumn p.logos {
  color:#0F3975;
  text-align:center;
  font-size:1em;
  font-weight:bold;
  padding:0.2em 0 0 0;
  margin-top:1.5em;
  margin-bottom:0.2em;
  border-top-width:1px;
  border-top-style:solid;
  border-top-color:#0F3975;
}

#logo {
  padding-left:0px;
  padding-right:4px;
  padding-top:2px;
  padding-bottom:2px;
  clear:both;
}

/*### Werbeartikel ################################################### */

#nav_article {
  position:absolute;
  background-color:#F0F0FF;
  color:#0F3975;
  width:152px;
  font-size:0.9em; /* wird in der Navigation nochmals wiederholt, weil sie beim IE sonst nicht wirkt! */
  margin-top:3em;
  padding-top:1px;
}

#nav_article p {
  padding-bottom:5px;
  padding-left:4px;
  padding-right:4px;
}

/* ### Terminartikel ################################################### */

#nav_dates {
  position:absolute;
  background-color:#E4EBFE;
  color:#B93A25;
  width:152px;
  font-size:0.9em; /* wird in der Navigation nochmals wiederholt, weil sie beim IE sonst nicht wirkt! */
  margin-top:34em;
  padding-top:4px;
}

#nav_dates p {
  padding-bottom:5px;
  padding-left:4px;
  padding-right:4px;
}

/* ### vertical navigation - general ################################## */

#nav_vertical_space {
  margin: 0px 4px 4px 0px;
/*  min-height: 13em;  wird jetzt in der Navigation direkt festgelegt */
}
* html body #nav_vertical_space { height: 13em; } /* IE 6 / 5.5 Hack */

#nav_vertical {
  background-color:#FFFFFF;
  padding-bottom: 7px;
}

/* ### vertical navigation - first level ########################## */

#nav_vertical p.nav1st {
  display: block;
  padding:10px 10px 0.5em 10px;  /* top, right, bottom, left */
  font-size:1em;
  text-transform:uppercase;
  font-weight:bold;
  text-align:right;
  color:#0F3975;
  background: inherit;
}

/* ### vertical navigation - second level ########################## */

#nav_vertical ul.nav2nd {
  padding-right:10px;
  font-size:1em;
  font-weight:normal;
  text-align: right;
  text-transform:none;
}

#nav_vertical ul.nav2nd li {
  padding-bottom:1px;
  display:block;
  margin:0;
  border:none;
}

#nav_vertical ul.nav2nd a,
#nav_vertical ul.nav2nd a:link {
  padding:0px 6px 0px 6px;
  color:#0F3975;
}

#nav_vertical ul.nav2nd a:hover {
  padding:0px 6px 0px 6px;
  background-color:#c4d4dc;
  color:#0F3975;
}

#nav_vertical ul.nav2nd li.active a,
#nav_vertical ul.nav2nd li.active a:link {
  background-color:#c4d4dc;
  color:#0F3975;
}