@charset "UTF-8";
/**
 * Pictures
 * 
 * Spezielle CSS-Formatierungen für die Kategorie Pictures
 * 
 * @colordef #505050; Dark Grey (Typo)
 * @colordef #e79508; Orange (Links)
 */

@media all {

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

#pictures a:hover,
#pictures a:active,
#pictures a:focus {
    color: #e79508;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Zoom-Bilder 
 *
 * @section zoom
 */

#pictures .magnifier_small { background-position: 0 -900px; }
#pictures .play_small { background-position: 0 -950px; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Bilderlistenansicht 
 *
 * @subsection item_list
 */

#pictures .item_list .img_container {
    display: table-cell;
    overflow: hidden;
    width: 160px;
    height: 160px;
    vertical-align: middle;
    text-align: center;
    background: transparent url(../../images/bg_img_container.png) no-repeat scroll 0 0;
}

#pictures .item_list li:hover .img_container {
    background: transparent none;
}

#pictures .item_list .img_center {
    vertical-align: middle;
}

#pictures .item_list img {
    display: inline;
    margin-bottom: 0;
    vertical-align: middle;
}

#pictures .item_list h4 {
    margin-top: 5px;
    max-height: 35px;
}

#pictures .item_list .inner > span {
    max-height: 16px;
}

#pictures #recommended_list .inner h4 {
    max-height: 16px;
}

#pictures #recommended_list .inner .inner > span {
    max-height: 14px;
}

#pictures #recommendation .item_list h4 {
    max-height: 16px;
}

#pictures #recommendation .item_list .inner > span {
    max-height: 14px;
}


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Overlay 
 *
 * @section overlay
 */

#pictures .overlay .close:hover { background-position: 0 -450px; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Terms & Conditions Hinweis
 * 
 * @section tc_advice
 */

#pictures #tc_form .submit {
    background-position: 0 0;
}

#pictures #tc_form .submit:hover,
#pictures #tc_form .submit:active,
#pictures #tc_form .submit:focus {
    background-position: 0 -45px;
}


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

#pictures #search .buttons input:hover,
#pictures #search .buttons input:active,
#pictures #search .buttons input:focus {
    background-position: 0 -45px;
}

#pictures #search .buttons a:hover,
#pictures #search .buttons a:active,
#pictures #search .buttons a:focus {
    background-position: -120px -45px;
}

#pictures #search .buttons .close:hover,
#pictures #search .buttons .close:active,
#pictures #search .buttons .close:focus {
    background-position: -300px -45px;
}

#pictures #search {
    overflow: visible;
}

#pictures #search .ma-container {
    /*position: absolute;*/
    background: white;
    z-index: 2000;
    border: 1px solid #c9c9c9;
    overflow: auto;
    visibility: hidden;
}
#pictures #search .ma-container .ma-hover {
    background-color: #c9c9c9;
}

#pictures #search_result_header.error {
    margin: 0 24px 16px 0;
}
#pictures #search_result.error {
    min-height: 6em;
    margin: 0 24px 16px 0;
}

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

#pictures #login .register_link {
    background-position: 0 -90px;
}

#pictures #login .register_link:hover,
#pictures #login .register_link:active,
#pictures #login .register_link:focus {
    background-position: 0 -160px;
}

#pictures #login_form .submit {
    background-position: 0 0;
}

#pictures #login_form .submit:hover,
#pictures #login_form .submit:active,
#pictures #login_form .submit:focus {
    background-position: 0 -45px;
}


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

#pictures #register a { color: #e79508; }

#pictures .step1 {
    background-position: 0 -230px;
}

#pictures .step1:hover,
#pictures .step1:active,
#pictures .step1:focus {
    background-position: 0 -280px;
}

#pictures .step2 {
    margin-left: 5px;
    background-position: 0 -900px;
}

#pictures .step2:hover,
#pictures .step2:active,
#pictures .step2:focus {
    background-position: 0 -950px;
}

#pictures .goback {
    margin-right: 5px;
    background-position: 0 -1000px;
}

#pictures .goback:hover,
#pictures .goback:active,
#pictures .goback:focus {
    background-position: 0 -1050px;
}

#pictures .goto_registration {
    margin-bottom: 8px;
    background-position: 0 -800px;
}

#pictures .goto_registration:hover,
#pictures .goto_registration:active,
#pictures .goto_registration:focus {
    background-position: 0 -850px;
}

#pictures .start_registration {
    background-position: 0 -700px;
}

#pictures .start_registration:hover,
#pictures .start_registration:active,
#pictures .start_registration:focus {
    background-position: 0 -750px;
}

#pictures .activate_account {
    background-position: 0 -1100px;
}

#pictures .activate_account:hover,
#pictures .activate_account:active,
#pictures .activate_account:focus {
    background-position: 0 -1150px;
}


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

#pictures #highlight_teaser .img_wrapper { height: 279px; }
#pictures .highlights_list .inner { width: 488px; }

#pictures #highlight_teaser .magnifier {
    background-position: 0 -2800px;
}

#pictures #highlight_teaser .magnifier:hover,
#pictures #highlight_teaser .magnifier:active,
#pictures #highlight_teaser .magnifier:focus {
    background-position: 0 -2850px;
}

#pictures #highlight_teaser .play {
    background-position: 0 -2900px;
}

#pictures #highlight_teaser .play:hover,
#pictures #highlight_teaser .play:active,
#pictures #highlight_teaser .play:focus {
    background-position: 0 -2950px;
}

#pictures #highlight_teaser p {
    color: #cccccc;
}

#pictures .highlights_list a:hover,
#pictures .highlights_list a:active,
#pictures .highlights_list a:focus,
#pictures .highlights_list li:hover a,
#pictures .highlights_list .highlights_list_actions a:hover,
#pictures .highlights_list .highlights_list_actions a:active,
#pictures .highlights_list .highlights_list_actions a:focus {
    color: #e79508;
}

#pictures li:hover .highlights_list_actions a { color: #505050; }

#pictures .highlights_list_actions a.add {
    padding-left: 20px;
    background-position: 0 -750px;
}

#pictures .highlights_list_actions a.add:hover,
#pictures .highlights_list_actions a.add:active,
#pictures .highlights_list_actions a.add:focus {
    background-position: 0 -800px;
}

#pictures .highlights_list_actions span.add {
    padding-left: 20px;
    background-position: 0 -1050px;
}

#pictures #filter a { color: #e79508; }


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

#pictures .detail_picture {
    float: left;
    display: inline;
    margin: 0 32px 32px 0;
    width: 416px;
}

#pictures .detail_picture > .img_container {
    margin-top: 4px;
    text-align: center;
}

#pictures .actions a.add {
    background-position: 10px -487px;
}

#pictures .actions a.add:hover,
#pictures .actions a.add:active,
#pictures .actions a.add:focus {
    background-position: 10px -537px;
}

#pictures .actions span.add {
    background-position: 10px -587px;
}

#pictures .actions .download {
    background-position: 14px -635px;
}

#pictures .actions .download:hover,
#pictures .actions .download:active,
#pictures .actions .download:focus {
    background-position: 14px -685px;
}

#pictures #recommendation > .item_list > li,
#pictures #recommendation > .item_list .inner {
    width: 121px;
    height: 196px;
}

#pictures #recommendation > .item_list .img_container {
    width: 121px;
    height: 121px;
    background: transparent url(../../images/bg_img_container_small.png) no-repeat scroll 0 0;
}

#pictures #recommendation > .item_list li:hover .img_container {
    background: transparent none;
}

#pictures .detail_info .keywords a { color: #e79508; }


/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Meine Einkaufsliste
 *
 * @section my_basket_list
 */

#pictures .item_list a:hover,
#pictures .item_list a:active,
#pictures .item_list a:focus,
#pictures .item_list li:hover a,
#pictures .item_list .item_list_actions a:hover,
#pictures .item_list .item_list_actions a:active,
#pictures .item_list .item_list_actions a:focus {
    color: #e79508;
}

#pictures li:hover .item_list_actions a { color: #505050; }

#pictures .item_list_actions .download {
   padding-left: 15px;
   background-position: 0 -100px;
}

#pictures .item_list_actions .download:hover,
#pictures .item_list_actions .download:active,
#pictures .item_list_actions .download:focus {
    background-position: 0 -150px;
}

#pictures .item_list_actions a.add {
    padding-left: 20px;
    background-position: 0 -750px;
}

#pictures .item_list_actions a.add:hover,
#pictures .item_list_actions a.add:active,
#pictures .item_list_actions a.add:focus {
    background-position: 0 -800px;
}

#pictures .item_list_actions span.add {
    padding-left: 20px;
    background-position: 0 -1050px;
}

#pictures .item_list_actions .delete {
    padding-left: 15px;
    background-position: 0 1px;
}

#pictures .item_list_actions a.delete:hover,
#pictures .item_list_actions a.delete:active,
#pictures .item_list_actions a.delete:focus {
    background-position: 0 -49px;
}


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

#pictures #data_interests_form .submit {
    background-position: 0 -330px;
}

#pictures #data_interests_form .submit:hover,
#pictures #data_interests_form .submit:active,
#pictures #data_interests_form .submit:focus {
    background-position: 0 -380px;
}

#pictures #data_interests_form .reset {
    margin-left: 5px;
    background-position: 0 -430px;
}

#pictures #data_interests_form .reset:hover,
#pictures #data_interests_form .reset:active,
#pictures #data_interests_form .reset:focus {
    background-position: 0 -480px;
}


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

#pictures #textpage li { background-position: 16px -1314px; }
#pictures #textpage dt { background-position: 0 -1115px; }

#pictures #textpage dt:hover,
#pictures #textpage a { color: #e79508; }

#pictures #textpage .active { background-position: 0 -1215px; }
#pictures #textpage .download_zip { background-position: 5px -694px; }




#pictures .textpage li { background-position: 16px -1314px; }
#pictures .textpage dt { background-position: 0 -1115px; }

#pictures .textpage dt:hover,
#pictures .textpage a { color: #e79508; }

#pictures .textpage .active { background-position: 0 -1215px; }
#pictures .textpage .download_zip { background-position: 5px -694px; }

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Suchergebnisse
 *
 * @section search_results
 */

#pictures #search_result form .download_all {
    background-position: 5px -645px;
}

#pictures #search_result form .download_all:hover,
#pictures #search_result form .download_all:active,
#pictures #search_result form .download_all:focus {
    color: #e79508;
    background-position: 5px -695px;
}

#pictures #search_result form .add_all {
    background-position: 0 -495px;
}

#pictures #search_result form .add_all:hover,
#pictures #search_result form .add_all:active,
#pictures #search_result form .add_all:focus {
    color: #e79508;
    background-position: 0 -545px;
}

#pictures #search_result .item_list > li,
#pictures #search_result_header .item_list > li,
#pictures #search_result .item_list .inner,
#pictures #search_result_header .item_list .inner {
    height: 285px;
}

#pictures .spelling a { color: #e79508; }

#my_basket_list .item_list .zoom span,
.zoom span,
.zoom_small span { display:block; background:#666; color:#fff; margin:0; padding:5px; }
.zoom_small:hover { text-decoration:none; }
.zoom_small span { width:150px; }

/* #tc_advice { padding:35px 40px; min-height: 380px; }
#tc_advice .scrollbox { min-height: 350px; }*/

.overlay a { color:#505050; }
.overlay a:hover { text-decoration:none; }

/*
.scrollbox .textpage h2 { margin:0 0 20px; }
.scrollbox .textpage p { font-weight:200; font-size:1.3em; }
.scrollbox .textpage a { color:#E79508; background:transparent url(../../images/spr_icons.png) no-repeat 5px -698px; padding:0 0 0 25px; }
.scrollbox .textpage a:hover { text-decoration:underline; }
*/

#textpage { min-height:0; }
.textpage { min-height:0; }

#tc_advice { height:auto; min-height:0; width:auto; max-width:544px; padding:35px; }
#tc_advice h2 { background:#f5f5f5; padding:10px; border-bottom:2px solid #ccc; }
#tc_advice h3 { padding:5px 10px; }
#tc_advice p { padding:2px 10px; }
#tc_advice .scrollbox { height:auto; max-height:300px; background:transparent; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0; }
#tc_advice p a { background:url(../../images/spr_icons.png) no-repeat scroll 0 -698px transparent; padding:0 0 0 20px; }
#tc_advice a { color:#E79508; }

#data_interests_form .newsletters .type-check { width:435px; }


dt.embargo { display:none; }
dd.embargo { border: 1px solid #AB1717; color: #AB1717; font-weight: bold; margin-bottom: 1.2857em; padding: 5px; width: 85%; }

a.login_terms {
    text-indent:-9999px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    width: 159px;
    height: 43px;
    border: 0 none;
    padding: 0;
    background: transparent url(../../images/spr_buttons.png) no-repeat scroll 0 -1204px;
}

#login_form .submit {
    display: block;
    width: 128px;
}
a.login_terms:hover {
    background-position: 0 -1249px;
}

a.login_password_forgot {
    margin-top: 10px;
}

.c79r .subcr, .c56l .subc{
    min-height: 405px;
}

.actions {
    margin-bottom: 15px;
}

.prevnext_container {
    float:right;
    text-align:center;
    margin:0 0 15px;
    overflow: auto;
    width: 271px;
    margin: 8px 0 20px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
}

.prevnext_container span,
.prevnext_container a {
    font-size: 1.1333em;
    font-weight:400;
    display:block;
    width:80px;
    float:left;
}

.prevnext_container a {
    color: #505050;
}

.prevnext_container span {
    color: #ccc;
}

a.detail_prev,
span.detail_prev {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0px -3187px;
    text-indent: 20px;
}
a.detail_prev {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0px -3086px;
}
a.detail_prev:hover,
a.detail_prev:active,
a.detail_prev:focus {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 0px -3289px;
}

a.detail_next,
span.detail_next {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 68px -3136px;
    text-indent: 10px;
}
a.detail_next {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 68px -3036px;
}
a.detail_next:hover,
a.detail_next:active,
a.detail_next:focus {
    background: transparent url(../../images/spr_icons.png) no-repeat scroll 68px -3238px;
}

a.detail_back,
span.detail_back {
    width:110px;
    text-indent: 25px;
}


.prevnext_container a:hover,
.prevnext_container a:hover,
.prevnext_container a:hover,
.prevnext_container a:active,
.prevnext_container a:active,
.prevnext_container a:active,
.prevnext_container a:focus,
.prevnext_container a:focus,
.prevnext_container a:focus {
    color: #e79508;
    text-decoration:none;
}

/**
 * ---------------------------------------------------------------------------------------------------- #
 * 
 * Programme Index
 *
 * @section programme_index
 */

#search_result .sub {
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
}

.index_nav li { 
    float: left;
    display: inline;
    width: 3.5%;
    min-width: 20px;
    text-align: center;
}

.index_nav .index_all,
.index_nav .index_numbers {
    width: 4%;
    text-align: left;
}

#search_result .index_nav .index_all a {
    display: block;
}

.submission_table .state a {
    color: #E79508;
}

.submission_table .state a {
    text-decoration: none;
}

.submission_table .state a:active,
.submission_table .state a:focus,
.submission_table .state a:hover {
    text-decoration: underline;
}

.submission_table {
    width: 100%;
}

.submission_table thead th {
    padding: 7px 8px;
    font-size: 1.1666em; /* 14px */
    line-height: 1.4285em; /* 20px */
}

.submission_table thead .table_date {
    width: 25%;
}

.submission_table thead .table_id,
.submission_table thead .table_title { 
    width: 20%; 
}

.submission_table thead .table_campaign { 
    width: 35%; 
}

.submission_table tbody tr {
    border-top: 1px solid #EBEBEB;
}

.submission_table tbody td { overflow:hidden; }

.submission_table tbody td {
    font-size: 1.1666em;
    line-height: 1.4285em;
    padding: 15px 8px;
}

.submission_table tbody .state {
    font-weight: 400;
}

.submission_table tbody submissions .state {
    font-size: 1.1666em;
    line-height: 1.2857em;
    padding: 0;
}

.submission_table td .small {
    display: block;
    font-size: smaller;
    line-height: 16px;
    margin-top: 6px;
}

.submission_table td.title {
    width:30%;
}

.submission_table td.state {
    width:70%;
}

span.embargo,
div.embargo {
    position: absolute;
    bottom: 125px;
    background: #ab1717 url(../../images/embargo.png) no-repeat bottom left;
    background-position: -10px;
    color: white;
    padding: 4px 4px 2px 30px;
    width: 126px;
    font-size: 10px;
}

#my_basket span.embargo {
    bottom: -12px;
    left: 8px;
}

#my_basket_list .zoom span.embargo,
.zoom span.embargo {
    position: relative;
    bottom: inherit;
    background: #ab1717 url(../../images/embargo.png) no-repeat bottom left;
    background-position: -10px;
    padding: 4px 4px 2px 30px;
    width: inherit;
    font-size: 10px;
}

.zoom_small span.embargo {
    position: initial;
    bottom: initial;
    background: #ab1717 url(../../images/embargo.png) no-repeat bottom left;
    color: white;
    background-position: -12px 80px;
    padding: 4px 4px 2px 30px;
    width: inherit;
    font-size: 10px;
}

#recommended_list div.embargo,
#recommendation span.embargo {
    bottom: 0;
}

#recommendation div.embargo {
    bottom: 75px;
    width: 87px;
}

}

}