@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, 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.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 * 
 * @colordef #505050; Dark Grey (Typo)
 * @colordef #fff;    White (Typo)
 */

@media all {

/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Basisformatierungen
 *
 * @section base-formattings
 */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em; /* 12px */
    line-height: 1.3333em; /* 16px */
    text-align: left;
    color: #505050;
    background-color: #f5f5f5;
}


/**
 * Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
 *
 * @workaround
 * @affected IE8, FF, Webkit, Opera
 * @css-for all
 * @valid CSS3
 */

body { overflow-y: scroll; }


/**
 * Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
 *
 * @see: http://webkit.org/blog/67/strange-medium/
 */

textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Überschriften
 *
 * @section headlines
 */

h1, h2, h3, h4, h5, h6 { font-weight: 700; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Allgemeine Textauszeichnungen
 *
 * @section general-text-formattings
 */

p, address {
    margin-bottom: 1.3333em; /* 16px */
}

strong { font-weight: 700; }
em { font-style: italic; }

acronym, abbr {
    border-bottom: 1px dotted #aaa;
    font-variant: small-caps;
    letter-spacing: 0.0833em; /* 1px */
    cursor: help;
}

sub, sup {
    font-size: 0.9166em; /* 11px */
    line-height: 0;
}

blockquote, cite, q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Hyperlinks
 *
 * @section links
 */

a,
a:visited  {
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: underline;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 *
 * Standardklassen
 *
 * @section generic-content-classes
 */

.float_left { float: left; display: inline; }
.float_right { float: right; display: inline; }
.block { overflow: hidden; }

.cursor { cursor: pointer; } /* Hand-Cursor einblenden */
.text-indent { text-indent: -9999px; }  /* Text aus dem Sichtbereich schieben */
.uppercase { text-transform: uppercase; letter-spacing: 0.5px; } /* Text in Versalien gesetzt */

.show { display: block; } /* einblenden */
.hide { display: none !important; } /* ausblenden */
.invisible { visibility: hidden; } /* verstecken */


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Allgemeine Layoutformatierungen
 * 
 * @section layout-basics
 */

.page_margins {
    width: 976px;
    margin: 0 auto;
    padding: 0 10px;
}

#main {
    margin: 8px 0 16px;
    background-color: #fff;
}

#main h2 {
    margin-bottom: 6px;
    font-size: 2em; /* 24px */
    line-height: 1em; /* 24px */
}

#main h3 {
    margin-bottom: 10px;
    font-size: 1.3333em; /* 16px */
    line-height: 1.375em; /* 22px */
}

.intro {
    margin-bottom: 1.4285em; /* 20px */
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 22px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
}


/**
 * Allgemeine Layoutformatierungen für die Skiplinks 
 *
 * @subsection skiplinks
 */
  
#skiplinks a.skip:active,
#skiplinks a.skip:focus {
    padding: 7px 0;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #333;
}


/**
 * Allgemeine Layoutformatierungen für den Preloader 
 *
 * @subsection preloader
 */
  
.preloader {
    display: none;
    height: 100px;
    padding-top: 50px;
    text-align: center;
}


/**
 * Allgemeine Layoutformatierungen für die Zoom-Bilder 
 *
 * @subsection zoom
 */

.zoom_small,
.zoom {
    position: absolute;
    display: none;
    z-index: 10;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.58);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.58);
    box-shadow: 0 0 5px rgba(0,0,0,0.58);
}

.zoom_small {
    top: 0;
    left: 0;
}

.magnifier_small,
.play_small,
.audio_small {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
    cursor: pointer;
}


/**
 * Allgemeine Layoutformatierungen für die Bilderlistenansicht 
 *
 * @subsection item_list
 */

.item_list a {
    color: #505050;
}

.item_list a:hover,
.item_list a:active,
.item_list a:focus,
.item_list li:hover a {
    text-decoration: none;
}

.item_list h4,
.item_list span {
    overflow: hidden;
    /*white-space: nowrap;*/
}

.item_list img {
    display: block;
    margin-bottom: 5px;
}

.item_list > li {
    position: relative;
    display: inline;
    float: left;
    padding: 8px;
}

.item_list li:hover {
    z-index: 10;
    background-color: #eee;
}

.item_list > .last {
    margin-right: 0;
}

.item_list .inner {
    position: relative;
}

.item_list .inner > span {
    display: block;
    font-size: 0.9166em; /* 11px */
    line-height: 1.4545em; /* 16px */
}

.item_list .checkbox {
    position: absolute;
    top: -1px;
    left: -15px;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.item_list_actions {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.8333em; /* 10px */
    line-height: 1.2em; /* 12px */
}

.item_list_actions li {
    float: left;
    display: inline;
    padding-right: 5px;
}

.item_list_actions li ~ li {
    border-left: 1px solid #eaeaea;
    padding-left: 5px;
}

.item_list_actions a,
.item_list_actions span {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

.item_list_actions span {
    color: #cacaca;
}

.item_list_actions .preloader_small {
    position: absolute;
}


/**
 * Allgemeine Layoutformatierungen für die Paginierung 
 * 
 * @subsection pager
 */

.pager a,
.pager span,
.pager strong {
    padding: 3px 2px 5px;
    font-size: 0.9166em; /* 11px */
    line-height: 2.0909em; /* 23px */
    color: #868686;
}

.pager a:hover,
.pager a:active,
.pager a:focus {
    color: #505050;
}

.pager > .prev,
.pager > .next {
    color: #999;
}

.pager > .prev {
    margin-right: 5px;
    padding: 4px 0 4px 20px;
    background: transparent url(../../images/spr_pager.png) no-repeat scroll 0 0;
}

.pager > .next {
    margin-left: 5px;
    padding: 4px 20px 4px 0;
    background: transparent url(../../images/spr_pager.png) no-repeat scroll right -50px;
}

.pager > .prev:hover,
.pager > .prev:active,
.pager > .prev:focus  {
    background-position: 0 -25px;
}

.pager > .next:hover,
.pager > .next:active,
.pager > .next:focus {
    background-position: right -75px;
}

.pager strong {
    text-decoration: underline;
    color: #505050;
}


/**
 * Allgemeine Layoutformatierungen für die Scrollbox
 * 
 * @subsection scrollbox
 */

.scrollbox {
    overflow-x: hidden;
    overflow-y: auto;
}


/**
 * Allgemeine Layoutformatierungen für den seitenfüllenden Overlay
 * 
 * @subsection overlay
 */

#overlay_bg {
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #000;
}

.overlay .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 14px;
    height: 13px;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 -400px;
}


/**
 * Allgemeine Layoutformatierungen für die Auflösungswahl
 * 
 * @subsection resolution
 */

#resolution {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    width: 321px;
    height: 235px;
    margin: -121px 0 0 -168px;
    padding: 7px 8px 0;
    background-color: #fff;
}

/* Fallback für Non-JS-Seite */
.subcolumns #resolution {
    position: static;
    height: 410px;
    margin: 0 0 0 -6px;
    padding: 0;
}

#resolution a {
    display: block;
    width: 154px;
    height: 140px;
    padding: 18px 3px 3px;
    text-align: center;
    color: #505050;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 3px -537px;
}

#resolution li a:hover {
    text-decoration: none;
    color: #fff;
    background-position: -177px -537px;
}

#resolution li + li {
    border-left: 1px solid #eee;
}

#resolution h2 {
    margin: 0 0 4px 6px;
}

#resolution h2,
#resolution strong {
    font-size: 2em; /* 24px */
    line-height: 1.25em; /* 30px */
}

#resolution p {
    margin: 0 0 12px 6px;
}

#resolution em {
    display: block;
    margin-bottom: 22px;
    font-style: normal;
}

#resolution span {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}


/**
 * Allgemeine Layoutformatierungen für den Terms & Conditions Hinweis
 * 
 * @subsection tc_advice
 */

#tc_advice {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    width: 590px;
    /*height: 480px;*/
    margin: -260px 0 0 -335px;
    padding: 35px 40px 0;
    background-color: #fff;
}

#tc_advice .scrollbox {
    height: 332px;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #eee;
}

#tc_advice h2 {
    font-size: 2em; /* 24px */
    line-height: 1em; /* 24px */
}

#tc_advice h3 {
    font-size: 1.3333em; /* 16px */
    line-height: 1.375em; /* 22px */
}

#tc_form fieldset,
#tc_form .type-button {
    margin: 0;
    border: 0 none;
    padding: 0;
}

#tc_form .type-check {
    margin: 0 0 16px 3px;
}

#tc_form label {
    font-size: 1.1666em; /* 14px */
    line-height: 1.2857em; /* 18px */
}

#tc_form .submit {
    display: block;
    width: 129px;
    height: 43px;
    border: 0 none;
    padding: 0;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 0;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Header
 * 
 * @section header
 */

#header {
    position: relative;
    height: 122px;
    background-color: #666;
}

#header > .logo {
    margin: 8px 0 8px 8px;
}

#header > .home {
    display: block;
    clear: both;
}

#header img {
    display: block;
}


/**
 * Header - Top-Navigation 
 *
 * @subsection topnav
 */

#topnav {
    height: 29px;
    padding-top: 11px;
}

#topnav li {
    float: left;
    display: inline;
    padding: 0 8px;
    border-right: 1px solid #949494;
}

#topnav > .last {
    border-right: 0 none;
    padding-right: 12px;
}

#topnav a {
    font-size: 1.25em; /* 15px */
    line-height: 1.1333em; /* 17px */
    color: #fff;
}

/* ID #header wird hier benötigt, um eine höhere Spezifität zu erreichen */
#header #topnav a:hover,
#header #topnav a:active,
#header #topnav a:focus {
    color: #fff;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Hauptnavigation
 * 
 * @section nav
 */

#nav {
    position: relative;
    height: 55px;
    margin-bottom: 8px;
}

#nav li {
    float: left;
    display: inline;
}

#nav li:hover .level_2,
#nav .active > .level_2 {
    left: 0;
}

#nav li:hover .level_2 { z-index: 2; }
#nav .active > .level_2 { z-index: 1; }

/* Klasse .page wird hier benötigt, um eine höhere Spezifität zu erreichen */
.page #nav a:hover,
.page #nav a:active,
.page #nav a:focus {
    text-decoration: none;
    color: #fff;
}


/**
 * Hauptnavigation - 1. Ebene 
 *
 * @subsection level_1
 */

.level_1 {
    height: 32px;
    background-color: #666;
}

.level_1 a,
.level_1 strong {
    display: block;
    height: 32px;
    padding: 0 12px;
    font-size: 1.1666em; /* 14px */
    font-weight: 400;
    line-height: 2.2857em; /* 32px */
    white-space: nowrap;
    color: #fff;
}

/* Die Pseudoklassen müssen sowohl für das <a> als auch für das <li> gesetzt werden,
 * damit der Effekt für hover/active/focus nicht nur bei Mouse-Over funktioniert,
 * sondern auch bei Tabulator-Steuerung mit der Tastatur.
 */
.level_1 .active strong,
.level_1 a:hover,
.level_1 a:active,
.level_1 a:focus,
.level_1 li:hover,
.level_1 li:active,
.level_1 li:focus {
    background-color: #c4c5c7;
}


/**
 * Hauptnavigation - 2. Ebene 
 *
 * @subsection level_2
 */

.level_2 {
    position: absolute;
    top: 32px;
    left: -9999px;
    width: 100%;
    height: 23px;
    background-color: #c4c5c7;
}

.level_2 a,
.level_2 strong {
    height: 23px;
    font-size: 1em; /* 12px */
    line-height: 1.9166em; /* 23px */
    background-color: #c4c5c7;
}

/* ID #nav wird hier benötigt, um eine höhere Spezifität zu erreichen */
#nav .level_2 .active strong,
#nav .level_2 a:hover,
#nav .level_2 a:active,
#nav .level_2 a:focus {
    color: #707070;
    background-color: #fff;
}


/**
 * Hauptnavigation - Loginstatus 
 *
 * @subsection loginstat
 */

.loginstat {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    background-color: #666;
}

.loginstat li {
    float: left;
    display: inline;
}

.loginstat a {
    display: block;
    height: 32px;
    padding: 0 12px;
    font-size: 1.1666em; /* 14px */
    line-height: 32px;
    white-space: nowrap;
    color: #fff;
}

.loginstat a:hover,
.loginstat a:active,
.loginstat a:focus {
    text-decoration: none;
    background-color: #c4c5c7;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Suche
 * 
 * @section search
 */

#search {
    height: 61px;
    margin-bottom: 8px;
}

#search label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.9166em; /* 11px */
    line-height: 1.2727em; /* 14px */
    cursor: pointer;
}

#search .col_01 input,
#search .col_02 input,
#search .col_03 input,
#search .one_col input {
    border: 1px solid #c9c9c9;
    font-size: 20px;
    line-height: 29px;
    color: #999;
    background: #fff url(../../images/spr_search.png) no-repeat scroll 0 -225px;
}

#search .col_01 > .active,
#search .col_02 > .active,
#search .col_03 > .active,
#search .one_col > .active {
    color: #505050;
}

#search .col_01 input:focus,
#search .col_02 input:focus,
#search .col_03 input:focus,
#search .one_col input:focus {
    color: #505050;
    background: #ddeff1 none;
}

#search .one_col input {
    width: 671px;
    height: 29px;
    border-right: 0 none;
    padding: 7px 0 7px 16px;
    background: #fff url(../../images/spr_search.png) no-repeat scroll 0 -225px;
}

#search .col_01,
#search .col_02,
#search .col_03,
#search .one_col,
#search .buttons {
    position: relative;
    padding-top: 16px;
}

#search .col_01 {
    width: 105px;
    margin-right: 3px;
}

#search .col_01 input {
    width: 95px;
    height: 18px;
    margin-bottom: 1px;
    padding: 1px 0 1px 8px;
    font-size: 12px;
    line-height: 18px;
}

#search .col_02 {
    width: 289px;
    margin-right: 3px;
}

#search .col_02 input {
    width: 271px;
    height: 29px;
    padding: 7px 0 7px 16px;
}

#search .col_03 {
    width: 288px;
}

#search .col_03 input {
    width: 272px;
    height: 29px;
    padding: 7px 0 7px 16px;
    background-position: 0 -180px;
}

#search .one_col {
    width: 688px;
}

#search .buttons {
    width: 288px;
    height: 45px;
}

#search .buttons input {
    overflow: visible;
    width: 118px;
    height: 45px;
    border: 0 none;
    text-transform: uppercase;
    background: transparent url(../../images/spr_search.png) no-repeat scroll 0 0;
}

#search .buttons a {
    width: 170px;
    height: 45px;
    background: transparent url(../../images/spr_search.png) no-repeat scroll -120px 0;
}

#search .buttons .close {
    background-position: -300px 0;
}

#search .error input {
    border: 1px solid #ab1717;
}

#search .error input:hover,
#search .error input:active,
#search .error input:focus {
    border: 1px solid #cc0000;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Footer
 * 
 * @section footer
 */

#footer {
    position: relative;
    height: 136px;
    margin-bottom: 50px;
    font-size: 1.0833em; /* 13px */
    line-height: 1.2307em; /* 16px */
    color: #fff;
    background-color: #666;
}

#footer a {
    color: #fff;
}

/* Klasse .page wird hier benötigt, um eine höhere Spezifität zu erreichen */
.page #footer a:hover,
.page #footer a:active,
.page #footer a:focus {
    color: #fff;
}

#footer .logo {
    margin: 16px 0 0 16px;
}

#footer .copyright {
    position: absolute;
    bottom: 13px;
    left: 16px;
    margin-bottom: 0;
}

#footer .footer_nav_top {
    height: 20px;
    padding: 4px 0 0 640px;
    background-color: #9b9c9e;
}

#footer .footer_nav_top li,
#footer .footer_nav_bottom ul {
    width: 126px;
}

#footer .footer_nav_top li ~ li,
#footer .footer_nav_bottom ul ~ ul {
    width: 210px;
}

#footer .footer_nav_bottom {
    width: 336px;
    margin-top: 12px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Login
 * 
 * @section login
 */

#login {
    padding: 12px 16px 16px;
}

#login h2 {
    margin-bottom: 16px;
}

#login .col_left {
    width: 496px;
    margin-right: 112px;
}

#login .col_left h3 {
    margin-bottom: 2px;
    font-size: 1.5em; /* 18px */
    font-weight: 400;
    line-height: 1.3333em; /* 24px */
}

#login .col_left img {
    display: block;
    margin-bottom: 16px;
}

#login .col_left p {
    margin-bottom: 1em; /* 12px */
    color: #808080;
}

#login .col_left > .middle {
    margin-bottom: 9px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
}

#login .col_left > .last {
    margin-bottom: 2em; /* 24px */
}

#login .register_link {
    display: block;
    width: 172px;
    height: 67px;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 0;
}

#login > .col_right {
    width: 288px;
}

#login > .col_right em {
    display: block;
    margin-bottom: 30px;
    font-size: 1.3333em; /* 16px */
    font-style: normal;
    font-weight: 700;
    line-height: 1.25em; /* 20px */
}

#login_form div {
    margin-bottom: 16px;
    border-top: 0 none;
    padding-top: 0;
}

#login_form fieldset {
    border-bottom: 0 none;
}

#login_form label {
    margin-bottom: 5px;
    padding: 0;
    font-size: 1.1666em; /* 14px */
    font-weight: 400;
    line-height: 1.2857em; /* 18px */
}

#login_form .text {
    width: 270px;
    border: 1px solid #c9c9c9;
    padding: 10px 0 10px 16px;
    font-size: 18px;
    line-height: 24px;
    color: #7e7e7e;
    background: #fff url(../../images/bg_input.png) no-repeat scroll 0 0;
}

#login_form .submit {
    display: block;
    width: 129px;
    height: 43px;
    border: 0 none;
    padding: 0;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 0;
}

#login_form .error .text {
    width: 266px;
    border: 3px solid #ab1717;
    background: #fff none;
}

#login_form .error p {
    margin-bottom: 5px;
    font-size: 1em; /* 12px */
    font-weight: 400;
    line-height: 1.5em; /* 16px */
    color: #ab1717;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Registrierung
 * 
 * @section registration
 */

#register {
    width: 640px;
    padding: 16px;
}

#register h3 {
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 26px;
    font-size: 1.5em; /* 18px */
    font-weight: 400;
    line-height: 1.3333em; /* 24px */
}

#register .mediatype {
    margin-bottom: 34px;
    border-bottom: 0 none;
    padding-bottom: 0;
}

#register h4 {
    margin-bottom: 16px;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 16px */
    color: #ab1717;
}

.register_apply_list {
    width: 300px
}

.register_apply_list li {
    width: 125px;
    margin-bottom: 16px;
}

#register_form strong {
    width: 140px;
    padding-right: 40px;
}

#register_form .last {
    margin-bottom: 0;
    border-bottom: 0 none;
    padding-bottom: 0;
}

#register_usage {
    margin-bottom: 12px;
}

#register_form.choice .type-button {
    margin: 45px 0 120px;
}

#register_form.choice .type-check {
    margin-bottom: 30px;
}

#register_form.choice label {
    font-weight: 700;
    color: #333;
}

#register_form.choice em {
    display: block;
    margin-left: 24px;
    font-style: normal;
    font-weight: 400;
    color: #808080;
}


/**
 * Registrierung - Schalter 
 *
 * @subsection buttons
 */

.step1,
.step2,
.goback,
.goto_registration,
.start_registration {
    display: block;
    width: 172px;
    height: 47px;
    border: 0 none;
    padding: 0;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 0;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Startseite
 * 
 * @section start
 */

#highlight_teaser {
    margin-bottom: 16px;
}

#highlight_teaser .img_wrapper {
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

#highlight_teaser .img_wrapper img {
    display: block;
}

#highlight_teaser .magnifier,
#highlight_teaser .play,
#highlight_teaser .audio {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

#highlight_teaser .img_wrapper > .text_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 251px;
    height: 84px;
    /*padding: 0px 10px 5px 16px;*/
    padding: 5px 10px 0 10px;
    color: #fff;
    background: transparent url(../../images/bg_highlight_text.png) no-repeat scroll 0 0;
}

#highlight_teaser h3 {
    margin-bottom: 0;
    font-size: 1.5em; /* 24px */
    line-height: 1.3333em; /* 36px */
    /*white-space: nowrap;*/
    overflow: hidden;
}

#highlight_teaser p {
    overflow: hidden;
    height: 48px;
    margin-bottom: 0;
}

#highlight_teaser a {
    display: block;
    color: #fff;
}

#highlight_teaser a:hover,
#highlight_teaser a:active,
#highlight_teaser a:focus {
    text-decoration: none;
}


/**
 * Startseite - Vorschläge 
 *
 * @subsection highlights
 */

#highlights {
    padding-bottom: 93px;
}

#highlights_form {
    margin-bottom: 36px;
}

#highlights_form label {
    margin-right: 10px;
    font-size: 1.3333em; /* 16px */
    font-weight: 700;
    line-height: 1.15em; /* 18px */
}

#highlights_form select {
    width: 125px;
    height: 21px;
    border: 1px solid #d2d4d7;
    padding: 2px;
    font-size: 11px;
    background-color: #fff;
}

#highlights_form .submit {
    width: 16px;
    height: 21px;
    margin-left: 1px;
    border: 0 none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: transparent url(../../images/spr_pager.png) no-repeat scroll right -50px;
}

#highlights_form .submit:hover,
#highlights_form .submit:active,
#highlights_form .submit:focus {
    background-position: right -75px;
}

.highlights_list h4 {
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 1.1666em; /* 14px */
    /*white-space: nowrap;*/
}

.highlights_list > li {
    position: relative;
    height: 106px;
    margin-bottom: 8px;
}

.highlights_list > li:hover {
    z-index: 10;
}

.highlights_list .inner {
    position: relative;
    left: -8px;
    height: 90px;
    padding: 8px;
}

.highlights_list li:hover .inner {
    background-color: #eee;
}

.highlights_list .inner img {
    float: left;
    display: inline;
    margin-right: 16px;
}

.highlights_list a {
    color: #505050;
}

.highlights_list a:hover,
.highlights_list a:active,
.highlights_list a:focus,
.highlights_list li:hover a {
    text-decoration: none;
}

.highlights_list .inner > span {
    overflow: hidden;
    display: block;
    margin-bottom: 2px;
    white-space: nowrap;
}

.highlights_list .magnifier_small,
.highlights_list .play_small,
.highlights_list .audio_small {
    top: 8px;
    left: 8px;
}

.highlights_list .landscape {
    top: -40px;
    left: -86px;
}

.highlights_list .portrait {
    top: -113px;
    left: -14px;
}

.highlights_list .zoom img {
    display: block;
}

.highlights_list .banderole {
    position: absolute;
    left: 71px;
    bottom: 3px;
}

.highlights_list_actions {
    margin-top: 10px;
}

.highlights_list_actions li {
    float: left;
    display: inline;
    padding-right: 10px;
}

.highlights_list_actions li ~ li {
    border-left: 1px solid #eaeaea;
    padding-left: 10px;
}

.highlights_list_actions a,
.highlights_list_actions span {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

.highlights_list_actions span {
    color: #cacaca;
}


/**
 * Startseite - Filter 
 *
 * @subsection filter
 */

#filter {
    margin: 16px 0;
}

#filter h3 {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 4px;
}

#filter h4 {
    margin-bottom: 8px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.2857em; /* 18px */
    color: #7e7e7e;
}

#filter ul {
    margin-bottom: 9px;
}

#filter li {
    font-size: 1em; /* 12px */
    line-height: 1.6666em; /* 20px */
}

#filter p {
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 18px;
    font-size: 0.9166em; /* 11px */
    line-height: 1.2727em; /* 14px */
    color: #7e7e7e;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Detailseite
 * 
 * @section detailpage
 */

.detail_player img {
    display: block;
    margin: 4px 0;
}

.detail_picture object,
.detail_player object {
    margin: 4px 0 16px;
}

.actions {
    margin-bottom: 32px;
}

.actions a,
.actions span {
    position: relative;
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding: 9px 0 10px 42px;
    font-size: 1.5em; /* 18px */
    line-height: 1.3333em; /* 24px */
    color: #505050;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

.actions a:hover,
.actions a:active,
.actions a:focus {
    text-decoration: none;
}

.actions span {
    color: #cacaca;
}

.actions .download em {
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 0.6666em; /* 12px */
    font-style: normal;
    line-height: 2em; /* 24px */
}

#embed_code_form legend {
    margin-bottom: 5px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.1428em; /* 16px */
    font-weight: 400;
}

#embed_code_form label {
    display: block;
    margin-bottom: 8px;
}

#embed_code_form textarea {
    width: 408px;
    height: 150px;
    margin-bottom: 32px;
    border: 1px solid #c9c9c9;
    padding: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #505050;
}

#embed_code_form textarea:focus {
    background-color: #ddeff1;
}

.detail_info {
    float: left;
    display: inline;
    width: 271px;
    margin-bottom: 16px;
}

.detail_info dl {
    font-size: 1.1666em; /* 14px */
    line-height: 1.2857em; /* 18px */
    color: #7e7e7e;
}

.detail_info dt {
    float: left;
    clear: left;
    display: inline;
    margin-right: 4px;
    font-weight: 700;
    color: #505050;
}

.detail_info .date,
.detail_info .week {
    font-size: 1.1428em; /* 16px */
    font-weight: 700;
    color: #505050;
}

.detail_info dd.week,
.detail_info dd.channel,
.detail_info dd.embago,
.detail_info dd.keywords,
.detail_info dd.episode_synopsis {
    margin-bottom: 1.2857em; /* 18px */
}

.detail_info .keywords a {
    display: inline;
    /*margin-right: 8px;*/
}

.detail_info_box {
    margin-top: 16px;
    border-top: 1px solid #eaeaea;
    padding-top: 16px;
}

.detail_info .viceversa dt,
.detail_info .viceversa dd {
    color: #7e7e7e;
}

.detail_info .viceversa dt {
    font-weight: 400;
}

.detail_info .viceversa dd {
    font-weight: 700;
}

.detail_info .viceversa span {
    display: block;
    font-weight: 400;
}

.detail_copyright {
    clear: both;
    border-top: 1px solid #eaeaea;
    padding-top: 16px;
    color: #808080;
}


/**
 * Detailseite - Notizen 
 *
 * @subsection notes
 */

#previews .notes h3 {
    margin-bottom: 0;
    font-size: 1.3333em; /* 16px */
    line-height: 1.375em; /* 22px */
}

.notes ul {
    border-top: 1px solid #eaeaea;
}

.notes li {
    position: relative;
    min-height: 37px;
    border-bottom: 1px solid #eaeaea;
    padding-top: 13px;
    color: #a7a7a7;
}

.notes .active {
    height: 146px;
    background: transparent url(../../images/bg_notes_li.png) no-repeat scroll 0 2px;
}

.notes .toggle {
    position: absolute;
    top: 18px;
    right: 10px;
    width: 14px;
    height: 14px;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 -2200px;
}

.notes .active .toggle {
    background-position: 0 -2250px;
}

.notes .timestamp {
    width: 81px;
    padding-left: 30px;
    font-size: 1.3333em; /* 16px */
    font-weight: 700;
    line-height: 1.375em; /* 22px  */
}

.notes .active .timestamp {
    color: #2887ec;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 9px -2294px;
}

.notes .description {
    width: 481px;
    margin: 3px 0 0 0;
    padding-bottom: 16px;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 16px  */
}

.notes .export {
    display: block;
    padding: 17px 0 18px 34px;
    font-size: 1.5em; /* 18px */
    line-height: 1.3333em; /* 24px  */
    color: #505050;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 11px -2328px;
}

.notes .export:hover,
.notes .export:active,
.notes .export:focus {
    background-position: 11px -2378px;
    text-decoration: none;
}

.notes form {
    width: 481px;
}

.notes textarea {
    width: 471px;
    height: 85px;
    margin: 0;
    border: 1px solid #c9c9c9;
    padding: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #505050;
}

.notes textarea:focus {
    background-color: #ddeff1;
}

.notes input {
    height: 22px;
    margin: 8px 0 0 0;
    border: 0 none;
    padding: 0 10px 4px;
    font-size: 12px;
    line-height: 22px;
    color: #505050;
    background-color: #ededed;
}

.notes input + input {
    margin-left: 8px;
}

.notes .delete {
    height: 22px;
    margin: 8px 0 0 0;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    color: #505050;
    background-color: #ededed;
}

.notes input:hover,
.notes input:active,
.notes input:focus,
#previews .notes .delete:hover,
#previews .delete:active,
#previews .delete:focus {
    text-decoration: none;
    color: #fff;
    background-color: #2887ec;
}


/**
 * Detailseite - Notizen - Silentmode
 * 
 * @subsection silentmode
 */

#silentmode {
    position: absolute;
    top: 254px;
    left: 50%;
    z-index: 101;
    width: 640px;
    margin-left: -488px;
    padding: 12px 16px 0;
    background-color: #fff;
}


/**
 * Detailseite - Empfehlungen 
 *
 * @subsection recommendation
 */

#recommendation {
    margin: 24px 0;
}

#recommendation .landscape {
    bottom: 28px;
    left: -97px;
}

#recommendation .portrait {
    bottom: 28px;
    left: -25px;
}

#recommendation .last > .landscape {
    left: -190px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Mein Einkaufskorb, Mein Arbeitsliste (linke Marginalspalte)
 * 
 * @section my_basket, my_worklist
 */

#my_basket > span,
#my_worklist > span {
    display: block;
    margin-bottom: 10px;
}

#my_basket ul,
#my_worklist ul {
    margin-bottom: 7px;
    border-bottom: 1px solid #eaeaea;
    padding-botom: 3px;
    font-size: 0.9166em; /* 11px */
    line-height: 1.4545em; /* 16px */
}

#my_basket li,
#my_worklist li {
    position: relative;
    left: -8px;
    width: 183px;
    height: 45px;
    margin-bottom: 8px;
    padding: 8px 0 8px 8px;
}

#my_basket li:hover,
#my_worklist li:hover {
    background-color: #eee;
}

#my_basket li > .download,
#my_basket li > .delete,
#my_worklist li > .download,
#my_worklist li > .delete {
    float: left;
    display: inline;
    width: 11px;
    height: 11px;
    margin: 4px 15px 0 0 ;
    padding: 4px 15px 4px 0;
    text-indent: -9999px;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

#my_basket li > .download,
#my_worklist li > .download {
    border-right: 1px solid #eaeaea;
    background-position: 0 -96px;
}

#my_basket li > .download:hover,
#my_basket li > .download:active,
#my_basket li > .download:focus {
    background-position: 0 -146px;
}

#my_worklist li > .download:hover,
#my_worklist li > .download:active,
#my_worklist li > .download:focus {
    background-position: 0 -846px;
}

#my_basket li > .delete,
#my_worklist li > .delete {
    background-position: 0 5px;
}

#my_basket li > .delete:hover,
#my_basket li > .delete:active,
#my_basket li > .delete:focus {
    background-position: 0 -45px;
}

#my_worklist li > .delete:hover,
#my_worklist li > .delete:active,
#my_worklist li > .delete:focus {
    background-position: 0 -2545px;
}

#my_basket .magnifier_small,
#my_basket .play_small,
#my_worklist .play_small,
#my_worklist .audio_small {
    top: 8px;
    left: 8px;
}

#my_basket img,
#my_worklist img {
    float: left;
    display: inline;
    margin-right: 8px;
}

#my_basket .zoom_small img,
#my_worklist .zoom_small img {
    margin-right: 0;
}

#my_basket .preloader_small,
#my_worklist .preloader_small {
    float: none;
    margin: 4px 15px 0 0;
    padding: 2px 15px 0 0;
}

#my_basket em,
#my_worklist em {
    display: block;
    overflow: hidden;
    font-style: normal;
    white-space: nowrap;
}

#my_basket > .download,
#my_basket > .goto,
#my_worklist > .download,
#my_worklist > .goto {
    display: block;
    padding-left: 25px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.5714em; /* 22px */
    color: #505050;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

#my_basket > .download,
#my_worklist > .download {
    background-position: 5px -195px;
}

#my_basket > .download:hover,
#my_basket > .download:active,
#my_basket > .download:focus {
    text-decoration: none;
    background-position: 5px -245px;
}

#my_worklist > .download:hover,
#my_worklist > .download:active,
#my_worklist > .download:focus {
    text-decoration: none;
    background-position: 5px -845px;
}

#my_basket > .goto,
#my_worklist > .goto {
    background-position: 5px -294px;
}

#my_basket > .goto:hover,
#my_basket > .goto:active,
#my_basket > .goto:focus {
    text-decoration: none;
    background-position: 5px -344px;
}

#my_worklist > .goto:hover,
#my_worklist > .goto:active,
#my_worklist > .goto:focus {
    text-decoration: none;
    background-position: 5px -2594px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Meine Einkaufsliste, Arbeitsliste
 * 
 * @section my_basket_list, worklist
 */

#my_basket_list,
#worklist {
    padding: 16px;
}

#my_basket_list .landscape {
    top: -5px;
    left: -78px;
}

#my_basket_list .portrait {
    top: -64px;
    left: 2px;
}

#my_basket_list h2 {
    margin-bottom: 16px;
}

.my_basket_list_actions,
.worklist_actions {
    margin-bottom: 16px;
    border-top: 1px solid #eaeaea;
}

.my_basket_list_actions li,
.worklist_actions li {
    width: 464px;
    height: 60px;
    border-bottom: 1px solid #eaeaea;
}

.my_basket_list_actions input,
.worklist_actions input {
    display: block;
    width: 464px;
    height: 60px;
    margin: 0;
    border: 0 none;
    padding: 0 0 0 30px;
    font-size: 18px;
    line-height: 60px;
    text-align: left;
    color: #505050;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

.my_basket_list_actions input:hover,
.my_basket_list_actions input:active,
.my_basket_list_actions input:focus {
    color: #e79508;
}

.worklist_actions input:hover,
.worklist_actions input:active,
.worklist_actions input:focus {
    color: #2887ec;
}

.my_basket_list_actions .download,
.my_basket_list_actions .download_all,
.worklist_actions .download,
.worklist_actions .download_all {
    background-position: 1px -625px;
}

.my_basket_list_actions .download:hover,
.my_basket_list_actions .download:active,
.my_basket_list_actions .download:focus,
.my_basket_list_actions .download_all:hover,
.my_basket_list_actions .download_all:active,
.my_basket_list_actions .download_all:focus {
    background-position: 1px -675px;
}

.worklist_actions .download:hover,
.worklist_actions .download:active,
.worklist_actions .download:focus,
.worklist_actions .download_all:hover,
.worklist_actions .download_all:active,
.worklist_actions .download_all:focus {
    background-position: 1px -2475px;
}

.my_basket_list_actions .delete,
.my_basket_list_actions .delete_all,
.worklist_actions .delete,
.worklist_actions .delete_all {
    background-position: 3px -375px;
}

.my_basket_list_actions .delete:hover,
.my_basket_list_actions .delete:active,
.my_basket_list_actions .delete:focus,
.my_basket_list_actions .delete_all:hover,
.my_basket_list_actions .delete_all:active,
.my_basket_list_actions .delete_all:focus {
    background-position: 3px -425px;
}

.worklist_actions .delete:hover,
.worklist_actions .delete:active,
.worklist_actions .delete:focus,
.worklist_actions .delete_all:hover,
.worklist_actions .delete_all:active,
.worklist_actions .delete_all:focus {
    background-position: 3px -1725px;
}

#my_basket_list .item_list,
#worklist .item_list {
    margin-bottom: 32px;
}

#my_basket_list .item_list > li,
#worklist .item_list > li {
    padding-left: 16px;
}

#my_basket_list .item_list > li,
#my_basket_list .item_list .inner {
    width: 160px;
    height: 285px;
}

#worklist .item_list > li,
#worklist .item_list .inner {
    width: 160px;
    height: 215px;
}

#my_basket_list .item_list h4,
#worklist .item_list h4 {
    font-size: 1.1666em; /* 14px */
    line-height: 1.2857em; /* 18px */
}

#my_basket_list .item_list p,
#worklist .item_list p {
    overflow: hidden;
    height: 42px;
    margin: 10px 0 0;
    font-size: 0.9166em; /* 11px */
    line-height: 1.4545em; /* 16px */
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Daten & Interessen
 * 
 * @section data_interests
 */

#data_interests_form legend span {
    margin-bottom: 23px;
    font-size: 1.5em; /* 18px */
    font-weight: 400;
    line-height: 1.3333em; /* 24px */
}

#data_interests_form .type-check {
    float: left;
    display: inline;
    width: 197px;
    padding: 0 10px 0 21px;
}

#data_interests_form .type-check .checkbox {
    margin: 0 5px 0 -21px;
}

#data_interests_form .type-button {
    margin: 0 16px 8px;
    padding-bottom: 16px;
}

#data_interests_form .submit,
#data_interests_form .reset {
    width: 172px;
    height: 47px;
    border: 0 none;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 0;
}

#data_interests_form .last {
    border-bottom: 0 none;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Textseite
 * 
 * @section textpage
 */

#textpage {
    width: 544px;
    min-height: 400px;
}

#register #textpage {
    width: 640px;
}

#textpage h2 {
    margin-bottom: 0.375em; /* 9px */
}

#textpage p + h2 {
    margin-top: 1.875em; /* 45px */
}

#textpage ul + h2 {
    margin-top: 1.7916em; /* 43px */
}

#textpage h3 {
    margin-bottom: 1.5em; /* 24px */
}

#textpage h4 {
    margin-bottom: 1.25em; /* 20px */
    font-size: 1.3333em; /* 16px */
    font-weight: 400;
    line-height: 1.25em; /* 20px */
}

#textpage p {
    margin-bottom: 1.4285em; /* 20px */ 
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
}

#textpage ul {
    margin-bottom: 1.5833em; /* 19px */
}

#textpage li {
    padding-left: 32px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.8571em; /* 26px */
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

#textpage dl {
    margin-bottom: 24px
}

#textpage dt {
    margin-bottom: 12px;
    padding-left: 20px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
    color: #355887;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
    cursor: pointer;
}

#textpage .active {
    font-weight: 700;
    color: #505050;
}

#textpage dd {
    margin: -12px 0 12px;
    padding-left: 20px;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 18px */
}











.textpage {
    width: 544px;
    min-height: 400px;
}

#register .textpage {
    width: 640px;
}

.textpage h2 {
    margin-bottom: 0.375em; /* 9px */
}

.textpage p + h2 {
    margin-top: 1.875em; /* 45px */
}

.textpage ul + h2 {
    margin-top: 1.7916em; /* 43px */
}

.textpage h3 {
    margin-bottom: 1.5em; /* 24px */
}

.textpage h4 {
    margin-bottom: 1.25em; /* 20px */
    font-size: 1.3333em; /* 16px */
    font-weight: 400;
    line-height: 1.25em; /* 20px */
}

.textpage p {
    margin-bottom: 1.4285em; /* 20px */ 
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
}

.textpage ul {
    margin-bottom: 1.5833em; /* 19px */
}

.textpage li {
    padding-left: 32px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.8571em; /* 26px */
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
}

.textpage dl {
    margin-bottom: 24px
}

.textpage dt {
    margin-bottom: 12px;
    padding-left: 20px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
    color: #355887;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
    cursor: pointer;
}

.textpage .active {
    font-weight: 700;
    color: #505050;
}

.textpage dd {
    margin: -12px 0 12px;
    padding-left: 20px;
    font-size: 1em; /* 12px */
    line-height: 1.5em; /* 18px */
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Suchergebnissseite
 * 
 * @section search_results
 */

#search_result_header {
    margin: 0 0 16px 8px;
}

#search_result_header h3 {
    margin: 0 24px 4px 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 7px;
}

.spelling {
    margin: 0 35px 0 28px;
    padding-top: 8px;
    font-size: 0.5833em; /* 14px */
    font-weight: 400;
    line-height: 1.0714em; /* 15px */
}

.spelling a {
    font-style: italic;
}

.spelling_info {
    padding-top: 11px;
    font-size: 0.4583em; /* 11px */
    font-weight: 400;
    line-height: 1em; /* 11px */
}

#search_result {
    min-height: 362px;
    margin: 0 24px 16px 8px;
}

#search_result .error_box {
    padding-top: 12px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.5em; /* 21px */
}

#search_result .error_box .main {
    margin-right: 5px;
    font-weight: 700;
    color: #ab1717;
}

#search_result form .download_all,
#search_result form .add_all {
    overflow: visible;
    height: 20px;
    margin: 0 0 0 16px;
    border: 0 none;
    padding: 0 0 0 22px;
    font-size: 12px;
    line-height: 24px;
    color: #505050;
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0 0;
    cursor: pointer;
}

#search_result .item_list {
    width: 704px;
}

#search_result .item_list > li {
    margin-bottom: 16px;
}

#search_result .item_list > li,
#search_result_header .item_list > li,
#search_result .item_list .inner,
#search_result_header .item_list .inner {
    width: 160px;
}

#search_result .item_list h4,
#search_result_header .item_list h4 {
    font-size: 1.1666em; /* 14px */
    line-height: 1.2857em; /* 18px */
}

#search_result .landscape {
    top: -5px;
    left: -78px;
}

#search_result .portrait {
    top: -64px;
    left: -5px;
}

#search_result .edge .landscape {
    left: -140px;
}

#search_result .edge .portrait {
    left: -20px;
}


/**
 * Suchergebnissseite - Karussell
 *
 * @subsection carousel
 */

#carousel {
    position: relative;
    left: -8px;
}

#carousel .next,
#carousel .prev {
    position: absolute;
    display: block;
    top: 8px;
    width: 16px;
    height: 248px;
    text-indent: -9999px;
    background: transparent url(../../images/spr_carusel_pager.png) no-repeat scroll 0 0;
}

#carousel .prev {
    left: -20px;
}

#carousel .prev:hover,
#carousel .prev:active,
#carousel .prev:focus {
    background-position: 0 -250px;
}

#carousel .next {
    right: -12px;
    background-position: -16px 0;
}

#carousel .next:hover,
#carousel .next:active,
#carousel .next:focus {
    background-position: -16px -250px;
}

#carousel .zoom {
    top: 8px;
    left: 0;
}

#carousel .edge .landscape {
    left: -167px;
}

#carousel .edge .portrait {
    left: -20px;
}

.carousel_item_wrapper {
    position: relative;
    overflow: hidden;
    width: 704px;
    height: 298px;
}


/**
 * Suchergebnissseite - Funktionsleiste
 *
 * @subsection toolbar
 */

.toolbar {
    margin: 16px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0;
}

.toolbar em {
    margin: 1px 12px 0 0;
    font-size: 11px;
    font-style: normal;
    line-height: 21px;
}

.toolbar form {
    margin-top: 1px;
}

.toolbar label {
    margin-right: 10px;
    font-size: 11px;
    line-height: 21px;
}

.toolbar .submit {
    width: 16px;
    height: 21px;
    margin-left: 1px;
    border: 0 none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background: transparent url(../../images/spr_pager.png) no-repeat scroll right -50px;
}

.toolbar .submit:hover,
.toolbar .submit:active,
.toolbar .submit:focus {
    background-position: right -75px;
}

.toolbar select {
    height: 21px;
    border: 1px solid #d2d4d7;
    padding: 2px;
    font-size: 11px;
    background-color: #fff;
}

#filter_week_form,
#filter_channel_form {
    margin-right: 20px;
}

#image_type_form select {
    width: 125px;
}

#filter_week_form select,
#filter_channel_form select {
    width: 50px;
}

#filter_genre_form select {
    width: 150px;
}

.gotopage {
    margin-left: 16px;
}

.gotopage .text {
    width: 35px;
    height: 17px;
    border: 1px solid #d1d1d1;
    padding: 1px 0;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
}

}