@charset "UTF-8";

/* #### ITC ###################################################################

gelb      #FEDA00    rgba(254,218,0,1)
lila dunkel    #650B8D    rgba(101,11,141,1)
lila hell    #9927B8    rgba(153,39,184,1)

############################################################################ */

html{
  padding:0;
  margin:0;
  overflow-y: scroll;
  font-size: 15px;
  cursor:default;
}
@media all and (max-width: 1200px){
  html{
    font-size: 1vw;
  }
}


body{
  padding:0;
  margin:0;
  p_osition: relative;
  font-family: opensans, "open sans", "open-sans", sans-serif;
  font-weight: 100;
  font-size: 1em;

  color: #444;
}


body:after { content: ""; display: table; clear: both }
.ielt8 body, .ielt8 body *{ zoom: 1 }

.robot-only, .print-only{ display: none !important }
wbr{ display: none; white-space: nowrap }
.ie8 wbr{display:inline}






/* #### HEADER ############################################################## */

.layout_header{
  position: relative;
  clear: both;
  
  
  h_eight:800px;
  height: 32rem;
  
  background-color: #333;
/*
  background-image: url('/fileadmin/user_upload/itc/_header/dresden_silhouette_sw.jpg');
  background-image: url('/fileadmin/user_upload/itc/_header/VSP_RathausDomDWI_003_web_sw.jpg');
*/
  
  background-image: url('/fileadmin/user_upload/itc/_header/dresden_silhouette_desat.jpg');

  
  background-position: center center;
  background-repeat: no-repeat;
  /*background-size: 100% auto;*/
  /*background-size: cover;*/
  background-size: 1920px auto;
  
  z-index: 1;
}
@media all and (min-width: 1921px){
  .layout_header{
    background-size: cover;
  }
}
/*
.layout_header:after{
  display: none;
  content:"";
  position: absolute;
  top:0;right:0;bottom:0;left:0;

  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGAQMAAACzVW0eAAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAADBJREFUeF7tzEEJAAAIBLDrn1nQBH78CVuApReVgy+bzWaz2Ww2m81ms9lsNpvNZhtudGsjbHCgpAAAAABJRU5ErkJggg==);
  opacity: 0.15;
}
*/

.layout_header_content{
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
}



.layout_header a.title{
  position: absolute;
  display: block;
  top: 9rem;
  top: 7.75rem;
  left: 0;
  /*-webkit-transform: rotateX(0.01deg) translateX(-50%);*/
  /*-moz-transform: rotateX(0.01deg) translateX(-50%);*/
  /*transform: rotateX(0.01deg) translateX(-50%);*/
  -moz-transform: rotateZ(0.3deg);  /* damits im firfox ein bissl knuspriger wird ohne zu pixeln */
  height: 12rem;
  height: 14.5rem;
  width:100%;
  max-width: 1200px;
  
  background-image: url('/fileadmin/templates/itc/images/layout/ITC_header_2025.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;

  text-indent: 100%;white-space:nowrap;overflow: hidden;

  z-index: 3;
}
.layout_header a.title br{ display: none }  /* brauch das br für print ... stört aber beim text verstecken*/

.corona{
  content: 'Verschoben in 2021!';
  
  display: inline-block;
  position: absolute;
  z-index: 9999;
  
  top: 4.875rem; left: -6.255rem;
  top: 8.75rem; left: -6.255rem;
  
  padding: .75rem 1.5rem;
  
  background-color: #FFF;
  background-color: rgba(255,255,255,.9375);
  
  border: .3rem solid currentColor;
  border-radius: 0.8rem;
  
  font-size: 1.5rem;
  font-weight: bold;
  
  color: #650B8D;
  
  box-sizing: border-box;
  
  transform: rotateZ(-15deg);
}

body.dft .layout_header a.title{
  background-image: url('/fileadmin/templates/itc/images/layout/DFT_header_titel_2018-Dresden.png');
}



.layout_header a.logo{
  position: absolute;
  display: block;
  height: 6rem;
  width: 100%;
  max-width: 50vh;
  
  top:0;
  right:0;

  background-image: url('../images/layout/ITC_header_logo_2016-04.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: contain;
  
  
  text-indent: 100%;white-space: nowrap;overflow: hidden;

  z-index: 3;  
}

body.dft .layout_header a.logo{
  background-image: url('../images/layout/DFT_header_logo_2016-04.png');
}



.layout_container .layout_header .itcbutton{
  position: absolute;
  right: 5.25rem;
  bottom: 6.25rem;
  z-index: 3;
  min-width: 9em;
}


.layout_header_content{
  b_ackground: lime;
}

.layout_header .langmenu{
  position: absolute;
  top:8px;
  left: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;

  font-size: 13px;
  color: #FFF;
  text-shadow: 0 0 0.25em rgba(0,0,0,0.5);
  font-weight: 800;
}

.layout_header .langmenu li{
  display: inline-block;
}

.layout_header .langmenu li+li:before{
  content: "/";
  display: inline-block;
  margin: 0 0.33em;
}


.layout_header .langmenu a{
  display: inline-block;
  line-height: 1.5em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
}

.layout_header .langmenu .selected a{
  color: #FEDA00;
  color: #650B8D;
  c_olor: #9927B8;
  font-weight: 800;
  text-decoration: none !important;
  cursor: default;
  text-shadow: none;
}

.layout_header .langmenu a:active,
.layout_header .langmenu a:focus,
.layout_header .langmenu a:hover{
  text-decoration:  underline;
}





/* #### MAIN_MENU ########################################################## */

.layout_mainmenu{
  position: absolute;
  right:0;bottom:0;left:0;
  height:30px;
  height:5em;
  
  z-index: 2;
  background: #FEDA00;
  opacity: 1;
}


.layout_mainmenu a.homelink{
  position: absolute;
  top:-18.75em;
  left:0;
  width:18.75em;
  height:18.75em;
  background: url('../images/layout/silhouette.png') bottom left no-repeat;
  background-size: 100% auto;
  
  text-indent: 100%;white-space: nowrap;overflow: hidden;
}


.layout_mainmenu ul,
.layout_mainmenu li{
  margin: 0;
  padding: 0;
  list-style: none;
}  

.layout_mainmenu ul{
  display: table;
  margin: 0 auto;
  width:100%;
  max-width:1200px;
  height: inherit;
  
  display: block;
  white-space: nowrap;
}

.layout_mainmenu li{
  display: table;
  /*width: 20%;*/
  width: 16.5%;
  height: inherit;
  float: left;
  text-align: center;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  display: inline-block;
  white-space: normal;
}
/*
body.itc .layout_mainmenu li{
  width: 16.66666666%;
}
*/
.layout_mainmenu li.uid129,
.layout_mainmenu li.uid128{
  border-left: 1px solid #D5B500 !important;
}

.layout_mainmenu li.uid129 a,
.layout_mainmenu li.uid128 a{
  border-left: 1px solid #FFDF2B !important;
}

body.dft .layout_mainmenu li.uid129{
  display: none !important;
}

body.itc .layout_mainmenu li.uid128{
  display: none !important;
}

.layout_mainmenu li.siteswitch{
  width: 17.5%;
}

.layout_mainmenu li:nth-of-type(1){
  margin: 0 0 0 -1px;  /* nur um für die fehlende border zu kompensieren */
}

.layout_mainmenu li a{
  display: table-cell;
  font-size: 1.4rem;
  height: 100%;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  color: #000;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  
  display: block;
  height: inherit;
  line-height: 3.625em;
}

/* trenner */
.layout_mainmenu li + li{ border-left: 1px solid #D5B500; }
.layout_mainmenu li + li a { border-left: 1px solid #FFDF2B; }

.layout_mainmenu li + li.selected { border-left: 1px solid #FFE655; }
.layout_mainmenu li + li.selected a { border-left: 1px solid #FFFFFF; }
.layout_mainmenu li.selected + li { border-left: 1px solid #F4F4F4; }


.layout_mainmenu li a:hover{
  color: #650B8D;
}

.layout_mainmenu li.selected a{
  background: #FFF;
}



.layout_header .csc-menu{
  display: none;
}



/* #### LEFT ############################################################### */

.layout_left{
  display: block;
  width:20%;
  height: 600px;
  float: left;
}
body.page_128 .layout_left,
body.page_129 .layout_left{
  padding: 1em 0;
}

.layout_container.noleftcol .layout_left{
  display: none;
}


.layout_left .pagetitle{ display: none } /* nav titel für mobil ansicht */


/* #### SUB_MENU ########################################################### */

.layout_submenu li{
  display: block;
  position: relative;
  height: 2em;
}

.layout_submenu li a{
  display: block;
  position: absolute;
  top: 0;right: 0;
  padding: 0 1em 0 0;
  margin: 0 -1em 0 0;
  line-height: 2em;
  width: 50vw;
  color: #222;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
}

.layout_submenu li.selected a{
  background: #FEDA00;
  font-weight: bold;  
}



/* #### CONTENT ############################################################# */

.layout_content_container{
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background: #FFF;
}
.layout_content_container:after{ content:"";display:table;clear:both }


.layout_content{
  background: #FFF;
  width:80%;
  float: right;
  padding: 1em 2em;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout_content:after{ content:"";display:table;clear:both }

.layout_content .pagetitle h1{
  margin: 0 0 1em 0;
}
.layout_content .pagetitle h1 > sub{
  display: block;
  position: static;
  line-height: inherit;
}


.layout_container.noleftcol .layout_content{
  width:100%;
  float: none;
}



/* #### FOOTER ############################################################# */

.layout_footer{
  background: #4B4B4B;
  color: #EEE;
}
.layout_footer:before{
  content: "";
  display: table;
  clear: both;
}

.layout_footer_content{
  position: relative;
  margin: 0 auto;
  padding: 1em 0;
  max-width: 1200px;
  width:100%;
  min-height: 10em;
  
  text-align: right;
}

.layout_footer .banner{
  display: inline-block;
  float: left;
}



/* #### FOOTER_MENU ######################################################## */

.layout_footer .csc-menu{
  display: block;
  margin: 0 0 1em 0;
  padding: 0;
}
.layout_footer .csc-menu ul,
.layout_footer .csc-menu li,
.layout_footer ul.langmenu,
.layout_footer ul.langmenu li{
  display: inline-block;
  margin: 0;
  padding: 0;
}

.layout_footer ul.langmenu{
  margin-left: -.5em;
}

.layout_footer .csc-menu li a,
.layout_footer ul.langmenu li a{
  padding: 0 0.75em 0 0;
  text-decoration: none;
  color: inherit;
}

.layout_footer .csc-menu li + li a/*,
.layout_footer ul.langmenu li a*/{
  padding: 0 0.75em;
  border-left: 1px solid #AAA;
}


.layout_footer .csc-menu li a:focus,
.layout_footer .csc-menu li a:hover,
.layout_footer ul.langmenu li a:focus,
.layout_footer ul.langmenu li a:hover{
  text-decoration: underline;
}

.layout_footer .csc-menu li a:active,
.layout_footer ul.langmenu li a :active{
  color: #FFF;
}

.layout_footer ul.langmenu > li.selected{
  display: none;
}

/* ### Flaggenspaß mit Wumpe ############################################### */
.layout_footer ul.langmenu li a{
  position: relative;
  margin-left: 1.625em;
  padding-left: .25em;
}

.layout_footer ul.langmenu li a:before{
  content: "";
  display: block;
  position: absolute;
  top: .25em; bottom: .25em; left: -1.625em;
  width: 1.75em;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.layout_footer ul.langmenu li a.de:before{ background-image: url('../images/sprites/DE.png'); }
.layout_footer ul.langmenu li a.en:before{ background-image: url('../images/sprites/EN.png'); }





/* #### ITC BUTTON ########################################################## */

.layout_container .itcbutton{
  display: inline-block;
  position: relative;
  
  min-width: 9em;
  min-width: 16em;
  min-width: 25em;
  padding: .5em 1.5em .5em 4em;
  
  line-height: 1.5em;
  min-height: 3em;

  vertical-align: top;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  border-radius: 0.8em;
  border: 0.3em solid transparent;
  
  background-color: #650B8D;
  background-image: -webkit-linear-gradient(top, #650B8D,#9927B8);
  background-image: -moz-linear-gradient(top, #650B8D,#9927B8);
  background-image: linear-gradient(top, #650B8D,#9927B8);
  background-image: linear-gradient(to bottom, #650B8D,#9927B8);  
  background-clip: padding-box;
  
  text-decoration: none !important;
  font-size: 1em;

  color: rgba(255,255,255,.75);
  
  white-space: nowrap;
  
  /* Chrome fix */
  display: block;
  max-width: 25em;
}

.itcbutton:first-line{
  font-weight: normal;
  text-transform: uppercase;
  color: #FFF;
}

.itcbutton.disabled{
  background-color: #727272 !important;
  background-image: -webkit-linear-gradient(top, #969696,#bcbcbc) !important;
  background-image: -moz-linear-gradient(top, #969696,#bcbcbc) !important;
  background-image: linear-gradient(top, #969696,#bcbcbc) !important;
  background-image: linear-gradient(to bottom, #969696,#bcbcbc) !important;
  border-color:#FFF !important;
  color: rgba(255,255,255,.75) !important;
  cursor:default;
}

.itcbutton.disabled:first-line{
  color:#FFF !important;
}

.itcbutton.drittel{
  width:33%;
}

.itcbutton.viertel{
  width:24.5%;
}


/* ############################################################################

  :first-line vererbt an :before und :after
  -> Sämtliche Textformatierungen für diese Elemente wirken nicht
  => \00000A maskiert ein Newline im content-Attribut und umgeht diese Vererbung

############################################################################## */


.itcbutton:before,
.itcbutton:after{
  content: "";
  display: block;
  position: absolute;
  top: .75em; left: .75em;
  width: 2.5em; height: 2.5em;
  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAEO+AY0Awz5/fv6+PUCBky8cMAAACUUlEQVRYw51YOy9EQRQ+XkuIuCEiIoIQpYuoKAhRqJBQ22jo0Kgkq9KKRElI9B7xA5SiQqlVqrjej2TINWdn7+7MnN3v6+7sfDtzzvlm5pxDdjTPTwzNz1LRaB/JqBjv57dFEaouVQ42ZmTGcqgSiLYEQtmUKsBu4GUMKgu6A4FRGudOObDvYjwoJ47tjMrQTYnGrIZcKA++beYsKS/WLUEP/ZSoUAbTSsBLge2JfzyaDP6MmxtOrDzmWWQvzaOpK/cylS4dLoeuZRYMY4ASaDKc19zxVJhgODhRmgxajDJ8Olojg2zge8iC8awELMa/p22UVKbQAfc8dEZWtPHvfcQ40SMf5MC2nvDFA/VKY9NFqeEZN3qg1SwiLbOjv0f196mbUqenPOuzFWp3+S4S7bTof06F+kcvebCoJ/XHX412cdt128W6Zwd6cJJ7Ag44TD5wuD9jOZhd+sAWpzlM7AuPz0IT7nL2uB8cvU5zILskSqM5mtd5+hJ09kNEGTZLQEpr5M8sdp4EDkbAyv8RGWzBDfv7TaascPzq2HciyvmIVKsYhzKlVsVYpYakXGTJPFJHUvmy/p84+DMypUqHnymBTCnLo1ARYMp0qZQXGi2V8gxQgI0B5gNOBkIJCAaQJSD+4o8Y7+cUOMjAdQFcSsDVB1ywwDUOPBbAkwQ8fMDzCjziQKoAJCRA2gMkV0AKBySKQDoKJL1Aag0k8ECZABQjQMkDFFZA+QYUiVApihe8clmNF+94i0BuRADtDrypgrdu5AYR0IbCm114Sw1o3P0C7cbcUspKuaAAAAAASUVORK5CYII=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  
  z-index: 100;
}

.itcbutton:hover,
.itcbutton:focus,
.itcbutton:active{
  color: #650B8D;
  border-color: currentColor;
  background: transparent;
}

.itcbutton:hover:first-line, .itcbutton:focus:first-line, .itcbutton:active:first-line,
.itcbutton:hover:before, .itcbutton:focus:before, .itcbutton:active:before,
.itcbutton:hover:after, .itcbutton:focus:after, .itcbutton:active:after{
  color: #650B8D;
}
.itcbutton.signup:hover{ background: #FFF; }

body.page_1 .layout_container .itcbutton{
  width: 62.5%;
  line-height: 3em;
  text-transform: uppercase;
  text-align: left;
  /*font-weight: bold;*/
  font-size: 1.5em;
    width: 100%;
}

.programm > .event .rememberme:before,
.itcbutton.signup:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACHRSTlMAEM8w72CmgEKI2IkAAACmSURBVFjD7c+xCQJRAATRb2AudmBmeKG5TRj+6DqwARHZsmUaEIeDi3by5bGjtdZa29zxdbKTRy4WSWAcEhiHwEgExiIwEoGxCIxDaEqEiUbei0bu42eHp0bOmRa55qORZFokMA6BkQiMRGiVCGkk/yF0kwiKRfgiERiLwEgExiIwEoGxCIxEYCwCIxEYi8BIBMYiMBKBsQiMRGBAJLMuo7XW2t59Aa/x4x8hmP5iAAAAAElFTkSuQmCC'); }
.itcbutton.itcinternal:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAAB3RSTlMA2hBAn1By78qoJwAAALhJREFUWMPtlb0KwkAQhFW0FxGujQjam8JWq7R5Bhvr0+C+vkkIIbktbsK08/Ufez+7OyshhBCi51yWt0XC7mktxxo3LsF64guuEWwggnU2lY00BaScbMIBKhKmSiywIkvLVHOlAZ7LEmr8XPjJ3qnyyyohVSJ8FfwyW688MsraK/uMcvXKJ6PcvfKVQjwy+pVcw+BtyTc/P2J+kIl1QS0lfvX5BcuvcT4sfCTxwcfHqw9xIYQQouMPDhcRZKNarhkAAAAASUVORK5CYII='); }
.itcbutton.itcdownload:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAgL/vVxAtz6+fcDwTqowAAACnSURBVFjD7dChDoJgGIXho8OASTaT0WAxmyh2Co2q40bsXIJFb0HcmOPmhOAObv/c0SLhPOkr7xcOzMzsd8eks8Q3tm3n5sSJk1Ek03Un7ZO6vzZCErdvThBUw6LJISiGyQ6KWcqiPkBSMrlDEzHZQ5S9igdUMReWVVxYVegLc2curCq5sCriwrKMC6smXFh2bnLxd9DCyX+TeTi54INrErCCmZmN1BMcZj6Fq1gJdQAAAABJRU5ErkJggg=='); }
.itcbutton.itcexternal:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMAQIDvEMuZWTAg369wSKJrtAAAAP5JREFUWMPt0r0JwmAQxvEgfmKjYGMhOIYWgYCdlYWtoAMEXEAQMoG4gq3gAoILWMQQA+rtojHBN8kbcneFFnL/8uBX3WNIkiT9vsaaTRyXK8p7z2KSJsCESc4AV56ow6sli4xCMmSRWUh8jijBuzmDrCISMD5vRsSjL6ACcVMysSPAeE0tBozXOIoMiIucKXKjbbMKiQ7Up6ge5EWqKK8Zp8mOQI5pcicvUtVHSS9LXPQpZpZ4FrpIrQm6SK0Luki9ViHZ5pEhtkg9H12k3hxbpF5QQMx84vEJFJBNOwwSLcJD18DSRylEiJAvkRON2Er4Fo3U2586hiRJ0v/1BD2xOSJam+/zAAAAAElFTkSuQmCC'); }
.itcbutton.itcprint:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAP8CAnBLk0GVQp2mFPQAAAO9JREFUWMPt1jELgkAUwPEXITl60OR4Q4FTcEs1OTsVga7NTs19hKY+gpSo+SnTIY6n2d0JhsL7D4JyP+QJngJFURQFYHOUo0HcEnU2J8lEyYwx1iJWddHpJEG1xG+SqDq8OolXL2mS+vxpSnZXU5JCaEoKWChIhInv5oebglgMVT30XDF+8eXJK0jJcetSRdoRGQVJAWd5SpIcGcrp8YpNm6SMLRUEvU0Xt14wlyT8uY/ZQmzBLTPOV5JYQoj7ANv4Q3yKdYkc1hviLv1nybgs1p1FttcjKZMFo/i8NmbpQcbzq/BHchKoDVAURVHwBn/UGMIouVdPAAAAAElFTkSuQmCC'); }
.itcbutton.itcplay:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAgBAq79/HaECkj1CIwIr8AAAAnElEQVRYw+3VMQ3DMBCFYVclUAiGcBQ6hUKkjF06RkUQDIEQBKVQKbHk6oHKmPlfbnr//g2W7bvinHPOlfsHk9vxxUQtMNG/YqKBE7050crJ/sBEx4KJemCiX8VEEyd6caKNk33GRG3BRD0w0ZMTjZxoziBjwvF75VeZ8GC2hMc/JXzkHnwoJYy+NWGMDwkrqUXh65Uvceecc+7qBNAcEBqmSPmlAAAAAElFTkSuQmCC'); }

.itcbutton:not(.disabled):hover:after,
.itcbutton:not(.disabled):focus:after,
.itcbutton:not(.disabled):active:after{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAALVBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIOpoLbYAAAADnRSTlMAEO+AY0CZMM/fv69QINIaqpMAAAJSSURBVFjDnVi/S0MxEI4/KypSFEFRRFFw8qHipCCiOLhIBbsWN3UpxaE4iS66FQRxEhGcLRV3qaOro5O+Vq0K+Rssr7mmzya59vu2l+ZrcndfkrsTZgzG1xbiW6JhjC5lZIDSw1NDhI49WYPTGM9IezIEf5chtGzIOlxEnYx5acBklGE0x3mWFlzZGK/Sijszo92zU/wVoyGP0oFfkzmH0okzQ9A9N8Wvl8GmZFCssz30j7fr0bJx24uhlVcci1ymaDSyb1+m3abDtGdbJqEZcyKEAc35qB2PeCGGheOnhMaQVoZLRydCoxr4KWHAalUCBuNLKRMlkql3wAsN3QsjRuj3GUHIqpFPYUFSTfihgV6psGOjdNKMvBoY1otwy5yr72X1nbNTetSUgjpbnnKX6yJRTvMrc9pkBdPCgQM1aTb46jeL26zbCdI9OdCBbO0JuKYwuUDh/g7koHfpAlmcojCRLxw+83S4W8njblD0xvWBnOAo/fpoJmlBBp1aVRkyi0FEaaRsFjmPAwUjSsrXKubUnCd/f/GUI4pfD/mORSsdkS4Z4IandMsAx6IvLBdeMm9iLKx8Xv/vFPwYT+mg8CfI2yxa/lFEAyDKZrOUolhullIAKMDGAPMBJwOhBAQDyBIQf+NHjPaTAw4ycF0AlxJw9QEXLHCNA48F8CQBDx/wvAKPOJAqAAkJkPYAyRWQwgGJIpCOAkkvkFoDCTxQJgDFCFDyAIUVUL4BRSJUiuIFL19W48U73iLgGxFAuwNvquCtG75BBLSh8GYX3lIDGnd/tC1p97eNtYsAAAAASUVORK5CYII='); }
.programm > .event.shared .rememberme:before,
.itcbutton:not(.disabled).signup:hover:before,
.itcbutton:not(.disabled).signup:focus:before,
.itcbutton:not(.disabled).signup:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAGFBMVEUAAABeJINeJINeJINeJINeJINeJINeJIPWiZLBAAAAB3RSTlMAEM8w72GmLDGkzgAAAKVJREFUWMPtz7EJAlEABNFvYC52YGR6mQVYg5j+6AoQcduXaUAcDi7ayZfHjtZaa21zx9fJTp65WCSBcUhgHAIjERiLwEgExiIwDqEpESYaeS8auY+fHR4aOWda5JqPRpJpkcA4BEYiMBKhVSKkkfyH0E0iKBbhi0RgLAIjERiLwEgExiIwEoGxCIxEYCwCIxEYi8BIBMYiMBKBAZHMuozWWmt79wUHC8jEXzaxBgAAAABJRU5ErkJggg=='); }
.itcbutton:not(.disabled).itcinternal:hover:before,
.itcbutton:not(.disabled).itcinternal:focus:before,
.itcbutton:not(.disabled).itcinternal:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAGFBMVEUAAABeJINeJINeJINeJINeJINeJINeJIPWiZLBAAAAB3RSTlMA2hBAn1By78qoJwAAALhJREFUWMPtlb0KwkAQhFW0FxGujQjam8JWq7R5Bhvr0+C+vkkIIbktbsK08/Ufez+7OyshhBCi51yWt0XC7mktxxo3LsF64guuEWwggnU2lY00BaScbMIBKhKmSiywIkvLVHOlAZ7LEmr8XPjJ3qnyyyohVSJ8FfwyW688MsraK/uMcvXKJ6PcvfKVQjwy+pVcw+BtyTc/P2J+kIl1QS0lfvX5BcuvcT4sfCTxwcfHqw9xIYQQouMPDhcRZKNarhkAAAAASUVORK5CYII='); }
.itcbutton:not(.disabled).itcdownload:hover:before,
.itcbutton:not(.disabled).itcdownload:focus:before,
.itcbutton:not(.disabled).itcdownload:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAIVBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIOd+S8NAAAACnRSTlMAgL/vp1cQLc9wHQoAzgAAAKZJREFUWMPt0KEOgmAYheGjAzebBIPV4uYFGEhmkplEJOq4Eb0F0Y1xlUJwB7d/7miBcJ70lfcLB2Zm9r9L0lnjF/u2c3fixMkkkvm2k/ZJ3V87IYnaD0cIsmHRFBCUw+QAxSJlUZ8hqZg8oYmZnCDK38UDqogLyzIurCr1hbkzF1ZVXFgVc2FZzoVVMy4sy5pC/B20cjJusgwnV3xxSwI2MDOziXoBUxgiMiszCAoAAAAASUVORK5CYII='); }
.itcbutton:not(.disabled).itcexternal:hover:before,
.itcbutton:not(.disabled).itcexternal:focus:before,
.itcbutton:not(.disabled).itcexternal:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJFBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIPCnwiPAAAAC3RSTlMAQIAp79AQplmPcO+LI2AAAADySURBVFjD7dWvDoJQFMdxpvNPlLlZLD6CbrwBkUKyUAjaMVPsFrvFbsJdhnpeTq+XeZXrPOcEDe58Its3sPMbeEII8XvtKTsJCm7RTVTKTHoAMTM5AJyZLw83a1ay0EnIShKdlJyiBXcZI9mY5MR4+cgkir6ADtTm5GQHtYpa9MFgnCawSUhdpE3KlLpIK6MexbqQF2lRTrMEg3GaHF5U5EVaEzQZQ0OBHiWCBpWii3TE6CIdR3SRrgG2SFeILdJVoot0bfFFWvhnI4K3FD+BD8nM1+DJSj8Yehh3lJJIIsmXkj0tyZ3fK6rtP4w8IYT4P1fn7uNJPNmXVAAAAABJRU5ErkJggg=='); }
.itcbutton:not(.disabled).itcprint:hover:before,
.itcbutton:not(.disabled).itcprint:focus:before,
.itcbutton:not(.disabled).itcprint:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAHlBMVEUAAAB7NIt7NIt7NIt7NIt7NIt7NIt7NIt7NIt7NIvHpCuVAAAACXRSTlMAP8CA2JwSZVDfdIKvAAAA50lEQVRYw+2WsQrCMBCGT5S69gaHrMWlm5BB3Vy7de2m2MVHcPMRRBtq3tYGkXCtJWmhUvG+oVC4j/IH/muAYRiGAZhHhBDcCE24/o8yQcSGEiBi+7Fl1UhaV/Lq8WhVYjNCldf7vauySboqCk5dlRJmDiWnSiqK/dmhBEgAoQtH/PLDyTsUHVGW2qU0YWUUigJKELv7ckBC2KNiv60oxIVDIW3aCTMw9d1jcynXprimWHZbSikvA6zxm3yT+Co2bDzEV/pnKSJL4pvFsvVTFFqyUfxea1l6KOO5KnxROUrCChiGYRh4AuaS5jqJyENSAAAAAElFTkSuQmCC'); }
.itcbutton:not(.disabled).itcplay:hover:before,
.itcbutton:not(.disabled).itcplay:focus:before,
.itcbutton:not(.disabled).itcplay:active:before{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJFBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIPCnwiPAAAAC3RSTlMAgOcQKsdoQKSPUAmGflQAAACaSURBVFjD7dWxCcMwEIVhBTJAVkhjgyuNcEME0hqygHfwCF4gK0QgUHjLuXT9N1e9v/8KIemuOOecc+X+weTWvpioByb6V0w0caI3J9o5aQ9M1DZMNAIT/SomWjjRixMdnLQVE/UNE43ARE9ONHOiNYPMCccflV9lwoM5Eh7/kvCRR/ChlDD69oQxPiWspB6Fr1e+xJ1zzrmrE4mv+J/pUcaNAAAAAElFTkSuQmCC'); }




















.layout_container .itcsiteselect{
  display: block;
  position: relative;
  
  height: inherit;
  
  padding: .75em 0 .5em 5em;
  /*padding: .5em 0 .5em 4.5em;*/
  
  text-decoration: none;
  font-size: 1rem;
  text-align: left;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  line-height: 1.125em;
}

.layout_container .itcsiteselect > span{
  width: 1px;
  font-size: 1.2rem;
}



.itcsiteselect:before,
.itcsiteselect:after{
  content: "";
  
  display: block;
  position: absolute;
  
  top: 1.25em; left: 1.25em;
  
  width: 2.5em; height: 2.5em;
  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUAAABEREQ3UJNbAAAAAXRSTlMAQObYZgAAARJJREFUOMutlEEOhSAMRDUuWHoEj8LR9GgcxSO4dEHoh7YyNk2Ii+/GPAJTLZ2Z+FlpwrMQZdBGREenCnQ9EBqV90Zs3ZlOHMPBRShDpMlABDJRKXVJiCqI6NwUmtLNBVhg0xKB34uWWOUEEWm5JHUOeckWXcwsJrSL9CzlWaS/nw+MjWbWYu2bT2uH5SOKUGgUQIWXGGTTKuVYrlLvuaeNzt7yw1FSipXiixKvaM8d7aRQa51jKhiGMdGLrjFlTOKf6Hv173/0vUujXttbsTc2utvBTNjpsZNlp85OpJ1WO8l2yq0DrDusc6yrnOPgRu9UuNg7HO73yYDUcImCtPFJhJTyCYZ0c8mHVPSJ6dMUSfsDCgDiDujzSpUAAAAASUVORK5CYII=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  
  z-index: 100;
}

.itcsiteselect:before{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUAAABEREQ3UJNbAAAAAXRSTlMAQObYZgAAARJJREFUOMutlEEOhSAMRDUuWHoEj8LR9GgcxSO4dEHoh7YyNk2Ii+/GPAJTLZ2Z+FlpwrMQZdBGREenCnQ9EBqV90Zs3ZlOHMPBRShDpMlABDJRKXVJiCqI6NwUmtLNBVhg0xKB34uWWOUEEWm5JHUOeckWXcwsJrSL9CzlWaS/nw+MjWbWYu2bT2uH5SOKUGgUQIWXGGTTKuVYrlLvuaeNzt7yw1FSipXiixKvaM8d7aRQa51jKhiGMdGLrjFlTOKf6Hv173/0vUujXttbsTc2utvBTNjpsZNlp85OpJ1WO8l2yq0DrDusc6yrnOPgRu9UuNg7HO73yYDUcImCtPFJhJTyCYZ0c8mHVPSJ6dMUSfsDCgDiDujzSpUAAAAASUVORK5CYII=');
}
.itcsiteselect:after{  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAQMAAABKLAcXAAAABlBMVEUAAABEREQ3UJNbAAAAAXRSTlMAQObYZgAAAGxJREFUOMvt0qEVwCAMhGE26MjNaBmFESIjeKStKe83J1Gc+0yAI+1kcy7KoQ4FlNCEijKoQwEltIbe9eZXfTHIoYASGlBRBjkUUEJDKMUUF6eLW6d4bRctoc8pmg/xYwaJLUgoxGYZ1E525wH7wbTP52x6QQAAAABJRU5ErkJggg==');
}


.itcsiteselect:hover:before,
.itcsiteselect:active:before{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAALVBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIOpoLbYAAAADnRSTlMAEO+AY0CZMM/fv69QINIaqpMAAAJSSURBVFjDnVi/S0MxEI4/KypSFEFRRFFw8qHipCCiOLhIBbsWN3UpxaE4iS66FQRxEhGcLRV3qaOro5O+Vq0K+Rssr7mmzya59vu2l+ZrcndfkrsTZgzG1xbiW6JhjC5lZIDSw1NDhI49WYPTGM9IezIEf5chtGzIOlxEnYx5acBklGE0x3mWFlzZGK/Sijszo92zU/wVoyGP0oFfkzmH0okzQ9A9N8Wvl8GmZFCssz30j7fr0bJx24uhlVcci1ymaDSyb1+m3abDtGdbJqEZcyKEAc35qB2PeCGGheOnhMaQVoZLRydCoxr4KWHAalUCBuNLKRMlkql3wAsN3QsjRuj3GUHIqpFPYUFSTfihgV6psGOjdNKMvBoY1otwy5yr72X1nbNTetSUgjpbnnKX6yJRTvMrc9pkBdPCgQM1aTb46jeL26zbCdI9OdCBbO0JuKYwuUDh/g7koHfpAlmcojCRLxw+83S4W8njblD0xvWBnOAo/fpoJmlBBp1aVRkyi0FEaaRsFjmPAwUjSsrXKubUnCd/f/GUI4pfD/mORSsdkS4Z4IandMsAx6IvLBdeMm9iLKx8Xv/vFPwYT+mg8CfI2yxa/lFEAyDKZrOUolhullIAKMDGAPMBJwOhBAQDyBIQf+NHjPaTAw4ycF0AlxJw9QEXLHCNA48F8CQBDx/wvAKPOJAqAAkJkPYAyRWQwgGJIpCOAkkvkFoDCTxQJgDFCFDyAIUVUL4BRSJUiuIFL19W48U73iLgGxFAuwNvquCtG75BBLSh8GYX3lIDGnd/tC1p97eNtYsAAAAASUVORK5CYII=');
}
.itcsiteselect:hover:after,
.itcsiteselect:active:after{  
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAJFBMVEUAAABeJINeJINeJINeJINeJINeJINeJINeJINeJINeJINeJIPCnwiPAAAAC3RSTlMAQIAp79AQplmPcO+LI2AAAADGSURBVFjD7dYhDsIwFIfxKrB4zMIJJnBTC2Z+yXQNV5jB9Ag7AuEI0KUZ/8thSBATzceSqvf5X/KSra91lmVZ1v+dO0yOGjmZa0zUcaKJk9ljopYTVZwkj4l6ThQwyY+216rcaM2axJAbZ93CiXpOYsBET040cBJrTPTmRCMnc42JLpy8MIkHTAZHycI/ZcCkd5SkEj8/P2LJZwheF1e+lHaP07fbbyy6Le8F1njyBa6ktsT1WjlK2hIPksnBms5ZlmVZm/oAzsrcqkpJs6AAAAAASUVORK5CYII=');
}




/* #### INHALTE SONDERSTYLES ############################################### */

/* Programmkomitee */
#c4 .rtecontent,
#c128 .rtecontent,
#c668 .rtecontent,
#c923 .rtecontent,
#c1368 .rtecontent{
  -webkit-column-width: 15em;
  -moz-column-width: 15em;
  column-width: 15em;
}

#c4 .rtecontent > p,
#c128 .rtecontent > p,
#c668 .rtecontent > p,
#c923 .rtecontent > p,
#c1368 .rtecontent > p{
  break-inside: avoid;
}

#c4 .rtecontent p,
#c128 .rtecontent p,
#c668 .rtecontent p{
  margin: 0 0 1.5em 0;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  
  -webkit-page-break-inside: avoid;
  -moz-page-break-inside: avoid;
  page-break-inside: avoid;

  -webkit-break-inside: avoid-column;
  -moz-break-inside: avoid-column;
  break-inside: avoid-column;
}



.rtecontent em > strong,
.rtecontent strong > em{
  /* Lt. Änderungswunsch */
  font-style: normal;
  color: #D51116;
}



/* #### HOTELS ############################################################# */

ul.hotel_list{
  display: block;
  list-style: none;
  margin: 0; padding: 0;
  
  text-align: justify;
}

ul.hotel_list > li{
  display: inline-block;
  list-style: none;
  vertical-align: top;
  
  width: 100%;
  margin: 1em 0 0 0;
  
  text-align: left;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media all and (min-width: 1000px){
  ul.hotel_list > li{
    width: 49.5%;
  }
}

ul.hotel_list > li .csc-wrap{
  margin: 1em 0 .5em 0;
  font-size: 1em;  
}

ul.hotel_list > li .csc-wrap h2{
  margin: 1em 0 .5em 0;
  font-size: 1em;
  white-space: nowrap;
}

ul.hotel_list > li .csc-wrap h2 > a{
  color: inherit;
  text-decoration: none;
}

ul.hotel_list > li .csc-wrap h2 > a:hover{
  text-decoration: underline;
}

ul.hotel_list > li .csc-wrap p{
  padding: 0 1em 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}



ul.hotel_list > li .csc-wrap table.hotel{
  display: block;  
  white-space: nowrap;
}

ul.hotel_list > li .csc-wrap table.hotel td{
  display: inline-block;
  white-space: nowrap;
  
  /*width: 8em;*/  
  padding: 0 1rem 0 0;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



ul.hotel_list > li .csc-wrap table.hotel.fees{
}
ul.hotel_list > li .csc-wrap table.hotel.fees td:last-of-type{
  display: block;
  font-weight: bold;
  
  /* Lt. Änderungswunsch */
  color: #D51116;
}



ul.hotel_list > li .csc-wrap table.hotel.distances{
  margin-top: 1em;
  margin-bottom: -1em;
}

ul.hotel_list > li .csc-wrap table.hotel.distances td{
  position: relative;
  
  margin-left: -.125em;
  padding-left: 1.25em;
  
  /*width: 4em;*/
}

ul.hotel_list > li .csc-wrap table.hotel.distances td:before{
  content: "";
  display: block;
  position: absolute;
  top: .125em; left: 0em;
  width: 1em; height: 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

ul.hotel_list > li .csc-wrap table.hotel.distances td:nth-of-type(1):before{ background-image: url('../images/sprites/16_marker_tiny.png'); }
ul.hotel_list > li .csc-wrap table.hotel.distances td:nth-of-type(2):before{ background-image: url('../images/sprites/16_zug_tiny.png'); }
ul.hotel_list > li .csc-wrap table.hotel.distances td:nth-of-type(3):before{ background-image: url('../images/sprites/16_flug_tiny.png'); }


/* ### AUSTELLER / SPONSOREN / MEDIENPARTNER / BILDER:LOGOS ################# */

.csc-wrap.csc-layout10{}
.csc-wrap.csc-layout10 .csc-textpic{}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap{
  overflow: inherit;
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-outer,
.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner{
  position: static;
  float: none;
  right: auto;
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner .csc-textpic-imagerow{
  overflow: inherit;
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner .csc-textpic-imagerow .csc-textpic-imagecolumn{
  display: block;
  float: none; /* Aufräumen */
  list-style: none;
  
  margin: 2em 0 0 0;
  padding: 0;
  
  text-align: justify;
}


/* li */
.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure{
  display: inline-block;
  vertical-align: top;
  list-style: none;
  
  border: 1px solid rgba(254,218,0,0);
  
  width: 32%;
  min-width: 180px;
  margin: 0 0 2em 0;
  
  text-align: center;
}
/* rahmenprogramm */
body.page_14 .csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure{
  border: none;
  margin: 2em 0 -2em 0;
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure sub{
  display: block;
  line-height: 1.2em;
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure:hover{
  border-color: rgba(254,218,0,1);
}

.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure > a{
  display: block;
  line-height: 120px;
  white-space: nowrap;
  overflow: hidden;
}
.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure > a > img{
  display: inline-block;
  vertical-align: middle;  
  width: auto;
  height: auto;
  max-width: 160px;
  max-height: 120px;
  /*margin: 0 auto;*/
}
.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure > figcaption{
  display: block;
  
  min-height: 3em;
  line-height: 1.5em;
  
  text-align: center;  
  font-weight: bold;
}
.csc-wrap.csc-layout10 .csc-textpic .csc-textpic-imagewrap figure:hover > figcaption{
  background-color: #FEDA00;
}



ul.company_list{
  display: block;
  list-style: none;
  
  margin: 2em 0 0 0;
  padding: 0;
  
  text-align: justify;
}

ul.company_list > li{
  display: inline-block;
  vertical-align: top;
  list-style: none;
  
  width: 33%;
  min-width: 180px;
  margin: 0 0 2em 0;
  
  text-align: left;
}

ul.company_list > li > a{
  display: block;
  
  border: 1px solid rgba(254,218,0,0);
  
  text-decoration: none;
  color: inherit;
}

ul.company_list > li > a:hover{
  border-color: rgba(254,218,0,1);
}

ul.company_list > li > a .company_logo{
  width: 160px;
  height: 120px;
  margin: 0 auto;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: contain;
}

ul.company_list > li > a .company_name{
  display: block;
  
  min-height: 3em;
  line-height: 1.5em;
  
  text-align: center;  
  font-weight: bold;  
}

ul.company_list > li > a:hover .company_name{
  background-color: #FEDA00;
}



li.dummy{
  display: inline-block !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  clear: both !important;
}



/* ### REFERENTEN ########################################################## */

ul.referent_list{
  display: block;
  list-style: none;
  
  margin: 0;
  padding: 0;
}

ul.referent_list > li{
  display: block;
  list-style: none;
  border: 1px solid rgba(254,218,0,0);
/*  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
*/
}

ul.referent_list > li.selected{
  border: 1px solid rgba(254,218,0,1);
  margin-bottom: 0.5em;
}

ul.referent_list > li.hidden{
  display: none;
}


ul.referent_list > li > .referent_header{
  padding: .25em .25em .25em 1.25em; 
  line-height: 1.5em;
  cursor: pointer;
}

ul.referent_list > li > .referent_header > .referent_name{
  padding: 0;
  position: relative;
  font-weight: normal;
  color: #000;
  white-space: nowrap;
}


ul.referent_list > li > .referent_header > .referent_name:before{
  position: absolute;
  top:0; bottom:0;
  left: -1.25em;
  display: inline-block;
  content:"";
/* eigentlich sollte das funktionieren...
  background-image: url('data:image/svg+vml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MjUuMiA0MjUuMiI+PHBhdGggZmlsbD0iIzc4MzU4OSIgZD0iTTI5NCAyMTVsLTEyNS45IDc0Yy0xLjggMS41LTMuNSAwLjctMy41LTEuOFYxMzcuMWMwLTIuNSAxLjctMy4zIDMuNC0xLjhsMTI2IDc0QzI5NS44IDIxMC45IDI5NS43IDIxMy40IDI5NCAyMTUiLz48L3N2Zz4=');
*/

  background-image: url('http://itc.mpkunden.de/fileadmin/templates/itc/images/sprites/play_tiny.svg');
  background-size: 100% auto;
  width: 1.5em;
  
  b_ackground-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  line-height: 1em;

  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor; 
  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}


ul.referent_list > li.selected > .referent_header > .referent_name:before{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}



ul.referent_list > li > .referent_talks{
  display: none;
  list-style: none;
  
  m_ax-height:0;
  overflow: hidden;
  margin: 0;
  padding: 0 .75em;

  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
/*  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
*/
}


ul.referent_list > li.selected > .referent_header,
ul.referent_list > li:hover > .referent_header{
  background-color: rgba(254,218,0,1);
}

ul.referent_list > li.selected > .referent_talks{
  display: block;
  m_ax-height:100px;
  padding: .75em;
}

ul.referent_list .referent_talks dl{
  margin: 0;
  padding: 0;
}

ul.referent_list .referent_talks dl + dl{
  margin-top:0.75em;
}


ul.referent_list .referent_talks dt{
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ul.referent_list .referent_talks dd{
  margin: 0;
  padding: 0;
}




/* ### RAHMENPROGRAMM ###################################################### */

body.page_14 .csc-wrap.vollebreite .csc-textpic .csc-textpic-imagewrap figure{
  border: none;
  margin: 2em 0;
}

body.page_14 .csc-wrap.vollebreite .csc-textpic .csc-textpic-imagewrap figure{
  width: 100%;
  height: auto;
}


/* ### BILDNACHWEIS (101) ################################################## */

.bildnachweis{
  list-style: none;
}

.bildnachweis > li{
  position: relative;
  display: inline-block;
  padding: 0 0 0 90px;
  margin: 0 0 0.5em 0 ;
  width:50%;
  height:50px;
  vertical-align: top;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bildnachweis > li .preview{
  position: absolute;
  top:0; left: 0;
  max-height:50px;
  max-width: 75px;
}
  
.bildnachweis > li .title{
  display: block;
  font-weight: normal;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}







/* ### ANFAHRT ############################################################# */

ul.route_planner{
  display: block;
  list-style: none;
  margin: 2em 0;
  padding: 0;
  text-align: left;
}

ul.route_planner > li{
  display: inline-block;
  vertical-align: top;
  list-style: none;
  
  height: 50px;
  width:75px;
  margin: 0;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

ul.route_planner > li > a{
  display: block;
  height: 100%;
  
  text-indent: 100%;white-space: nowrap;overflow: hidden;
}







.contenttable.fees{
  width: 100%;
  border: 2px solid #FEDA00;
}
.contenttable.fees th,
.contenttable.fees td{
  padding: .5em;
  border-top: 2px solid #FEDA00;
  border-bottom: 2px solid #FEDA00;
}

.contenttable.fees > thead{
  background-color: #FEDA00;
}

.contenttable.fees th{
  width: 20%;
  text-align: left;
}

.contenttable.fees th:first-of-type{
  width: 60%;
}

.contenttable.fees td{
}


/* #### Kontakt ############################################################# */

#c10,#c134,  /* dörfel   (über id weil in verschiedenen seiten eingebunden)*/
#c40,#c135{  /* hillmer */
  display: inline-block;
  margin: 0;
  width:100%;
  max-width: 450px;
  /*font-size:80%;*/
  
  vertical-align: top;
  overflow: hidden;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#c10 .csc-textpicHeader h2, #c134 .csc-textpicHeader h2,
#c40 .csc-textpicHeader h2, #c135 .csc-textpicHeader h2{
  margin: 0 !important;
}

#c10 .rtecontent h3:first-of-type, #c134 .rtecontent h3:first-of-type,
#c40 .rtecontent h3:first-of-type, #c135 .rtecontent h3:first-of-type{
  margin: 0 !important;
}






/* #### KONTAKT FORMULAR ################################################### */

#mailform_contact.mailform_success > *{
  display: none;
}
/* das ist nicht im return des php scripts oder einfach im seiteninhalt weil ... ? */
html[lang="de"] #mailform_contact.mailform_success:after{
  content: "Ihre Anfrage wird bearbeitet. Zur Bestätigung Ihrer Anfrage erhalten Sie in Kürze eine E-Mail.";
}
html[lang="en"] #mailform_contact.mailform_success:after{
  content: "Your request will be processed. To confirm your request you will soon receive an e-mail.";
}
#mailform_contact label{
  margin: 0 0 .5em 0;
}

/*
  das geht so nicht ... pseudo elemente müssen einzeln angesprochen werden so da die fremden selektoren als "defekt" angesehen und damit die komplette regel ignoriert wird

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-placeholder{
  color: #9927B8;
}

  .. und warum gilt das seitenweit?!
*/

#mailform_contact ::-webkit-input-placeholder{ color: #9927B8 }
#mailform_contact ::-moz-placeholder{ color: #9927B8 }
#mailform_contact :-moz-placeholder{ color: #9927B8 }
#mailform_contact :-ms-placeholder{ color: #9927B8 }


#mailform_contact input[name="contact_mailform[bPNdrPyQULC9]"]{
  display: none;
}

/* warum gelten die regeln nicht einfach für alle inputs? */
#mailform_contact input[name="contact_mailform[EFnyYJLLwPbE]"],
#mailform_contact input[name="contact_mailform[iluPnjtSTtUT]"],
#mailform_contact textarea[name="contact_mailform[6NPSTjB6TL7w]"]{
  width: 40%;
  border: 1px solid #650B8D;
  border-radius: .2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#mailform_contact textarea[name="contact_mailform[6NPSTjB6TL7w]"]{
  height: 10em;
}

#mailform_contact input[type="submit"]{
  width: 20%;
  text-align: center;
  padding: .5em 1em;
}

#mailform_contact label{
  display: block;
}




/* #### Teilnehmerbereich ################################################### */

form.felogin{
  display: block;
  margin: 1em 0 2em 0;
  padding: 1em 1em;
  b_ackground: #FEDA00;
}



form.felogin > label{
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  width:20em;
  border-radius: 0.8em;
  border:0.3em solid #650B8D;
  background: #FFF;
}

form.felogin > label.felogin_input_username:before,
form.felogin > label.felogin_input_password:before{
  position: absolute;
  display: block;
  top:0;bottom:0;left:0;
  width:2.5em;
  content:"";
  background-size: auto 66%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
  z-index: 2;
}

form.felogin > label.felogin_input_username:before{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAsCAMAAAAtr3oOAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAGnRSTlMAAf7h2nz3FwTId2EdCfLnv6SVa0vv1VYpNyd4xOcAAAC6SURBVEjH7dO5DsMgEEXRYQcbr/GSzP9/aKTIhQExGCmNJd/68EQBkOaV6xF7pzyUs0rjkVa2pNmEpyZW4A0GNbQ2OuTalMZr5seYjyRfY75SmmHSHzk8PJeItSD5HPOZ5GaIxg2QvUPuoVDI4eGZD8JIbFsZcvnqCCwwacgcYPuxnB6wqV4cZpM7i57KiGTuc8Jm5liIT/7AnerxQlp1v0sLvJhYAFqOl+MtSKxIAq/hHLCqW/OtRm9fZ5lroLWqt+MAAAAASUVORK5CYII=')
}
form.felogin > label.felogin_input_password:before{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAA0CAMAAADLwVqCAAAAPFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQLyYwAAAAE3RSTlMAvTL1EO2di4FuRBQL3duokGAnBY2SJQAAALVJREFUSMft0tsOgyAMgOG2oBzEY9//XRdDOgkY0svN7b/EL5i0QNEUcOCiAcMEdyVnuMm41Eqa+baZahnlyiYTqzsv2VoqZVq405IK6rmbL6Zk+tRcMwtyNpKFd5ZGOQ8goUioEosgyY6oGbbsDST5j62plS8NhaY//SyKrAyB1f0QRe9RR/dz3LuGurwnp6BHpoeC2kytglKmpKBrpquC8nbKTTfXk/LzaASI3/K0n0BRK/EFrh13z5cOtW4AAAAASUVORK5CYII=')
}

form.felogin > label + label{
  margin: 1em 0 0 0;
}




form.felogin > label input[type="text"],
form.felogin > label input[type="password"]{
  -webkit-appearance:none;
  
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  margin: 0;
  padding: 0 2.5em;

  width:100%;
  height:2em;
  line-height: 2;
  font-weight: normal;

  background: transparent;
  border-radius: inherit;
  border: none;
  outline: none;
}

form.felogin > label input::-webkit-input-placeholder{
  display: inline-block;
  margin: 0;
  padding: 0;
  height:2em;
  line-height: 2;
  border:none;
  text-align: center;
  widht:100%;
}

form.felogin > label input::input-placeholder{
  display: inline-block;
  margin: 0;
  padding: 0;
  height:2em;
  line-height: 2;
  border:none;
  text-align: center;
  widht:100%;
}

form.felogin > label input:-webkit-autofill {
  background: transparent !important;
}

form.felogin > label input[type="submit"]{
  position: absolute;
  top:0; right:0; bottom:0;
  width:2.5em;
  background: #650B8D;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAqBAMAAAC9wk0pAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMAI+PJLA+76grRLzw4AAAAWUlEQVQoz2MAAmcBBmTAUqmIwnefOUkARXrmTEUU6ZkQBQhpsAKENIqCTDAfoaBtJqoCjiGhwBJNQTBMAXY+K0z9kJNGxBdmfGLGNyI9oKUX9PSEM72hp0cAqRmVSaYwYxYAAAAASUVORK5CYII=');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 66%;
  background-clip: padding-box;
  border:none;
  outline: none;
  
  text-indent:-9999em; line-height:1px; color:transparent;
}

form.felogin > label input[type="submit"]:hover{
  background-color: #9927B8;
  border-top-right-radius:0.5em;
  border-bottom-right-radius:0.5em;
}

form.felogin > label input[type="submit"]:active{
  background-color: #FFF;
  border-top-right-radius:0.5em;
  border-bottom-right-radius:0.5em;
}






.layout_mss{
  display: none;
}






/* #### STARTSEITE ########################################################## */

.page_1 .csc-firstHeader {
  text-transform: uppercase;
}



/* #### filelist ############################################################ */

ul.filelist {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.filelist > li {
  margin: 0;
  padding: 0;
}

ul.filelist > li > a {
  position: relative;
  display: block;
  margin: 0 0 0.5em 0;
  padding: 0 0 0 4.5em;
  height:4em;

  text-decoration: none;
  color: inherit;
}


ul.filelist > li > a > .preview {
  position: absolute;
  display: block;
  top:0;left:0;bottom:0;
  width:4em;
  background-position: top left;
  background-size: 100% auto ;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #EEE;
}

ul.filelist > li > a > .title{
  display: block;
  font-weight: normal;
}

ul.filelist > li > a > .description{
  display: block;
}

ul.filelist > li > a > .filesize,
ul.filelist > li > a > .tstamp, 
ul.filelist > li > a > .crdate{
  display: none;
}

ul.filelist.showMeta1 > li > a > .filesize,
ul.filelist.showMeta1 > li > a > .tstamp, 
ul.filelist.showMeta1 > li > a > .crdate{
  display: block;
}





/* #### archiv ############################################################## */

ul.filelist.archiv > li > a {
  height: auto;
  min-height: 6em;
  padding-left: 6.5em;
}

ul.filelist.archiv > li > a > .preview {
  width: 6em;
  height: 6em;
  bottom:auto;
}