@charset "UTF-8";

/*********************************************************
* Author: Marko Roeper <marko.roeper@googlemail.de>     *
* All Rights Reserved                                   *
*********************************************************/

@media all {


    /********************************************************************************************
    * TAGS Bereich : Start *********************************************************************/

    html * {font-size:100.01%}
    textarea, pre, code, kbd, samp, var, tt {font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier}
    body {font-family: /*"Helvetica Neue", Helvetica,*/ Arial, sans-serif;font-size:12px;padding:0}
    h1,h2,h3,h4,h5,h6 {font-family: /*"Helvetica Neue", Helvetica,*/ Arial, sans-serif;font-weight:normal;margin:0 0 0.25em 0}
    h1 {font-size:16px;text-transform:uppercase;letter-spacing:1px;border-bottom-style:dotted;border-bottom-width:1px;padding:1px 0 9px 1px;margin:0 0 15px 0}
    h2 {font-size:14px;text-transform:uppercase;letter-spacing:0.8px}
    h3 {font-size:13px;text-transform:uppercase;letter-spacing:0.8px}
    h4 {font-size:12px;text-transform:uppercase;letter-spacing:0.8px}
    h5 {font-size:12px;text-transform:uppercase;letter-spacing:0.8px}
    h6 {font-size:12px;text-transform:uppercase;letter-spacing:0.8px}

    #col1_content h1, #col1_content h2, #col1_content h3, #col1_content h4 {font-size:16px;text-transform:uppercase;letter-spacing:1px;border-bottom-style:dotted;border-bottom-width:1px;padding:1px 0 9px 1px;margin:0 0 15px 0}

    .landingpage h1 {border-bottom-width:0;margin:13px 0 11px 0;padding:0}

    #col1_content .gallery h1, #col1_content .gallery h2, #col1_content .gallery h3, #col1_content .gallery h4 {border-bottom:0;font-size:13px}

    ul, ol, dl {line-height:1.5em;margin:0 0 1em 1em}
    ul li {list-style-type:disc}
    ul ul li {list-style-type:circle}
    ol li {list-style-type:decimal}
    ol ol li {list-style-type:lower-latin}
    li {margin-left:0.8em;line-height:1.5em}
    dt {font-weight:bold}
    dd {margin:0 0 1em 0.8em}
    p {line-height:120%;margin:0 0 10px 0;font-size:12px}
    .landingpage p {line-height:133%;margin:0 0 10px 0;font-size:12px;letter-spacing:0.35px}
    blockquote, cite,q {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic}
    blockquote {margin:0 0 1em 1.6em}
    strong,b {font-weight:bold}
    em,i {font-style:italic}
    pre, code, kbd, tt, samp, var {font-size:100%}
    pre {line-height:1.5em;margin:0 0 1em 0}
    var {font-style:italic}
    acronym, abbr {border-bottom-width:1px;border-bottom-style:dotted;font-variant:small-caps;letter-spacing:.07em;cursor:help}
    sub, sup {font-size:91.6667%}
    hr {background:transparent;margin:0 0 0.5em 0;padding:0 0 0.5em 0;border:0;border-bottom-width:1px;border-bottom-style:solid}
    a {background:transparent;text-decoration:none;cursor:pointer}
    a:focus, a:hover, a:active {text-decoration:underline;outline:none}
    p.icaption_left {float:left;display:inline;margin:0 1em 0.15em 0}
    p.icaption_right {float:right;display:inline;margin:0 0 0.15em 1em}
    p.icaption_left img,
    p.icaption_right img {padding:0;border:1px #888 solid}
    p.icaption_left strong,
    p.icaption_right strong {display:block;overflow:hidden;margin-top:2px;padding:0.3em 0.5em;font-weight:normal;font-size:91.667%}
    form legend {display:none}
    form label {cursor:pointer}
    table {width:100%;border-collapse:collapse;margin-bottom:0.5em;border-top-style:solid;border-top-width:2px;border-bottom-width:2px;border-bottom-style:solid}
    table caption {font-variant:small-caps}
    table.full {width:100%}
    table.fixed {table-layout:fixed}
    th,td {padding:0;vertical-align:top}
    tbody th {padding:3px}
    tbody td {padding:3px}
    tbody th {text-align:left}

    /* TAGS Bereich : Ende **********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * STANDARDS Bereich : Start ****************************************************************/

    .bg_red {display:inline;padding:1px 3px}
    .info {padding:10px;margin-bottom:0.5em;font-size:91.7%}
    .note {border-style:solid;border-width:2px;padding:10px;margin-bottom:1em}
    .important {border-style:solid;border-width:2px;padding:10px;margin-bottom:1em}
    .warning {border-style:solid;border-width:2px;padding:10px;margin-bottom:1em}
    .float_left {float:left;display:inline;margin-right:1em;margin-bottom:0.15em}
    .float_right {float:right;display:inline;margin-left:1em;margin-bottom:0.15em}
    .center {display:block;text-align:center;margin:0.5em auto}
    .more {padding:1px 4px 2px 4px;letter-spacing:1px;white-space:nowrap}
    td .more {padding:0 3px 0 3px;letter-spacing:1px;white-space:nowrap}
    span.more {padding:0}
    span.more a {padding:0 3px 0 3px;letter-spacing:1px;white-space:nowrap}
    a.back {background:url(../../images/icon_pfeil_snav2_back_n.png) no-repeat 0px 2px;padding:0 0 0 22px;color:#c5c1c0;text-transform:uppercase;letter-spacing:0.7px}
    a.back:hover, a.back:active, a.back:focus {background-image:url(../../images/icon_pfeil_snav2_back_r.png);color:#ffbc54;outline:none}

    /* STANDARDS Bereich : Ende *****************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * GLOBAL Bereich : Start *******************************************************************/

    #main {margin:0;padding:0 0 20px 0;border-top-width:10px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:dotted}

    /* GLOBAL Bereich : Ende ********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * HEADER Bereich : Start *******************************************************************/

    #header {padding:0;position:relative}

    #logo {width:260px;height:148px;margin:0;padding:62px 0 0 30px}
    #logo a {display:block;width:223px;height:31px;text-indent:-999px;background:url(../../images/logo_katarina_witt.gif) no-repeat left top;outline:none}

    #search {letter-spacing:1.7px;position:absolute;top:0px;right:0px;padding:2px 4px 4px 10px;text-transform:uppercase;font-size:12px}
    #search ul, #search form, #search form fieldset {display:inline;vertical-align:middle}
    #search form {padding-bottom:1px;margin-left:12px}
    #search .text {width:144px;height:15px;border-width:1px;border-style:solid}
    #search label {margin-right:1px}
    #search ul {margin:0;padding:0}
    #search li {list-style:none;display:inline;padding:0;margin:0 5px 0 0}

    #nav {overflow:hidden;clear:none;height:145px;margin:0;padding:65px 0 0 2px}
    #snav {padding-left:1px}
    .hlist {letter-spacing:1.3px;text-transform:uppercase;font-size:12px;overflow:hidden;font-weight:700}
    .hlist ul {margin:0;padding:0;float:left;width:49.9%}
    .hlist li {list-style:none;margin:0;padding:0}
    .hlist a {background:url(../../images/icon_pfeil_pnav_n.png) no-repeat left center;padding:0 0 0 19px}
    .hlist li.active a, .hlist li a:focus, .hlist li a:active, .hlist li a:hover {background-image:url(../../images/icon_pfeil_pnav_r.png)}

    /* HEADER Bereich : Ende ********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * BEREICHSNAV Bereich : Start **************************************************************/

    #subnav {height:400px;width:290px;margin:0;padding:0;position:relative;text-transform:uppercase}
    #breadcrumb {margin:16px 0 0 30px;padding:0}
    #breadcrumb li {list-style:none;margin:0 3px 0 0;padding:0;font-size:13px;display:inline}
    #breadcrumb a {color:#fff}
    #breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {color:#ffbc54}
    #breadcrumb .first {font-size:18px;letter-spacing:0.8px}
    #bnav {position:absolute;left:0;bottom:0;margin:0 0 16px 13px;width:277px;padding:0;letter-spacing:1.5px;overflow:hidden;overflow-y:auto;max-height:310px;height:auto !important;height:310px}
    #bnav li {list-style:none;margin:0;padding:0}
    #bnav a {color:#fff;background:url(../../images/icon_pfeil_snav1_n.png) no-repeat left 6px;padding:0 5px 0 19px;display:block}
    #bnav a:hover, #bnav a:focus, #bnav a:active {color:#ffbc54;background-image:url(../../images/icon_pfeil_snav1_r.png)}

    /* BEREICHSNAV Bereich : Ende ***************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * STANDARD Bereich : Start *****************************************************************/

    /*** Standard Anpassungen für BEREICHSNAV ***/
    #standard #breadcrumb {margin:0 0 20px 0;padding:10px 20px;min-height:60px;height:auto !important;height:60px;background-color:#eb8200;text-transform:uppercase}
    #standard #breadcrumb a:hover, #standard #breadcrumb a:active, #standard #breadcrumb a:focus {color:#3D2C28}
    #standard #subnav {background:transparent;height:auto;padding:0 0 20px 0;border-bottom:1px dotted #C5C1C0}
    #standard #bnav {position:static;width:auto;overflow:hidden;max-height:none}
    #standard #bnav a {background-image:url(../../images/icon_pfeil_snav2_n.png);padding-top:2px}
    #standard #bnav a:hover, #standard #bnav a:focus, #standard #bnav a:active {background-image:url(../../images/icon_pfeil_snav2_r.png)}
    #standard #bnav .active a {color:#EB8200;background-image:url(../../images/icon_pfeil_snav2_a.png)}

    #standard #bnav .active ul a {color:#fff;background-image:url(../../images/icon_pfeil_snav2_n.png);padding-top:2px}
    #standard #bnav .active ul a:hover, #standard #bnav .active ul a:focus, #standard #bnav .active ul a:active {color:#ffbc54;background-image:url(../../images/icon_pfeil_snav2_r.png)}
    #standard #bnav .active ul .active a {color:#EB8200;background-image:url(../../images/icon_pfeil_snav2_a.png)}

    .equalize #subnav, .equalize #std_content {display:table-cell;vertical-align:top;float:none;margin:0;overflow:hidden}
    #standard .colspace {width:20px}
    #std_content {width:570px;padding:0 0 20px 0;margin:0;border-bottom:1px dotted #C5C1C0}
    #std_content h1 {border-bottom-width:0;padding-bottom:0}

    /* STANDARD Bereich : Ende ******************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * EVENTS Bereich : Start *******************************************************************/

    .event_teaser {padding:8px 0 0 0;margin:0}
    #col1_content .event_teaser h2 {color:#ffbc54;padding:0;margin:0;font-size:14px;text-transform:uppercase;letter-spacing:0.8px}
    .event_teaser p {font-size:13px;padding:0 0 9px 0;margin:0;letter-spacing:1.2px}
    .event_teaser li {padding:0 0 0 31px;margin:0;list-style:none;background:url(../../images/icon_event.gif) no-repeat 3px 3px;overflow:hidden}
    .event_teaser span {float:left;margin:0 10px 10px 0;display:inline;width:50px}

    /* EVENTS Bereich : Ende ********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * NEWS Bereich : Start *********************************************************************/

    .news_teaser {padding:4px 0 20px 0;margin:0}
    .news_teaser h2 {padding:0;margin:5px 0 0 0;letter-spacing:2.2px}
    .news_teaser p {font-size:11px;padding:0 0 9px 0;margin:11px 0 0 0;letter-spacing:0.75px;line-height:16px}
    .news_teaser li {padding:0;margin:0 0 10px 0;list-style:none;overflow:hidden}
    .news_teaser img {margin:0 11px 0 0;float:left}
    .news_teaser p a {padding:1px 4px 2px 4px;letter-spacing:1px;white-space:nowrap}
    .newsdetails h1 {padding:0;border-bottom:0}
    .newsdetails .newstext {overflow:hidden}
    .newsdetails .news-single-img {float:right;margin:0 0 10px 10px;width:180px}
    #col1_content .newsdetails .news-single-img {float:none;margin:0;width:auto}
    .newsdetails .newsdate {font-weight:bold}
    .newsdetails .backlink {border-bottom-style:dotted;border-bottom-width:1px;border-top-style:dotted;border-top-width:1px;margin:10px 0;padding:10px 0}
    .newsdetails .backlink a {background:url(../../images/icon_pfeil_snav2_back_n.png) no-repeat 0px 2px;padding:0 0 0 22px;color:#c5c1c0;text-transform:uppercase;letter-spacing:0.7px}
    .newsdetails .backlink a:hover {background-image:url(../../images/icon_pfeil_snav2_back_r.png);color:#ffbc54}
    .newsdetails .news-single-additional-info {margin:10px 0;padding:10px 0 0 0;border-top-style:dotted;border-top-width:1px}
    .newsdetails .news-single-additional-info h4 {text-transform:uppercase}
    .news-list-container .news-list-item {margin:0 0 15px 0}
    .news-list-container .float_left {width:180px}
    .paginate,.browsebox {margin:0;padding:0}
    .paginate li,.browsebox li {margin:0 5px;padding:0;list-style:none;display:inline}

    /* NEWS Bereich : Ende **********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * TEASER Bereich : Start *******************************************************************/

    #teaser {position:relative;overflow:hidden}
    #teaser_overlay {position:absolute;left:-610px;top:0;width:590px;overflow:hidden;background:#A71200}
    #teaser ul {padding:10px 0 0 10px;margin:0;overflow:auto;height:390px}
    #teaser h2 {padding:0;margin:5px 0 0 0;letter-spacing:2.2px}
    #teaser p {font-size:11px;padding:0 0 9px 0;margin:11px 0 0 0;letter-spacing:0.75px;line-height:16px}
    #teaser li {padding:0;margin:0 0 10px 0;list-style:none;overflow:hidden}
    #teaser img {margin:0 11px 0 0}

    /* TEASER Bereich : Ende ********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * VIDEO Bereich : Start ********************************************************************/

    .video_player {overflow:hidden;margin:0}
    .video_player .caption, .video_player .csc-textpic-text {padding:7px 7px 7px 14px;width:160px;float:left}
    .video_player h2, .video_player p {font-size:14px;text-transform:uppercase;letter-spacing:0.8px}
    .video_player h2 {margin:0 0 -1px 0}
    .video_player div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin:0}
    .video_player dt {line-height:0}
    .video_player .csc-textpic-imagewrap {margin-bottom:-1px}

    /* VIDEO Bereich : Ende *********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * GALERIE Bereich : Start *******************************************************************/

    .gallery {overflow:hidden;width:290px;margin:0 0 15px 0;padding-left:30px}
    .gallery .gal_back, .gallery .gal_forward {visibility:hidden;float:left;width:30px;height:20px;text-align:center;background:transparent url(../../images/btn_galerie_left.gif) no-repeat center center;text-indent:-9999px}
    .gallery .gal_forward {background-image:url(../../images/btn_galerie_right.gif)}
    .gallery .photos {width:230px;float:left;overflow:hidden;overflow-x:auto;position:relative}
    .gallery ul {margin:0;padding:0;width:3000px;}
    .gallery li {list-style:none;display:inline;float:left;padding:0;margin:0 0 -5px 0;width:230px;position:relative;line-height:0}
    /* .gallery li span {position:absolute;bottom:0;left:0;padding:5px 10px 10px 10px;background:rgba(61,45,41,0.5);line-height:130%;width:210px} */
    .gallery li span {line-height:130%}

    .gallery_list .csc-textpic-imagewrap,.gallery_list .csc-textpic-imagerow {width:auto !important}
    .gallery_list dl {width:115px !important;height:115px !important;text-align:center;padding:10px;background:#50423E;overflow:hidden;margin:0 10px 10px 0 !important}
    .gallery_list dd {display:none}
    .gallery_list dl:hover {background:#FFBC54}
    .gallery_list dl.csc-textpic-lastcol {margin-right:0 !important}
    .gallery_list dl dt {display:block;overflow:hidden;height:115px}
    .gallery_list dl a {display:table-cell;vertical-align:middle;height:115px}

    #bottomPrintMode, #bottomSaveMode {display:none}

    /* GALERIE Bereich : Ende *******************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * TIMELINE Bereich : Start *****************************************************************/

    #timeline {margin:20px 0 0 0;height:200px;width:100%;position:relative;overflow:hidden;overflow-x:auto;display:block}
    #tl_back, #tl_forward {position:absolute;left:0;top:0;display:block;width:30px;height:200px;display:none;z-index:10}
    #tl_forward {left:auto;right:0}
    #timeline ul {position:absolute;top:0;left:0;margin:0;padding:15px 0;height:170px;width:100000px;min-width:820px !important}
    #timeline li {display:inline;float:left;height:170px;background:url(../../images/bg_timeline.gif) repeat-x left 74px;list-style:none;margin:0;padding:0;overflow:hidden}
    #timeline span {display:inline;float:left;width:61px;height:170px;margin:0 -10px 0 0;padding:47px 10px 0 10px;font-size:18px;text-align:center;background:url(../../images/bg_timeline_marker.gif) no-repeat left 74px}
    #timeline li a {margin:0 0 0 10px;display:inline;float:left}
    #timeline li.top, #timeline li.top span, #timeline li.pos3, #timeline li.pos3 span {background-position:left 11px}
    #timeline li.bottom, #timeline li.bottom span, #timeline li.pos5, #timeline li.pos5 span {background-position:left 136px}
    #timeline li.bottom span, #timeline li.pos5 span {padding-top:110px;height:60px}
    #timeline li.top span, #timeline li.pos3 span {padding-top:40px;height:130px}
    #timeline .lightboxSpan {
        height:auto;
        width:auto;
        padding:0;
        margin:0;
        background:transparent none;
        display:inline;
        position:static;
        float:none;
    }

    /* TIMELINE Bereich : Ende ******************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * SEARCH Bereich : Start *******************************************************************/

    .tx-indexedsearch {}
    .tx-indexedsearch-whatis {margin:15px 0}
    .tx-indexedsearch-browsebox {}
    .tx-indexedsearch-res .tx-indexedsearch-res {padding:10px 0 0 0;margin:15px 0 0 0;border-top-width:1px;border-top-style:dotted;border-top-color:#c5c1c0}
    .tx-indexedsearch table {border:0}

    /* SEARCH Bereich : Ende ********************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * MEDIAROOM Bereich :Start ****************************************************************/

    .mediaroom #standard #subnav {padding:0 0 10px 0;border-bottom:0}
    .mediaroom #std_content {width:570px;padding:0 0 10px 20px;border-bottom:0}

    #media_pictures,#media_videos,#media_galleries {position:relative;background-color:#eb8200;margin:0;padding:0;overflow:hidden}
    #media_pictures {background-color:#776C69}
    #media_videos {background-color:#AA0800}
    #media_pictures .type,#media_videos .type,#media_galleries .type {position:absolute;left:0;bottom:0px;width:40px;height:170px;text-indent:-9999px;background:#3d2d29 url(../../images/mediaroom_galerien.gif) no-repeat left top}
    .en #media_pictures .type, .en #media_galleries .type {background-position: right top;}
    #media_pictures .type {background-image:url(../../images/mediaroom_einzelbilder.gif)}
    #media_videos .type {background-image:url(../../images/mediaroom_videos.gif)}
    #media_pictures ul,
    #media_videos ul,
    #media_galleries ul {margin:0 0 0 40px;padding:0;overflow:hidden;background-color:#3d2d29}
    #media_pictures li,
    #media_videos li,
    #media_galleries li {margin:0;padding:0;list-style:none;display:inline;float:left;width:250px;height:140px;overflow:hidden;background:#776c69;padding:10px;margin:0 0 10px 10px;position:relative}
    #media_pictures .image,#media_videos .image,#media_galleries .image {display:block;overflow:hidden;height:140px;width:250px;line-height:100%}
    #media_pictures .text,#media_videos .text,#media_galleries .text {position:absolute;bottom:10px;left:10px;height:14px;width:230px;background-color:rgba(255, 255, 255, 0.5);line-height:100%;color:#AA0800;padding:10px;text-transform:uppercase;font-size:14px;overflow:hidden;white-space:nowrap}
    #media_videos .btn_video_play {position:absolute;left:50%;top:50%;background:transparent url(../../images/btn_video_play.png) no-repeat left top;margin:-22px 0 0 -22px;width:45px;height:45px;z-index:10;text-indent:-9999px}

    /* MEDIAROOM Bereich :Ende *****************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * FORMULAR Bereich :Start *****************************************************************/

    #mailform {}
    #mailform div.csc-mailform-field {overflow:hidden;margin:0 0 5px 0}
    #mailform label {display:inline;float:left;width:150px}
    #mailform .required label {font-weight:bold;color:#91D9FF}
    #mailform .input, #mailform .text {border-style:solid;border-width:1px;border-color:#96917B;height:15px;width:300px}
    #mailform .submit {margin:0 0 20px 150px}
    #mailform .text {height:auto}

    /* FORMULAR Bereich :Ende ******************************************************************
    ********************************************************************************************/



    /********************************************************************************************
    * FOOTER Bereich :Start *******************************************************************/

    #footer {clear:both;width:880px;margin:0;padding:0 0 30px 0;border-top-width:10px;border-top-style:solid}
    #footer ul {float:right;width:auto;margin:-4px 0 0 20px}
    #footer li {display:inline;list-style:none;border-right-width:1px;border-right-style:solid;padding:0 4px 0 1px;margin:0}
    #footer li.last {border-right-width:0;padding-right:0}
    #footer p {line-height:13px;font-size:12px}

    /* FOOTER Bereich :Ende ********************************************************************
    ********************************************************************************************/


    /* @media all ende */
}