/* stylesheet für www.nationaler-radverkehrsplan.de
   layout druckversion
*/

/*
 * seitenaufbau
 */

body {
  margin:0;
  padding:0;
  background:white;
  color:black;
}

/* erst die angaben für die elemente des seitenkopfes */

/* kopfbereich */
#header {
}

#wortmarke {
  /* bild ist 163px breit, der rest ist abstand */
  width:187px;
  background: white url(/images/wortmarke-bmvbs.gif) no-repeat top left;
  float:left;
  padding:81px 0 0 0;
  margin:7px 0 0 0;
  height:0; overflow:hidden;
}

/* ie-hack: 3px-jog kompensieren */
* html #wortmarke {
  width:184px;
}

/* obere bildleiste */
#logo {
  display:block;
  margin:0; padding:0; height:80px; overflow:hidden;
}

/* schriftzug "fahrradportal" auf der bildleiste */
#schriftzug {
  color:black;
  text-decoration:none;
}

#leiste {
  margin:0 0 0 187px;
  padding:3px 20px 3px 25px;
}

#login {
  float:right;
  width:30%;
  margin:-3px 0 0 0;
  text-align:right;
}

/* ie-hack: login-eingabefelder sollen nicht umbrechen */
* html #login {
  white-space:nowrap;
}

#login form {
  display:none;
}

/* der rest ist 2-3-spaltig */

/* enthält den rest der seite, evtl. rechte spalte hinterlegt */
#container {
  margin:10px 0 0 0; padding:0;
}

#container.margin {
  height:100%;
}

/* in container enthalten, linke spalte hinterlegt */
#container2 {
  border-top:1px solid #030;
  margin:0; padding:0;
}

/* cf. http://www.positioniseverything.net/easyclearing.html
   verhindert, dass die rechte spalte auf der startseite keinen hintergrund
   erhält, der bis unten reicht, wenn der rechte float und der text eine
   geringere höhe als der linke navigations-float haben
   betrifft nicht den ie, dessen fehlerhaftes verhalten ist hier erwünscht */
#container2:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* linke spalte (navigation)*/
#leftContainer {
  display:none;
}

/* mittlere spalte, hält abstand zum rechten und linken float */
#contentContainer {
  margin-top:5px;
}

#content {
  margin:0;
  /* höhenangabe für ie-bug */
  height:100%;
  padding:15px 8px 50px 15px;
}

/* wenn wir rechts eine margin-spalte haben, dort auch abstand halten */
#content.margin {
  margin-right:180px;
}


/* rechte spalte */
#rightContainer {
  float:right;
  width:180px;
  margin:0;
  padding:2px;
  border:1px solid black;
}

/* inhalt der rechten spalte */
#rightColumn {
  padding:5px;
  margin:0;
  overflow:hidden;
  font-size:80%;
  line-height:120%;
}

#rightColumn p {
  margin:0 0 5px 0;
  padding:0;
}

/*
 * navigation
 */

#navigation ul {
  padding:0;
  margin:20px 0 0 0;
  list-style:none inside;
}

#navigation li {
  margin:0; padding:0;
  background:transparent;
  /* ie-hack: verhindert zusätzliche abstände */
  display:inline;
}

#navigation ul ul {
  margin:0; padding:0;
  background:#cae0ca;
}

#navigation a,
#navigation a:link,
#navigation a:visited {
  padding:5px 0 7px 15px;
  color:#030;
  display:block;
  text-decoration:none;
}

#navigation a:hover,
#navigation a:active {
  padding:5px 0 7px 15px;
  border-right:6px solid #074;
  background:#95ba95;
  color:#920505;
}

#navigation a.active {
  padding:5px 0 7px 15px;
  border-right:6px solid #030;
  background:#95ba95;
  color:#920505;
}

#navigation .navigation-disabled {
  padding:5px 0 7px 15px;
  color:#D3DDC3; /*C3DDC3  CADFCB*/
  display:block;
  text-decoration:none;
  text-align:left;
  font-weight:bold;
}

#navigation ul ul a,
#navigation ul ul a:link,
#navigation ul ul a:visited {
  display:block;
  margin:0;
  padding:5px 0 7px 25px;
  color:#030;
  font-size:80%;
  text-decoration:none;
}

#navigation ul ul a:hover,
#navigation ul ul a:active {
  padding:5px 0 7px 25px; /* ie-hack: angabe ist eigentlich redundant */
  border-right:6px solid #007744;
  background:#95ba95;
  color:#920505;
}

#navigation ul ul a.active {
  border-right:6px solid #030;
  background:#95ba95;
  color:#920505;
}

/*
* html #navigation ul li ul {
  border-bottom:12px solid #adccad;
}
*/

#navigation input {
  margin:15px 0 3px 0;
  background:white;
  color:#030;
  padding:1px;
  border:1px solid black;
  width:auto;
  font-size:80%;
}

#navigation form {
  text-align:left;
  padding:0 27px 0 15px;
}

#navigation input.submit {
  background:#cae0ca;
  width:auto;
}

/*
 * footer
 */

#footer {
  padding:6px 0 2px 0;
  text-align:center;
  clear:both;
}

/*
 * allgemeine angaben, content-feld
 */

body {
  font-family:verdana,arial,sans-serif;
  font-size:80%;
  line-height:110%;
}

h1, h2, h3, h4 {
  font-weight:normal;
}

/*
 * formulare (nutzerverwaltung, dokumente)
 */

#documentForms {
  width:80%;
}

.formHeader {
  background-color:#fce5a4;
  font-weight:bold;
  color:#030;
}

.formRowAlternate {
  background-color:#fcf0cf;
}

.formRowSubmit {
  text-align:right;
}

#documentForms table {
  background:#fcf7e7;
  width:538px;
  border:1px ridge #074;
  margin:0 10px 20px 0;
}

.submit  {
  border:1px outset black;
  background:#adccad;
  color:#030;
  width:100px;
}

#documentForms .kopf {
  background:#fce5a4;
  font-weight:bold;
  color:#030;
 }

#documentForms p {
  margin:0; padding:0 0 0 10px;
}

#documentForms textarea,
#documentForms input {
  font-size:100%;
}

/*
 * margin (neuigkeiten und termine)
 */

#neuigkeiten .neuigkeit {
  margin:0 0 8px 0;
}

#neuigkeiten .datum {
  display:inline;
  padding:2px;
  background:#fce5a4;
  font-weight:bold;
  color:#030;
  margin:0;
}

#neuigkeiten .title {
  margin:0 0 8px 0;
}

/*
 * neuigkeiten und termine im content-feld
 */

#content .contact-admin {
  float:right;
  font-style:italic;
}

#content td.contact-admin {
  text-align:right;
}

#content .kopf {
  background:#fce5a4;
  font-weight:bold;
  color:#030;
 }

#content .monat  {
  background:#fce5a4;
  font-weight:bold;
  color:#030;
  padding:5px;
  margin:0 20px 10px 0;
  float:right;
}

#neuigkeiten .neuigkeit {
  margin:0 0 30px 0;
}

#neuigkeiten .datum {
  display:inline;
  padding:2px 2px 0 2px;
  line-height:140%;
  background:#fce5a4;
  font-weight:bold;
  color:#030;
  margin:0;
}

#neuigkeiten .title {
  margin:0;
}

#neuigkeiten .teaser {
  margin:0 200px 0 0;
}

#neuigkeiten .contact-admin {
  float:right;
  font-style:italic;
  margin:-12px 0 0 0;
}

/*
 * links (kategorien)
 */

#linksCategories {
  background:#fcf7e7;
  border:1px ridge #074;
  margin:0 10px 20px 0px;
}

#linksCategories ul {
  padding:0; margin:0;
  list-style:none;
}

#linksCategories li {
  margin:0;
  list-style:none;
  padding:0 0 2px 10px;
}

#linksCategories li.even,
#linksCategories li.odd {
  padding:3px 0 2px 10px;
  font-weight:bold;
  list-style:none;
}

#linksCategories ul li {
  font-weight:normal;
}

#linksCategories li.odd {
  background-color:#fcf0cf;
}

#linksCategories a {
  padding:0; margin:0;
}

/*
 * links (liste)
 */

#linksList ul {
  margin:0;
  padding:0;
}

#linksList ul li ul {
  padding:0 0 0 10px;
}

#linksList li.topCategories {
  margin:0;
  background-color:#FCF7E7;
  border:1px ridge #074;
  padding:5px;
  margin:0 10px 20px 0;

}

#linksList li.topCategories,
#linksList li.categories {
  list-style:none;
}

#linksList li.categories {
  padding:5px 5px 5px 20px;
}

#linksList li .category {
  color:#074;
  font-size:16px;
  font-weight:normal;
  line-height:18px;
  margin:0;
}

#linksList li li .category {
  font-size:14px;
  line-height:16px;
}

#linksList ul.links {
  padding:0 0 0 30px;
  list-style-image:url(/images/li.gif);
}

#linksList a.linkToTop {
  /* 18 x 12 px */
  width:18px;
  display:block;
  height:0;
  padding:12px 0 0 0;
  background:url(/images/up.gif) no-repeat;
  overflow:hidden;
  float:right;
}


/*
 * verschiedenes...
 */

#termine .title {
  margin:0 0 8px 0;
}

/* Tabellen(farben), Abstaende etc. */

table.termin {
  background:#fcf7e7;
  /* width:100%; */ /* warum soll er nicht so gross sein, wie er sein will? */
  border:1px ridge #074;
  margin:0 0 20px 0;
}

td.termin {
  padding:5px 5px 10px 5px;
}

/* wofür steht denn th??? warum td.kopf??? */
th, td.kopf {
  background-color:#fce5a4;
  font-weight:bold;
  color:#030;
  text-align:left;
}

.admin {
  background-color:#074;
  color:white;
}