#system-message-container, nav.navigation,footer,.well {max-width:1280px;margin:10px auto;}
.navigation .nav-child li > a:hover, .navigation .nav-child li > a:focus, .navigation .nav-child:hover > a {background-color:#9dc201;background-image:none;font-size:1.5em;}
main > div > ul.nav-stacked, .login {max-width:1280px;margin:10px auto;}
.navigation .nav-child a {font-size:1.5em;color:#9dc201;}
nav.navigation {font-size:1.5em;}
.header-inner{max-width:550px;margin:auto;}
.site-description {font-size: 2vw;
    line-height: 2vw;
    font-family: 'helvetica_neue';
text-align: center;}
a {color:#9dc201;}
li {font-family: 'Open Sans';}
@font-face {font-family: helvetica_neue;src: url(helvetica_neue.otf);}
body {font-family:helvetica_neue;color:#000;}
#login-form {float:right;padding-right:30px;}

/*MAIN*/
 
.ws li {list-style:none;}
p {font-family:'Open Sans';font-size:1.2em;line-height:1.3;}
h1 {font-size:2.8em;line-height:1;margin-bottom:30px;}
h2 {font-size:2em;line-height:1.3em;}

.g-recaptcha {
	font-size: 1.4em;
    height: 40px;
    width: 200px;
    /* margin-left: 100px; */
    margin: 30px 100px;
}
*, ::after, ::before, .anmeldungsfelder input {box-sizing:revert-layer !important;}
.item-page.live li {list-style:none;}
.item-page.live .container {max-width:unset;width:1280px;}
.nav-collapse.collapse.show ul {display:block;}
.nav.menu.nav-pills.mod-list.jmoddiv.jmodinside{height:auto;}
#mediathek a {color:#000;}
#mediathek a:hover {text-decoration:none;}
#mediathek ul {list-style:none;max-width:800px;margin:auto;}
/*#mediathek li {background-color:#9dc201;margin:5px;padding:8px;}*/
/*#mediathek li:hover {background-color:#edea00;}*/
#mediathek span.title {font-size:18px;font-weight:bold;line-height:20px;}
#mediathek span.ref {font-size:16px;}
#mediathek li{padding: 5px 10px 5px 10px;}

.tn_tarife_umsatz {list-style:none;}
.tn_tarife_umsatz li {padding: 10px;
    font-size: 1.1rem;
    border: 1px solid #ccc;
    background-color: #9dc2015e;}

.m_Schladming li{background-color:#dcd900;border:1px solid #edea00;}
.m_Schladming li:hover{background-color:#ffff00;}
.m_Rohrmoos li{background-color:#9dc201;border:1px solid #add301;}
.m_Rohrmoos:hover li{background-color:#bfed00;}
.m_Workshop li{background-color:#ff7979;border:1px solid #ff8a8a;}
.m_Workshop li:hover{background-color:#ff0000;}
/*Abstimmung*/
.m940 {max-width:940px;margin:auto;}
#abstimmung ul {list-style:none;}
#abstimmung li {display: grid;
    align-items: center;
    justify-content: flex-start;
    grid-template-columns: 1fr 10fr;
    margin-bottom: 15px;;}
#abstimmung input[type="checkbox"] {margin: 10px;
    width: 20px;
    height: 20px;}
#abstimmung span {font-size:14pt;line-height:18pt;}
#abstimmung textarea {width:100%;font-size:14pt;line-height:18pt;height:100px;}
#abstimmung button {    width: 200px;
    margin: auto;
    display: block;
    font-size: 14pt;
height: 28pt;}
#abstimmung {padding: 30px;
    background-color: #fff;
    border-radius: 30px;
    margin: 30px auto;
    border: 2px solid #9dc201;
    overflow: hidden;
    max-width: 20cm;
color: #000;}


/*   LIGHTBOX   */





#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    display: none;
}
#lightbox p {
    text-align: right;
    color: #000;
    margin-right: 20px;
    font-size: 16px;
}
#lightbox img {
    max-width: 940px;
    box-shadow: 0 0 25px #111;
    -webkit-box-shadow: 0 0 25px #111;
    -moz-box-shadow: 0 0 25px #111;
}
	
/* LIVE */
#live {width:66vw;margin:auto;}
#live a {text-decoration:none;color:#000;}
#live a:hover{text-decoration:none;}
#live li {margin:5px 0;padding: 10px;}
#rohrmoos,#schladming,#workshops {width:33%;display:inline-block;vertical-align:top;}
#schladming li {background-color: #dcd900;}
#schladming li:hover {background-color:#f1ef47;}
#rohrmoos li {background-color:#9dc201;}
#rohrmoos li:hover {background-color:#b7e300;}
#rohrmoos .live_day:hover {background-color:#9dc201;}
#live i {margin-right:4px;}
#live ul {list-style: none;margin-left: 0;}
#workshops li.live_workshop, #workshops .live_day{background-color:#ff7979;}
#workshops li.live_workshop:hover{background-color:#ff5d5d;}
.topic {height:60px;}
#schladming li, #rohrmoos li, #workshops li {list-style:none;}

.live_date {float:right;}
.live_time, .live_date, .live_referent {font-size: 0.7vw;}
.live_title {font-size: 0.8vw;font-weight: bold;display: inline-block;margin: 3px 0;}
#live .live_day {text-align: center;font-size: 1.3vw;padding: 1vw;line-height:1.3vw;}
#schladming .live_day:hover {background-color:#dcd900;}
#rohrmoos li.live_workshop {background-color:#ff7979;}
#rohrmoos li.live_workshop:hover {background-color:#ff4343;} 

.live_webinar {width: 80vw;
margin: auto;text-align:center;} 
.live_webinar a.btn {margin-top: 16px; 
font-size: 3vw;
height: 1.2vw;
padding: 1.5vw;
background-color: #cef13a;
background-image: none;}
/*Symposium*/

.programm {max-width:21cm;margin:20px auto;border: 2px solid #9dc201;border-radius:10px;color:#000;padding:15px;font-size:120%;}
.programm td {padding:0 5px;border:1px solid;}
.programm th {    padding: 5px 5px;
    border: 1px solid;
    font-size: 1.2em;}
.programm > .header {font-size: 1.6em;margin-bottom: 25px;line-height:1.0em;}
.programm > .title {    font-size: 2em;
    font-family: 'Open Sans';
    line-height: 1em;
    font-weight: bold;
    max-width: 8cm;
    /* margin: auto; */
    text-justify: distribute;
    text-align: justify;
}
.programm > h1 {font-family:'helvetica_neue';}
.programm > .untertitel {color: #bdbdbd;
    margin-top: 20px;
max-width: 6cm;}
.green {background-color:#9dc201;}
.yellow {background-color:yellow;}
.gray {background-color:#ccc;}
.trgray{background-color:#ccc;}
.programmtable td {padding:3px 5px;}
.programmtable thead>tr>td {padding-bottom:10px;font-size:1.2em;}
 
/*Veranstaltungen*/


.event { max-width:20cm;margin:auto;background-color:#FFF;border: 2px solid #9dc201; padding: 15px; border-radius:10px;margin-bottom: 15px; }
.event > h1 {margin-top:0;}
.event-titel {color:#9dc201;font-size: 1.5em; border-bottom: 1px solid #9dc201;padding-bottom: 1px;line-height: 1.35; }
.event-datum {font-size: 2em; font-weight: bold;margin-bottom: 10px;line-height: 1.5em; }


/* STECKBRIEF */
.vorstand > h1 {letter-spacing: 2px;
    font-size: 2.5em; 
    font-weight: bold;
height: 25px;} 
.vorstand > p {    font-size: 1.1em;
    line-height: 1.3em;}
.vheader {text-align:right;letter-spacing: 2px;
    font-size: 2.5em;
    color: #9dc201;
    font-weight: bold;height:35px;} 
.vorstand, .news{padding:30px;background-color:#fff;border-radius:30px;margin:30px auto;border:2px solid #9dc201;overflow:hidden;max-width:20cm;color:#000;}
.vimage {max-width:200px;margin-right:15px;display:inline-block;max-width:4cm;vertical-align:top;}
.vname,.vtitel {font-size:1.5em;}
.kontakt {vertical-align:top;display:inline-block;max-width:6cm;}
.lihead{font-size:1.3em;}
.lihead > ul > li {margin: 0 5px;} 
.listheader {font-size:1.4em;margin:0 0 10px 0;font-family:'helvetica_neue';}
h1.vname {margin:0 0 10px 0;font-family:'helvetica_neue';font-weight:normal;font-size:1.7em}
h2.vtitel {font-family:'helvetica_neue';font-weight:normal;font-size:1.2em;}
.kontakt p {font-size:1em;line-height:0.8;}
.steckbrief {width:340px;display:inline-block;float:right;}
.steckbrief ul {margin-bottom:10px;} 
.listheader > ul {margin-top:10px;}
.listheader > ul > li {font-size:0.8em;}



/*REGISTRIERUNGSFORM*/
.optional {display:none;} 
#member-registration {background-color:#FFF;max-width:20cm;margin:auto;border: 2px solid #9dc201;border-radius:10px;padding:25px;font-size:125%;}
#member-registration .control-group {max-width:530px;margin:10px auto;}
#member-registration label {font-size:1em;}

/*WORKSHOPLINKS*/
#workshoplinks, #tag1, #tag2, .d1 {width:100%; margin:auto;}
.referent {width:30%;}
.pdf{width:30px;} 

#workshoplinks, #workshoplinks td, #tag1 td, #tag2 td, .d1 td {border:1px solid #000;padding:10px;}
#workshoplinks > thead, #tag1 > thead, #tag2 > thead, .d1 > thead {text-align: center;}
#workshoplinks td{max-width: 150px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2;} 
#tag1 td, #tag2 td , .d1 td{max-width: 250px;
    text-align: left; 
    font-size: 1.2em; 
    line-height: 1.2;} 
	#tag1, #tag2, .d1 {margin:30px auto;}
	#tag1 > thead > tr > td, #tag2 > thead > tr > td, .d1 > thead > tr > td{font-size:1.8em;text-align:center;}
.join {height: 40px;
    width: 80%;
    font-size: 0.6em} 
	.pause {background-color:#aaa;}
/*ANMELDUNG*/

#danke {max-width:20cm;margin:auto;} 
#anmelden {
	max-width:20cm;
    text-align: center;
    font-size: 4em;
    line-height: 1.5em;
    vertical-align: middle;
    margin: 40px auto;
    background-color: #9dc201; 
    border: 8px solid #005a1f;
    border-radius: 20px;
padding: 10px;}
#anmelden a {color:white;}
.programm input.submitbutton {font-size: 2em;
    /* height: auto; */
    /* width: auto; */
    height: 2em;
    width: 300px;
    margin: auto;
display: block;}
.teilnahme td {border:1px solid;padding:5px;}
.teilnahme input,.programm input {margin:0;}
.teilnahme td.noborder {border:0;} 
.anmeldungsfelder label, .anmeldungsfelder div > label {float: left;
    width: 140px;
    font-size: 1.05em;
margin:10px;
clear: both;}
.anmeldungsfelder select, .anmeldungsfelder input {margin:5px;}



/*TEILNEHMERVERWALTUNG*/
#toolbox {width:180px;display:flex;}
#teilnehmer .btn {display:inline-block;width: 25px;height: 25px;padding:0;}
#teilnehmer input[type="text"], #teilnehmer select {width:90px;}
#teilnehmer textarea {height:15px;margin-bottom:0;}
.fa-user-slash {color:red;}
.fa-exclamation-triangle {color:orange;}
.fa-check {color:green;}
.fa-coins {color:#e0d900;}
.fa-save {color:blue;}
#customtable{font-size:1.3em;}

/*Footer*/

footer {font-size:1.4em;color:#05441d;}

@media all and (max-width:800px) {
.live_webinar a.btn {width: 90%;
    height: 4.5vw;
font-size: 5vw;}