/*
 * Projekt:			moebel-billi.de
 * Dateiname:		teaser.css
 * Author:			RK
 * erstellt:		15.04.2010
 * validiert am:	n/a
 */


/* Frame */
#billi-teaser {
	font-size: 11px;
	position: relative;
	height: 340px;
	margin-bottom: 10px;
	}

#billi-teaser h1 {
	font-size: 14px;
	}

.item {
	position: absolute;
	height: 150px;
	width: 210px;
	}

.tsr-1 {
	background: url("../images/teaser/teaser_1.jpg");
	left: 0;
	top: 0;
	}

.tsr-2 {
	background: url("../images/teaser/teaser_2.jpg");
	left: 220px;
	top: 0;
	}

.tsr-3 {
	background: url("../images/teaser/teaser_3.jpg");
	left: 440px;
	top: 0;
	}

.tsr-4 {
	background: url("../images/teaser/teaser_4.jpg");
	left: 660px;
	top: 0;
	width: 266px;
	}

.tsr-5 {
	background: url("../images/teaser/teaser_5.jpg") bottom right no-repeat;
	left: 0;
	top: 160px;
	padding: 14px 0 0 20px;
	width: 190px;
	}

.tsr-5 ul {
	margin: 10px 0 0 16px;
	}

.tsr-5 ul li {
	font-size: 11px;
	list-style-image: url("../images/arrow_red_bold.gif");
	}

.tsr-5 ul li a {
	color: #000;
	}

.tsr-5 ul li a:hover {
	color: #E2001A;
	font-weight: bold;
	}

.tsr-news {
	background: url("../images/teaser/news_bgr.gif") no-repeat;
	height: 166px;
	left: 220px;
	padding: 14px 10px 0 20px;
	top: 160px;
	width: 400px;
	}

.tsr-news .image {
	background-position: center center;
	float: right;
	top: -4px;
	position: relative;
	height: 160px;
	margin-left: 12px;
	width: 170px;
	}

.tsr-news h1 {
	margin-bottom: 16px;
	}

.tsr-newsletter {
	background: url("../images/teaser/newsletter_bgr.jpg") bottom right no-repeat;
	height: 166px;
	left: 660px;
	padding: 14px 80px 0 20px;
	position: relative;
	top: 160px;
	width: 140px;
	}

.tsr-newsletter h1 {
	margin-bottom: 16px;
	}

.tsr-newsletter fieldset {
	background: transparent url("../images/newsletter_form.gif") no-repeat;
	height: 20px;
	margin-top: 14px;
	position: absolute;
	width: 165px;
	}

.tsr-newsletter .input {
	background: transparent;
	color: #666;
	font-size: 11px;
	padding: 2px 0 0 4px;
	width: 140px;
	}

.tsr-newsletter .submit {
	position: absolute;
	right: 0;
	}

.tsr-2 a, .tsr-3 a, .tsr-4 a {
	background: url("../images/arrow_red_bold.gif") left center no-repeat;
	color: #E2001A;
	font-weight: bold;
	padding-left: 12px;
	}

.tsr-2 a:hover, .tsr-3 a:hover, .tsr-4 a:hover {
	background-image: url("../images/arrow_black_bold.gif");
	color: #000;
	}

.tsr-2 ul {
	bottom: 19px;
	position: absolute;
	left: 18px;
	}

.tsr-3 ul {
	bottom: 16px;
	position: absolute;
	left: 88px;
	}

.tsr-4 ul {
	bottom: 16px;
	position: absolute;
	left: 18px;
	}