@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) central stylesheet - layout example "3col_fixed_seo"
 * (de) Zentrales Stylesheet - Beispiellayout "3col_fixed_seo"
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../../../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../../../yaml/navigation/nav_shinybuttons.css);
@import url(screen/basemod.css);
@import url(screen/basemod_3col_fixed_seo.css);
@import url(screen/content.css);

/* import print layout | Druck-Layout einbinden */
@import url(../../../yaml/print/print_100_draft.css);

#hover_navi {
    background: none repeat scroll 0 0 transparent;
    height: 44px;
    left: 575px;
    overflow: hidden;
    position: absolute;
    top: 48px;
    width: 302px;
    z-index: 80;
}

.arrow-left {
	float: left;
	width: 30px;
	background: transparent url(../images/arrow-left.jpg) no-repeat scroll center center;
	height: 166px;
	display: block;
}

.arrow-right {
	float: left;
	width: 30px;
	background: transparent url(../images/arrow-right.jpg) no-repeat scroll center center;
	height: 166px;
	display: block;
}

.scroller-window {
	width: 412px;
	float: left;
	overflow: hidden;
	height: 166px;
	position: relative;
}

.scroller-line {
	position: absolute;
	height: 166px;
	width: 3708px;
}

.scroller-content {
	width: 412px;
	height: 166px;
	float: left;
}

.scroller-content img {
	margin-right: 12px;
	float: left;
	width: 205px;
	height: 166px;
}

.scroller-text {
	float: left;
	width: 195px;
	padding: 3px 0px;
	height: 154px;
	font-size: 11px;
}

.scroller-numbers {
	margin-top: 15px;
}

.scroller-numbers table tr td {
	width: 28px;
	text-align: center;
}

.number-active {
	color: #21b8e3;
	cursor: default;
}

.scroller-numbers span {
	cursor: pointer;
}

.scroller-numbers table tr td.arrow {
	background: transparent url(../images/small-arrow.jpg) no-repeat scroll center center;
}

#scroller-headline {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 20px;
}




/* Animation */
#animation {
    position: relative;
}
#animation-box {
    height: 243px;
    width: 900px;
    position: absolute;
}
#animation-box img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}
#animation-box img.active {
    z-index: 10;
    opacity: 1.0;
}
#animation-box img.last-active {
    z-index: 9;
}
#animation-buttons {
    position: absolute;
    z-index: 99;
    top: 295px;
    right: 20px;
	display: none;
}
#animation-buttons a {
    width: 15px;
    height: 15px;
    background-color: #f2f2f2;
    display: block;
    float: left;
    margin: 3px;
    opacity: 0.5
}
#animation-buttons a.active {
    background-color: #c6c6c6;
    opacity: 1.0
}

.headerlink {
	position: absolute;
	display: block;
	width: 410px;
	height: 55px;
	margin-top: 20px;
	margin-left: 100px;
}

.csc-mailform-field label {
	display: block;
	font-weight: bold;
}