/*--------- Details Module allgemein ---------*/

#details {
  float: left;
  margin-top: 10px;
  text-align: justify;
  width: 100%;
}

#details .image_details {
  border: 1px solid #c8c8c8;
  float: right;
  margin: 0 0 20px 25px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px px #ddd;
  -moz-box-shadow: 1px 1px 4px #ddd;
  -ms-box-shadow: 1px 1px 4px #ddd;
  -o-box-shadow: 1px 1px 4px #ddd;
  box-shadow: 1px 1px 4px #ddd;
}

#details_other {
  float: left;
  margin-top: 10px;
  width: 100%;
}


/* Rahmen für Infos in der Fusszeile z.B. donwloadlink etc. */


/*--------- Vereine/ Adressen ---------*/

#zeile_adressen {
  border-bottom: 1px solid #C8C8C8;
  float: left;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  text-align: justify;
  width: 100%;
}

#zeile_adressen #zeile {
  border-bottom: 1px solid #EFEFEF;
  float: left;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0 0 5px 0;
  width: 100%;
}

#zeile_adressen #zeile:last-child {
  border-bottom: 0;
}

#zeile_adressen #zeile span {
  float: left;
  width: 150px;
}

#zeile_adressen #zeile p {
  padding-left: 150px;
}

.anker_modul {
  margin-right: 7px;
  text-decoration: underline;
}

.anker_modul:last-child {
  margin-right: 0;
}

#image_adressen {
  margin-left: 580px;
  position: absolute;
}

.image_adresse {
  border: 1px solid #c8c8c8;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 4px #ddd;
  -moz-box-shadow: 1px 1px 4px #ddd;
  -ms-box-shadow: 1px 1px 4px #ddd;
  -o-box-shadow: 1px 1px 4px #ddd;
  box-shadow: 1px 1px 4px #ddd;
}


/*--- Projekte ---*/

#rahmen_projekte {
  float: left;
  width: 100%;
}

#rahmen_projekte #projekt_kategorie {
  border: 1px solid #c8c8c8;
  float: left;
  overflow: hidden;
  margin: 0 6px 6px 0;
  text-align: center;
  padding: 10px;
  width: 270px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(50%, rgba(243, 243, 243, 1)), color-stop(51%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  -webkit-box-shadow: 1px 1px 4px #ddd;
  -moz-box-shadow: 1px 1px 4px #ddd;
  -ms-box-shadow: 1px 1px 4px #ddd;
  -o-box-shadow: 1px 1px 4px #ddd;
  box-shadow: 1px 1px 4px #ddd;
}

#rahmen_projekte #projekt_kategorie h4 {
  color: #7C1663;
  line-height: 1.4em;
  font-size: 1.05rem;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: left;
}

#projekt_kategorie #img_projekt,
#projekt_kategorie #img_placeholder {
  border: 1px solid #c8c8c8;
  overflow: hidden;
  width: 100%;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 4px #ddd;
  -moz-box-shadow: 1px 1px 4px #ddd;
  -ms-box-shadow: 1px 1px 4px #ddd;
  -o-box-shadow: 1px 1px 4px #ddd;
  box-shadow: 1px 1px 4px #ddd;
}

#zeile_projekte {
  border-bottom: 1px solid #C8C8C8;
  float: left;
  margin: 10px 0 10px 0;
  padding-bottom: 10px;
  text-align: justify;
  width: 100%;
}


/*--------- Veranstaltungen/Termine ---------*/

#zeile_termine {
  border-bottom: 1px solid #7C1663;
  float: left;
  margin: 10px 0 10px 0;
  /*overflow:hidden;*/
  padding-bottom: 10px;
  text-align: justify;
  width: 100%;
}

#zeile_termine h3 {
  float: left;
  font-size: 1.1rem;
  font-weight: normal;
  padding-left: 90px;
  width: 100%;
}

#zeile_termine #zeile_kalender {
  position: absolute;
}

#zeile_termine #zeile {
  border-bottom: 1px solid #EFEFEF;
  float: left;
  line-height: 22px;
  margin-bottom: 5px;
  padding: 0 0 5px 200px;
  width: 100%;
}

#zeile_termine #zeile:last-child {
  border: 0;
}

#zeile_termine #zeile span {
  margin-left: -110px;
  position: absolute;
  width: 110px;
}

#zeile_termine #zeile_small {
  font-size: 0.7em;
  font-style: italic;
  margin-top: 10px;
  text-align: left;
}


/*--------- Dokumente ---------*/

#zeile_dokumente {
  border-bottom: 1px solid #C8C8C8;
  float: left;
  margin: 10px 0 10px 0;
  padding-bottom: 10px;
  text-align: justify;
  width: 100%;
}

#zeile_dokumente h5 {
  font-size: 1.05em !important;
  line-height: 32px;
  height: 32px;
  margin-left: 50px;
  position: absolute;
}

#details_dokumente {
  font-size: 0.95em !important;
  float: left;
  padding-left: 50px;
  width: 100%;
}

#details_dokumente p {
  color: gray;
}

#pdf_link_dok,
#word_link,
#excel_link,
#pp_link,
#text_link {
  background-repeat: no-repeat;
  float: left;
  height: 32px;
  width: 32px;
}

#pdf_link_dok {
  background-image: url("../img/adobe/pdficon_large_gray.png");
}

#pdf_link_dok:hover {
  background-image: url("../img/adobe/pdficon_large.png");
}

#word_link {
  background-image: url("../img/word_gray.png");
}

#word_link:hover {
  background-image: url("../img/word.png");
}

#excel_link {
  background-image: url("../img/excel_gray.png");
}

#excel_link:hover {
  background-image: url("../img/excel.png");
}

#pp_link {
  background-image: url("../img/powerpoint_gray.png");
}

#pp_link:hover {
  background-image: url("../img/powerpoint.png");
}

#text_link {
  background-image: url("../img/text.png");
}


/*--------- News ---------*/

#zeile_news {
  border-bottom: 1px solid #C8C8C8;
  float: left;
  margin: 10px 0 10px 0;
  padding-bottom: 10px;
  text-align: justify;
  width: 100%;
}

#zeile_news .image_zeile {
  border: 1px solid silver;
  box-shadow: 0 2px 2px #888;
  float: right;
  margin: 0 0 20px 25px;
  max-width: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 4px 4px 6px #D8D8D8;
  -moz-box-shadow: 4px 4px 6px #D8D8D8;
  -ms-box-shadow: 4px 4px 6px #D8D8D8;
  -o-box-shadow: 4px 4px 6px #D8D8D8;
  box-shadow: 2px 2px 4px #D8D8D8;
}

#news_link,
#pdf_link {
  background-repeat: no-repeat;
  float: left;
  height: 32px;
  line-height: 32px;
  margin-right: 50px;
  text-indent: 45px;
}

#news_link {
  background-image: url("../img/world.png");
}

#pdf_link {
  background-image: url("../img/adobe/pdficon_large_gray.png");
}


/*--- Datum als Kalender ---*/

.calendar {
  margin: 0 20px 12px 0;
  padding-top: 6px;
  float: left;
  width: 70px;
  background: #ededef;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
  background: -moz-linear-gradient(top, #ededef, #ccc);
  font: bold 26px/42px Arial Black, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #000;
  text-shadow: #fff 0 1px 0;
  -moz-border-radius: 4x;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  -moz-box-shadow: 0 2px 2px #888;
  -webkit-box-shadow: 0 2px 2px #888;
  box-shadow: 0 2px 2px #888;
}

.calendar span {
  display: block;
  font: normal bold 13px/20px Arial, Helvetica, sans-serif;
  color: #000;
  margin-bottom: 3px;
}

.calendar em {
  display: block;
  font: normal bold 13px/20px Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: #00365a 0 -1px 0;
  background: #04599a;
  background: -webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a));
  background: -moz-linear-gradient(top, #04599a, #00365a);
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top: 1px solid #00365a;
}

.calendar:before,
.calendar:after {
  content: '';
  float: left;
  position: absolute;
  top: 5px;
  width: 8px;
  height: 8px;
  background: #111;
  z-index: 1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 1px 1px #fff;
  -webkit-box-shadow: 0 1px 1px #fff;
  box-shadow: 0 1px 1px #fff;
}

.calendar:before {
  left: 11px;
}

.calendar:after {
  right: 11px;
}

.calendar em:before,
.calendar em:after {
  content: '';
  float: left;
  position: absolute;
  top: -5px;
  width: 4px;
  height: 14px;
  background: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
  background: -moz-linear-gradient(top, #f1f1f1, #aaa);
  z-index: 2;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.calendar em:before {
  left: 13px;
}

.calendar em:after {
  right: 13px;
}