/* JUGEND & SCHULE */
/* ************** */

/* History */

#history strong {
  color: #0081b9;
}
/* Kontextnavigation */

.kontextnavigation_headline {
  color: #0081b9;
}
.kontextnavigation_headline a, .kontextnavigation_headline a.off {
  background-color: #e9f6fc;
  background-image: url(/images/pfeil_quadrat_nach-unten_jugend-schule_neu.gif);
  color: #0081b9;
}
.kontextnavigation_headline a.on {
  color: #fff;
  background-color: #0081b9;
  background-image: url(/images/pfeil_quadrat_nach-oben_jugend-schule_neu.gif);
}
.kontextnavigation_links ul li a {
  background-color: #e9f6fc;
  color: #0081b9;
  border-color: #0081b9;
}
.kontextnavigation_links ul li a:hover {
  background-color: #d5eef9;
}
.kontextnavigation_links ul li a.aktiv {
  background-color: #d5eef9;
  border-color: #0081b9;
}

/* 2.Ebene */

.kontextnavigation_links ul li ul {
  border-color: #0081b9;
}
.kontextnavigation_links ul li ul li a {
  background-color: #d5eef9;
  background-image: url(/images/pfeil_untermenue_jugend-schule.gif);
}
.kontextnavigation_links ul li ul li a.aktiv {
  background-color: #d5eef9;
}



/* Boxen Portal */

#box_jugend-schule {
  font-size: 80%;
  height: 100%;
  overflow: hidden;
  margin-left: 30px;
  width: 660px;
}
#box_jugend-schule_headline {
  font-size: 160%;
  background-color: #fff;
  color: #000;
  font-weight: normal;
  height: 30px;
}
#box_jugend-schule_headline strong {
  font-weight: normal;
}
#box_jugend-schule_inhalt {
  overflow: hidden;
  width: 100%;
  background-image: url(/images/jugend-schule_titel_hintergrund.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #24a4df;
  color: #fff;
}
#box_jugend-schule_bild {
  float: left;
}
#box_jugend-schule_text {
  float: left;
  padding: 15px 10px 0 10px;
  font-weight: bold;
  line-height: 140%;
  width: 220px;
}
#box_jugend-schule_text p {
  margin: 0 0 1em 0;
}

/* Standard-Boxen - Farbanpassungen */

/* Box Subportal (Titelbox für z.B. Handlungsfelder) */

#subportal #history {
  margin-left: 30px;
}
#box_subportal {
  background-color: #0081b9;
  color: #fff;
}

/* Boxen */

.box .box_reiter ul li a {
  color: #0081b9;
  border-color: #0081b9;
}
.box .box_reiter ul li a.aktiv, .box .box_reiter ul li a.aktiv:hover {
  background-color: #24a4df;
  border-color: #24a4df;
}
.box .box_reiter ul li a:hover {
  background-color: #d5eef9;
}
.box .box_headline {
  color: #0081b9;
}
.box .box_subheadline {
  background-color: #0081b9;
}

/* Teaser in Box */

.box .box_teaser .box_text a strong {
  color: #0081b9;
}



/* Seite mit Downloads */
#seite_downloads .headline {
  background-color: #0081b9;
  color: #fff;
}
.downloads .box_downloadliste .box_text strong {
  color: #0081b9;
}



/* Box mit den letzten Blog-Beiträgen */
#box_blog {
  margin: 30px 0 0 30px;
}
.box_blog_headline {
  height: 100%;
  overflow: hidden;
  padding-bottom: 7px;
}
.box_blog_headline_sp1 {
  float: left;
  font-size: 95%;
  color: #e75012;
}
.box_blog_headline_sp2 {
  float: right;
  text-align: right;
  font-size: 80%;
  font-weight: bold;
  color: #777;
  padding-top: 1px;
}
#box_blog_inhalt {
  background-color: #f2f2f2;
  background-image: url(/images/box_blog_hintergrund.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  overflow: hidden;
  height: 100%;
  overflow: hidden;
}
#box_blog_inhalt_sp1 {
  float: left;
}
#box_blog_inhalt_sp2 {
  float: left;
}
#box_blog_inhalt_sp3 {
  float: left;
}
.scrollable {
    position: relative;
    overflow: hidden;
    width: 630px;
    height: 50px;
}
.scrollable .items {
    width: 20000em;
    position: absolute;
}
#box_blog_inhalt_sp1 a,
#box_blog_inhalt_sp3 a
{
  display: block;
  height: 50px;
  width: 15px;
  background-color: #c6c6c6;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
#box_blog_inhalt_sp1 a {
  background-image: url(/images/pfeil_scrollable_prev.gif);
}
#box_blog_inhalt_sp3 a {
  background-image: url(/images/pfeil_scrollable_next.gif);
}
#box_blog_inhalt_sp1 a:hover,
#box_blog_inhalt_sp3 a:hover
{
  background-color: #000;
}
#box_blog_inhalt_sp1 a.disabled,
#box_blog_inhalt_sp3 a.disabled,
#box_blog_inhalt_sp1 a.disabled:hover,
#box_blog_inhalt_sp3 a.disabled:hover
{
  background: none;
  background-color: #c6c6c6;
  cursor: default;
}
.blog_beitrag {
  /*padding: 10px;
  padding-top: 8px;*/
  margin: 15px;
  margin-top: 5px;
  width: 600px;
  float: left;
}
.blog_beitrag_headline {
  font-size: 70%;
  line-height: 170%;
}
.blog_beitrag_headline strong {
  font-size: 125%;
  color: #e75012;
}
.blog_beitrag_text {
  font-size: 80%;
  line-height: 140%;
  padding-top: 5px;
}
.blog_beitrag_text p {
  margin: 0;
  padding: 0;
}
.blog_beitrag_text a {
  color: #e75012;
  text-decoration: none;
  font-weight: bold;
}
.blog_beitrag_text a:hover {
  text-decoration: underline;
}



/* KARTE DER BLOGUSER */

/* Karte */

#blogkarte {
}
#blogkarte_karte {
  overflow: hidden;
  position: relative;
  width: 660px;
}
#blogkarte_karte #karte_bild {
  background-color: #e2f4ff;
  background-image: url(/images/hintergrund_raster.gif);
  overflow: hidden;
}

/* Fähnchen, Info */

#blogs_in_karte {
  font-size: 70%;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 660px;
  height: 420px;
}
.bloguser {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}
.bloguser .link {
}
.bloguser .text {
  background-image: url(/images/hintergrund_rot_70prozent.png);
  color: #fff;
  /*font-weight: bold;*/
  padding: 5px;
  width: 240px;
  overflow: hidden;
  margin-left: 20px;
  display: none;
  height: 100%;
}
#blogs_in_karte .text_links .text {
  position: relative;
  left: -260px;
}
.bloguser .text_sp1 {
  float: left;
  overflow: hidden;
  height: 100%;
  margin-right: 5px;
}
.bloguser .text_sp2 {
  overflow: hidden;
  height: 100%;
}

/* Legende */

#blogkarte_karte #legende {
  font-size: 70%;
  color: #3f9600;
  margin-top: 10px;
}
#blogkarte_karte #legende .legende_info {
  float: left;
  margin-right: 30px;
}
#blogkarte_karte #legende .legende_info img {
  float: left;
  margin-right: 7px;
  margin-top: -1px;
}