/* reset */
* {margin:0;padding:0}


/* clearfix */
.clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
        }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* common */
body {background:#f8f8f8; font-family:'BrownRegular',arial, sans-serif; font-size:62.5%;line-height:20px;color:#000}
.children {background:url('../_img/bg/bg_children.gif'); background-position: center}
.youth {background:url('../_img/bg/bg_youth.gif'); background-position: center}

h1,h2,h3,h4, strong {font-family: BrownBold, arial; font-weight: normal}
h1,h2 {font-size:1.8em;}
h3 {font-size:1.0em;font-weight:normal}
img {display:block; border: none}
p {font-size:1.2em;padding-bottom:20px;}
.bd p {padding-bottom:10px;}
.bd p  span {
    /*text-transform: none;*/
}
a {
  color:rgb(136,136,136);
  text-decoration:none;
  -webkit-transition: color ease-in-out 150ms;
  -moz-transition: color ease-in-out 150ms;
  transition: color ease-in-out 150ms;
}
/*a:hover {color:rgb(0,0,255)} Änderung 29-08-12*/
a:hover , .listing-fuehrung p.gruen a:hover{color:rgb(0,0,255)}

ul,ol {list-style:none}
p.highlight{color: #FF0000}
address{font-style: normal}


/* ============= */
/* = FONT-FACE = */
/* ============= */
@font-face {
  font-family: 'BrownBold';
  src: url('../_fonts/lineto-brown-bold.eot');
  src: url('../_fonts/lineto-brown-bold.eot?#iefix') format('embedded-opentype'),
     url('../_fonts/lineto-brown-bold.woff') format('woff'),
     url('../_fonts/lineto-brown-bold.ttf') format('truetype'),
     url('../_fonts/lineto-brown-bold.svg#BrownBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BrownRegular';
  src: url('../_fonts/lineto-brown-regular.eot');
  src: url('../_fonts/lineto-brown-regular.eot?#iefix') format('embedded-opentype'),
     url('../_fonts/lineto-brown-regular.woff') format('woff'),
     url('../_fonts/lineto-brown-regular.ttf') format('truetype'),
     url('../_fonts/lineto-brown-regular.svg#BrownRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ========== */
/* = SPRITE = */
/* ========== */
.breadcrumb a,
.tools li {background-image:url('../_img/sprite.png');background-repeat:no-repeat}


/* ====================== */
/* = MEDIA QUERIES = */
/* ====================== */

/* generic design */

#wrapper {width:950px; margin:0 auto}
 #content {width:790px}
   .first_col2_box .hd{display: none}
   .first_col2_box .box_regular {margin: 0 0 0 0} 
  #logo {width:730px;}
      #anim_logo{width: 740px; display: block}
        #anim_logo span{letter-spacing: 57px}
  #main {width:640px;}
.box_related .picture{display: none}
.wrapper_slide{display: block}
.wrapper_slide .box_related{top:20px}
.wrapper_slide .box_highlight_wrapper{width: 150px}
.homepage .calendar_top{display: none}
.homepage .wrapper_boxes{width:auto; float: none}
.homepage .calendar{width: 640px; float: none}
.homepage .calendar .js_masonry, .homepage .calendar_top .js_masonry{margin-top: -10px}      
.wrapper_detail .box_highlight_wrapper {position:relative;padding:29px 0 0 0;background:url('../_img/bg/bg_arrow_box_highlight_vertical.png') 20px 0 no-repeat;width:auto;margin: -20px 0 0 0; width: 630px}
 .wrapper_detail .box_highlight{border-bottom:1px solid #000}
.second_level {position:absolute;width:150px;left:80px;top:0;background:#fff;opacity:0;z-index:0;display:none}
#sidebar {float:left;width:150px;margin:0 0 0 10px; display: block}
#sidebar div.box {background:#fff; border-bottom:1px solid #000; padding:20px 10px;margin:0 0 10px 0}
#sidebar a, #sidebar a:hover  {color: #888}
#sidebar a.active {color: #0000ff}
#footer .col2{border-left: 1px dotted white; border-top: none; margin-left: 20px; padding-left: 10px; width: 188px; min-height: 150px}
.title-syv a {color: #5D5D5D;font-family: 'BrownBold';}



/* grid */
.js_grid {margin:0 0 0 10px;}
.col1 {width:150px}
.col2 {width:310px}
.col3 {width:470px}
.col4 {width:630px}

 #footer {margin-top: 20px}
      
/* test for ipads */
@media screen and (max-device-width: 1024px){
     .second_level {position:absolute; left:0; top:250px;  opacity:1; z-index:0; display:block}
.title-syv {font-size: 16px;}
}

/* design less than 960 */
@media screen and (max-device-width: 959px){
 #wrapper {width:470px; margin:0}
 #content {width:470px}
   .first_col2_box .hd{display: none}
   .first_col2_box .box_regular {margin: 0 0 0 0} 
      #header {background: #fff url('../_img/bg/logo_480.png') no-repeat 10px 15px ;}
      #anim_logo{display: none}
   #main {width:320px;}
 .wrapper_slide{display: none}
 .homepage .calendar{width: 320px; float: none}
 .homepage .calendar_top{display: block; margin-bottom: 10px}
 .second_level {position:absolute; left:0; top:250px;  opacity:1; z-index:0; display:block}
#sidebar {width:470px;margin:10px 0 0 0; display: block}
#sidebar div.box {background:#6e6e6e; border-bottom:1px solid white; padding:20px 30px;margin:0 0 0 0}
#sidebar a, #sidebar a:hover  {color: #fff}
#sidebar a.active {color: silver}
.wrapper_detail .box_highlight_wrapper {position:relative;padding:29px 0 0 0;background:url('../_img/bg/bg_arrow_box_highlight_vertical.png') 20px 0 no-repeat;width:auto;margin: -20px 0 0; width: 320px}
 #footer {margin-top: 0}
 #footer .col2{border-top: 1px dotted white; border-left:none; margin-left: 0; padding-left: 0; width: 410px; margin-bottom: 10px; padding-top: 10px}
 .col4{width: 320px;}
.box_highlight {margin: 100px 0 0 0}
.title-syv {font-size: 16px;}
}



/* design between 1100 & 1280 */
@media screen and (min-width: 960px) and (max-width: 1279px) {
  #wrapper {width:950px; margin:0 auto}
    #content {width:790px}
   .js_grid.first_col1_box{margin:-20px 0 0 10px}
   .js_grid.first_col2_box{margin: 0 0 0 10px}
      #logo {background: url('../_img/bg/logo_1100.png') no-repeat; width: 870px}
      #anim_logo{width: 760px; display: block}
        #anim_logo span{letter-spacing: 73px}
      #main {width:640px;}
  .box_related .picture{display: none}
  .wrapper_slide{display: block}
  .wrapper_slide .box_related{top:0}  
  .wrapper_slide .box_highlight_wrapper{width: 150px;}  
 .homepage .wrapper_boxes{width: 640px; float: left}
 .homepage .calendar{width: 640px; float: left}

 .wrapper_detail .box_highlight_wrapper{width: 150px; margin: 0 0 0 0; padding: 0 0 0 0; background: url("../_img/bg/bg_arrow.png") no-repeat scroll center bottom transparent; margin: 0; padding: 0 0 28px; display} 
   .wrapper_detail .box_highlight{border-bottom: none}
 .second_level {position:absolute;width:150px;left:80px;top:0;background:#fff;opacity:0;z-index:0;display:none}
  
 .col4 {width:630px} 
 #footer {margin-top: 20px; padding: 20px}
#footer .col2{width: 200px;float:left ; height:180px;border-left: 1px dotted #FFFFFF;margin-left: 20px;padding-left: 10px;border-top:none; padding-top:0}
#t {top:0; }

#sidebar {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    width: 150px;
}
#sidebar a, #sidebar a:hover {
    color: #888888;
}
#sidebar div.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #000000;
    margin: 0 0 10px;
    padding: 10px;
    height: 115px;
    

}
}


/* design beteween > 1280 */
@media screen and (min-width: 1280px) and (max-width: 4000px) {
  #wrapper {width:1280px;  margin:0 auto}
    #content {width:1110px}
   .col2 .hd{display: block; color: #878787}
   .first_col2_box .box_regular {margin: -10px 0 0 0}
      #logo {background: url('../_img/bg/logo_1280.png') no-repeat; ; width: 990px}
      #anim_logo{width: 1030px; display: block}
        #anim_logo span{letter-spacing: 89px}
      #main {width:960px;}
  .box_related .picture{display: block}
  .wrapper_slide{display: block}
  .wrapper_slide .box_related{top:0}  
 .wrapper_slide .box_highlight_wrapper{width: 310px} 
 .homepage .wrapper_boxes{width: 320px; float: left}
 .homepage .calendar{width: 640px; float: left}  
 .homepage .calendar_top{display: none}
 .second_level {position:absolute;width:150px;left:80px;top:0;background:#fff;opacity:0;z-index:0;display:none}
 #sidebar {float:left;width:150px;margin:0 0 0 10px; display: block}
 .col4 {width:630px}
  #footer {margin-top: 20px; padding: 30px;}
  #footer .col2{border-left: 1px dotted white; border-top: none; margin-left: 90px; padding-left: 10px; width: 220px; min-height: 150px}
.title-syv {font-size: 18px;}
 #t {top:-20px; }
}

/* ========== */
/* = LAYOUT = */
/* ========== */
#wrapper {}
  #wrapper_content {margin : 0}
    #content {float:left}
      #header {padding: 20px 10px 10px 10px;}
        #functions {margin:35px 0 0px 0}
      #wrapper_main {position:relative}
        #nav {float:left;width:150px;position:relative;z-index:0; min-height: 800px; font-family:'BrownBold'}
        #main {float:left;z-index:1}
#info_extra .box {padding:20px 0 20px 10px}
#footer {background:#6e6e6e; color: #fff;  font-size: 1.2em}
.press #footer{margin: 0 160px 0 160px}


/* ========== */
/* = HEADER = */
/* ========== */
#logo {display:block;height:40px}
  #logo span {position:absolute;left:-9999px}
    #anim_logo{font-size: 27px; color: #000; font-weight: normal; height: 30px; font-family:BrownBold, arial}
  #t {position: relative; right: -20px;  float: right; width: 30px; height: 30px}
  
.breadcrumb {float:left}
  .breadcrumb li {font-size:1.2em;float:left;margin:0 10px 0 0;color:rgb(136,136,136);}
    .breadcrumb a {background-position:100% -57px;padding:0 10px 0 0}

/* ======= */
/* = NAV = */
/* ======= */
#nav li {margin-bottom:10px; }
#nav a {color:rgb(0,0,0);font-size:1.8em;}
#nav .active a,#nav a:hover {color:rgb(0,0,255)}
#nav .bd a, #nav .highlight a{color:#888;font-size:1em;}
#nav .bd p{padding-bottom: 10px}
#nav .highlight a{color : #ff0000}
#nav .highlight h2{font-size: 14px; line-height:1.4em; padding-bottom:10px }
#nav .box{margin: 0 0 0 0}

/* sub level */
.second_level li {margin-bottom:0;border-bottom:1px dotted #000;padding:20px 0 20px 10px;font-weight:normal;font-family:"BrownBold"}
.second_level li.last {border-bottom:1px solid #000}
.second_level li.calendar_item {padding:20px 10px; font-family: 'BrownRegular'}
.second_level li li {font-size:1.2em;line-height: 20px;padding:0;border-bottom:none ; font-family: 'BrownRegular'}
.second_level a {color:#000; ; font-family: 'BrownRegular'}
.second_level a:hover {color:rgb(0,0,255)}
.second_level ul {position:relative;left:0;width:140px}
/* third level */
ul.third_level {position:absolute;left:20px;top:40px;border-bottom:1px solid #000;padding:20px 10px;z-index:1;display:none;background:#fff}
ul.third_level a {font-size:1.2em;color:#000; ; font-family: 'BrownRegular'}

/* TABLE CALENDAR 
#calendar_table {width:100%; font-size:1.2em} */
/* TABLE CALENDAR FIX */
#calendar_table {font-size:1.2em;} #kalender_output{display:none;}


#calendar_table .first th, #calendar_table .first td {padding:0 0 20px 0;border-bottom:none}
#calendar_table th {border-bottom:1px solid #000;padding:0 0 5px 0;font-weight:normal}
#calendar_table tbody td {text-align:center;border-bottom:1px solid #000;padding:2px 0 5px 0}
#calendar_table tbody .last td {border-bottom:none}
.caloff {color:rbg(220,220,220)}

/* =========== */
/* = CONTENT = */
/* =========== */

/* list */
.tools {float:right}
  .tools li {float:left;font-size:1.2em;background-position:0 -80px;padding:0 24px 0 6px}
  .tools .last {padding:0 0 0 6px}
    .tools a:before {}
    .tools .active a {color:#000}
.inline li {display:inline;font-size:1.2em}
.tags a {color:rgb(0,0,255)}
.bd span, .detail span {}
.detail-more p span{text-transform:none;}
.info {text-transform:uppercase;}
  .info span {font-size:11px;color:#000 ; margin: 0 5px 0 0;}
  .info em {font-style:normal;text-transform:none;color:rgb(0,192,78);white-space: nowrap}
.more {font-size:1.2em;padding:0 15px 0 0}
  .more span {color:#000}

/* box */
.box {background:#fff;border-bottom:1px solid #000;padding:20px 10px;margin:0 0 10px 0}
.box_image {margin-bottom:15px}
.box_complex {padding:0 0 0 0;}
  .box_complex .hd {}
    .box_complex .hd h3, .col2 .hd h3 {padding:0 0 0 10px;line-height:27px}
  .box_complex .bd {padding:20px 10px;}
.box_shortcut .bd {padding:10px 10px 0 10px}
.box h3, .col2 h3 {padding:-10px -10px 10px -10px;background:#E3E3E3;}
.box_title {background:#E3E3E3;margin:0 0 10px 10px;height:27px;padding:0 10px}
  .box_title h3 {float:left;line-height:27px}
  .box_title li {line-height: 27px;background-position: 0 -77px;}
  .box_title.button a{display: block; line-height: 27px; padding: 0 10px; -webkit-transition: background-color ease-in-out 150ms; -moz-transition: background-color ease-in-out 150ms; transition: background-color ease-in-out 150ms; }
  .box_title.button a:hover{background-color: #0000FF; color: white} 
 .box_title.button{padding: 0 0}
  .box_title.highlight{color: #0000FF} 

.box_highlight_wrapper {padding:0 0 0 27px;margin-left:-27px;background:url('../_img/bg/bg_arrow.png')0 63px no-repeat; z-index: 999}
  .box_highlight {background:#e3e3e3;padding:20px 10px 0 10px}  
.box_baseline.bottom {background: url('../_img/bg/bg_arrow.png') no-repeat center bottom;padding:0 0 27px 0;position: relative;margin: 0 0 -17px;}
  .box_baseline .bd {background:#e3e3e3;padding:20px 10px 0 10px}
.box_light h3 {background:none;border-bottom:1px dotted silver;margin-bottom:10px}
.box_regular {padding:20px 20px 10px 20px;background:#fff;border-bottom:1px solid #000;cursor:pointer;overflow:hidden;zoom:1}

.col1 .box_regular {padding:20px 10px; margin-top: 20px;}
.mask_img {background:red}
.box_regular .wrapper_img_mask {float:left;position:relative;left:50%;margin:0 0 10px 0;}
  .box_regular .img_mask {float:left;left:-50%;position:relative; line-height: 0;}
.box_regular .img_mask img{padding: 0;}

    .box_regular .img_mask div,.gallery b,.video_box b {
      position:absolute;top:0;left:0;height:100%;width:100%;
      -webkit-transition: background ease-in-out 250ms;
      -moz-transition: background ease-in-out 250ms;
      transition: background ease-in-out 250ms;
    }
.box_regular .bd {margin: 0 0 10px;clear:left}
.box_regular h2, .columned h2  {padding-bottom:20px}
.box_regular .read_more {font-size:10px;text-transform:uppercase;padding:0 0 0 3px; color: #888888;}
.box_regular .info {margin-top:-20px}
.box_regular h2, .box_regular p, .box_regular .info, .box_regular p a, .box_regular .more,.box_regular .more span {
  -webkit-transition: color ease-in-out 250ms;
  -moz-transition: color ease-in-out 250ms;
  transition: color ease-in-out 250ms;
}
.box_regular.highlight{padding: 10px; color: #5D5D5D;}
.box_fullwidth{margin:0 0 10px 10px;}
 .box_fullwidth h1{background: none repeat scroll 0 0 transparent; border-bottom: 1px dotted silver; margin-bottom: 10px; padding-bottom: 10px; width: 60%}

.columned td.first{padding: 0 10px 0 0; width: 450px}
.columned td.last{width: 172px; border-left: 1px dotted silver; vertical-align: top; padding: 30px 0 0 10px}
.columned .last p{ padding: 0; color: #888}
 
.ico_pdf{font-size: 1.2em; background-image: url('../_img/ico/pdf.jpg'); background-position: 0px 2px; background-repeat: no-repeat; padding: 0 0 0 23px; color: #000}
.ico_pdf a{color: #000}

/* wrapper box */

.homepage .hd{margin: 0 0 0 10px; }
.homepage .hd h3 {line-height: 27px; padding: 0 0 0 10px; background-color: #E3E3E3}
.homepage .wrapper_boxes .col1{float: left; margin: -10px 0 10px 10px;}
.hd{padding-bottom: 10px; background-image: url('../_img/bg/bg_hd_arrow.png'); background-position: 20px 27px; background-repeat: no-repeat; position: relative; z-index: 999}

/* video thumb */
.video_box {position:relative;margin-bottom:20px}
.video_box b {background:url('../_img/ico/ico_play.png') no-repeat scroll center center;}
.box_regular:hover h2,.box_regular:hover p, .box_regular:hover .info span,.box_regular:hover .info em, .box_regular:hover p a, .box_regular:hover .read_more,.box_regular:hover .more span{color:rgb(0,0,255)}
.box_regular:hover .img_mask div,.gallery li:hover b {background:rgb(0,0,255); opacity: 0.6; filter: alpha(opacity = 60);}
/* alternate style for children + youth */
.children .box_regular h2, .children .box_regular p, .children .box_regular a, .children .box_regular .more span,.children .box_regular .info span,.children .box_regular .info em,
.youth .box_regular h2, .youth .box_regular p, .youth .box_regular a, .youth .box_regular .more span,.youth .box_regular .info span,.youth .box_regular .info em
{color:rgb(255,0,0)}
.children .box_regular:hover a, .children .box_regular:hover .more span,.children .box_regular:hover .info,.children .box_regular:hover .info em,
.youth .box_regular:hover a, .youth .box_regular:hover .more span,.youth .box_regular:hover .info,.youth .box_regular:hover .info em
{color:rgb(255,0,0)}
.children .box_regular .img_mask div {}
.children .box_regular:hover .img_mask div {background:none}
.youth .box_regular:hover .img_mask div {background:rgba(255,0,0,.6)}
/* box highlight */
.box_highlight .type {text-transform:uppercase;color:rgb(93,93,93); font-size: 10px}
span.type{text-transform:uppercase;font-size: 10px}
.box_highlight h2 {color:rgb(93,93,93);}
.box_highlight p {color:rgb(135,135,135);}


/* detail */
.wrapper_detail {margin:0 0 10px 10px}
  .detail {padding:20px 50px 0 20px;background:#fff;border-bottom:1px solid #000; position: relative;
    z-index: 5;}


  .wrapper_detail .box_highlight {background:#E3E3E3;padding:20px 20px 0 20px}

/* search */
.search_result_list {margin:0px 0 0 10px;padding:0 10px;background:#fff; min-width: 930px;}
.search_result_list table {width:100%;}
.search_result_list th {text-align: left; padding:20px 10px; color:#0000FF }
.search_result_list th h4{color:#0000FF; font-size: 1.2em }
.search_result_list td h4{color:#0000FF; font-size: 1em }

.search_result_list td {font-size:12px;;vertical-align:top;padding:20px 10px;color:rgb(93,93,93);border-bottom:1px dotted rgb(220,220,220)}
.search_result_list td.last {padding:20px 0 20px 10px; width: 200px; white-space: nowrap}
.search_result_list .first {font-size:10px;padding:20px 10px 20px 0;text-transform:uppercase;}
.search_result_list em {font-style:normal;text-transform:uppercase;font-size:10px;}
.search_result_list strong {font-weight:normal;background:rgb(253,255,172)}
.search_result_list .last td {border-bottom:none}
.search_result_list .last img {vertical-align:middle; display: inline-block} 
.search_result_list span {color:#000} 
.search_result_list span.top {vertical-align:top} 
.search_result_list + .pager {margin:0 0 0 10px}
.search_result_list.tricolumned .first{width : 30px; font-size: 1.2em; text-align: right}
.search_result_list.tricolumned .last{}
.search_result_list .last_row td{padding-bottom: 30px; border-bottom:1px solid #000}
.search_result_list .last_table_row td{border-bottom:none}
.search_result_list  h4{color: #000; text-transform: uppercase}

/* pager */
.pager {text-align:center;font-size:1.0em;margin:30px 0 0 10px;border-bottom:1px solid #000;padding:10px}
  .pager li {display:inline;color:rgb(93,93,93);padding:0 2px}
  .pager nav {text-transform:uppercase;padding:0}
  .pager .prev {float:left}
  .pager .next {float:right}
  
/* gallery */
.gallery {padding:0}
  .gallery ul {margin-left:-30px}
    .gallery li {float:left;margin:0 0 40px 30px;position:relative}
/* gallery overlay */
#gallery_overlay {height:800px;width:540px;}
  #gallery_overlay .navi {position:absolute;top:45%;cursor:pointer}
  #gallery_overlay .navi.disabled {visibility: hidden;}
  #gallery_overlay .prev {left:5px}
  #gallery_overlay .next {right:5px}
  #gallery_overlay #images {overflow: hidden;position: absolute;height:850px;width:540px;}
    #gallery_overlay #images .items {clear: both;position: absolute;width: 20000em;}
      #gallery_overlay #images .items div {float: left;height: 180px;margin-right: 30px;width: 510px;}
        #gallery_overlay #images .info_img,.video_overlay .info_vid {background:rgb(220,220,220);padding:15px 15px 0 15px}
        #gallery_overlay #images h4,.video_overlay .info_vid h4 {font-size:2.0em}
.overlay {display:none;z-index:10000;}

/*  video overlay*/
.video_overlay {width:640;background:rgb(220,220,220)}

/* link overlay */
.link_overlay {width:510px;background:#E3E3E3;padding:20px}
.link_overlay h2 {color:rgb(0,0,255);border-bottom:1px dotted #4f4f4f;margin-bottom:20px}
.link_overlay p {color:#000}
  .link_overlay p strong {color:rgb(135,135,135);font-weight:normal}
.regular_form div {overflow:hidden;zoom:1}
.regular_form label {float:left;display:block;width:90px;color:#000;font-size:1.2em;line-height:20px}
.regular_form label.xl {width:130px}
.regular_form input, .regular_form select {float:left}
.regular_form textarea {background:none;border:1px solid rgb(190,190,190);border-bottom:1px solid #000;width:408px;height:100px;color:rgb(135,135,135);font-size:1.2em;font-family:"Base regular",helvetica,arial, sans-serif;padding:5px}
.regular_form input.file {background:none;border:1px solid rgb(190,190,190) font-size:1.2em; font-family:"Base regular",helvetica,arial, sans-serif;padding:5px 0}
.regular_form select {border:none;background:rgb(220,220,220);width: 200px;color:rgb(135,135,135);-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px;border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.regular_form .txt {border:none;background: url('../_img/bg/bg_input_txt.png') repeat-x bottom;width:420px;line-height:20px;font-size:12px;font-family:"Base regular",helvetica,arial, sans-serif;color:#000;height:20px}
.regular_form .txt.xl{width: 380px}
.regular_form button {border:none;background:rgb(220,220,220);color:rgb(135,135,135);font-size:1.0em;height:13px;line-height:13px;padding:0 20px;margin:20px 0;-webkit-border-radius: 6px;
-moz-border-radius: 6px;border-radius: 6px;cursor:pointer}
.participate_form div {margin-bottom:28px}
.participate_form div.last {margin-bottom:23px}
.participate_form button {margin:0 12px 0 0}
.participate_form .first {margin-left:90px}
.link_overlay .legal {color:rgb(135,135,135)}

/* =========== */
/* = SIDEBAR = */
/* =========== */
.search {font-size:1.2em;color:#000; display: inline-block;}
#search_input {display: none; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #000000; border-style: none none solid; border-width: 0 0 1px; width: 138px; height: 21px; margin: -7px 0 0 0; overflow: hidden; outline: none; font-family: 'BrownRegular',helvetica,arial,sans-serif;}

.arrow {margin-top:24px}
  .arrow li {font-size:1.2em;line-height:20px;}
      .arrow .last:before{content: ' '}
        .arrow a:before{content: '→ '}
        .arrow .active {color:#000}
/* standard box in sidebar has different colors */
#sidebar .box p,#sidebar .info em {color:rgb(135,135,135)}
#sidebar .box h2 {color:rgb(93,93,93)}
#sidebar .info span {display:block}


/* ====================== */
/* = HOMEPAGE SLIDESHOW = */
/* ====================== */

.box_related{position: absolute; left: 800px; top:0;}
.box_related .picture{padding-bottom: 10px}
.wrapper_slide{width: 631px; margin: 0 0 10px 10px;}
.picture{display: none}

.item .related{display: none}
.item{background-repeat: no-repeat}
.item h1{position: absolute ;top: 202px; bottom: 30px; width: 610px; color: #fff;   text-align: center; font-size: 3.6em; line-height: 1em; padding: 0 10px}
.item a{color: #fff}
.item .subtitle{font-size: 0.5em; font-family:'BrownRegular',helvetica,arial, sans-serif; }

.scrollable {position:relative;  overflow:hidden;  width: 630px; height:333px;}
  /* this cannot be too large */
.scrollable .items {width:20000em;  position:absolute; clear:both}
.items div {float:left; width:630px; height:333px;}
.scrollable img {float:left;}
.scrollable .active {border:2px solid #000; position:relative;  cursor:default;}

  /* main navigator */
#main_navi h3{font-size:1.2em}
#main_navi_hd h3.strong {font-family: 'BrownBold'; font-weight: normal; color: #000}
#main_navi_hd h3{font-size:1em}
#main_navi_hd h3{font-weight:bold;float: left; width: 189px; padding: 5px 10px; text-transform: uppercase; font-family:'BrownRegular',helvetica,arial, sans-serif; background-color: #fff; color: #888888;}
#main_navi_hd .last{width: 190px}

#main_navi li.border {float: left;  list-style-type:none; padding:10px;  width:136.5px !important; background-color:#fff;  border-bottom: 1px dotted silver; cursor: pointer;  height: 60px; color: #878787;}

.homepage #main_navi li{height:65px; width: 189px !important;}
#main_navi li:hover {background-color:#E3E3E3;}
#main_navi li.active {background-color:#E3E3E3; color: #000}
#main_navi li.border, #main_navi_hd h3.border {border-right: 1px dotted silver;}
#main_navi li.last {border-bottom: 1px solid #000;}
#main_navi img {float:left;margin-right:10px;}
#main_navi strong {display:block;}
#main div.navi {margin-left:250px; cursor:pointer;}
#main div p {margin-bottom: 0}

#main_navi_hd h3{float: left; }

/* ========== */
/* = FOOTER = */
/* ========== */
#footer .col1, #footer .col2 , #footer .col-last{float:left}
#footer .col1{width:100px; margin-bottom: 10px; min-height: 150px}
#footer a:before {content:"→ "}
#footer a {color: #fff}
#footer a:hover {color:#E3E3E3}


/* ============== */
/* = JANUSMEDIA = */
/* ============== */

#footer .col1{}
#footer .col-last{margin: 0 ; width:220px }
.wrapper_detail .box_highlight_wrapper {
    background: url("../_img/bg/bg_arrow.png") no-repeat scroll 20px 0 transparent;
    margin: -30px 0 0;
    padding: 29px 0 0;
    position: relative;
    width: 630px;
}
.wrapper_detail .box_highlight {
    border-bottom: 1px solid #000000;
}
.second_level li li.active a {color:#00f}

.columned td.first ul li:before {
    content: "→ ";
    margin: 0 0 0 -14px;
}
.columned td.first ul li {
    font-size: 12px;
    list-style-position: outside;
    padding: 0 0 10px 16px;
}
.children .columned td.first ,.children  .detail,.children .info span,.children .info em,.children .columned .last p ,.children .columned .last p a  {color: #FF0000;}
.youth .columned td.first ,.youth .detail, .youth .info span,.youth .info em ,.youth .columned .last p ,.youth .columned .last p a {color: #FF0000;}

.calendar {float: left; width:640px;}


.grau4 .hd h3{margin: 0 0 0 10px }

.calendar .box_shortcut .bd {
    padding: 10px 10px 0; height: 50px;
}

.calendar .col1 {
    float: left;
    width: 150px;
}

.calendar .col2 {
    float: left;

}

.link_overlay h2 { border-top: none;border-bottom: none;color:#000; font-weight:normal; text-transform: uppercase;font-family:'BrownRegular',arial, sans-serif;font-size: 1em; padding: 0; margin:0 }
.col1 .box_shortcut .listing-fuehrung h1, .col2 .box_shortcut .listing-fuehrung h1  {margin: -10px 10px 0 10px; padding: 10px 0 0 0}
.col1 .box_shortcut .listing-fuehrung h2, 
.col2 .box_shortcut .listing-fuehrung h2 {padding:0;border-top: none; font-size: 10px; margin: 8px 10px 0}
.col1 .box_shortcut .listing-fuehrung h2 {width:130px;}
.col2 .box_shortcut .listing-fuehrung h2 {width:270px;}

.graumitpfeil .box {
    background: none transparent;
    border-bottom: none;
    margin: 0 0 10px;

}

.tx-hdktags-pi .box_shortcut .listing-fuehrung h2 {    width: 100%;}


.tx-hdktags-pi4 { position: relative;
    top: -10px;}
.listing-fuehrung {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #000000;
    float: left;
    margin: -10px 0 20px;
    padding: 10px 0;
}
.hd h3 {
    background-color: #E3E3E3;
    line-height: 27px;
    padding: 0 0 0 10px;
}

h1 {;margin: 0 ;
    padding: 0 0 5px;}
.search_result_list p {font-size: 1em}
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0;
}

#main_navi_hd{overflow:auto;  background-color: #fff; border-bottom: 1px solid #000;}
#main_navi_hd h3 {
    color: #888;
    float: left;font-size: 1.1em;
    font-family: 'BrownRegular',arial,sans-serif;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 189px;
}
li.lang{float: left;    width: 40px; }
li.lang-activ,li.lang-inactiv  {float: left;    width: 40px; }
#sidebar li.lang-activ a{ color: #0000FF;}
.box_regular h1{padding:10px 10px 0 10px;}
.box_regular h6{padding:10px 10px 0 10px;font-family: "Base regular",arial,sans-serif;border-bottom:dotted; font-size: 1.8em;}
.box_complex h2{padding:20px 20px 0 20px;}
.box_complex ul {padding: 20px;}
.box_complex li a:before, .box_regular li a:before{  content: "→ ";}
.balken-grau630 { padding: 0 10px 10px 0;    width: 640px;float:left}
.balken-grau630 h3{margin: 0 10px 0 0;padding:0 0 0 0;line-height: 27px;background: none repeat scroll 0 0 #E3E3E3;    padding: 0 0 0 10px;font-weight:bold;
text-transform: uppercase;}
.box_shortcut img{width: 150px;}
.box_shortcut h2 { text-transform: uppercase;color: #000000;
    font-size: 10px;
  margin: 0 10px 0 0;}

.at300bs { background: none repeat scroll 0 0 transparent;background-image: url("//s7.addthis.com/static/r07/widget34.png");
    display: block;
    float: left;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 0;
}

ul.arrow {    margin-bottom: 20px;}

.detail img {
    height: auto;
    margin: 10px 0 0px 0;
    max-width: 590px;
}
.detail > .text_info{margin: 0 0 35px 0;}



.pdf-Link a:after{ content: "../_img/pdf.gif"; }
a.pdf-Link,.pp-all .pp-item .pp-pdf a   {background-image: url("../_img/pdf.gif");      background-position: left center;    background-repeat: no-repeat;       margin: 0 10px 0 0;
    padding: 5px 0 2px 20px;}
.search_result_list td.last a.pdf-Link,.pp-all .pp-item .pp-pdf a  {background-position: right center;  padding: 5px 20px 2px 0;}  
.pdf-Link a:hover { color: #666;}

.line { border-bottom: 2px dotted #ccc;}
p.line { padding:8px 0 15px 0}


.grau-hd {
    background-image: url("../_img/bg/bg_hd_arrow.png");
    background-position: 20px 27px;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding-bottom: 10px;
}
.grau-hd h3 {
    background-color: #E3E3E3;
    line-height: 27px;
    padding: 0 0 0 10px;
}

.box_regular h2 a{color:#000}
.box_regular a h2 {color:#000}

.box_complex  h3 {
    line-height: 27px;
    padding: 0 0 0 10px;
}



.col1 img {width: 130px; height: auto}
.col1 .box_shortcut h1 {padding: 10px;border:none}
.col1 .box_shortcut h2 {padding: 0 10px 5px;}
.col1 .box_shortcut h3 {background: none repeat scroll 0 0 transparent;
    border-top: 1px dotted silver;
    font-size: 1.2em;
    line-height: 16px;
    margin: 0 10px;
    padding: 5px 0;
    text-transform: uppercase;}




.col2 .box_shortcut img {width: 310px; height: auto}

.box_shortcut img {width: 150px; height: auto}

.tx-felogin-pi1 form fieldset{border:none}
.columned .last .chronik {padding: 0 ;}
.columned .last .chronik p{border-top: none;padding:0 0 10px 0 ;}
.columned .last .chronik .gruen{padding:0; border-top:none ; color: #000; background: url("../img/underline-chronik.gif") repeat-x scroll center bottom transparent;}
.chronik .gruen, .chronik .gruen  a{
    color: #000;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;background: url("../img/underline-chronik.gif") repeat-x scroll center bottom transparent;
}
.gruen, .gruen  a{
    color: #00C04E;
    font-style: normal;
    text-transform: none;
    white-space: nowrap;
}
p.gruen  {padding:0; float: left;width: 100%;}
.listing-fuehrung .gruen a {padding:0 0 0 10px}
.columned .last p .gruen{padding:0; border-top:none ; color: #00C04E; }
.gruen h2{padding:0}
a.highlight {
    color: #FF0000;
}
.tx-felogin-pi1 label {
    display: block;font-size: 1.2em;
}
.csc-sitemap , .csc-menu{ }
.columned td.first .csc-sitemap ul li {padding: 5px 0 5px 16px;}
.columned td.first .csc-sitemap ul li:before , .columned td.first  ul.csc-menu li:before { content: "";}
.columned td.first .csc-sitemap ul li,.columned td.first  ul.csc-menu li{font-size: 1em}
.columned td.first .csc-sitemap ul li ul li{font-size: 1em}

.csc-sitemap ul li a:before,   ul.csc-menu li a:before {    content: "→ ";}
 ul.csc-menu li a ,  .csc-sitemap ul li a{font-size: 12px}
.csc-sitemap ul li ul{margin: 0 0 0 30px}
.box_fullwidth h2{background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    margin-top: 20px;margin-bottom: 5px;
    padding-bottom: 0;
    width: 60%;}

.box_fullwidth h3{background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 60%;}

.gallery img{height:auto}
.gallery li a:before {    content: "";}


#nav .highlight h2 {
    font-size: 14px;
    line-height: 1.4em;
    padding-bottom: 10px;color: #5D5D5D;
}
#nav .highlight  h2 a{
    color: #5D5D5D;font-size: 14em;
}

#nav .highlight .more a{
    color: #FF0000;font-size: 1em;
}
.box_regular.highlight {
    color: #5D5D5D;
    padding: 10px;
}

#nav .bd a, #nav .highlight a {
    color: #888888;
    font-size: 1em;
}
#nav .bd p {
    padding-bottom: 10px;
}
#tx-solr-search-form-pi-search input.tx-solr-q {border-bottom: 1px dotted #4F4F4F;border-top:none;border-right:none;border-left:none}

.tx-solr {margin:0}

/* =============== */
/* = PARTICIPATE = */
/* =============== */
#teilnehmen{    background: none repeat scroll 0 0 #E3E3E3;   width: 510px;}

#teilnehmen .fieldsets fieldset{border: none}
#teilnehmen .fieldsets fieldset legend{border-bottom: 1px dotted #4F4F4F;
    color: #0000FF;font-size: 1.8em;line-height: 20px;
    margin-bottom: 20px;}

#teilnehmen .tx_powermail_pi1_fieldwrap_html {font-size: 1.2em;
    padding-bottom: 20px;}

#teilnehmen .fieldsets label{color: #000000;
    display: block;
    float: left;
    
    line-height: 20px;
    width: 90px;}

#teilnehmen textarea {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: #BEBEBE #BEBEBE #000000;
    border-style: solid;
    border-width: 1px;
    color: #878787;
    font-family: "Base regular",arial,sans-serif;
    font-size: 1.2em;
    height: 100px;
    padding: 5px;
  width: 408px;}
#newsletter  p{padding-bottom: 10px;}
#teilnehmen select, #newsletter select {
    background: none repeat scroll 0 0 #DCDCDC;
    border: medium none;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    color: #878787;
    width: 200px;
}

#teilnehmen .powermail_text, #newsletter input {
    background: url("../_img/bg/bg_input_txt.png") repeat-x scroll center bottom transparent;
    border: medium none;
    color: #000000;
    font-family: "Base regular",arial,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: 420px;
}

#teilnehmen .powermail_submit, #teilnehmen .powermail_reset,  #newsletter  input.senden,  #newsletter  .senden input{
background: none repeat scroll 0 0 #DCDCDC;
    border: medium none;
    border-radius: 9px;
    color: #878787;
    cursor: pointer;
    font-size: 0.8em;
    height: 18px;
    line-height: 13px;padding: 1px 20px 4px;
    padding: 0 20px;float: left;
}
#newsletter  input.senden,  #newsletter  .senden input{font-size: 1em;margin: 20px 10px 20px 0;width: 100px; }
#teilnehmen .powermail_submit  { margin: 20px 10px 20px 90px; }
#teilnehmen .powermail_reset { margin:  0; }

/* ========= */
/* = SHARE = */
/* ========= */

#at15s {padding: 1px !important;border-radius:0; background-image: none ; background-color: transparent;}
#at15s_head {
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    cursor: default;
    padding: 0;height:0;
    position: relative;color:transparent
}

#at15pf, #at16pf {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px dotted silver;
    margin: 0 10px;
    padding: 5px;
    position: relative;
}

#at15pf .ac-logo, #at16pf .ac-logo {

    top: 5px;
}

/* =========== */
/* = Buchung = */
/* =========== */

.tx-anmeldungausstellung-pi1 {font-size: 1.2em;width:608px;}

dt {float:left;width: 160px;font-size: 1em;}
#title dt{width:250px;}
dl {margin: 10px 0}
dd {font-size: 1em;}
#ausstellung_typ_info, #ausstellung_zeitraum, .tx-anmeldungausstellung-pi1 p {font-size: 1em;}

.tx-anmeldungausstellung-pi1 h1, .tx-anmeldungausstellung-pi1 h2{width:100%; font-size: 1.6em;}

.tx-anmeldungausstellung-pi1 input {
    background: url("../_img/bg/bg_input_txt.png") repeat-x scroll center bottom transparent;
    border: medium none;
    color: #000000;
    font-family: "Base regular",arial,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: 320px;
}
.tx-anmeldungausstellung-pi1 select#ausstellung_typ{
-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: #BEBEBE #BEBEBE #000000;
    border-style: solid;
    border-width: 1px;
    color: #878787;
    font-family: "Base regular",arial,sans-serif;
    font-size: 1em;
    height: 100px;
    padding: 5px;
    width: 308px;
}
#ausstellung-select {color: #878787;}
.tx-anmeldungausstellung-pi1 .klein {color: #878787;}
.tx-anmeldungausstellung-pi1 textarea {
-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 transparent;
    border-color: #BEBEBE #BEBEBE #000000;
    border-style: solid;
    border-width: 1px;
    color: #878787;
    font-family: "Base regular",arial,sans-serif;
    font-size: 1.2em;
    height: 100px;
    padding: 5px;
    width: 308px;
}
.tx-anmeldungausstellung-pi1 #bottons {margin: 0 10px 0 150px;}
.tx-anmeldungausstellung-pi1 #bottons #submit_button, 
.tx-anmeldungausstellung-pi1 #bottons #erasefields, 
.tx-anmeldungausstellung-pi1 .zurueck {  background: none repeat scroll 0 0 #DCDCDC;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    color: #878787;
    cursor: pointer;
    float: left;
    font-size: 0.8em;
    height: 13px;
    line-height: 13px;
    padding: 0 20px;width:100px
}
.tx-anmeldungausstellung-pi1 #bottons #submit_button{ margin: 0 10px 0 0;}
.tx-anmeldungausstellung-pi1 #bottons #erasefields, .tx-anmeldungausstellung-pi1 .zurueck { margin: 0 220px 0 0;}

#news_galerie{
  position:absolute;
}

.gallery {border-bottom: medium none;}

.gallery li {    height: 80px;}
.gallery li img{ max-height: 90px;
    max-width: 70px;}

#gallery_overlay .prev , #gallery_overlay .next {   background: none repeat scroll 0 0 #FFFFFF;    padding: 7px;}

/* =========== */
/* = Galerie = */
/* =========== */

.myGallery {
  border: none;}


/* =========== */
/* = Twitter BOX = */
/* =========== */

#twitter_div{
font-size:1.2em;
}

#twitter_link a:before{
content:"→ ";
}

#twitter_link{
padding-top:12px;
}

#twitter_div li{
border-top:1px dotted;
}

#twitter_div li a:before{
content:none;
}

#twitter_div .twitter_status{
display:block;
}

#twitter_div li a{
color:#0000FF;
}

#twitter_div .twitter_datetime{
display:block;
}

/* =========== */



.kalenderLink a {font-size:1em; color:#0000FF;}
.kalenderLink a:hover {color:#ff0000;}
#today, #today a {color:#ff0000;}

.box_light .active{
color:#0000FF;
}

.video_overlay{padding: 20px 0 0;
text-align:center;
}

.pdf_overlay_link{
margin-top:-15px;
}

.pager{
border-bottom:none !important;
}

/*
.tx-solr .box_title{
margin:0 !important;
padding:0 !important;
}

.tx-solr .box_title h3{
margin:0 0 10px 10px;
padding:0 10px;
}

.tx-solr .clearfix,.tx-solr .pager{
width:100%;
}
*/

/* ========== */
/* = Presse = */
/* ========== */

.presse-titel-pdf {    background: none repeat scroll 0 0 #FFFFFF; margin: -10px 0 0 10px;    padding: 10px;float:left;width:930px;}
.presse-titel-pdf h4 {padding: 0 0 0 10px;    color: #0000FF;text-transform: uppercase;    font-size: 1.2em;}

.presse-pdf-all { width:910px; border-bottom: 1px dotted #DCDCDC;
    color: #5D5D5D;
    font-size: 12px;
    padding: 20px 10px;float:left;
    }
.presse-pdf-text{ width:655px;float:left;}
.presse-pdf-link { width:200px;float:left;}

.pp-all {background: none repeat scroll 0 0 #FFFFFF;padding:0 10px ;width:930px;float:left;margin: 0 0 0 10px;}



.pp-all .pp-item{background: none repeat scroll 0 0 #FFFFFF;width:910px; float:left;border-bottom: 1px dotted #DCDCDC;
    padding: 0 10px;color: #5D5D5D; font-size: 12px;font-family: 'BrownRegular',arial,sans-serif;}



.pp-all .pp-item .pp-image {float:left;padding: 20px 10px;}
.pp-all  .pp-item .pp-image img {width:170px;  height:auto;}

.pp-all  .pp-item .pp-pdf {float:right;padding: 20px 10px;}
.pp-all  .pp-item .pp-pdf a {float:left;margin-left:10px;}
.pp-all  .pp-item .pp-pdf span a {margin-left:5px;}

.pp-all .pp-item .pp-text {width:620px;float:left; padding: 20px 0; }
.pp-all .pp-item .pp-title {font-size:1em; }
.pp-all  .pp-item .pp-title , .pp-all .pp-item .pp-description{width: 480px;font-size:1em; }
.pp-all .pp-item .pp-download{padding: 20px 0 0 0;float:left;}
.pp-all .pp-item .pp-download a:before{content: '→ '}
.pp-all .pp-filesize {padding: 20px 10px;float:left;}

.news_listing > a, .js_masonry > a, #c75 > a{ color:#000;}
.bd p a, .bd p .read_more a{ color:#888}
.bd p .read_more a:hover {    color: #0000FF;}
.box_regular h2 a:hover {    color: #0000FF;}


#at20mc div {  margin: 12px 0 0 0;}

#at15s_inner {
  border: 1px solid #0000ff;}

#at16p {
  background: none repeat scroll 0 0 transparent;}

p.info {margin:0}

#stretch0 .js_grid{margin-top:-10px}

#nav .box_regular:hover .img_mask div,.gallery li:hover b {background:none; opacity: 0.6; filter: alpha(opacity = 60);}


.nicht-blau .box_regular:hover h2, .nicht-blau  h2 a:hover, .nicht-blau a:hover,
.nicht-blau .box_regular:hover p,
.nicht-blau .box_regular:hover .info span,

.nicht-blau .box_regular:hover p a, 
.nicht-blau .box_regular:hover .read_more,
.nicht-blau .box_regular:hover .more span {color:rgb(0,0,0)}

.nicht-blau .box_regular:hover .info em {
    color: #00C04E;
}

.nicht-blau .box_regular:hover {cursor: default;}

/*  amiando overlay*/
.amiando_overlay {
background:#e3e3e3;
padding:20px
}

.div-buy-ticket{
color: #0000FF;
font-size: 1.8em;
line-height: 20px;
padding-bottom: 20px;
}

.buy-ticket{
border-bottom: 1px dotted #4F4F4F;
}

.amiando_overlay .info_vid{
border-top: 1px solid black;
text-align:center;max-width: 650px
}

.amiando_overlay .info_vid h4{
padding-top:15px;
font-size:2em
}


/*news-list: special css for gallery*/
.picture_gallery_hide{
  display:none; 
}

/* ============= */
/* = NAV 75 20 = */
/* ============= */
#nav-75-20 {float:left;width:150px;position:relative;z-index:0; min-height: 800px}
#nav-75-20 ul {background: none repeat scroll 0 0 #EE1F25;}
#nav-75-20 li {background: none repeat scroll 0 0 #EE1F25;       font-family: "BrownBold";
    padding: 15px 10px 20px 10px;text-indent: 0;
border-bottom: 1px dotted #FFFFFF;
 }

#nav-75-20 li a { padding:15px 0 }
#nav-75-20 a {font-size:1.8em;color:#fff}
#nav-75-20 li.active {color:#EE1F25;background:#ffecec}
#nav-75-20 li a:hover{color:#ccc;}

#nav-75-20 .active a{color:#EE1F25;}
#nav-75-20 a:hover {color:#ccc;}
#nav-75-20 .bd a, #nav-75-20 .highlight a{color:#888;font-size:1em;}
#nav-75-20 .bd p{padding-bottom: 10px}
#nav-75-20 .highlight a{color : #ff0000}
#nav-75-20 .highlight h2{font-size: 14px; line-height:1.4em; padding-bottom:10px }
#nav-75-20 .box{margin: 0 0 0 0; border-bottom: medium none;padding: 0 ;}


.rosa-balken {background:#ffacac;width:630px; float: left;
    margin: 0 0 5px;}
.rosa-balken h2 {text-align: center;color:#EE1F25;padding:20px 0;margin: 0 0 7px;}
.rosa-balken h2 a{color:#EE1F25;}
.rosa-balken h2 .rosa-balken h2 a:hover{color:#888;}
.rosa-balken p {color: #000000;
    font-size: 1.1em;
    font-weight: normal;
    margin: 5px 0;
    padding: 7px;
    text-align: left;
  text-transform: uppercase;}
.rosa-balken p a{color: #000000}


.teaser-gross-75-20{background:#ffecec; border-bottom: 1px solid; float: left;    margin: 7px 7px 0 0;}
.teaser-gross-75-20 h1{padding:0}
.teaser-gross-75-20 h2{background: none repeat scroll 0 0 #FFACAC;    color: #EE1F25;font-weight: normal;
    float: left;    font-size: 1.2em;    margin: 0 0 -25px;    padding: 2px 7px;  position: relative;text-transform: uppercase;}
.teaser-gross-75-20 h2 a{   color: #EE1F25;}
.teaser-gross-75-20 p {padding:7px;text-transform: uppercase;}

.teaser-klein-75-20{background:#ffecec; border-bottom: 1px solid; float: left;    margin: 7px 7px 0 0;width:150px}
.teaser-klein-75-20 img{height:auto;width:150px}
.teaser-klein-75-20 h1{padding:0}
.teaser-klein-75-20 h2{background: none repeat scroll 0 0 #FFACAC;    color: #EE1F25;font-weight: normal;
    float: left;    font-size: 1.2em;    margin: 0 0 -25px;    padding: 2px 7px;  position: relative;text-transform: uppercase;}
.teaser-klein-75-20 h2 a{   color: #EE1F25;}
.teaser-klein-75-20 p {padding:7px;text-transform: uppercase;}





#footer75-20 {
    background: none repeat scroll 0 0 #6E6E6E;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 30px; margin-top: 40px;
}

#footer75-20 .col1 {
    margin-bottom: 10px;float: left;
    min-height: 150px;
    width: 100px;
}
#footer75-20 .col2 {
    border-left: 1px dotted white;
    border-top: medium none;float: left;
    margin-left: 20px;
    min-height: 150px;
    padding-left: 10px;
    width: 198px;
}

#footer75-20 a:before {
    content: "→ ";
}

#footer75-20 a {
    color: #FFFFFF;
}

h4 {
    color: #EE1F25;
    margin: 5px 0 0;
    font-size: 1.2em;
text-transform: uppercase;}

.punktlinie-schwarz { border-bottom: 1px dotted #000;padding: 5px 0;}

td, td p {font-size: 12px; vertical-align: top;}

hr { border-bottom: 1px dotted #000;border-top:none;border-right:none;border-left:none; margin: 0 0 10px;}

.rote-schrift {color: #EE1F25;
    font-size: 1.2em;
  margin: 5px 0 0;}

/********** Symposium Carousel ****/
  #slides .slides_container {
    width:630px;
    height:525px;z-index:1;
  }
  #slides .slides_container .slide_item {
    width:790px;
    height:530px;
    display:block;
  }

#slides_only_pics {float:left; overflow: hidden;}
  #slides_only_pics .slides_container {
    width:790px;
    height:535px;margin: 0 0 -185px;
  }
  #slides_only_pics .slides_container .slide_item , #slides .slides_container .slide_item {
    width:790px;
    height:350px;
    //display:block;
    display:none; 
}

#slides {;width: 630px;margin: 0 ; float:left }
#slides h1  {background: #fff;padding:10px; width: 610px;}
#slides h1 a {color:#000}
#slides h1 a .subtitle {color:#888;text-transform: uppercase;font-size: 12px;padding:0 20px 0 0}
#slides h1 .second_subtitle{color:#888;text-transform: uppercase;font-size: 12px;}

#slides .text_info {padding:10px;font-size: 12px;width: 610px;background: #fff;border-bottom: 1px solid #000000}

#slides .image {position:relative;z-index:1;}

/*
#slides .prev {background: url("../img/fleche1.png") no-repeat scroll left center #fff;
    position:relative;z-index:3;
    margin: 0 0 0 5px;padding: 3px 0;
    top: -340px;color: transparent;
}
#slides .next {background: url("../img/fleche2.png") no-repeat scroll left center #fff;
    position:relative;z-index:3;
    margin: 0  5px 0 0;padding:  0;
    top: -340px;color: transparent;float: right;
}
*/

#slides .prev {
    position: absolute;
    font-size: 24px;
    margin: -300px 0px 0px 10px;
    color: #FFF;
    z-index: 99999999;
}

#slides .next {
    position: absolute;
    font-size: 24px;
    margin: -300px 0px 0px 600px;
    color: #FFF;
    z-index: 99999999;
}


/* TODO #slides_ausstellung */

.slide_navigation {border-bottom: 1px solid #000000;
    color: #888888;
    font-size: 1.8em;
    margin: 20px 0 0;
    padding: 0 0 20px;
    text-align: center;
    width: 630px;}
.text_cloud {background: url("../_img/bg/pfeil-rosa.png") no-repeat scroll left top transparent;
    color: #EE1F25;
    float: right;
    margin: -350px 0 0 700px;
    min-height: 520px;
    padding: 20px 10px 10px 40px;
    position: relative;
    width: 130px;
  z-index: 3;font-size: 1.2em;}

.teaser-75-20 {
  
float: left;
    margin: 7px 0 0 -10px;
    width: 800px;
    
}
.syv-75-20 {
    background: url("../_img/bg/pfeil-grau.png") no-repeat scroll left bottom transparent;
    border-bottom: 1px solid #000000;
    color: #878787;
    float: left;
    height: 80px;
    margin: -25px 0 0;
    padding: 30px 0 0 20px;
    position: relative;
    width: 610px;
    z-index: 20;
}
.teaser-75-20 .box_regular {
    background: none repeat scroll 0 0 #ffecec;
    border-bottom: 1px solid #000000;
    cursor: pointer;
    overflow: hidden;
    padding: 20px 20px 0;
}
.content75-20 .detail { margin: .content75-20 .detail { margin: 0 10px 0 -10px}

p.graue-schrift {color: #888888;}
td.punktlinie-schwarz { border-bottom: 1px dotted #000;padding: 5px 0;}


/********** Symposium Carousel ****/
  #slides_ausstellung .slides_container {
    width:630px;
    height:375px;z-index:1;
  }
  #slides_ausstellung .slides_container .slide_item {
    width:790px;
    height:520px;
    display:block;
  }
#slides_ausstellung {;width: 630px;margin: 0 ; }
.text_info {line-height: 15px;margin: 0 0 15px;}
#slides_ausstellung .text_info {padding:0;width: 590px;line-height: 12px;margin: 0 }

#slides_ausstellung .image {position:relative;z-index:1;}

#slides_ausstellung .prev, .csc-textpic .prev{background: url("../img/fleche1.png") no-repeat scroll left center #fff;
    position:relative;z-index:3;
    margin: 0 0 0 5px;padding: 5px 10px;;
    top: -210px;color: transparent;
}
#slides_ausstellung .next, .csc-textpic .next {background: url("../img/fleche2.png") no-repeat scroll left center #fff;
    position:relative;z-index:3;
    margin: 0  45px 0 0;padding: 1px 10px;
    top: -210px;color: transparent;float: right;
}
.csc-textpic .next ,.csc-textpic .prev {
  top: 50px;
  width: 21px;
  padding : 0;
  z-index: 100;
  position: absolute;
  cursor: pointer;
} 

.slide_navigation {border-bottom: 1px solid #000000;
    color: #888888;
    font-size: 1.8em;
    margin: 20px 0 0;
    padding: 0 0 20px;
    text-align: center;
    width: 630px;}


.box .twtr-widget .twtr-tweet-wrap {
    border-bottom: 1px dotted #000000;
    overflow: hidden;
}

.box .twtr-widget .twtr-tweet-wrap {
    overflow: hidden;
    padding: 6px 0;font-family:'BrownRegular',arial, sans-serif;
}

.img_mask {font-size:0; line-height: 0;}

/*issuu for ie 8*/
@media \0screen {
    .video_overlay{
  display:block;
  }
}
.gruen-balken{background: none repeat scroll 0 0 #00C04E;
    color: #FFFFFF;padding: 2px 5px;
    font-weight: bold;}
.gruen-balken a{
    color: #FFFFFF;}

span.gruen-balken {background: none repeat scroll 0 0 #00C04E;
    color: #FFFFFF;padding: 2px 5px;
    font-weight: bold;}

.chronik p{color: #888888;padding: 0 0 10px;}
.chronik h3{border-top: 1px solid #888; background: none repeat scroll 0 0 transparent;text-transform: uppercase;margin: 0 0 20px;
    padding: 5px 0 0;}
.chronik a{color: #000000;
    float: left;
    font-size: 10px;
    margin: 0;
    padding: 0;}
.chronik hr { border-bottom: 1px dotted #888;border-top:none;border-right:none;border-left:none; margin: 0 0 10px;}

.publikationen_tags {background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #000000;
    margin: 0 0 10px;
    padding: 20px 10px;}
.publikationen_tags  .col1 {float:left}

.publikationen_buecher#main {
  width : 640px;margin: 35px 0 0 0
}

.publikationen_buecher#main .grau4{margin: -35px 0 0 0 ;}

 a .bd {color:#000}

/*search-results */
.search_results_switch {
  float:right;
}
.search_results_switch span{
  border-left-style: dotted;
  border-left-color: #000000;
  border-left-width: 1px;
  margin-right: 10px;
  padding-left: 10px;
  color: #999;
  cursor: pointer;
}
.search_results_switch span.selected{
  color: #000000;
}

.listing-fuehrung h2 a{    margin:  10px 0 0 0;
    padding: 0;font-size: 1.8em;    font-family: BrownBold,arial; line-height: 20px;
    font-weight: normal;color: #000000;text-transform:     font-weight: normal;color: #000000;text-transform: none;}
.col1 .box_shortcut .listing-fuehrung h3{ font-size: 10px;border-top: 1px dotted #000000;margin: 5px 10px 0 10px}

td.bildergalerie-6er {vertical-align: middle; background:#DCDCDC;}

.tx-hdktags-pi .listing-fuehrung h2 {border-top: medium none;
    font-size: 10px;
    margin: 0;
    padding: 0 0 0 10px;
    text-transform: uppercase;}
.tx-hdktags-pi .listing-fuehrung h1 {
    margin: 0;
    padding: 10px 0 0 10px;
    }
.tx-hdktags-pi .listing-fuehrung .csc-default h1 {
    margin: 0;
    padding: 0;
    }

p.mehrere-logos {}
p.mehrere-logos img{margin-top: 0;}

p.pdf_overlay_link {padding-bottom: 5px;}

.p_600px{
  width: 600px;
}

.listing-fuehrung DIV.csc-textpic DIV.csc-textpic-single-image IMG {margin: 0 0 10px 0}

/*Pressearea*/
.presse-ueberschrift {width: 910px;color: #0000FF;    font-size: 1em;text-transform: uppercase;font-family: BrownBold,arial;background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 0 10px;    padding: 20px;border-bottom: 1px dotted #DCDCDC;float:left}
.presse-ueberschrift p{padding:0; margin:0}

.presse-liste { width: 910px;   font-size: 12px;;font-family: BrownRegular,arial;background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 0 10px;    padding: 20px;border-bottom: 1px dotted #DCDCDC;float:left}
.presse-liste p{ font-size: 1em;    padding: 0 0 0 40px;    text-indent: -40px;}
.presse-liste h2{float:right; font-size: 12px;;font-family: BrownRegular,arial;color:#888888}
.presse-liste p:before{content: '→ '; padding: 0 25px 0 0;}

.stretch_your_view_item img{width: 270px; height:auto}

p.ev-tag {text-transform: uppercase;font-size: 1em;padding:0}

.detail-more .info span {
    text-transform: uppercase;
  font-size: 10px;}

.fullsize .col4 {
    width: 950px;
}
.fullsize .js_grid .box {
    background: transparent;
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.fullsize .box-fullsize {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #000000;
    margin: 0 0 10px;width: 950px;
    padding: 20px 10px;
}


.fullsize .tx-calendarnews-pi1 {float:left}

.fuenf7 #main {
    width: 640px;
}

#kalender_output{display:none;}

#nav .box_regular .wrapper_img_mask {    margin: 0;}

#nav .box_regular .more a{    float: left;
    margin: 0;
    padding: 10px 0 0;
}

/* * * Shop * * */

.shop .items div {    background:  #CCC;width: 628px;}
.shop .item h1 {display:none}
.shop .wrapper_slide {  margin: 0 0 10px;}
/*.shop .detail {  top: -10px;}*/
.shop .box_highlight {  background: #efe4ff; border: 1px dotted #ccc;    height: 311px;}

.shop .box_highlight_wrapper {    background: none}

.shop .box_related {    left: 635px;}

.shop .wrapper_slide .box_highlight_wrapper {    width: 315px;}

.shop #main_navi li.border, #main_navi_hd h3.border { border-right: 1px dotted #efe4ff;}
.shop #main_navi li {  border-bottom: 1px dotted #efe4ff;}
.shop  #main_navi_hd h3 {    width: 608px;border-bottom: 1px solid #efe4ff;}
.shop #main_navi li.active { background: #efe4ff;}
..shop #main_navi li {    width: 136px;}
.shop #main_navi li.leeres-grid-feld{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    border: medium none;}
.shop #main_navi li.active h3 a{color: #000}

.shop  .hd h3 {    background-color: #efe4ff;    line-height: 27px;    padding: 0 0 0 10px;}
.shop  .hd {  background-image: url("../_img/bg/bg_hd_arrow-lila.png"); margin: 0 0 0 10px;}
.shop .schenken DIV.csc-textpic DIV.csc-textpic-single-image IMG {    margin-bottom: 5px;}
.shop .schenken { border-bottom: 1px solid #000000;  float: left;color: #666;    margin: 0 0 10px 10px;  width: 310px;}
.shop .schenken p{padding-bottom: 0;}
.shop .schenken a{color: #000}
.shop .schenken img{height:290px; width:290px}
.shop .schenken h1 {padding: 0;}
.shop .schenken h2 {background: none repeat scroll 0 0 #efe4ff;    color: #000000;    font-size: 1em;    line-height: 25px;   padding: 0 0 0 10px;    width: 300px;}
.shop .schenken h2 a{color: #000000; }
.shop .schenken .csc-textpic  {background: url("../_img/bg/bg_hd_arrow-lila.png") no-repeat scroll 15px 0 #FFFFFF;    padding: 20px 10px;height:380px;}


.shop .schenken a.form img{height:auto; width:auto}

.shop .calendar .col1 {    position: relative;    top: -10px;}

.shop  #main.publikationen_buecher .grau4 {    margin: -25px 0 0;}


.shop  fieldset fieldset {
    margin: 0 ;
    padding: 0;
}

.shop  fieldset {position: relative;padding: 0;margin:0;
top: -10px;line-height: 18px}

.shop .powermail_pagebrowser { background: none repeat scroll 0 0 #FFFFFF;
       left: 10px;
    padding: 10px 0 0;
    position: relative;
    text-align: center;
    top: -10px;
    width: 630px;}

.shop .tx_powermail_pi1_submitmultiple_forward { left: 10px; top: -10px;width: 630px;position: relative;height: 30px;}


.shop  label {    width: 300px;margin: 3px 0 0;}

.shop  input  {    width: 280px;}
.shop  input[type='checkbox'], .shop  input[type='radio']  {    width: 100px;}
.shop  input[type='submit']  {   border-radius: 0 0 0 0;
    font-weight: bold;
    width: auto;}
.shop .powermail_check_inner ,.shop  .powermail_radio_inner{float: left;
    margin: 10px 0;}

.shop .tx-srfreecap-pi2-cant-read {
   color: #000000;
    float: left;
    font-size: 0.9em;
    margin: 0 0 0 100px;
    width: 200px;
}


.shop  .tx_powermail_pi1_fieldwrap_html_submit {
    margin: 20px 0 0 200px;
}
.shop .calendar {
    float: left;
    width: 650px;
}

.shop .tx-solr input {
    width: 130px;
}

.shop  .tx-powermail-pi1 { background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 0 10px;position: relative;
    top: -10px;width: 590px;
    padding: 30px 20px;}

.shop  iframe {left: 10px;
  
    position: relative;}

.shop  .tx-powermail-pi1 h1{ line-height: 26px}

.shop  .tx_powermail_pi1_fieldwrap_html_captcha label  {    width: 100px;}
.shop  .tx_powermail_pi1_fieldwrap_html_captcha input{ float: right;   width: 260px;margin: 30px 0 0;}

.shop  .tx_powermail_pi1_fieldwrap_html_captcha img.tx-srfreecap-pi2-image {
    padding: 0 0 5px;
    vertical-align: middle;
}

#posterbestellung .tx_powermail_pi1_fieldwrap_html {    padding: 18px 0;}

.tx-powermail-pi1_confirmation p {
  font-size: 1em;}

td.powermail_all_td{width: 200px}

table.powermail_all {margin: 0 0 20px 0}

#posterbestellung select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px;
    width: 580px;
}

td.first h1 { padding: 0 0 5px;font-size: 18px;}
.seite-mit-bildergalerie .bildergalerie-neu {margin: 0 0 0 10px;}
.seite-mit-bildergalerie .bildergalerie-neu dd{line-height: 14px;}
.seite-mit-bildergalerie .content-unter-bildergalerie {}

.seite-mit-bildergalerie .box_image {
    margin-bottom: 0;
}

.bildergalerie-neu .csc-textpic-imagewrap .csc-textpic-image img,.bildergalerie-neu .csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  display:none;
}
.bildergalerie-neu .csc-textpic-imagewrap .csc-textpic-image:first-child img, .bildergalerie-neu .csc-textpic-imagewrap .csc-textpic-image:first-child .csc-textpic-caption{
  display:block;
}
#mc_embed_signup {}
#mc_embed_signup input{background:none}
#mc_embed_signup ul li{width: 100%; float: left}

#mc_embed_signup .mc-field-group ul li label{width: 260px; float: left; margin: 0 0 10px;}


 .columned td.first  #mc_embed_signup ul li:before {
    content: " ";
    margin: 0 0 0 -14px;
}

#content #mc_embed_signup .button {
    background: none repeat scroll 0 0 #DCDCDC;
    border: medium none;
    border-radius: 0;
    color: #000000;
    cursor: pointer;
    float: left;margin: 0 0 0 120px;
    font-family: brownregular;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding: 5px 20px;
}

#content #mc_embed_signup .mc-field-group label {
    display: block;
    float: left;
    margin-bottom: 3px;
    width: 120px;
}

#content #mc_embed_signup .mc-field-group.input-group ul {
    float: left;
    list-style: none outside none;
    margin: 0;padding: 0 0 10px;
}
#content .mc-field-group {margin: 10px 0 0 0}
#content .mc-field-group strong {width: 120px;float: left;font-family: 'BrownRegular',arial,sans-serif;;font-weight:normal}

#content #mc_embed_signup input[type='radio'] {margin: 0 10px 0 0}

 .last .tx-powermail-pi1_fieldset{border: none; color:#888}
.last .tx-powermail-pi1_fieldset legend, .last .tx-powermail-pi1_fieldset label,.last td.powermail_all_label{display: none}
.last .tx-powermail-pi1_fieldset input[type='email']  {background: url("../_img/bg/bg_input_txt.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
    border: medium none;margin: 15px 0 10px;width: 100%;}

 .last  input[type='submit']  {background: none repeat scroll 0 0 #E5E5E5;
    border: medium none;
    border-radius: 0;
    color: #000000;
    cursor: pointer;
    float: left;
    font-family: brownbold;
    font-size: 11px;
    font-weight: normal;
    height: 26px;
    line-height: 13px;
   margin: 0 0 5px;
padding: 0 20px 3px;}
.archiv-galerie em {display:none}

#newsletter #mc_embed_signup .button {
    background: none repeat scroll 0 0 #CCCCCC;
    border: medium none;
    border-radius: 0;
    color: #000000;
    cursor: pointer;
    float: left;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    line-height: 13px;
    margin: 0 0 0 90px;
    padding: 5px 20px;
}

.read-more a{text-transform:uppercase;}


a.addthis_button_compact > span {background:none; width:0px;}

/* Hide Ausstellung */
em.date_01\.01{display:none;}
p.date_01\.01{display:none;}
.hide_versteckt{display:none;}
.presse-liste{display:none;}