﻿@media print, screen, projection
{

    /* specific rules */
    div.productview, div.productview span, div.productview div
    {
        font-size: 12px;
        line-height: 16px;
        font-family: Arial,Geneva,Helvetica,sans-serif;
    }

    div.productview div.breadcrumb div a
    {
        background: url("img/bullet-arrow.gif") no-repeat scroll 0 50% transparent;
        display: inline-block;
        padding-left: 10px;
    }

    div.productview a.link
    {
        font-weight: bold;
    }

    div.productview div.breadcrumb a span
    {
        font-size: 12px;
        line-height: 15px;
    }

    div.productview div.breadcrumb
    {
        padding-bottom: 5px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 10px;
    }

    div.productview .price
    {
        font-size: 28px;
        line-height: 34px;
    }
    
    div.productview .wish-list-link
    {
        background: url(img/bullet-arrow.gif) no-repeat 0 50%;
        padding-left: 10px;
        cursor: pointer;
    }

    div.productview div.radio-wrapper div.no-padding
    {
        padding: 0 0 0 0;
    }

    div.productview input[type=radio]
    {
        padding: 0px;
        margin: 0px;
    }

    div.productview div.snippet
    {
        position: absolute;
        background-color: White;
    }

    div.productview div.snippet .description
    {
        width: 156px;
        background-color: White;
        margin: 10px;
    }

    div.productview div.google-preview
    {
        padding: 0;
    }

    div.productview div.htmTagZone div
    {
        width: 101px;
    }
    
    div.productview div.htmTagZone div.htmTagZoneTopSeminar
    {
        width: 160px;
    }
    

    /* general rules */
    a.back-link
    {
        background: url("img/bullet-arrow-left.gif") no-repeat scroll 0 50% transparent;
        padding-left: 10px;
        line-height: 12px;
    }

    h3.banner
    {
        display: block;
        height: 26px;
        line-height: 26px;
        padding-left: 10px;
    }

    div.product-family h3.banner 
    {
	    font-size: 16px;
	    font-weight: bold;
    }
    
    .green-checked-text
    {
        background: url("../../img/green-check.gif") no-repeat scroll 0 0 transparent;
        padding-left: 20px;
    }

    .green-checked-text b
    {
        font-weight: normal;
    }

    .tab-list
    {
        display: block;
        background-color: #dedfd1;
    }

    .tab-entry
    {
        float: left;
        height: 26px;
        line-height: 26px;
        background: url("../../img/red-arrow-right.gif") no-repeat scroll 10px 50% #dedfd1;
        padding-left: 23px;
        padding-right: 24px;
        color: #600000;
    }

    .tab-entry a
    {
        color: #600000;
    }

    .selected-tab
    {
        background: url("../../img/red-arrow-down.gif") no-repeat scroll 10px 50% #ffffff;
        border-top: 2px solid #dedfd1;
        border-left: 2px solid #dedfd1;
        border-right: 2px solid #dedfd1;
        height: 27px;
        padding-left: 25px;
        margin-top: -2px;
        color: #333333;
    }

    .selected-tab a
    {
        color: #333333;
    }

    .info-tab ul
    {
        list-style: disc;
    }

    .info-tab ul li
    {
        margin-left: 20px;
    }

    .link-row li
    {
        padding-right: 4px;
        padding-left: 4px;
        line-height: 16px;
        margin-bottom: 3px;
        margin-right: -1px;
        max-width:60%;
    }

    .link-row a
    {
        color: #333333;
    }

    .link-row a.print
    {
        background: url(img/icon_drucken.gif) no-repeat;
        padding-left: 22px;
    }

    .link-row a.product-link
    {
        background: url("img/ico_embed.gif") no-repeat scroll 0 0 transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }

    .link-row a.excerpt
    {
        background: url(img/icon_leseprobe.gif) no-repeat scroll 0 0 transparent;
        padding-left: 24px;
        cursor: pointer;
    }

    .link-row a.audio-sample
    {
        background: url(img/icon_hoerprobe.gif) no-repeat scroll 0 0 transparent;
        padding-left: 22px;
        cursor: pointer;
    }

    .link-row a.share
    {
        background: url("img/icon_share.gif") no-repeat scroll 0 0 transparent;
        padding-left: 22px;
        cursor: pointer;
    }

     span.product-webcode
    {
        background: url("img/icon_strichcode.png") no-repeat scroll 0 0 transparent;
        padding-left: 14px;
    }

    .link-row a.toc
    {
        background: url(img/icon_inhaltsverzeichnis.gif) no-repeat scroll 0 50% transparent;
        padding-left: 22px;
        cursor: pointer;
    }

    .link-row a.review
    {
        background: url(img/icon_rezensionen.gif) no-repeat 0 0 transparent;
        padding-left: 22px;
        cursor: pointer;
    }

    .link-row a.peek-book
    {
        background: url(img/ico_peek_book.gif) no-repeat scroll 0 50% transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }

    .link-row a.more-info
    {
        background: url(img/icon_weitere_infos.gif) no-repeat 0 0 transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }

    .link-row a.complementary-info
    {
        background: url(img/icon_mehr.gif) no-repeat 0 0 transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }
    
    .link-row a.software-download
    {
        background: url(img/ico_book.gif) no-repeat 0 0 transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }
    
    .link-row a.seminar-programm
    {
        background: url(img/icon_seminar.gif) no-repeat 0 0 transparent;
        padding-left: 22px;
        white-space: nowrap;
        cursor: pointer;
    }

    /* product review */
    .gray-star
    {
        background: url(img/product-review/star.gif) no-repeat scroll 0 0 transparent;
        width: 19px;
        height: 18px;
    }

    .half-star
    {
        background: url(img/product-review/half-star.gif) no-repeat scroll 0 0 transparent;
        width: 19px;
        height: 18px;
    }

    .yellow-star
    {
        background: url(img/product-review/yellow-star.gif) no-repeat scroll 0 0 transparent;
        width: 19px;
        height: 18px;
    }

    .pr-drop-down
    {
        background: url(img/product-review/drop-down.gif) no-repeat scroll 0 2px transparent;
        width: 15px;
        height: 18px;
    }

    .review-overlay
    {
        background: url(img/product-review/overlay-bg.png) no-repeat scroll 0 0 transparent;
        width: 257px;
        height: 259px;
        padding-left: 25px;
        padding-top: 35px;
        position: absolute;
        z-index: 100;
        right: 60px;
        top: 40px;
        overflow: hidden;
    }

    div.review-overlay .fontSize2
    {
        font-size: 14px;
        line-height: 14px;
    }

    .reviewDetailWidth
    {
        width: 227px;
    }

    .width55
    {
        width: 55px;
    }

    .yellowBackground
    {
        background: url(img/product-review/rating-bg.gif) repeat-x scroll 0 0 transparent;
        height: 15px;
        width: 70px;
    }

    .whiteBackground
    {
        background-color: #fff;
        height: 15px;
        width: 50px;
    }

    .margin-left-190
    {
        margin-left: 190px;
        display: block;
    }

    .max-width-180
    {
        max-width: 180px;
        display: block;
    }

    /* button hover styles */
    div.warenkorbButton:hover .leftArea
    {
        background-image: url(../../img/image_buttons/Prim_hover_left.png) !important;
    }

    div.warenkorbButton:hover .imageButton
    {
        background-image: url(../../img/image_buttons/Prim_hover_mitte.png) !important;
    }

    div.warenkorbButton:hover .rightArea
    {
        background-image: url(../../img/image_buttons/Prim_hover_right.png) !important;
    }

    div.serieButton:hover .leftArea
    {
        background-image: url(../../img/image_buttons/button_arrow_hover.png) !important;
    }

    div.serieButton:hover .imageButton
    {
        background-image: url(../../img/image_buttons/Prim_hover_mitte.png) !important;
    }

    div.serieButton:hover .rightArea
    {
        background-image: url(../../img/image_buttons/Prim_hover_right.png) !important;
    }

    a.beckOnlineButton
    {
        display: block;
        width: 218px;
        height: 43px;
        margin: 0;
        padding: 0;
        background-image: url(../../img/image_buttons/Prim_BeckOnline.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    a.beckOnlineButton:hover
    {
        text-decoration: none;
        background-position: 0 -71px;
    }

    a.beckOnlineButton div
    {
        padding-left: 48px;
        padding-top: 4px;
        font-size: 13px;
        text-shadow: 1px 1px 1px #2f3a69;
        font-weight: bold;
    }

    a.eLearningButton
    {
        display: block;
        width: 218px;
        height: 43px;
        margin: 0;
        padding: 0;
        background-image: url(../../img/image_buttons/Prim_BeckOnline.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    a.eLearningButton:hover
    {
        text-decoration: none;
        background-position: 0 -71px;
    }

    a.eLearningButton div
    {
        padding-left: 48px;
        padding-top: 13px;
        font-size: 13px;
        text-shadow: 1px 1px 1px #2f3a69;
        font-weight: bold;
    }

    div.popupBox
    {
        position: absolute;
        z-index: 2;
        min-height: 255px;
        width: 620px;
        background-color: #FFFFFF;
        border: 3px solid #CCCCCC;
        left: 50px;
        top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    div.ModalBoxContent #email-form
    {
        width: 525px;
    }

    div.deliveryCostOverlay
    {
        padding: 5px 5px 20px 20px;
        width: 680px;
    }

    div.eBookFAQOverlay
    {
        padding: 5px 5px 20px 20px;
        width: 680px;
    }

    div.ModalBoxContent .head
    {
        border-bottom: 1px solid #CCCCCC;
        height: 30px;
        background-color: #E8EBE2;
        line-height: 40px;
    }

    div.ModalBoxContent .head
    {
        padding: 10px;
    }

    div.productview .ebookHintText
    {
        text-align: justify;
        width: 190px;
    }
    
    /*Seminare*/
    div.productview .referentenContainer
    {
        position: relative;
    }
    div.productview .referentenContainer .referentPreview
    {
        height: 60px;
        text-align: left;
    }
    
    div.productview .referentenContainer .referentPreview img
    {
        width:36px;
        margin: 5px;
    }
    
    div.productview .referentenContainer .referentInfoContainer
    {
        width: 1px;
    }
    
    div.productview .referentenContainer .referentInfoContainer .referentInfoPositioner
    {
        position: relative;
    }
    
    div.productview .referentenContainer .referentInfoContainer table
    {
        width: 90%;
        margin-left: 10px;
    }
    
    div.productview .referentenContainer .referentInfoContainer .topCorner
    {
        position: relative;
        width: 100%;
        height: 10px;
        background-image: url(img/basket/tooltip_oben.png);
        background-repeat: no-repeat;
        background-position: left top;
    }
    
    div.productview .referentenContainer .referentInfoContainer  .bodyCorner
    {
        position: relative;
        background-image: url(img/basket/tooltip_mitte.png);
        background-repeat: repeat-y;
        height: 100%;
        width: 100%;
    }
    
    div.productview .referentenContainer .referentInfoContainer .bottomCorner
    {
        position: relative;
        width: 100%;
        height: 20px;
        background-image: url(img/basket/tooltip_unten.png);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    
    div.productview .referentenContainer .referentInfoImageContainer
    {
        width: 90px;
    }
    div.productview .referentenContainer .referentInfoImageContainer img
    {
        width: 85px;
        height: 120px;
    }
    
    div.productview .referentenContainer .referentInfo
    {
        position: absolute;
        z-index: 2;
        top: -170px;
        left: 40px;
        border-collapse: collapse;
        width: 437px;
        height: 120px;
        padding-left: 5px;
    }
    
    div.productview .referentenContainer .referentInfo td
    {
        padding: 0;
        margin: 0;
        text-align: left;
        vertical-align: top;
    }
    
    /* START: rating */
    div.productview .info-tab table.rating
    {
	    margin: 4px 0 0 1px;
	    display: block;
    }

    div.productview .info-tab table.rating td
    {
	    width: 90px;
	    height: 21px;
	    border: 1px solid #ececec;
	    border-top: none;
	    padding: 6px 24px 3px;
    }

    div.productview .info-tab table.rating td.label
    {
	    width: 178px;
	    height: 16px;
	    padding: 8px 8px 7px;
	    border-right: none;
    }

    div.productview .info-tab table.rating tr.first td
    {
	    border-top: 1px solid #ececec;
    }

    div.productview .info-tab table.rating td a.rating,
    div.productview .info-tab div.tooltip table.rating td span.rating
    {
	    display: block;
	    width: 0;
	    height: 21px;
	    background: url(./img/seminare/rtpt.gif) repeat-x left top;
    }
    
    div.productview .info-tab table.rating span.rating
    {
	    background-image: url(./img/seminare/rtpt-legend.gif);
    }

    div.productview .info-tab table.rating td a.rating:hover,
    div.productview .info-tab div.tooltip table.rating td span.rating:hover
    {
	    background-position: left bottom;
    }

    div.productview .info-tab table.rating td a.points1,
    div.productview .info-tab div.tooltip table.rating td span.points1
    {
	    width: 20px;
    }

    div.productview .info-tab table.rating td a.points2,
    div.productview .info-tab div.tooltip table.rating td span.points2
    {
	    width: 55px;
    }

    div.productview .info-tab table.rating td a.points3,
    div.productview .info-tab div.tooltip table.rating td span.points3
    {
	    width: 90px;
    }
    
    #seminarHotelSelectionContainer select 
    {
        width: 210px;
    }
    
    #seminarHotelInfoContainer 
    {
        position: relative;
    }
    
    #seminarHotelInfoContainer a 
    {
        text-decoration: underline;
        display: block;
        height: 25px;
        word-wrap: break-word;
    }
    
    #seminarHotelInfo 
    {
        position: absolute;
        z-index: 3;
        width: 220px;
        left: -50px;
        top: 12px;
    }
    
    #seminarHotelInfo .topCorner 
    {
        position: relative;
        width: 100%;
        height: 24px;
        background-image: url(img/seminare/tooltip_hotel_oben.png);
        background-repeat: no-repeat;
        background-position: left top;
    }
    
    #seminarHotelInfo .bodyCorner 
    {
        position: relative;
        background-image: url(img/seminare/tooltip_hotel_body.png);
        background-repeat: repeat-y;
        height: 100%;
        width: 100%;
    }
    
    #seminarHotelInfo .bodyCorner .seminarHotelInfoBoxBody {
        padding: 20px;
    }
    
    .seminarHotelInfoBoxBody > div {
        word-wrap: break-word;
    }
    
    #seminarHotelInfo .bottomCorner 
    {
        position: relative;
        width: 100%;
        height: 14px;
        background-image: url(img/seminare/tooltip_hotel_unten.png);
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    
    /*aus Seminare übernommen*/
    div.productview .seminare-info-text p.inhalt-aufz-kaestchen,
    div.productview .seminare-info-text p.inhalt-zwischentitel
    {
        font-weight: bold;
    }
    
    div.productview .seminare-info-text p.inhalt-aufz-kaestchen
    {
         margin-top: 10px;
    }
    
    div.productview .seminare-info-text p.InhaltAufzStrich, 
    div.productview .seminare-info-text p.inhalt-aufz-punkt, 
    div.productview .seminare-info-text p.inhalt-aufz-strich, 
    div.productview .seminare-info-text p.InhaltAufzStrich2, 
    div.productview .seminare-info-text p.inhalt-aufz-punkt-2, 
    div.productview .seminare-info-text p.inhalt-aufz-strich-2
    {
        line-height: 18px;
        background: url(./img/square-icon.gif) no-repeat 0 7px;
        padding: 0 0 0 7px;
    }
    
    /* END: rating                                                         */
    /***********************************************************************/
    /* START: tooltip                                                      */
    div.productview .info-tab div.tooltip
    {
	    width: 450px;
	    height: 115px;
	    position: absolute;
	    z-index: 3;
	    display: none;
	    padding: 12px 0 0;
    }

    div.productview .info-tab div.tooltip div.tooltip_head
    {
	    height: 14px;
	    width: 25px;
	    background: url(./img/seminare/tooltip.gif) no-repeat;
	    position: absolute;
	    left: 10px;
	    top: 0;
	    z-index: 2;
    }

    div.productview .info-tab div.tooltip div.tooltip_wrapper
    {
	    border: 2px solid #d0d0d0;
	    background: #f7f7f7;
	    z-index: 1;
    }

    div.productview .info-tab div.tooltip table.rating
    {
	    margin: 0;
    }

    div.productview .info-tab div.tooltip table.rating td
    {
	    width: 90px;
	    padding: 6px 10px 4px;
	    border: 1px solid #ececec;
	    border-left: none;
	    border-bottom: none;
    }

    div.productview .info-tab div.tooltip table.rating td.label
    {
	    width: auto;
	    border-right: none;
	    padding: 8px 8px 7px;
	    white-space: nowrap;
	    float: none;
    }

    div.productview .info-tab div.tooltip table.rating tr.first td
    {
	    border-top: none;
    }

    div.productview .info-tab div.tooltip table.rating td a.rating
    {
	    background-image: url(./img/seminare/rtpt-legend.gif);
    }

    div.productview .info-tab div.above
    {
	    padding: 0 0 12px;
    }

    div.productview .info-tab div.above div.tooltip_head
    {
	    background: url(./img/seminare/tooltip-above.gif) no-repeat left bottom;
	    top: auto;
	    bottom: 0;
    }
    /* END: tooltip */

}
/*
@page
{
    size: landscape;
}
*/
/* special print settings
, screen, projection
 */
@media print
{
    div.productview .color2 {
        color: #000000;
        font-weight: bold;
    }

    body, #content
    {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    div.productview, div.productview span, div.productview div
    {
        font-size: 11px;
        line-height: 14px;
        font-family: Arial,Geneva,Helvetica,sans-serif;
    }
    
    
    div#page-zone {
        margin-left: 0;
        margin-right: 0;
        width: 170mm !important;
    }
    
    div#content-zone
    {
        width: 400px !important;
    }
  
    div#content-wrapper-zone
    {
        width: 170mm !important;
    }
    
    div#search-zone div.search-form, div#search-zone-footer div.search-form
    {
        display: none !important;
    }
    
    #footer-zone-wrapper .left
    {
        display: none !important;
    }
    
    div.productview .price {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    
    div.productview .pr-drop-down
    {
        display: none !important;
    }

    div.productview .link-row
    {
        display: none !important;
    }

    div.productview .google-preview
    {
        display: none !important;
    }

    div.productview div.imageButtonContainer
    {
        display: none !important;
    }

    div.productview .wish-list-link
    {
        display: none !important;
    }

    div.siegel-oben
    {
        display: none !important;
    }

    .width100{
        width:100%;
    }

    .inline{
        display:inline;
    }
}
