/* Index */

div.indexblock {
  margin-left: 65px;
  margin-top: 27px;
}
div.indexblock h2 {
  margin-bottom: 11px;
}

div.indexblock p.textblock {
  margin-top: 6px;
  width: 500px;
}

div.indexblock a, div.indexblock a:visited {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
div.indexblock a:hover {
  color: #000000;
}



ul.news {
  list-style: none;
}
ul.news li {
  display: block;
  float: left;
  width: 265px;
  margin-right: 15px;
}

ul.news li .date {
  color: #6b7177;
  margin-top: 6px;
  margin-bottom: 4px;
  font: normal normal normal 9px/15px Arial, Helvetica, sans-serif;
}

ul.news li img.thumb {
  display: block;
  margin-bottom: 7px;
}

ul.news li h3, ul.news li h3 a, ul.news li h3 a:link, ul.news li h3 a:visited  {
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
ul.news li h3 a:hover {
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #191919;
}

.ftrcontrol {
  position: absolute;
  left: 299px;
  top: 248px;
}
.ftrcontrol .left {
  margin-right: 8px;
  cursor: pointer;
}
.ftrcontrol .right {
  margin-left: 8px;
  cursor: pointer;
}


#featured {
  display:block;
  width: 960px;
  height: 270px;
  position: relative;
  left: 0; top:0;
  overflow: hidden;
  padding:0; margin:0;
}

#featured .ftrdesc {
  position: absolute;
  z-index: 2;
  background-color: #e9e9e9;
  height: 270px;
  width: 370px;
  left: 590px;
}

/* @TODO: groesse dynamisch anhand der Anzahl der Items berechnen */
#featured ul {
  width: 5310px;
  position:absolute;
  height: 270px;
  left: 0; top:0;
  list-style-type: none;
  padding:0; margin:0;
  z-index: 1;
}
#featured ul li {
  float: left; width: 590px;  height: 270px;
}
#featured ul li .ftrdesc {
  display: none;
}
/* Featured-Block mit großem Bild auf linker Seite */
#featured.large-left {
  position: relative;
  background-color: #e9e9e9;
  height: 270px;
  overflow: hidden;
}

#featured.large-left img.big {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

#featured.large-left h1 {
  padding-top: 18px;
  margin: 0 0 9px 25px;
}

#featured.large-left p {
  font: normal normal normal 12px/17px Arial, Helvetica, sans-serif;
  color: #506376;
  margin-left: 25px;
  width: 275px;
}

#featured.large-left a.details {
  position: absolute;
  left: 25px; top: 218px;
  display: block;
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
#featured.large-left a.details:hover {
  color: #000000;
}

#featured.large-left a.site {
  position: absolute;
  left: 25px; top: 238px;
  display: block;
  font: normal normal bold 12px/17px Arial, Helvetica, sans-serif;
  color: #2969ab;
}
#featured.large-left a.site:hover {
  color: #000000;
}