/* 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-bmvbw.png) 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;
}