@font-face {
    font-family: Gyros;
    font-weight: normal;
    src: url("/cms/fonts/texgyreheros-regular-webfont.ttf");
}

 html
{

    width:100%;
    height:100%;
}
 body
{
    font-family:Gyros,Arial,sans;
    color:#a4a8ab;
    font-size:10px;
    line-height:14px;
    margin:0 auto;
    background:#fff;
    width:100%;
    height:100%;
}


h1
{
    color:#757577;
    font-size:10px;
    line-height:14px;
    font-weight:normal;
    text-transform:uppercase;
    margin:0;
    padding:0;
}
a
{
    color:#a4a8ab;
    font-size:10px;
    line-height:14px;
    text-decoration:none;
}
a.on, a:hover
{
    color:#757577;
}

 body.m,  body.m a,  body.m h1
{
    font-size:12px;
    line-height:16px;
}
 body.l,  body.l a,  body.l h1
{
    font-size:17px;
    line-height:22px;

}
.trace
{
    position:absolute;
    right:50px;
    top:20px;
    background:#f00;
    opacity:0.8;
    color:#fff;
    padding:5px;
    z-index:999;
    display:none;
}
.hide
{
    display:none;
}
.center
{
    text-align:center;
}
 table
{
    border:0;
    border-spacing:0;
    width:100%;
    height:100%;
}
 td
{
    border:0;
    padding:0;
}

 .single
{
    background:#fbfafb;
}
td.arrow
{
    width:30px;
    cursor:pointer;
    background-color:#4d4d4d;
}
td.arrow.left
{
    opacity:0;
    filter:alpha(opacity=0);
}
td.arrow.specialhide
{
    opacity:0;
    filter:alpha(opacity=0);
}
.m td.arrow
{
    width:37px;
}
.l td.arrow
{
    width:51px;
}
td.arrow.hover, td.textarrow.hover
{
    background-color:#eeeeee;
}

td.textarrow
{
    width:20px;
    cursor:pointer;
    background-color:#4d4d4d;
    display:none;
}
td.textarrow_left
{
    border-left:2px solid #fff;
}
td.textarrow_right
{
    border-right:2px solid #fff;
}
.m td.textarrow
{
    width:24px;
}
.l td.textarrow
{
    width:42px;
}

.arrowbutton_left
{
    width:30px;
    height:20px;
    background:url("../pix/arrow_left.png") no-repeat;
    background-position:-1px 0 !important;
    cursor:pointer;
}
.m .arrowbutton_left
{
    width:37px;
    height:25px;
    background:url("../pix/arrow_left_m.png") no-repeat;
    background-position:-2px 0 !important;
}
.l .arrowbutton_left
{
    width:51px;
    height:34px;
    background:url("../pix/arrow_left_l.png") no-repeat;
    background-position:-5px 0 !important;
}

.textarrow .arrowbutton_left
{
    width:20px;
    background-position:-8px 0 !important;
}

.m .textarrow .arrowbutton_left
{
    width:24px;
    background-position:-10px 0 !important;
}

.l .textarrow .arrowbutton_left
{
    width:42px;
    background-position:-8px 0 !important;
}


.arrowbutton_right
{
    width:30px;
    height:20px;
    background:url("../pix/arrow_right.png") no-repeat;
    background-position:7px 0 !important;
    cursor:pointer;
}
.m .arrowbutton_right
{
    width:37px;
    height:25px;
    background:url("../pix/arrow_right_m.png") no-repeat;
    background-position:9px 0 !important;
}
.m .textarrow .arrowbutton_right
{
    width:24px;
    background-position:5px 0 !important;
}
.l .arrowbutton_right
{
    width:51px;
    height:34px;
    background:url("../pix/arrow_right_l.png") no-repeat;
    background-position:15px 0 !important;
}
.l .textarrow .arrowbutton_right
{
    width:42px;
    background-position:8px 0 !important;
}
.textarrow .arrowbutton_right
{
    width:20px;
    background-position:4px 0 !important;
}

td.single .arrowbutton_left
{
    background-image:url("../pix/arrow_left_single.png");
}
.m td.single .arrowbutton_left
{
    background-image:url("../pix/arrow_left_single_m.png");
}
.l td.single .arrowbutton_left
{
    background-image:url("../pix/arrow_left_single_l.png");
}

td.single .arrowbutton_right
{
    background-image:url("../pix/arrow_right_single.png");
}
.m td.single .arrowbutton_right
{
    background-image:url("../pix/arrow_right_single_m.png");
}
.l td.single .arrowbutton_right
{
    background-image:url("../pix/arrow_right_single_l.png");
}


td.content
{
    text-align:center;
    vertical-align:middle;
}


.rel
{
    position:relative;
    vertical-align:middle;

}

#clip
{
    position:absolute;
    bottom:120px;
    left:0;
    z-index:3;
    display:none;
}
.m #clip
{
    bottom:146px;
}
.l #clip
{
    bottom:205px;
}

.panel
{
    width:1px;
    height:88%;
    position:absolute;
    top:12%;
    z-index:2;
    background:url("/cms/front/pix/x.png");

}
.panel_left
{
    cursor: url("/cms/front/pix/mouse_left.cur"),url("/cms/front/pix/mouse_left.png"),default;
    left:0;
}
.panel_right
{
    cursor: url("/cms/front/pix/mouse_right.cur"),url("/cms/front/pix/mouse_right.png"),default;
    right:0 !important;
}
.m .panel
{
    cursor: url("/cms/front/pix/mouse_left_m.cur"),url("/cms/front/pix/mouse_left_m.png"),default;
}
.m .panel_right
{
    cursor: url("/cms/front/pix/mouse_right_m.cur"),url("/cms/front/pix/mouse_right_m.png"),default;
}
.l .panel
{
    cursor: url("/cms/front/pix/mouse_left_l.cur"),url("/cms/front/pix/mouse_left_l.png"),default;
}
.l .panel_right
{
    cursor: url("/cms/front/pix/mouse_right_l.cur"),url("/cms/front/pix/mouse_right_l.png"),default;
}

.pad
{
    margin:0 auto;
    position:relative;
    width:884px;
    height:600px;
}
.m .pad
{
    width:1078px;
    height:732px;
}
.l .pad
{
    width:1512px;
    height:1026px;
}
.cover
{
    position:absolute;

    background:url("../pix/cover.png");
}
.innermain
{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.one
{
    z-index:1;
}
.meta
{
    z-index:2;
    display:none;
}
.intro
{
    background:#fbfafb;
}

.logo
{

    position:absolute;
    width:192px;
    height:66px;
    z-index:90;
    background:url("../pix/logo.png") no-repeat;
    cursor:pointer;
}

.m .logo
{
    width:234px;
    height:81px;
    top:633px;
    background:url("../pix/logo_m.png") no-repeat;
}
.l .logo
{
    width:328px;
    height:113px;
    top:887px;
    background:url("../pix/logo_l.png") no-repeat;
}

.changeover
{
    position:absolute;
    width:31px;
    height:79px;
    bottom:0;
    left:0;
    background:url("../pix/changeover.png") no-repeat;
    cursor:pointer;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.m .changeover
{
    width:38px;
    height:96px;
    background:url("../pix/changeover_m.png") no-repeat;
}
.l .changeover
{
    width:53px;
    height:135px;
    background:url("../pix/changeover_l.png") no-repeat;
}
.changeover a
{
    display:block;
    width:100%;
    height:100%;
}
.changeovertxt
{
    position:absolute;
    text-align:left;
    bottom:28px;
    left:66px;

}
.m .changeovertxt
{
    bottom:34px;
    left:81px;
}
.l .changeovertxt
{
    bottom:48px;
    left:113px;
}


.close
{
    position:absolute;
    width:31px;
    height:67px;
    top:0;
    left:0;
    background:url("../pix/close.png") no-repeat;
    cursor:pointer;
}
.m .close
{
    width:38px;
    height:82px;
    background:url("../pix/close_m.png") no-repeat;
}
.l .close
{
    width:53px;
    height:115px;
    background:url("../pix/close_l.png") no-repeat;
}



.openmeta
{
    position:absolute;
    width:31px;
    height:67px;
    top:0;
    left:0;
    background:url("../pix/openmeta.png") no-repeat;
    cursor:pointer;
}
.m .openmeta
{
    width:38px;
    height:82px;
    background:url("../pix/openmeta_m.png") no-repeat;
}
.l .openmeta
{
    width:53px;
    height:115px;
    background:url("../pix/openmeta_l.png") no-repeat;
}

.navi
{
    position:absolute;
    width:755px;
    height:auto;
    top:38px;
    left:65px;
    text-align:left;
    color:#a4a8ab;
}
.m .navi
{
    width:920px;
    top:46px;
    left:79px;
}
.l .navi
{
    width:1292px;
    top:65px;
    left:111px;
}

.navi a
{
    display:block;
    width:129px;
    text-transform:uppercase;
    color:#a4a8ab;
}
.navi a.on, .navi a:hover
{
    color:#515a59;
}

.m .navi a
{
    width:157px;
}
.l .navi a
{
    width:221px;
}

.navi .alt
{
    position:absolute;
    top:0;
    right:-36px;
    width:150px;
    text-align:left;
}
.m .navi .alt
{
    right:-42px;
    width:183px;
}
.l .navi .alt
{
    right:-59px;
    width:256px;
}
.navi .alt span
{
    color:#757577;
}

.navi2
{
    position:absolute;
    left:129px;
    top:0;
}
.m .navi2
{
    left:157px;
}
.l .navi2
{
    left:221px;
}

.navi2 a
{
    width:300px;
    text-transform:none;
}
.m .navi2 a
{
    width:366px;
}
.l .navi2 a
{
    width:516px;
}

.navi2 a.on
{

}

.navi2_suche form
{
    position:relative;
    top:-3px;
}
.m .navi2_suche form
{
    top:-4px;
}
.l .navi2_suche form
{
    top:-4px;
}

.navi2_suche input
{
    color:#a4a8ab;
    padding:3px 0 3px 0;
    width:115px;
    font-size:9px;
    border:none;
    background:#fff;
    border-bottom:1px solid #c6c6c8;
}
.m .navi2_suche input
{
    padding:4px 0 4px 0;
    width:140px;
    font-size:11px;
}
.m .navi2_suche input
{
    padding:5px 0 5px 0;
    width:197px;
    font-size:15px;
}

.navi2_suche a
{
    display:inline-block;
    width:15px;
    height:15px;
    background:url("../pix/suche_arrow.png") no-repeat center;
    position:relative;
    top:2px;
    left:8px;
}
.m .navi2_suche a
{
    width:17px;
    height:17px;
    background:url("../pix/suche_arrow_m.png") no-repeat center;
    top:2px;
    left:10px;
}
.l .navi2_suche a
{
    width:23px;
    height:23px;
    background:url("../pix/suche_arrow_l.png") no-repeat center;
    top:3px;
    left:14px;
}

.thumbs
{
    position:absolute;
    width:755px;
    height:283px;
    top:198px;
    left:65px;
    overflow:hidden;
}
.book
{
    position:absolute;
    top:2px;
    left:0;
}
.m .thumbs
{
    width:920px;
    height:344px;
    top:244px;
    left:79px;
}
.l .thumbs
{
    width:1292px;
    height:482px;
    top:342px;
    left:111px;
}




.thumbs .inner
{
    position:absolute;
    width:999999px;
    height:auto;
    top:0;
    left:0;

}
.thumbs .page
{

    width:768px;
    height:294px;
    float:left;
}
.m .thumbs .page
{

    width:936px;
    height:360px;
}
.l .thumbs .page
{

    width:1314px;
    height:504px;
}

.thumbs .thumb
{
    position:relative;
    width:115px;
    height:85px;
    margin:0 13px 13px 0;
    float:left;
    cursor:pointer;
}
.thumbs .txtthumb
{
    background:url("../pix/bg_txtthumb.png") repeat-y;
}
.thumbs .hiddenalt
{
    display:none;
}



.thumbs .chapter
{
    position:relative;
    text-align:right;
    background:url("../pix/arrow_chapter.png") no-repeat;
    line-height:10px;
}
.m .thumbs .chapter
{
    background:url("../pix/arrow_chapter_m.png") no-repeat;
    line-height:12px;
}
.l .thumbs .chapter
{
    background:url("../pix/arrow_chapter_l.png") no-repeat;
    line-height:17px;
}

.thumbs .icon_video
{
    position:absolute;
    top:33px;
    left:48px;
    width:20px !important;
    height:19px !important;
}
.m .thumbs .icon_video
{
    top:40px;
    left:59px;
}
.l .thumbs .icon_video
{
    top:56px;
    left:82px;
}



.thumbs .txtthumb p
{
    color:#757577;
    position:relative;
    top:-3px;
    left:7px;
    line-height:13px;
    margin-top:1px;
    text-align:left;

}
.m .thumbs .txtthumb p
{
    top:-5px;
    left:9px;
    line-height:16px;

}
.l .thumbs .txtthumb p
{
    top:-7px;
    left:12px;
    line-height:22px;

}

.thumbs .txtthumb p span
{
    color:#a4a8ab;

}

.thumbs .chapter p
{
    text-transform:uppercase;
    color:#757577;
    position:relative;
    top:-3px;
    line-height:12px;
    display:block;
    margin-top:1px;

}
.thumbs .chapter .alt
{
    margin-top:0;
    line-height:12px;
    position:relative;
    top:-7px;
    display:none;
    padding-left:7px;
}
.m .thumbs .chapter .alt
{
    line-height:15px !important;
    top:-9px;
    padding-left:9px;
}
.l .thumbs .chapter .alt
{
    line-height:21px !important;
    top:-12px;
    padding-left:12px;
}
.thumbs .chapter p span
{
    display:block;
    height:17px;
    text-transform:none;
}
.m .thumbs .chapter p span
{
    height:21px;
}
.l .thumbs .chapter p span
{
    height:29px;
}

.thumbs .overview p
{
    background:url("../pix/overview.png") no-repeat bottom right;
}
.m .thumbs .overview p
{
    background:url("../pix/overview_m.png") no-repeat bottom right;
}
.l .thumbs .overview p
{
    background:url("../pix/overview_l.png") no-repeat bottom right;
}
.thumbs .overview .alt p
{
    background:none !important;
    text-transform:none !important;
}

.m .thumbs .chapter p
{
    top:-5px;
    line-height:15px;
    margin-bottom:10px;
}
.l .thumbs .chapter p
{
    top:-7px;
    line-height:21px;
    margin-bottom:14px;
}

.thumbs .thumb img
{
    width:115px;
    height:85px;
}
.m .thumbs .thumb, .m .thumbs .thumb img
{
    width:140px;
    height:104px;
}
.m .thumbs .thumb
{
    margin:0 16px 16px 0;
}
.l .thumbs .thumb, .l .thumbs .thumb img
{
    width:197px;
    height:146px;
}
.l .thumbs .thumb
{
    margin:0 22px 22px 0;
}


.canvas
{
    position:absolute;
    width:880px;
    height:421px;
    top:60px;
    left:0;
}
.m .canvas
{
    width:1074px;
    height:514px;
    top:73px;
}
.l .canvas
{
    width:1505px;
    height:720px;
    top:103px;
}

.canvas .detail
{

}
.canvas .detail img
{
    z-index:1;
}
.canvas .detail .imgcover
{
    z-index:2;
    width:100%;
    height:100%;
    background:#f00 url("/cms/front/pix/x.png");
}
.canvas .detail h1
{
    font-size:12px;
    line-height:17px;
}
.m .canvas .detail h1
{
    font-size:15px;
    line-height:21px;
}
.l .canvas .detail h1
{
    font-size:21px;
    line-height:29px;
}
.canvas .detail .txts h1
{
    display:inline;
}
.canvas .detail .txts
{
    position:absolute;
    top:101px;
    left:239px;
    width:400px;
    height:323px;
    overflow:hidden;
    text-align:left;
    font-size:12px;
    line-height:17px;
}

.canvas .detail .txts .txt
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:justify;
}
.canvas .detail .txts .txt table
{
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    cell-spacing:0;
}
.canvas .detail .txts .txt table td
{
    vertical-align:top;
    padding:0 0 17px 15px;
    color:#939ca1;
}
td.year h1
{
    text-transform:none;
}
.canvas .detail .txts .txt table td.year
{
    border-right:1px solid #939ca1;
    padding-right:15px;
    padding-left:0;
    color:#a4a8ab;
}
.m .canvas .detail .txts .txt table td
{
    padding:0 0 21px 18px;
}
.m .canvas .detail .txts .txt table td.year
{
    padding-right:18px;
}
.l .canvas .detail .txts .txt table td
{
    padding:0 0 29px 26px;
}
.l .canvas .detail .txts .txt table td.year
{
    padding-right:26px;
}



.canvas .detail .txts a
{
    font-size:12px;
    line-height:17px;
    color:#757577;
}
.m .canvas .detail .txts
{
    top:118px;
    height:399px;
    left:292px;
    width:488px;
    font-size:15px;
    line-height:21px;
}
.m .canvas .detail .txts a
{
    font-size:15px;
    line-height:21px;
}
.l .canvas .detail .txts
{
    top:173px;
    height:552px;
    left:409px;
    width:684px;
    font-size:21px;
    line-height:29px;
}
.l .canvas .detail .txts a
{
    font-size:21px;
    line-height:29px;
}
.canvas .detail .img
{
    position:absolute;
    bottom:0;
    left:172px;
    width:534px;
    height:auto;
    text-align:center;
    vertical-align:bottom;
}
.m .canvas .detail .img
{
    left:210px;
    width:651px;
}
.l .canvas .detail .img
{
    left:294px;
    width:913px;
}
.canvas .detail .textnum
{
    position:absolute;
    top:2px;
    right:0;
    width:150px;
    text-align:left;
}
.m .canvas .detail .textnum
{
    width:183px;
}
.l .canvas .detail .textnum
{
    width:256px;
}
.canvas .detail .textnum a
{
    display:inline-block;
}
.canvas .detail .textnum a.on
{
    color:#757577;
    border-bottom:1px solid #a4a8ab;
}
.canvas .detail .alt
{
    position:absolute;
    bottom:-2px;
    right:0;
    width:150px;
    text-align:left;
}
.s .withfilm .alt
{
    right:-10px !important;
}
.m .canvas .detail .alt
{
    bottom:-2px;
    width:183px;
}
.l .canvas .detail .alt
{
    bottom:-3px;
    width:257px;
}
.canvas .detail .alt span
{
    color:#757577;
}

.canvas .detail .film
{
    display:none;
}