body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/layout/fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../files/layout/fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/layout/fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../../files/layout/fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/layout/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/layout/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/layout/fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../../files/layout/fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/layout/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../../files/layout/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/layout/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/layout/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/layout/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/layout/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/layout/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*------------------------------------*\
  RESET
\*------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;vertical-align:baseline}ol,ul{list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, contact, q, copy {display: block;}
.invisible {display:none;}

/*FARBEN*******************************/
/*
#948357 | rot / gold			| Anmeldebutton, Hintergrundfarbe
#232a38 | dunkelgrau		| Logo
#e6e3e6 | hellgrau		| Hintergrund
#3c3d41 | dunkles dunkelgrau	| Textfarbe
#454b6a | UTK Blau
#d2c6a4 | Gold hell 1
#993768 | Subnav / Bereiche 

*/

/*------------------------------------*\
  Allgemeines / Aufbau
\*------------------------------------*/
html, body {height: 100%;width: 100%;}
body {
 color:#3c3d41;
 font-weight:300;
 font-family: 'Open Sans', sans-serif;
 font-size: 93.75%; /*15px*/
 line-height:1.466666666666667em; /*22px;*/
 text-align:left;
}

.wrapper, .nav-main ul {
 width:64em; /*960px*/
 text-align:center;
 margin:0 auto;
}

a {color:#3c3d41;}

p {margin-bottom:1em;}

p, .ce_text table td, .content-text table td, .ce_text li, .content-text li, label, input, h1, h2, h3, .nav-main a {
 -moz-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto; 
}

figure.float_right, .media--right figure {padding-left:1em;}
fieldset, img {
    border: 0 none;
    max-width:100%;
    height:auto;
}



.error {font-weight:600;font-style:italic;color:#948357;}

.ce_text ul, .content-text ul {
 list-style:inside disc;
 margin-bottom:.6em;
}
.ce_text ul li ul, .content-text ul li ul {
	list-style: inside square;
	margin-bottom:0;
	padding-left:16px;
}

.mod_article {
 background-color:#e6e3e6;
}




/*------------------------------------*\
  Header
\*------------------------------------*/
.logo-metanav {
 display:table;
 width:100%;
}

.logo-metanav .metanav, .logo-metanav h1, .logo-metanav .image_container, .logo-metanav figure {
 display:table-cell;
 text-align:right;
 vertical-align:middle;
}
.logo-metanav .ce_image, .logo-metanav .content-image {
	width:160px;
}
.logo-metanav .image_container, .logo-metanav figure {
	padding:.8em 0 .4em 0;
	height:54px;
	margin:0;
	width:160px;
	text-align:left;
}
.logo-metanav h1 {
 color:#232a38;
 padding:1.2em 0 1.2em 0;
 /*font-size:1.8em;
 letter-spacing:1pt;
 height:90px;
 height:3.5em; 
*/
 font-size:1.2em; 
 font-weight:700;
 text-align:left !important;

 line-height:1.2;
}

.metanav .ce_hyperlink, .metanav .content-hyperlink {
 display:inline;
 margin-left:1em;
}
.logo-metanav a {
 text-decoration:none;
 color:#232a38;
}


/*------------------------------------*\
  Buttons mit Rand
\*------------------------------------*/
.link-box a.routenplaner, .header-teaser a, .link-anmeldung a, .submit {
 display:inline-block;
 border:1px solid #3c3d41;
 padding:.5em .5em .5em .5em;
 text-transform:uppercase;
 letter-spacing:.1em;
 text-decoration:none;
 font-weight:700;
 line-height:1; 
}
.link-anmeldung a {
 color:#993768;
 border:1px solid #993768;
}

.link-anmeldung a:hover {
 color:#fbfbfb;
 background-color:#993768;
}

.link-box .link-flyer {
 color:#fbfbfb;
 border:1px solid #fbfbfb;
 font-size:1.466666666666667em; /*22px;*/
  margin-right:1em;
  margin-bottom:1rem;
}
.link-box .link-flyer:before {
 display: inline-block;
 content: ' ';
 background: transparent url(../../files/layout/images/icons/icoPdf.svg) no-repeat scroll center center;
 background-size: 16px 18px;
 height: 18px;
 width: 16px;
 margin-right:.4em;
}
.link-box .link-flyer:hover { 
 background-color:#232a38;
}

.link-box .link-anmeldung {
 color:#948357;
 border:1px solid #948357;
 font-size:1.466666666666667em; /*22px;*/
 margin-bottom:2rem;
}
.link-box .link-anmeldung:after {
 display:inline-block;
 content: ' ';
 background: transparent url(../../files/layout/images/icons/icoAnmeldung.svg) no-repeat scroll center center;
 background-size: 29px 18px;
 height: 18px;
 width: 29px;
 margin-left:.4em;
}

.link-box .link-anmeldung:hover {
 background-color:#948357;
 color:#fbfbfb;
}
.link-box .link-anmeldung:hover:after {
 background: transparent url(../../files/layout/images/icons/icoAnmeldungHover.svg) no-repeat scroll center center;
}



/*------------------------------------*\
  header-teaser Teasergrafik
\*------------------------------------*/
.header-teaser {
 height:auto;
 width:100%;
 background:#232a38 url(../../files/layout/images/bgHeader.jpg) no-repeat scroll center top;
 background-size:cover;
 background-attachment:fixed;
 position:relative;
 color:#fbfbfb;
} 
/*.header-teaser .link-anmeldung, .header-teaser .link-flyer {display:none;}*/



.header-teaser .ce_image, .header-teaser .content-image {
 position:relative;
 text-align:right;
 overflow:hidden;
 display:inline-block;
 float:right;
}

.header-teaser img { margin-top:-24px;}

.header-teaser .ce_text, .header-teaser .content-text {text-align:left;padding-top:2em;padding-bottom:0.25em;}

.header-teaser h2 {
 font-weight:400;
 font-size:1.666666666666667em; /*26px;*/ 
 line-height:1.6em;
}

.header-teaser h3 {
 font-weight:400;
 font-size:1.666666666666667em; /*26px;*/ 
 line-height:1.6em;
}
.header-teaser h3 strong {font-weight:600;}

.header-teaser h4 {
 font-size:1.333333333333333em; /*20px;*/
 font-weight:400;
 line-height:1.5em;
 padding:.8em 0 1em 0;
}

/*Teasergrafik und Buttons nur auf Startseite*/
.p2 .header-teaser { height:400px;}
.p2 .header-teaser .wrapper, .p35 .header-teaser .wrapper {height:100%;}
.p2 .header-teaser .link-anmeldung, .p2 .header-teaser .link-flyer, .p35 .header-teaser .link-anmeldung {display:inline-block;}
.p2 .header-teaser .ce_text, .p2 .header-teaser .content-text, .p35 .header-teaser .content-text {padding-top:4em;}
.p2 .header-teaser h4, .p35 .header-teaser h4 {padding-bottom:2.5em;}

.p35 .header-teaser { height:400px;}



/*------------------------------------*\
  Hauptnavigation
\*------------------------------------*/
.nav-main {
 overflow:visible; 
}
@media screen and (min-width:800px) {
	.subnav-main ul {
		width:700px;
	}
}


#header {z-index:1000; overflow:visible;position:relative;}
#container {z-index:999;margin-top:-15px;position:relative;}

.nav-main ul {
 height:9em;
 display:table;
 overflow:visible; 
}
.nav-main li {
 width:21%;
 padding-left:2%;
 padding-right:2%;
 display:inline-block;
 display:table-cell;
 vertical-align:top;
 text-align:center;
}
.nav-main li.tee-hospitation, 
.nav-main li.blended, 
.nav-main li.teilnehmer-plattform {
	background:transparent url(../../files/layout/images/icons/bgNavLinie.svg) no-repeat scroll 0 50%;
}
.nav-main li a:after {
  content: ' ';
  height:15px;
  height:1.5rem;
  display:block;
}

.nav-main li.active:after {
 display: block;
 content: ' ';
 text-align:center;
 background: transparent url(../../files/layout/images/icons/bgNavPfeil.svg) no-repeat scroll 0 0;
 background-size: 30px 15px;
 width:30px;
 height:15px; 
 margin:0 auto;
}

.nav-main span, .nav-main a {
 display:inline-block;
 width:100%;
 text-decoration:none;
 color:#232a38;
 font-size:0.8em; /*12px*/
 font-weight:600;
 padding-bottom:3em; 
 line-height:1.2em;

}
@media screen and (min-width:620px) {
  .nav-main span, .nav-main a {
    font-size:0.93333333333333em; /*14px*/
  }
}
@media screen and (min-width:940px) {
  .nav-main span, .nav-main a {
    font-size:1.333333333333333em; /*20px;*/
    line-height:1.3em;
    padding-bottom:1.5em; 
  }
}
.subnav-main a, .subnav-main span {font-size:1em;}
.nav-main span, .nav-main a:hover {color:#993768;}

.nav-main span:before, .nav-main a:before {
 display: block;
 content: ' ';
 margin:2em auto .6em auto;
 text-align:center;
 background: transparent url(../../files/layout/images/icons/icoNav2026.svg) no-repeat scroll 0 0;
 background-size: 176px 88px;
 width:44px;
 height:44px;
}
.nav-main .tee-hospitation span:before, .nav-main .tee-hospitation a:before {background-position:-44px 0;}
.nav-main .blended span:before, .nav-main .blended a:before {background-position:-132px 0;}
.nav-main .teilnehmer-plattform span:before, 
.nav-main .teilnehmer-plattform a:before,
.subnav-main li.protected a:before,
.subnav-main li.protected span:before
{
	background-position:-88px 0;
}

.nav-main .tee-kurs             span.active:before, .nav-main .tee-kurs             a:hover:before {background-position:0 -44px;}
.nav-main .tee-hospitation      span.active:before, .nav-main .tee-hospitation      a:hover:before {background-position:-44px -44px;}
.nav-main .blended              span.active:before, .nav-main .blended              a:hover:before {background-position:-132px -44px;}
.nav-main .teilnehmer-plattform span.active:before, 
.nav-main .teilnehmer-plattform a:hover:before,
.subnav-main li.protected a:hover:before, 
.subnav-main li.protected span.active:before
{
	background-position:-88px -44px;
}
.nav-main a.invisible {display:none;}


/*------------------------------------*\
  MAIN
\*------------------------------------*/
#main .block, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #footer .wrapper .block, #main .content-text, #main p {
 text-align:left;
}
#main .align--center p {
  text-align:center;
}

#main h1 {
 font-weight:600;
 font-size:2.266666666666667em; /*34px;*/
 padding-bottom:.7em;
 line-height:1.214285714285714em; /*28px;*/
 text-align:left;
}

#main h2 {
 font-size:1.6em; /*24px;*/
 font-weight:600;
 color:#232a38;
 line-height:1.090909090909091em; /*22px*/
 padding:1em 0 .5em 0;
}

#main h3 {
 font-size: 1.333333333333333em; /*20px*/
 font-weight:600;
 color:#232a38;
 line-height: 1.466666666666667em; /*22px*/
 padding:1em 0 .6em 0;
}

#main .mod_article {padding:2.5em 0;}

/*------------------------------------*\
  Galerie
\*------------------------------------*/
.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}
.content-gallery>ul li{float:left;text-align:left;}
.content-gallery {padding:1em 0;}
.content-gallery figure, .content-gallery .image_container, .content-gallery figure, .content-gallery img {max-width:100%;height:auto;}
.content-gallery li {width:50%;}


/*------------------------------------*\
  row-red
\*------------------------------------*/
.row-red {
/* color:#fbfbfb;
 background-color:#948357;*/
}
.row-red a, #main .row-red h2 {color:#fbfbfb;}

/*------------------------------------*\
  row-red Grußwort
\*------------------------------------*/
#grusswort .wrapper {margin-top:15px;}
#grusswort .ce_text table, #grusswort .content-text table {width:100%;}
#grusswort .ce_text tr td, #grusswort .content-text tr td {float:right;text-align:left;width:50%;}
#grusswort .ce_text tr td:first-child, #grusswort .content-text tr td:first-child {padding-right:4%;float:left;width:46%;}


.box-left,
.box-right
{
    padding-top:1rem;
}
@media screen and (min-width:768px) {
  .box-left, .box-right {
    width:49%;
    float:left;
  } 
  .box-left {
    padding-right:1%;
  }
}
.box-left em,
.box-right em 
{
  margin-left:1rem;
}


/*------------------------------------*\
  row-2 Kursübersicht
\*------------------------------------*/
/*#kursuebersicht h2:before {
 display: inline-block;
 content: ' ';
 background: transparent url(../../files/layout/images/icons/icoDatum.svg) no-repeat scroll center center;
 background-size: 21px 21px;
 height: 21px;
 width: 21px;
 margin-right:.4em;
}
*/

/*------------------------------------*\
  row-red Veranstaltungshinweise
\*------------------------------------*/
.veranstaltungshinweise .tbl{
    border-spacing: 1em;
    display: table;
    width: 100%; 
    margin-left:-1em;
}
.veranstaltungshinweise .ce_text, .veranstaltungshinweise .content-text {
 background-color: #fbfbfb;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 display: table-cell;
 padding: 1em 1%;
 text-align: center;
 vertical-align: middle;
 width: 31.33333333333333%;
 font-size:85%;
}
.veranstaltungshinweise .tbl {}
#main .veranstaltungshinweise h2, #main .veranstaltungshinweise h3 {padding:0;}
.veranstaltungshinweise a {
 text-decoration:none;
 display:block;
 color: #3c3d41;
 text-align:center;
}
.veranstaltungshinweise h2 a {padding:.5em 0 1em 0;font-style:italic;}
.veranstaltungshinweise h3 a {padding-bottom:.5em;}


/*------------------------------------*\
  Tabcontrol und Accordion
\*------------------------------------*/
.content-tabs {
  text-align:left;
}
.tablist button {
    float: left;
    margin-right:2em;
    text-align: center;
    display:inline-block;
    border:none;
    background-color: transparent;
}
#main .tablist button h2 {
  font-size: 1.125em;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  line-height: 1.466666666666667em;  
    color:#3c3d41;
}
.tablist button, .handorgel__header {
    cursor: pointer;
    padding:.3em .5em;
    vertical-align: middle;
    color:#3c3d41;
    font-weight:600;
}
.tablist button[aria-selected="true"], #main .handorgel__header {
    background-color: #baa874;
    color:#fbfbfb;
}
#main .tablist button[aria-selected="true"] h2 {
    color:#fbfbfb;
}

#main .handorgel__header {
 margin-bottom:.5em;
 padding:.5em 1.75em .5em .7em;
 position: relative;
 font-weight:600;

}

#main .handorgel__header:after {
  position: absolute;
  content:"";
 text-align:right;
 background: transparent url(../../files/layout/images/icons/icoAccordion.svg) no-repeat scroll 0 0;
 background-size: 22px 22px;
 height: 22px;
 width: 22px;
 right:.7em;
 top:.5em;
}
#main .handorgel__header.handorgel__header--opened:after {
 background: transparent url(../../files/layout/images/icons/icoAccordionDown.svg) no-repeat scroll 0 0;
 background-size: 22px 22px;
}

.handorgel__content {
  padding:.5em .5em 2em .7em;
  border-top: 0px solid #eee;
  background-color: transparent !important;
}
.handorgel__content__inner {
  padding:0 !important;
}
.handorgel__header__button {
  background-color: transparent !important;
  padding:0 !important;
  border-top:0px solid #fff;
}

.tab-content  {
    border:1px solid #e6e3e6;
    clear:left;
    padding:2em 2em 1em 2em;
}
#main .tab-content .content-text h2 {padding-top:0;padding-bottom:.5em;color:#948357;}
#main .tab-content .content-text p {margin-bottom:.3em;}


/*------------------------------------*\
  Stimmen
\*------------------------------------*/
 .stimmen {margin-top:2em;}
.stimmen ul {list-style-type:none;}
.stimmen li {margin-bottom:.5em;padding-bottom:.3em;}
.stimmen li:after {display:block;content:"";width:10%;text-align:center;border-bottom:1px solid #e6e3e6;margin:0 auto;padding-top:.9em;}
.stimmen li:last-child:after{border:0;padding-top:0;}


/*------------------------------------*\
  row-white
\*------------------------------------*/
.row-white {
 background-color:#fbfbfb;
}


/*------------------------------------*\
  row-center
\*------------------------------------*/
.row-center {
 width:100%;
 background:#232a38 url(../../files/layout/images/bgHeader.jpg) no-repeat scroll  center top;
 background-attachment:fixed;
 background-size:cover;
 position:relative;
 width:100%;
 color:#fbfbfb;
}
.row-center a {color:#fbfbfb;text-decoration:none;}
.row-center .wrapper, #main .row-center .block{
 width:auto;text-align:center;
}
.row-center .ce_text, .row-center .content-text {
 display:inline-block;
 padding:1em;
}
.row-center p {margin-bottom:0;}
.row-center .image_container, .row-center figure, .row-center img {
 padding:.5em .5em .3em .5em;
 background-color:#fbfbfb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:inline-block;
margin-top:1em;
}

.row-center table {width:580px;}







/*------------------------------------*\
  Anmeldeformular + persönliche Daten-Formular
\*------------------------------------*/
#tl_registration_11, .mod_personalData, .mod_changePassword {padding-top:2em;margin:0 auto;}
#tl_registration_11 .fields div, #tl_registration_11 .formbody div,
.mod_personalData .fields div, .mod_personalData .formbody div, 
.mod_changePassword .fields div, .mod_changePassword .formbody div, 
#f1 .fields, #f1 .formbody 
{
  padding-bottom:1em;
}
#tl_registration_11 label, #tl_registration_11 .checkbox_container legend, .mod_personalData label, .mod_changePassword label, .mod_lostPassword label, #f1 legend, #f1 label, .mod_login label {
 display:inline-block;
 width:140px;
 text-align:right;
 padding-right:10px;
 padding-top:.2em;
 vertical-align:top;
}
.widget {margin-top:8px;}
.mod_login .widget-checkbox {margin-left:150px;}
.mod_lostPassword label {text-align:left}
input[type="text"], #tl_registration_11 input[type="tel"], input[type="email"], #tl_registration_11 select, #tl_registration_11 textarea, 
.span_checkbox, .widget-checkbox span:not(.mandatory),
.mod_personalData input[type="text"], .mod_changePassword input[type="text"], 
.mod_personalData input[type="tel"], .mod_changePassword input[type="tel"], 
.mod_personalData input[type="email"], .mod_changePassword input[type="email"], 
.mod_personalData input[type="password"], .mod_changePassword input[type="password"], 
.mod_personalData select, .mod_changePassword select, 
.mod_personalData textarea, .mod_changePassword textarea, 
#username, #password 
{
 display:inline-block;
 width:300px;
 text-align:left;
 padding:.5em;
 border:1px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#tl_registration_11 select, .mod_personalData select, .mod_changePassword select, #f1 select {width:170px;}
.captcha_text {display:block}
.captcha_text {margin-left:155px;}
.error .captcha_text {margin-left:0;}
#tl_registration_11 .widget-submit, .mod_personalData .widget-submit, .mod_changePassword .widget-submit, .mod_lostPassword .widget-submit, .formbody div.error, .fields div.error, #f1 div.widget-submit, .mod_login .widget-submit {margin-left:150px;margin-top:10px;padding:5px;}
input, textarea, select {font-family: "Open Sans",sans-serif;}
#tl_registration_11 textarea, .mod_personalData textarea {height:70px;}
 
.span_checkbox, .widget-checkbox span:not(.mandatory) { display:inline; width:300px; float:left;}
#tl_registration_11 #lbl_xt_datenschtz_11_0 {text-align:left;display:inline;padding-right:0;width:300px;} 
#tl_registration_11 .checkbox_container legend {float:left;}



/*------------------------------------*\
  Login-Formular
\*------------------------------------*/
.logout {margin-bottom:-2.5em;}
#tl_login {padding-bottom:1em;}
#tl_login label {margin-right:.5em;}
#tl_login .widget-submit {padding-top:1em;}
#tl_logout {
 display:inline-block;
 padding:1em;
 border:1px solid #e6e3e6;
}



/*------------------------------------*\
  interner Bereich
\*------------------------------------*/
.p4 #main h2 {padding-top:3em;}
.p4 #main .first h2, .p4 #main div:first-of-type h2 {padding-top:1em;}
#main #intern, .p16 #login {padding:.5em 0;}
#main #intern .ce_text, #main #intern .content-text, #main #intern h2 {font-size:80%;}
#main #tnListe h1 {padding-bottom:.3em;}
.p16 .logout {margin-bottom:.5em;}

/*------------------------------------*\
  Footer
\*------------------------------------*/
#footer {padding:2em 0 1.5em 0;}
#footer a {text-decoration:none; color:#232a38;}
#footer .link-anmeldung a {color:#993768;}
#footer .link-anmeldung a:hover {color:#fbfbfb;}
#footer .ce_text, #footer .content-text {float:left;}
#footer .ce_text a, #footer .content-text a {margin:0 .4em;}
#footer .ce_text p, #footer .content-text p {display:inline-block;}
#footer .ce_toplink, #footer .content-toplink {float:right;text-align:left;}
#footer .ce_hyperlink, #footer .content-hyperlink {display:inline;}
#footer .ce_hyperlink:after, #footer .content-hyperlink:after {content:"\00b7";}
#footer .mod_navigation {clear:both;padding-top:.3em;}

#footer .mod_navigation li {display:block;padding-bottom:1em;}
#footer .mod_navigation li a, #footer .mod_navigation li span {
 height:22px;
 margin-bottom:5px;
 display:inline-block;
}

#footer .mod_navigation li a:before, #footer .mod_navigation li span:before {
 display: inline-block;
 content: ' ';
 margin-right:.5em;
 background: transparent url(../../files/layout/images/icons/icoNav2026.svg) no-repeat scroll 0 0;
 background-size: 88px 44px;
 width:22px;
 height:22px;
 margin-bottom:-4px;
}
#footer .mod_navigation .tee-hospitation span:before, #footer .mod_navigation .tee-hospitation a:before {background-position:-22px 0;}
#footer .mod_navigation .blended span:before, #footer .mod_navigation .blended a:before {background-position:-66px 0;}
#footer .mod_navigation .teilnehmer-plattform span:before, #footer .mod_navigation .teilnehmer-plattform a:before {background-position:-44px 0;}

#footer .mod_navigation .tee-kurs             span.active:before, #footer .mod_navigation .tee-kurs             a:hover:before {background-position:0 -22px;}
#footer .mod_navigation .tee-hospitation      span.active:before, #footer .mod_navigation .tee-hospitation      a:hover:before {background-position:-22px -22px;}
#footer .mod_navigation .blended              span.active:before, #footer .mod_navigation .blended              a:hover:before {background-position:-66px -22px;}
#footer .mod_navigation .teilnehmer-plattform span.active:before, #footer .mod_navigation .teilnehmer-plattform a:hover:before {background-position:-44px -22px;}
#footer .mod_navigation a:hover, #footer .mod_navigation span {color:#993768;}



.ce_toplink a, .content-toplink a {
 display:block;
 text-indent:-20000em;
 background: transparent url(../../files/layout/images/icons/icoTop.svg) no-repeat scroll 0 0;
 background-size: 60px 60px;
 height: 60px;
 width: 60px; 
}







/*------------------------------------*\
  Class-Elemente
\*------------------------------------*/
.column-2 {
  -webkit-columns:2;
     -moz-columns:2;
          columns:2;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;          
}

.box-info {
 padding:1em;
 background-color:#123a4a;
 color:#fbfbfb;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
margin:1em 0;
 text-align:center;

}
.box-info a {color:#fbfbfb;}
.box-info p {
 margin-bottom:0;
 display:inline-block;
 line-height:28px;
 position:relative;
 margin-left:34px;
}
.box-info p:first-child:before
{
  display: inline-block;
  position:absolute;
  content: ' ';
  background: transparent url(../../files/layout/images/icons/icoInfo.svg) no-repeat scroll 0 0;
  background-size: 28px 28px;
  width:28px;
  height:28px;
  margin-left:-34px;
}

.box-33 {
 width:29%;
 padding:0 2% 1% 2%;
 display:inline-block;
 display:table-cell;
 text-align:left;
 vertical-align:top;
 font-size:90%;
 line-height:170%;
 background:transparent url(../../files/layout/images/icons/bgNavLinie.svg) no-repeat scroll 100% 60%;
 background-size: 1px 350px;
}

.box-last {
 padding-right:0;
 background:none;
 width:31%;
}

.box-first {
 padding-left:0;
 width:31%;
}



/*------------------------------------*\
  Backend
\*------------------------------------*/
#main .row-100 {padding:1em 0;background-color:#e6e3e6;}
.row-100 .wrapper {
 width:96%;
}

.backend #tnListe table {
 width:100%;
 display:table;
 border:1px solid #e6e3e6;
 border-collapse:collapse;
 margin-bottom:1em;
}
.backend #tnListe tr {display:table-row;}
.backend #tnListe td, .backend th {display:table-cell;vertical-align:top;text-align:left; border:1px solid #e6e3e6;padding:.5em;}
.tblLegende {padding-bottom:2em;text-align:left;}
.tblLegende li {display: inline; margin-right: 10px;}
.status2, .status2 a {color:rgb(0, 156, 55);}
.status3, .status3 a {color: #948357;}
.status5, .status5 a {color: rgb(0, 82, 156);}
.status4, .status4 a {color:rgb(183, 41, 55);}
.status6, .status6 a {color: rgb(111, 111, 111);}




/*------------------------------------*\
  Print
\*------------------------------------*/
@media print {
 .logo-metanav .metanav, .header-teaser .link-box p, .mod_navigation, #ukt, #footer, .tablist, .logout, .mod_personalData, .mod_changePassword, .mod_personalData_h {display:none;}
 .row-red {background-color:#fff;color:#3c3d41;}
 .column-2 {-webkit-columns:1;-moz-columns:1;columns:1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;}
 .ce_tabcontrol_pane .panes {display:block !important;opacity:1 !important;visibility:visible !important;padding-top:1.5em;}
 .tabcontrol_panes {border:none;padding:0;}
 #kursuebersicht h2:before {width:0;margin-right:0;}
 .p2 .header-teaser {height:auto;}
 .header-teaser {color:#3c3d41;}
 .header-teaser .ce_text, .header-teaser .content-text, .p2 .header-teaser .ce_text, .p2 .header-teaser .content-text {padding:1em 0;}
 .p2 .header-teaser h4 {padding-bottom:1em;}
 #main .mod_article {padding-top:2em;border:1px solid #000;}
 .ce_accordion div, .content-accordion div {display:block !important;}
}




/*------------------------------------*\
  Responsive
\*------------------------------------*/
@media screen and (max-width:61.25em) { 			/*980px*/
 .wrapper, .nav-main ul {
    width: 96%;padding:0 2%;
 }
/*Header*/
 .logo-metanav .metanav, .logo-metanav h1 {display:block;}
 .logo-metanav h1 {padding:1em 0;height:auto;}
 .logo-metanav .metanav {text-align:left;margin-left:-1em;padding-bottom:1em;}
}

@media screen and (min-width:50em) {			/*800px*/
.p35 .header-teaser .wrapper {
  background:transparent url(../../files/grafiken/3D-Sono_mini-header.jpg) no-repeat scroll right center;
  background-size:448px 329px;
  background-size:auto 90%;
 }  
}

@media screen and (min-width:47.5625em) {			/*761px*/
/*Teasergrafik*/
 .p2 .header-teaser .wrapper {
  background:transparent url(../../files/layout/images/teaser.png) no-repeat scroll right center;
  background-size:448px 448px;
  background-size:auto 94%;
  background-size:auto 125%; 
 } 
}



@media screen and (max-width:47.5em) { 				/*760px*/
/*Hauptnavigation*/
 /*.nav-main span, .nav-main a {padding-bottom:0;}*/
 /*.nav-main span:before, .nav-main a:before {background:none;height:0;margin:0;display:none;}*/
 .nav-main li a:after {background:none;height:0;display:none;}
 .nav-main li.active:after{height:0;}
 /*.nav-main li {width:31%;padding-left:1%;padding-right:1%;} */
/*Grußwort*/
 .column-2 {-webkit-columns:1;-moz-columns:1;columns:1;}
/*Veranstaltungsort*/
 figure.float_right, .media--right figure {float:none;padding-left:0;padding-bottom:1em;}
/*3 Spalten Anmeldung*/
 .box-first, .box-33, .box-last {padding-left:0;padding-right:0;background:none;width:100%;display:block;}
 #main .box-33 h2 {padding-top:.2em;}
/*Teasergrafik Startseite*/
 .p2 .header-teaser {height:auto;}
 .p2 .header-teaser .link-anmeldung, .p2 .header-teaser .link-flyer {margin-bottom:1em;}
 .p2 .header-teaser .ce_text, .p2 .header-teaser .content-text {padding-top:1.5em;}
}


@media screen and (max-width:40em) {				/*640px*/
/*Veranstaltungshinweise*/
 .veranstaltungshinweise .tbl {display:block;margin:0;}
 .veranstaltungshinweise .ce_text, .veranstaltungshinweise .content-text {display:block;width:98%;margin-bottom:1em;} 
}


@media screen and (max-width:37.5em) {				/*600px*/
/*Footer*/
 #footer .ce_text p, #footer .content-text p {display:block;}
/*Header Teaser*/
 .header-teaser h3 {line-height: 1.4em;}
}



@media screen and (max-width:31.25em) {				/*500px*/
/*Hauptnavigation*/
 /*.nav-main li {font-size:75%;}*/
/*Footer*/
 #footer .ce_hyperlink, #footer .content-hyperlink, #footer .ce_text a, #footer .content-text a {display:block;margin-bottom:.5em;}
 #footer .dot, #footer .ce_hyperlink:after, #footer .content-hyperlink:after {display:none;}
/*Anmeldeformular*/
 #tl_registration_11 label, #tl_registration_11 .checkbox_container legend, .mod_personalData label, .mod_changePassword label, .mod_lostPassword label {text-align:left;padding-right:0;width:100%;}
 #tl_registration_11 .captcha_text, #tl_registration_11 .widget-submit, .mod_personalData .widget-submit, .mod_changePassword .widget-submit, .mod_lostPassword .widget-submit, .fields div.error, .formbody div.error, .captcha_text, .widget-submit {margin-left:0;padding-left:0;}
}




/*------------------------------------*\
  HD-Grafiken
\*------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width:47.5625em),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width:47.5625em),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width:47.5625em),
only screen and (        min-device-pixel-ratio: 2) and (min-width:47.5625em),
only screen and (                min-resolution: 192dpi) and (min-width:47.5625em),
only screen and (                min-resolution: 2dppx) and (min-width:47.5625em) {
	.p2 .header-teaser .wrapper {
		 background:transparent url(../../files/layout/images/teaser@3x.png) no-repeat scroll right center;
		 background-size:448px 448px;
		 background-size:auto 94%;
		 background-size:auto 125%;
		 height:100%;
	}
}




/*Formular*/
.mod_personalData #ctrl_medregistrierung_11 {
	border:1px solid #993768;
	margin-bottom:.5em;
}
.mod_personalData #ctrl_medregistrierung_11 legend,
.mod_registration #ctrl_medregistrierung_11 legend
{ 
	font-weight:bold;
		color:#993768;
	padding:0 .2em;
}
.mod_personalData #ctrl_medregistrierung_11 .span_checkbox, .mod_personalData #ctrl_medregistrierung_11 span:not(.mandatory),
.mod_personalData #tl_member_28 .span_checkbox:last-of-type, .mod_personalData #tl_member_28 span:not(.mandatory),
.mod_registration #ctrl_medregistrierung_11 .span_checkbox, .mod_registration #ctrl_medregistrierung_11 span:not(.mandatory)
{
    display: block;
    width: 100%;
    float: none;
	box-sizing: border-box;
	border:none;
}
.mod_personalData #ctrl_medregistrierung_11 label,
.mod_personalData #tl_member_28 .span_checkbox:last-of-type label, .mod_personalData #tl_member_28 .widget-checkbox span label,
.mod_registration #ctrl_medregistrierung_11 .span_checkbox label, .mod_registration #ctrl_medregistrierung_11 span label
 {
	width:auto;
	text-align:left;
}
.mod_personalData #tl_member_28 .widget-submit {
	margin-left:0;
}

.mod_registration #ctrl_medregistrierung_11 .span_checkbox, .mod_registration #ctrl_medregistrierung_11 span:not(.mandatory) {
	margin-left:150px;
	width:auto;
}
.mod_registration #ctrl_medregistrierung_11 span label span {
  margin-left:0 !important;
}
.mod_registration #ctrl_medregistrierung_11 .span_checkbox input, .mod_registration #ctrl_medregistrierung_11 span input,
.mod_registration #ctrl_medregistrierung_11 .span_checkbox label, .mod_registration #ctrl_medregistrierung_11 span label {
	display:inline;box-sizing:border-box;
}
.mod_registration #ctrl_medregistrierung_11 .span_checkbox label, .mod_registration #ctrl_medregistrierung_11 span label {
	width:90%;
}
.mod_registration #ctrl_medregistrierung_11 .span_checkbox label strong, .mod_registration #ctrl_medregistrierung_11 span label strong {
	color:#993768	
}
@media screen and (max-width:31.25em) {				/*500px*/
/*Anmeldeformular*/
 .mod_registration #ctrl_medregistrierung_11 legend, 
 .mod_registration #ctrl_medregistrierung_11 .span_checkbox label, .mod_registration #ctrl_medregistrierung_11 span label 
 {text-align:left;padding-right:0;width:100%;}
 .mod_registration #ctrl_medregistrierung_11 .span_checkbox, .mod_registration #ctrl_medregistrierung_11 span:not(.mandatory)
 {
	margin-left:0 !important;
 }
}


.mod_gebuchteseminare, .mod_ausgebuchteseminare {
	border: 1px solid #3c3d41;
padding: .5em .5em .5em .5em;
text-align:left;
margin-bottom:1em;
}
#main .mod_gebuchteseminare h2, #main .mod_ausgebuchteseminare h3 {
	padding-top:.3em;
}
.mod_gebuchteseminare ul, .mod_ausgebuchteseminare ul {
	 list-style:inside disc;
 margin-bottom:.6em;
}
.mod_hinweis {
  background-color:#993768;
  border:none;
  color: #fff;
}
#main .mod_hinweis h3,
.mod_hinweis a {
  color:#fff;
}
.mod_hinweis p {
  font-size: 120%;
  line-height:1.4;
}


table td {
  padding-top:.5rem;
  vertical-align:top;  
}
table td:first-of-type {
  min-width:92px;
}