/**
 * News and frontpage settings
 *
 * @author $Author: rieger $
 *
 * @version $Id: news.css 2419 2010-11-17 11:16:06Z rieger $
 *
 * @copyright $Date: 2010-11-17 12:16:06 +0100 (Wed, 17 Nov 2010) $ October Labs
 */

#frontpage {

}

#frontpage .welcome-area {
  width: 600px;
  height: 225px;
}

#frontpage #welcome-img-1 { background-image:url("/images/base/areas/frontpage/01.jpg"); }
#frontpage #welcome-img-2 { background-image:url("/images/base/areas/frontpage/02.jpg"); }
#frontpage #welcome-img-3 { background-image:url("/images/base/areas/frontpage/03.jpg"); }
#frontpage #welcome-img-4 { background-image:url("/images/base/areas/frontpage/04.jpg"); }
#frontpage #welcome-img-5 { background-image:url("/images/base/areas/frontpage/05.jpg"); }
#frontpage #welcome-img-6 { background-image:url("/images/base/areas/frontpage/06.jpg"); }
#frontpage #welcome-img-7 { background-image:url("/images/base/areas/frontpage/07.jpg"); }
#frontpage #welcome-img-8 { background-image:url("/images/base/areas/frontpage/08.jpg"); }
#frontpage #welcome-img-9 { background-image:url("/images/base/areas/frontpage/09.jpg"); }
#frontpage #welcome-img-10 { background-image:url("/images/base/areas/frontpage/10.jpg"); }
#frontpage #welcome-img-11 { background-image:url("/images/base/areas/frontpage/11.jpg"); }
#frontpage #welcome-img-12 { background-image:url("/images/base/areas/frontpage/12.jpg"); }
#frontpage #welcome-img-13 { background-image:url("/images/base/areas/frontpage/13.jpg"); }
#frontpage #welcome-img-14 { background-image:url("/images/base/areas/frontpage/14.jpg"); }
#frontpage #welcome-img-15 { background-image:url("/images/base/areas/frontpage/15.jpg"); }
#frontpage #welcome-img-16 { background-image:url("/images/base/areas/frontpage/16.jpg"); }
#frontpage #welcome-img-17 { background-image:url("/images/base/areas/frontpage/17.jpg"); }
#frontpage #welcome-img-18 { background-image:url("/images/base/areas/frontpage/18.jpg"); }
#frontpage #welcome-img-19 { background-image:url("/images/base/areas/frontpage/19.jpg"); }
#frontpage #welcome-img-20 { background-image:url("/images/base/areas/frontpage/20.jpg"); }
#frontpage #welcome-img-21 { background-image:url("/images/base/areas/frontpage/21.jpg"); }
#frontpage #welcome-img-22 { background-image:url("/images/base/areas/frontpage/22.jpg"); }

#fontpage-teasers {
  margin-top: 10px;
  width: 600px;
  height: 100px;
}
#fontpage-teasers .fontpage-teaser-block a {
  position: absolute;
  display: block;
  width: 600px;
  height: 96px;
  background-image: url("/images/base/frontpage/teasers_2011_04.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;

}
#fontpage-teasers .fontpage-teaser-block a:hover {
  color: #fff;
}

#fontpage-teasers #fontpage_teaser_block_1 a {
  background-position: 0px 0px;
}

#fontpage-teasers #fontpage_teaser_block_2 a {
  background-position: -1000px 0px;
}

#fontpage-teasers #fontpage_teaser_block_3 a {
  background-position: -2000px 0px;
}

#fontpage-teasers #fontpage_teaser_block_4 a {
  background-position: -3000px 0px;
}

#fontpage-teasers #fontpage_teaser_block_2 .teaser-info {
  padding-top: 32px;
  font-size: 30px;
  
}

#fontpage-teasers .fontpage-teaser-block .teaser-info {
  display: block;
  padding-top: 60px;
  padding-left: 10px;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

#fontpage-teasers .fontpage-teaser-block .teaser-comment{
  display: block;
  padding-left: 10px;
  font-size: 23px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}

.news .content-block-content-inner-image a.teaster-image {
  display: block;
  float: left;
  border: none;
  margin: 0;
  padding: 0;
  width: 200px;
  height: 120px;
}

.news .news-content {
  padding-left: 10px;
  padding-right: 10px;
}

.news-content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.news .content-block-content-inner-image .news-content {
  margin-left: 200px;
}

.new-date {
  padding-top: 2px;
}

.more-news {
  display: block;
  margin-bottom: 20px;
  margin-right: 10px;
  text-align: right;
}

.more-news a {
  text-decoration: underline;
  color: #fff;
  text-shadow: 1px 1px #666;
}