@charset 'utf-8';

/*
 * General CSS file
 **/

/* Font size of all elements to a pixel size */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
    acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,
    sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
    thead, tr, th, td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/* apply only on JavaScript enabled browsers */
.js div { }

    body{ background:url('../img/structure/layout/bg_wrapper.gif') repeat-y center #3c3c3c; }

    .clearfix { clear:both; }

    body a{ cursor:pointer !important; }

    #Content hr { border:0; background:#adadad !important; height:1px !important; width:460px; margin:0; }

    /* Wrapper */
    #Wrapper { background-color:#fff; width:970px; margin:0 auto; }

    /* Wrapper-Foot*/
    #WrapperFoot { background-color:#3c3c3c;  }

    /* Head */
    #Head { height:135px; position:relative; border-bottom:1px solid #dddddd; }
    #Head .meta-navigation { float:right; }
    #Head .meta-navigation ul { overflow:hidden; margin:12px 20px 0 0; padding-bottom: 7px; }
    #Head .meta-navigation ul li { margin-top: 7px; height:12px; line-height:11px; float:left; border-right:1px solid #555454; }
    #Head .meta-navigation ul li a { padding:0 11px 0 11px;  text-decoration:none; font-family:Arial; color:#555454; }
    #Head .meta-navigation ul li.wiki-link { margin: 0px; border: none; }
    #Head .meta-navigation ul li.wiki-link a { text-indent: -9999em; padding: 0px; display: block; width: 25px; height: 25px; background: url('../img/structure/ico/wiki_ico.png') no-repeat; }
    #Head .meta-navigation ul li.lastchild { border:0; }
    #Head .meta-navigation ul li.wiki-link { margin: 0px; border: none; }
    #Head .meta-navigation ul li.wiki-link a { text-indent: -9999em; padding: 0px; display: block; width: 25px; height: 25px; background: url('../img/structure/ico/wiki_ico.png') no-repeat; }
    #Head .meta-navigation ul li.lastchild { border:0; }

    #Head h1 a { position:absolute; top:82px; left:20px; font-family:"Myriad Pro", Arial; font-size:31px; color:#b00099; text-transform:uppercase; font-weight:bold; text-decoration: none; }

    #Head .navigation { float:right; margin:61px 0 0 0; }
    #Head .navigation ul li { float:left; }
    #Head .navigation ul li a { padding:0 27px 0 0; text-decoration:none; font-family:"Myriad Pro", Arial; font-size:19px; color:#2a2a2a;  }
    #Head .navigation ul li a:hover,
    #Head .navigation ul li a.active { color:#b00099; }

    /* Navigation - Layer - Galerie */
    #Head .layer-galerie { display:none; background:url('../img/content/picture_layer/head.png') no-repeat -27px 0 #232323; padding:15px 0 5px 10px; width:920px;  z-index:99999; position:absolute; top:117px; left:20px; }
    #Head .layer-galerie.en { background:url('../img/content/picture_layer/head.png') no-repeat 0 0 #232323; }
    #Head .layer-galerie .layer-box  .clear a.layer-link {  background:none;  }
    #Head .layer-galerie .layer-box ul li { float:left; margin:0 30px 0 0; }
    #Head .layer-galerie .layer-box ul li a.layer-link { padding:5px 0 5px 0; text-decoration:none; width:200px; display:block; background:url('../img/structure/layout/texte_line.gif') no-repeat 0 bottom; }
    #Head .layer-galerie .layer-box ul li a.layer-link span{ color:#fff; text-decoration:none; }
    #Head .layer-galerie .layer-box ul li a.layer-link:hover span { color:#b00099; text-decoration:none; }

    /* Content */
    #Content { overflow:hidden; padding:34px 10px 25px 20px; }

    /* Content - Breadcrumb */
    #Content .breadcrumb { padding:0 0 2px 20px; margin:-32px 0 34px -20px; width:970px; border-bottom: 1px solid #dddddd; }
    #Content .breadcrumb h1 { float:left; font-weight:bold; font-family:"Myriad Pro", Arial; font-size:30px; color:#404144; }
    #Content .breadcrumb a { float:right; text-decoration:none; font-weight:bold; color:#b4009d; margin:10px 40px 0 0; }
    #Content .breadcrumb a:hover { color:#2a2a2a; }

    /* Content - Home */
    #Content .picture-big { float:left; padding:0 10px 0 0; }
    #Content .picture-small { float:left; position: relative; padding:0 10px 8px 0;}
    #Content .picture-small a { color:#ffffff; }
    #Content .picture-small a.gallery-teaser span { position: absolute; right: 20px; bottom: 15px; font-family:"Myriad Pro", Arial; font-size: 35px; text-align: right; text-transform: uppercase; }

    /* Content - Vita */
    #Content table { height:460px; }
    #Content table tr td { position:relative; }
    #Content .description { height:438px; float:left; padding:22px 13px 0 14px; background-color:#b00099; }
        .ie7 #Content .description { float:none; height:434px; padding:22px 13px 0 14px; background-color:#b00099; }
    #Content .description p { line-height:25px; color:#fff; font-size:22px; font-family:"Myriad Pro", Arial; }
    #Content .description h2 { position:absolute; bottom:29px; left:15px; color:#fff; font-size:15px; font-weight:bold; font-family:"Myriad Pro", Arial; text-transform:uppercase; }
    #Content .var-picture { padding:0 10px 0 10px; }
    #Content .content-txt { margin:0 0 9px 245px;  width:590px; }
    #Content .content-txt p { font-size:14px; line-height:25px; }
    #Content .content-txt h1 { padding:36px 0 13px 0 ; font-family:"Myriad Pro", Arial; font-size:30px; color:#b00099; font-weight:bold; }
    #Content .content-txt a { color:#B00099; text-decoration:none; font-weight:bold; font-size:14px; }
    #Content .content-txt strong { font-size:14px;  }
    #Content .content-txt .contact a { display:block; margin:10px 0 0 0; }
    #Content .content-txt .contact p { line-height:14px; }
    #Content .content-txt .impress a { display:block; margin:10px 0 0 0; }
    #Content .content-txt .impress { border-bottom:1px solid #adadad; width:460px; padding:0 0 25px 0; }
    #Content .content-txt .impress-info { padding:25px 0 0 0;  }
    #Content .content-txt .impress-info ul { margin:5px 0 0 0; overflow:hidden; }
    #Content .content-txt .impress-info ul li { float:left; margin:0 30px 0 0; }
    #Content .content-txt .impress-info a { margin:10px 0 0 0; display:block; }
    #Content .content-txt .impress-info .color-col { color:#B00099; }

    /* Content - Galerie */
    #Content .galerie { margin:0 0 0 -10px; }
    #Content .galerie .galerie-box { float:left; position:relative; width:225px; margin:0 0 10px 10px; }
    #Content .galerie .galerie-box a { text-decoration:none; color:#fff; }
    #Content .galerie .galerie-box a span{ padding:10px 10px 0 0; text-align:right; width:215px; display:block; background-color:#232323; height:20px; position:absolute; bottom:0; left:0; }
    #Content .galerie .galerie-box a:hover span{ background-color:#b00099; }

    /* Content - Galerie-Detail */
	#Content .information {overflow:hidden;}
    #Content .information .info { position:relative; height:510px; background-color:#404144; float:left; margin:0 10px 0 0; width:100%; }
    #Content .information table tr td.description-galerie { padding: 0 10px 0 0; position: relative; width: 100%; }
    #Content .information table tr td.pic-galerie{ padding: 0 10px 0 0; position: relative; width: 100%;}
    #Content .information .info h2 { padding:25px 15px 0 13px; font-family:"Myriad Pro", Arial; font-size:20px; color:#fff; }
    #Content .information .info ul { position:absolute; bottom:7px; left:15px; }
    #Content .information .info ul li { color:#fff; font-size:14px; margin:0 0 8px 0; }
    #Content .information .info-pic { height:510px; float:right; }
    #Content .slider { padding:23px 0 0 0; }

    /* Content - Ausstellung */
    #Content .teaser { width:930px; overflow:hidden; }
    #Content .teaser ul li { float:left; }
    #Content .single-show { border-bottom:1px solid #dddddd; float:right; width:690px; margin:0 10px 0 0; padding:0 0 40px 0; }
    #Content .single-show h1 { font-size:30px; color:#b00099; font-weight:bold; margin:32px 0 12px 0; }
    #Content .single-show .grey { background-color:#f8f8f8; }
    #Content .single-show ul { overflow:hidden; }
    #Content .single-show ul li { display:block; border-top:1px dotted #d1d1d1; }
    #Content .single-show ul li.lastchild { border-bottom:1px dotted #d1d1d1; }
    #Content .single-show ul li { padding:5px 0 5px 5px; overflow:hidden; display:block; text-decoration:none; }
    #Content .single-show ul li strong { margin:25px 21px 0 0; float:left; font-weight:normal; color:#b4009d; font-size:14px; }
    #Content .single-show ul li span { line-height:20px; width:525px; display:block; margin:22px 0 0 0; float:left; color:#2a2a2a; font-size:14px; }
    #Content .single-show ul li span.show-pic{ float:left; display:block; width:65px; height:65px; margin:0 13px 0 0; }
    #Content .single-show ul li span.show-pic img { display:block; }

    #Content .group-show { float:right; width:690px; margin:0 10px 0 0; padding:0 0 40px 0; }
    #Content .group-show h1 { font-size:30px; color:#b00099; font-weight:bold; margin:32px 0 12px 0; }
    #Content .group-show .grey { background-color:#f8f8f8; }
    #Content .group-show ul { overflow:hidden; }
    #Content .group-show ul li { display:block; border-top:1px dotted #d1d1d1; }
    #Content .group-show ul li.lastchild { border-bottom:1px dotted #d1d1d1; }
    #Content .group-show ul li { padding:5px 0 5px 5px; overflow:hidden; display:block; text-decoration:none; }
    #Content .group-show ul li strong { margin:25px 21px 0 0; float:left; font-weight:normal; color:#b4009d; font-size:14px; }
    #Content .group-show ul li span { line-height:20px; width:525px; display:block; margin:22px 0 0 0; float:left; color:#2a2a2a; font-size:14px; }
    #Content .group-show ul li span.show-pic{ float:left; display:block; width:65px; height:65px; margin:0 13px 0 0; }
    #Content .group-show ul li span.show-pic img { display:block; }

    /* Content - Text */
    #Content .col-01 { float:left;  width:260px; margin:0 10px 0 0; }
    #Content .col-01 .aspect { margin:0 0 10px 0;  width:260px; background-color:#2a2a2a; }
    #Content .col-01 .aspect-headline { background:url('../img/structure/layout/texte_line.gif') no-repeat 15px bottom; }
    #Content .col-01 .aspect-headline h2 a{ text-decoration:none; display:block;  font-size:22px; font-family:"Myriad Pro", Arial; color:#fff; font-weight:normal; padding:15px 0 15px 15px; }
    #Content .col-01 .aspect h2 a:hover,
    #Content .col-01 .aspect h2 a.active { color:#b4009d; }
    #Content .col-01 .press h2 a:hover,
    #Content .col-01 .press h2 a.active { color:#00c2ce; }
    #Content .col-01 .history h2 a:hover,
    #Content .col-01 .history h2 a.active { color:#36b276; }
    #Content .col-01 .videos h2 a:hover,
    #Content .col-01 .videos h2 a.active { color:#FF9600; }
    #Content .col-01 .aspect .txt-box { background:url('../img/structure/layout/texte_line.gif') no-repeat 15px bottom; }
    #Content .col-01 .aspect .txt-box ul li a { padding:15px 0 15px 15px; display:block; text-decoration:none; color:#fff; }
    #Content .col-01 .aspect .txt-box ul li a strong { font-size:11px; display:block; margin:0 0 2px 0; }
    #Content .col-01 .aspect .txt-box ul li a p { padding:0 10px 0 0; font-size:11px; line-height:15px; }
    #Content .col-01 .aspect .txt-box ul li a span { margin:10px 0 0 0;  width:80px; display:block; background:url('../img/structure/ico/arrow_right_text.gif') no-repeat right 3px; font-weight:bold; font-size:11px; }
    #Content .col-01 .aspect .txt-box ul li a:hover,
    #Content .col-01 .aspect .txt-box ul li a.active  { background:none; background-color:#b4009d; }
    #Content .col-01 .aspect .txt-box ul li a:hover span,
    #Content .col-01 .aspect .txt-box ul li a.active  span{  background:url('../img/structure/ico/arrow_show_text_lila.gif') no-repeat right 3px; }
    #Content .col-01 .press { margin:0 0 10px 0;  width:260px; background-color:#2a2a2a; }
    #Content .col-01 .press .txt-box { background:url('../img/structure/layout/texte_line.gif') no-repeat 15px bottom; }
    #Content .col-01 .press .txt-box ul li a { padding:15px 0 15px 15px; display:block; text-decoration:none; color:#fff; }
    #Content .col-01 .press .txt-box ul li a strong { font-size:11px; display:block; margin:0 0 2px 0; }
    #Content .col-01 .press .txt-box ul li a p { padding:0 10px 0 0; font-size:11px; line-height:15px; }
    #Content .col-01 .press .txt-box ul li a span { margin:10px 0 0 0;  width:80px; display:block; background:url('../img/structure/ico/arrow_right_text.gif') no-repeat right 3px; font-weight:bold; font-size:11px; }
    #Content .col-01 .press .txt-box ul li a:hover,
    #Content .col-01 .press .txt-box ul li a.active { background:none; background-color:#00c2ce; }
    #Content .col-01 .press .txt-box ul li a:hover span,
    #Content .col-01 .press .txt-box ul li a.active span {  background:url('../img/structure/ico/arrow_show_text_blau.gif') no-repeat right 3px; }
    #Content .col-01 .history { margin:0 0 10px 0;  width:260px; background-color:#2a2a2a; }
    #Content .col-01 .history .txt-box { background:url('../img/structure/layout/texte_line.gif') no-repeat 15px bottom; }
    #Content .col-01 .history .txt-box ul li a { padding:15px 0 15px 15px; display:block; text-decoration:none; color:#fff; }
    #Content .col-01 .history .txt-box ul li a strong { font-size:11px; display:block; margin:0 0 2px 0; }
    #Content .col-01 .history .txt-box ul li a p { padding:0 10px 0 0; font-size:11px; line-height:15px; }
    #Content .col-01 .history .txt-box ul li a span { margin:10px 0 0 0;  width:80px; display:block; background:url('../img/structure/ico/arrow_right_text.gif') no-repeat right 3px; font-weight:bold; font-size:11px; }
    #Content .col-01 .history .txt-box ul li a:hover,
    #Content .col-01 .history .txt-box ul li a.active { background:none; background-color:#36b276; }
    #Content .col-01 .history .txt-box ul li a:hover span,
    #Content .col-01 .history .txt-box ul li a.active span { background:url('../img/structure/ico/arrow_show_text_green.gif') no-repeat right 3px; }
    #Content .col-01 .videos { margin:0 0 10px 0;  width:260px; background-color:#2a2a2a; }
    #Content .col-01 .videos .txt-box { background:url('../img/structure/layout/texte_line.gif') no-repeat 15px bottom; }
    #Content .col-01 .videos .txt-box ul li a { padding:15px 0 15px 15px; display:block; text-decoration:none; color:#fff; }
    #Content .col-01 .videos .txt-box ul li a strong { font-size:11px; display:block; margin:0 0 2px 0; }
    #Content .col-01 .videos .txt-box ul li a p { padding:0 10px 0 0; font-size:11px; line-height:15px; }
    #Content .col-01 .videos .txt-box ul li a span { margin:10px 0 0 0;  width:80px; display:block; background:url('../img/structure/ico/arrow_right_text.gif') no-repeat right 3px; font-weight:bold; font-size:11px; }
    #Content .col-01 .videos .txt-box ul li a:hover,
    #Content .col-01 .videos .txt-box ul li a.active { background:none; background-color:#FF9600; }
    #Content .col-01 .videos .txt-box ul li a:hover span,
    #Content .col-01 .videos .txt-box ul li a.active span { background:url('../img/structure/ico/arrow_show_text_gelb.gif') no-repeat right 3px; }


    #Content .col-02 { float:left; width:665px; }
    #Content .col-02  .con-flipper { margin:0 0 13px 0; width:660px; border:1px solid #dfdfdf; overflow:hidden; }
    #Content .col-02  .con-flipper .picture-txt-pic { border-bottom:1px dotted #2a2a2a; padding:15px 12px 15px 0; margin:0 0 0 14px; width:613px;  }
    #Content .col-02  .con-flipper .picture-txt { padding:20px 0 30px 43px; }
    #Content .col-02  .con-flipper .picture-txt p { line-height:25px; font-size:14px; width:570px; }
    #Content .col-02  .con-flipper .picture-txt h1 { font-weight:bold; font-family:"Myriad Pro", Arial; font-size:50px; }
    #Content .col-02  .con-flipper .picture-txt h2 { font-family:"Myriad Pro", Arial; font-size:20px; color:#3c3c3c; margin:16px 0 18px 0; }
    #Content .col-02  .con-flipper .picture-txt a { margin:22px 0 0 0; text-transform: uppercase; line-height: 14px; color: #fff; padding:10px 35px 10px 10px; display:inline-block; text-decoration:none; font-size:14px; background:url('../img/structure/ico/arrow_right.png') no-repeat 95% center;  }
	a.magenta-button {color: #B4009D; text-decoration:none;}
	a.magenta-button:hover {text-decoration:underline;}
    #Content .col-02  .con-flipper .picture-txt a.video { width: 140px; background-position: 125px 10px; }
    #Content .col-02  .con-flipper .picture-txt a:hover { background-color: #2a2a2a; }
    #Content .col-02  .con-flipper .picture-txt .snippet { display: block; }
    #Content .col-02  .con-flipper .picture-txt .show { display: none; }
    #Content .col-02  .con-flipper .picture-txt iframe { margin-bottom: 15px; }
    #Content .col-02.lila h1 { color:#b4009d; }
    #Content .col-02.lila .picture-txt a { background-color:#b4009d; }
    #Content .col-02.blue h1 { color:#00c2ce; }
    #Content .col-02.blue .picture-txt a { background-color:#00c2ce; }
    #Content .col-02.green h1 { color:#36b276; }
    #Content .col-02.green .picture-txt a { background-color:#36b276; }
    #Content .col-02.yellow h1 { color:#FF9600; }
    #Content .col-02.yellow .picture-txt a { background-color:#FF9600; }

    /* Theme */
    #Content .theme-view {  }
    #Content .theme-view .theme a { text-decoration:none; }
    #Content .theme-view .theme{ margin:0 10px 10px 0; float:left; overflow:hidden; position:relative; width:225px; height:225px; }
    #Content .theme-view .theme .theme-bg-default { color:#fff; position:absolute; bottom:0; left:0; width:225px;  background-color:#232323; }
    #Content .theme-view .theme .theme-bg-default span.title { display:inline; padding:10px 0 0 10px; font-size:10px; text-transform:uppercase; float:left; width:140px; }
    #Content .theme-view .theme .theme-bg-default span.title.two-lines { line-height:12px; padding:4px 0 4px 10px ; }
    #Content .theme-view .theme .theme-bg-default span.year{ float:right; padding:10px 10px 10px 0; }

    #Content .theme-view .theme .theme-bg-full { display:block; color:#fff; position:absolute; bottom:-225px; left:0; width:225px; height:225px; background-color:#232323; }
    #Content .theme-view .theme .theme-bg-full p { text-transform:uppercase; font-size:14px; padding:10px 10px 0 10px;}
    #Content .theme-view .theme .theme-bg-full span.title { position:absolute; bottom:0; left:0; padding:10px 0 10px 10px; font-size:10px; text-transform:uppercase; }
    #Content .theme-view .theme .theme-bg-full span.title:hover { color:#b00099; }
    #Content .theme-view .theme .theme-bg-full span.year{ position:absolute; bottom:0; right:0;  padding:10px 10px 10px 0; }


    /* Bottom */
    #Bottom { margin:0 auto; width:970px; background-color:#f7f7f7; padding:29px 0 15px 0; border-top:1px solid #dddddd; }
        .ie7  #Bottom { margin:0 auto; }
    #Bottom .list-galerie { float:left; width:215px; padding:0 0 0 20px; }
    #Bottom .list-galerie h2 { padding:0 0 14px 10px; font-family:"Myriad Pro", Arial; font-size:15px; color:#727272; }
    #Bottom .list-galerie ul li { border-top:1px solid #adadad; }
    #Bottom .list-galerie ul li.lastchild { border-top:5px solid #adadad; }
    #Bottom .list-galerie ul li a { display:block; text-decoration:none; color:#737373; padding:13px 0 12px 10px; }
    #Bottom .list-galerie ul li a.link-show { background:url('../img/structure/ico/arrow_show_right.gif') no-repeat 90px 16px; font-weight:bold; }

    #Bottom .list-presse { float:left; width:215px; padding:0 0 0 20px; }
    #Bottom .list-presse h2 { padding:0 0 14px 10px; font-family:"Myriad Pro", Arial; font-size:15px; color:#727272; }
    #Bottom .list-presse ul li { border-top:1px solid #adadad; }
    #Bottom .list-presse ul li.lastchild { border-top:5px solid #adadad; }
    #Bottom .list-presse ul li a { display:block; text-decoration:none; color:#737373; padding:13px 0 12px 10px; }
    #Bottom .list-presse ul li a.link-show { background:url('../img/structure/ico/arrow_show_right.gif') no-repeat 90px 16px; font-weight:bold; }

    #Bottom .list-ausstellung { float:left; width:204px; padding:0 0 0 20px; }
    #Bottom .list-ausstellung h2 { padding:0 0 14px 10px; font-family:"Myriad Pro", Arial; font-size:15px; color:#727272; }
    #Bottom .list-ausstellung ul li { border-top:1px solid #adadad; }
    #Bottom .list-ausstellung ul li.lastchild { border-top:5px solid #adadad; }
    #Bottom .list-ausstellung ul li a { display:block; text-decoration:none; color:#737373; padding:13px 0 12px 10px; }
    #Bottom .list-ausstellung ul li a.link-show { background:url('../img/structure/ico/arrow_show_right.gif') no-repeat 85px 16px; font-weight:bold; }

    #Bottom .list-kurzgeschichten { float:left; width:205px; padding:0 0 0 30px; }
    #Bottom .list-kurzgeschichten h2 { padding:0 0 14px 10px; font-family:"Myriad Pro", Arial; font-size:15px; color:#727272; }
    #Bottom .list-kurzgeschichten ul li { border-top:1px solid #adadad; }
    #Bottom .list-kurzgeschichten ul li.lastchild { border-top:5px solid #adadad; }
    #Bottom .list-kurzgeschichten ul li a { display:block; text-decoration:none; color:#737373; padding:13px 0 12px 10px; }
    #Bottom .list-kurzgeschichten ul li a.link-show { background:url('../img/structure/ico/arrow_show_right.gif') no-repeat 135px 16px; font-weight:bold; }


    /* Footer */
    #Footer { margin:0 auto; width:970px; padding:16px 0 90px 0; }
    #Footer span { display:block; color:#fff; float:left; padding:0 0 0 20px; }
    #Footer ul { float:right; }
    #Footer ul li { height:12px; line-height:11px; float:left; border-right:1px solid #fff; }
    #Footer ul li.lastchild { border:0; }
    #Footer ul li.lastchild a { border:0; padding:0 20px 0 11px; }
    #Footer ul li a { padding:0 11px 0 11px;  text-decoration:none; font-family:Arial; color:#fff; }

    /* Lightbox */


    .fancybox-title { background: #fff; width: 100%; color: #525252; padding-top: 5px; font-family: arial; font-size: 15px; }
    .fancybox-title div {padding-left: 10px; width: 90%; color: #525252; font-family: arial; font-size: 15px; padding-top: 2px; text-align: left; }
    .fancybox-counter { font-size: 15px; color: #8f8f8f; }