/*
 * Projekt:			fc-stiftung.de
 * Dateiname:		style_index.css
 * Author:			RK
 * erstellt:		05.05.2010
 * validiert am:	n/a
 */


/* Slider */
#index-slider-frame {
	background: transparent url("../images/idx_slider_bgr.png");
	height: 440px;
	padding: 15px;
	position: relative;
	width: 930px;
	}

#index-slider {
	height: 440px;
	overflow: hidden;
	width: 930px;
	}

#index-slider .item {
	height: 440px;
	left: 0;
	top: 0;
	width: 930px;
	}

#prev, #next {
	background: transparent url("../images/sldr_button_right.png") top left no-repeat;
	display: block;
	height: 60px;
	position: absolute;
	right: 15px;
	top: 40px;
	width: 44px;
	z-index: 20;
	}

#prev {
	background-image: url("../images/sldr_button_left.png");
	left: 15px;
	}

#prev:hover, #next:hover {
	background-position: top right;
	}

.info-box {
	background-image: url("../images/idx_box_content.png");
	width: 380px;
	position: absolute;
	}

.info-box h1 {
	background: url("../images/headline-large.png") no-repeat;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	height: 95px;
	padding: 8px 10px 0 10px;
	width: auto;
	}

.info-box p {
	color: #fff;
	font-size: 13px;
	margin: 1em;
	}

.info-box.left {
	left: 60px;
	}

.info-box a.article, .info-box a.gallery, .info-box a.video {
	background: transparent url("../images/arrow_red_invert.gif") 0 4px no-repeat;
	color: #E2051F;
	font-size: 12px;
	font-weight: bold;
	margin-right: 30px;
	padding-left: 12px;
	}

.info-box a.gallery {
	background-image: url("../images/ico_gallery.png");
	padding-left: 16px;
	}

.info-box a.video {
	background-image: url("../images/ico_video.png");
	padding-left: 16px;
	}

.info-box a:hover {
	color: #fff;
	}


/* Teaser Bottom */
#bottom-teaser {
	background: transparent url("../images/idx_teaser_bgr.png") no-repeat;
	width: 930px;
	height: 120px;
	padding: 15px;
	}

#bottom-teaser .box {
	color: #666;
	float: left;
	font-size: 13px;
	line-height: 130%;
	padding: 6px 8px 0 12px;
	}

#bottom-teaser .account {
	color: #fff;
	width: 200px;
	}

#bottom-teaser .info {
	width: 310px;
	padding-left: 20px;
	}

#bottom-teaser .news {
	width: 310px;
	padding-left: 20px;
	}

#bottom-teaser h2 {
	background: transparent url("../images/arrow_red_invert.gif") 0 4px no-repeat;
	color: #E2051F;
	font-size: 13px;
	padding-left: 12px;
	margin-bottom: 6px;
	}

#bottom-teaser .account h2 {
	background-image: url("../images/arrow_white.gif");
	color: #fff;
	}

#bottom-teaser a {
	color: #E2051F;
	}

#bottom-teaser a:hover {
	color: #000;
	}

#bottom-teaser li {
	background: transparent url("../images/arrow_red.gif") 0 4px no-repeat;
	padding-left: 12px;
	}