@charset "utf-8"; /* charset festlegen */
/* ************************************************ */
/* DATEI: gdnrw_GRID_infobox.css                    */
/* Style für Seiten des GD NRW                      */
/* ************************************************ */
/* "#" -> "id"-Selektor; "." -> "class"-Selektor    */
/* top, right, bottom, left                         */
/* ************************************************ */

/* ------------------------------------------------ */
/* --- Infobox ----------- */
.infobox {
  background-color: #DCDCDC;
  color: #333333;
  /*
  */
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 5px 0px;
  border: 0px solid #999999;
}

.grid_artikel_1 .infobox {
  background-color: #E9E9E9;
}

.infobox_nur_bild {
  color: #333333;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #DCDCDC;
  border: 0px solid #999999;
}

.infobox h2 {
  font-size: 1.05em;
  font-weight: bold;
  letter-spacing: normal;
  color: #333333;
  background-color: transparent;
  margin: 0px 10px 0px 10px;
  padding: 10px 0px 5px 0px;
  text-align: left;
  vertical-align: middle;
  /*
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 2.0em;
  color: #FF6633;
  background-color: #DDDDDD;
  margin: 5px 0px 5px 0px;
  padding: 5px 15px 4px 5px;
  border-top: 1px solid #999999;
  text-align: left;
  vertical-align: middle;
  background-image:url("../image/gd_logo2.gif");
  background-repeat:no-repeat;
  background-position: center right;
  */
}

.infobox p {
 text-align: left;
 margin: 0px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 /* 
 text-align: justify;
 */
}

.infobox p.stopsize {
  max-width: 280px;
}


.infobox p.bildunterschrift,
.infobox_nur_bild p.bildunterschrift {
  font-size: 0.9em;
  font-style: italic;
  color: #666666;
  width: 95%;
  margin: 0px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  overflow: auto;
  /*
  border:0px solid #999999; 
  */
}

.infobox ul {
  list-style-type: none;
  text-indent: 0px;
  margin: 5px 5px 5px 10px;
  padding: 0px 0px 0px 0px;
}
.infobox li { /* jedes Element li unterhalb von ul.ul_kontakt */
  color: #666666;
  font-size: 0.9em;
  padding: 0px 0px 4px 0px;
  letter-spacing: 0px;
}

.infobox img {
  /* 
  border:1px solid #999999;
  padding-top: 5px;
  */
  width: 100%;
  height: auto;
}

.infobox img.stopsize {
  max-width: 300px;
}


/* ---------------------------------------------------------- */
/* --- Themen - Hintergrundfarben --- */
.themenfarbe_startseite,
.themenfarbe_produkte,
.themenfarbe_boden,
.themenfarbe_geologie,
.themenfarbe_rohstoffe,
.themenfarbe_grundwasser,
.themenfarbe_erdwaerme,
.themenfarbe_geogefahren {
  width: 100%;
  /* 
  height: 5px; 
  */
  border-top-width: 8px;
  border-top-style: solid;
}

@media only screen and (min-width: 768px) {
  .themenfarbe_startseite,
  .themenfarbe_produkte,
  .themenfarbe_boden,
  .themenfarbe_geologie,
  .themenfarbe_rohstoffe,
  .themenfarbe_grundwasser,
  .themenfarbe_erdwaerme,
  .themenfarbe_geogefahren {
    width: 100%;
    /* 
    height: 20px; 
    */
    border-top-width: 20px;
    border-top-style: solid;
  }
}

@media only screen and (min-width: 1366px) {
  .themenfarbe_startseite,
  .themenfarbe_produkte,
  .themenfarbe_boden,
  .themenfarbe_geologie,
  .themenfarbe_rohstoffe,
  .themenfarbe_grundwasser,
  .themenfarbe_erdwaerme,
  .themenfarbe_geogefahren {
    width: 100%;
    /* 
    height: 30px; 
    */
    border-top-width: 30px;
    border-top-style: solid;
  }
}


.themenfarbe_startseite {
  border-top-color: #BBBCBE;
}
.themenfarbe_produkte {
  border-top-color: #FFFFFF;
}
.themenfarbe_boden {
  border-top-color: #8BB470;
}
.themenfarbe_geologie {
  border-top-color: #EF803A;
}
.themenfarbe_rohstoffe {
  border-top-color: #5C6971;
}
.themenfarbe_grundwasser {
  border-top-color: #84C3E7;
}
.themenfarbe_erdwaerme {
  border-top-color: #C60315;
}
.themenfarbe_geogefahren {
  border-top-color: #D47235;
}




/* ************************************************ */
@media only screen and (min-width: 1366px) {
  .homepage_spezial {
    margin-top: 15px;
  }
}
/* ************************************************ */