/* Struktur */
*{   
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	word-wrap: break-word;
}

/* Struktur */

html, body {
	font-size: 14px;
	background-color: #fff;
	color: #000;
	font-family: "Frutiger W01", Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
}
body, input, button, select, option {
	font-family: "Frutiger W01", Arial, sans-serif;
	font-size: 14px;
	font-weight: 200;
}
img {
	border:none;
	max-width: 100%;
	height: auto;
}

a:link, a:visited {
	color:#5f5e5e;
	text-decoration:underline; 
} 


a:hover, a:focus, a:active {
	cursor: pointer;
}

p {
	margin-bottom:10px;
}

h1, h2, h3 {
	color: #000;
	font-weight: bold;
}

h1 {
	font-size: 2em;
	margin-bottom: 1.667em;
}

h2 {
	font-size:1.5em;
	margin-top:20px;
	margin-bottom:4px;
}
h3 {
	font-size:1.20rem;
	margin:10px 0 4px;
}
h4, h5 {
	font-size: 1.1rem;
	font-weight: 500;
}

#SidebarLeft #SecondLevelMenu ul {
	margin-left:0px;
	padding-left:0px;
}

ul {
	margin-left:10px;
}

li {
	margin-bottom:12px;
}

p span[style*="font-weight: normal"] {
	font-weight: 200 !important;
}

#Rahmen {
	width:1190px; 
	margin:0px auto 0px auto;
	padding-top: .45em;  
}

#Gesamt {
    min-height:650px; 
    margin:0px auto 0px auto;     
	padding-bottom:0px;
}


/*Header START*/
#Header {
	padding: 20px 0;
	border-bottom: 1px dotted #000;
}



/*Header END*/

#Inhalte {
	width:1190px; 
    min-height:400px;
    position:relative;
	padding: 40px 0 0;
	margin: 0 0 50px;
}

#Footer {
 background-color: #878787;
	color: #fff;
}

#Footer a {
	color: #fff;
	text-decoration: none;
}

#Footer:after {
	display: block;
	content: " ";
	clear: both;
}

#cr {
 float: left;
 padding: 14px 10px;
 width: 60%;
}
ul.footernavi {
padding: 14px 10px;
}
ul.footernavi li {
    display: block;
    float: right;
    list-style: none outside none;
  padding-left: 6px;
    text-align: left;
}


/* Inhaltsseiten */
/* Individuelle Einstellungen können jeweils über die ID vorgenommen werden */
.Inhalt {
	width:650px;
	float:left;
}
.Sidebar{
	width:280px;
	float:left;
	margin-left:30px;
	
}

/* Darstellung in Listen */



.VList{/* gültig für alle Listen ul-Tags, individuell über Einzelklassen */
	margin-left:0px;
	list-style-type:none;
}

.ListIconEmptyDiv {
	display: none;
}

.EndeLi{/* Überhängende Floats beenden */
	clear:both;
} 
.ListIconEmptyDiv, .ListIconDiv{/* gültig für alle Icons in Listen */
	float:right;	
}
.ListDatenDiv{/* gültig für alle Datenbereiche in Listen */
	width:450px;
	float:left;
}
.ListPictureDiv{/* gültig für alle Vorschaubilder in Listen */
	margin-left:10px;
	float:right;
}
.ListEventName{/* gültig für alle Eventnamen in Listen  html-Tag h2*/
	margin:0px;
	font-weight: 200;
    font-size: 1rem;
}
.ListDate{/* gültig für alle Datums-Absätze in Listen */
	margin-bottom:0px;
}
.ListLocation{/* gültig für alle Ortangaben in Listen */
	margin-bottom:0px;
}
.ListShortD{/* gültig für alle Kurzbeschreibungen in Listen */
	margin-bottom:0px;
}

/* Spezielle allgemeine Seiten-Elemente, oft mit identischem Aussehen */
.EventKontakt, .EventDownloads{
	
	padding:10px;
	padding-left:0px;
	font-size:0.9em	
}
.GoogleMaps{/* allgemeiner Wrapper */
	
}
#GMap{
	width:520px;
	height: 400px;
}
#GoogleMapsForm #GMap{
	width:250px;
	height: 250px;
}
.GMapHide{ /*Blendet den Inhalt des MapFensters aus */
	visibility:
	hidden;
	width:1px;
	height:1px;
} 
.Print {/* allgemeiner Wrapper umschließt die Print- Elemente  */
	margin-top:10px;
}
#Printbutton {
 width:280px;
 font-size:1em;
 color:#ffffff;
 text-align:center;
 background-color: #e50046;
}

#Printbutton a:link, #Printbutton a:visited, #Printbutton a:hover{
	color:#ffffff;
	text-decoration:none; 
	padding: 5px 0;
	display: block;
} 
.Link{ /* allgemeine Link Klasse  */
  	color:#0485bc;
    text-decoration:underline; 	
}
.eventLink,.contaktLink,.documentLink {}

/* Einzeldarstellung von Veranstaltungen  */
.EventIconDiv{}
.EventPictureDiv{}
.LongDescription{
	margin-top:15px;
}
.ShortDescription{}
.Salutation{}
.Salutation2{/* fallz Anrede in zwei Teilen  */
margin-top:10px;
}

.EventName {
    color: #000;
    margin-bottom: 3px;
    margin-top: 15px;
}
.EventNameSubheadline {
    color: #000;
    font-size: 14px;
    font-weight: normal;
}
.EventNameH {
    display: block;
    line-height: 1.2;
    margin-bottom: 0;
	font-size: 1.6rem;
		font-weight: bold;
}
.EventZeit{
	margin:0px;
}
.EventLocation{
	margin:0px;
}

.MeEventPicture {
	display: none;
}



/* Formulare  */
.Formular{/* für alle Formulare*/
	margin-left:0px; 
	width:600px;
}
#Buchungsnummer{
	max-width: 550px;
}  

#anmelden {}

          


/* Buchungsnummer */
#EingabeBN {
	width:70%;
	float:left;
}

#WeiterBN {
	width:120px;
	float:left;
}
.Buchungsnr { /* ansonsten i.d.R. wie class Textinput */
	width:280px;
}
.BuchungsnrLabel {/* wird i.d.R. ausgeblendet */
	display:none;
}
/*Anmeldeformulare */
#TestEMail{/* blendet das spezielle Honycomb E-Mail Feld aus */
	display:none
} 

.PflichtfeldHinweis {
	padding-top: 20px;
	float: left;
}

.PflichtfeldStern{
	color:#e50046;
	font-weight:bold;
}

legend {
	font-weight: bold;
	font-size: 1.2rem;
	padding-top: 15px;
}

.GroupFieldset legend{
	font-size: 1.2rem;
}

.GroupFieldset{/* für alle Fragensätze */
	padding:10px;
	margin-top:10px;
	border: 1px solid #F2F2F2;
}
.GroupFieldsetAttendance{/* Teilname */

}
.GroupFieldsetApplicant{/* Teilnehmer */

}
.GroupFieldsetEscort{ /*speziell für das Ausblenden der Begleitpersonen Fragen*/
	display:none;
}        

.GroupFieldsetQuestions{/* alle Zusatzfragen */
	
}
.RadioGroupFieldset {
	display:block;
	margin-bottom:3px;
	border:none;
}
.GroupFieldsetQuestions .Frage .RadioGroupFieldset .LabelRadiogroupInput{ /* Zeilenweise Darstellung der Radios für "normale" Fragensätze */
	display:block;
}

.escortDataPerson, .escortData {
	border: none;
}

.escortData  {
	margin: 20px 0 0;
	padding: 0;
}

.escortData:first-of-type {
	margin-top: 0;
}

.Frage .RadiogroupInput, .Frage .RadioLabelTextMultirow {
	display: inline-block;
	vertical-align: top;
}

.Frage .RadioLabelTextMultirow {
	width: 95%;
}

#Attendance{
	clear:left;
	border:none;
	padding-top:10px;
}  
#Attendance h2 {
	margin-top:0px;
}
#Attendance .LabelRadiogroupInput {
	display:block; /* Zeilenweise Darstellung der Radios für "Teilname" */
	margin-bottom:6px;
}
.Frage { /*umschließt jede Einzelfrage */
	padding-top:3px;
	padding-bottom:13px;
}

.FrageMitBild .RadioGroupFieldset {
	display: inline;
}

.FrageMitBild img{
	display: inline;
	vertical-align: bottom;
}

.LabelTextInput,.LabelRadioGroup,.LabelTextarea {
	margin-bottom:3px;
	width: 33%;
	display:block;
	float:left;
}

.FrageMitBild .LabelRadioGroup {
	display: inline;
	clear: left;
	float: none;
}

.LabelCheckboxInput{}
.Buchungsnr,.TextInput,.EmailInput,.UrlInput,.NumberInput,.TextareaInput,.SelectInput {
	width:60%;
	padding-left:2px;
	padding-top:2px;
	background: none repeat scroll 0 0 #FFFFFF;;
    border-color: #BAC0C3 #BAC0C3 #BAC0C3 #BAC0C3;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}
.TextareaInput{
	height:200px;
}
.CheckboxInput{}
#LabelDatenschutz{
	clear:left;
	display:block;
	width:100%;
	padding-top:20px;
	float:left
}

#FormHTMLTextBelowPrivacyStatement {
	font-weight: bold;
}

#EndeFormular{clear:both;}

.errorMessage{
	display:none
}

.error {
	background-color: red;
	border: 1px solid #e3001b;
	border-radius: 4px;
	box-shadow: 0 0 6px #ddd;
	color: #fff;
	font-size: 1rem;
	height: auto;
	margin-left: 10px;
	margin-top: -1px;
	padding: 5px 10px;
}

.error em {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: red transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 10px;
	bottom: -20px;
	display: block;
	height: 0;
	left: 60px;
	position: absolute;
	width: 0;
}

.error p {
	margin: 0;
}

#TextMiddle{
	display:none
}
#OffeneVeranstaltungen{
	clear:left;
	margin-top:5px;
	display: block;
	padding-top: 0px;
}

#OffeneVeranstaltungen .OVListPicture {
	width: 100px;
	height: auto;
}

#OffeneVeranstaltungen li {
	border-bottom: 1px dotted #c6c6c6;
	margin: 0 0 20px;
	padding: 20px 0;
	padding-top: 10px;
}

.ListEventName a.eventLink:link, .ListEventName a.eventLink:visited {
	text-decoration: underline;
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
}

.ListEventName a.eventLink:hover, .ListEventName a.eventLink:focus, .ListEventName a.eventLink:active {
	color: #E50046;
}

.OVListEventDaten {
	border-left: 5px solid #e50046;
	padding: 0 0 0 10px;
}

.OVListEventDaten p {
	color: #878787;
	font-weight: normal;
}

.OVListReiheShortD {
	padding-top: 10px;
	font-size: 1.2em;
}

.OVListReiheEventIcon img {
	width: 100px;
	height: auto;
}

.ListIconDiv:after {
	display: block;
	content: " ";
	clear: both;
}

.OVList .ListShortD {
	padding: 0 0 20px;
	font-weight: bold;
}

#TextTop,#TextTopMe,#TextTopFormular, #TextTopMeForm,#TextTopConfirmation,
#Formular, #MeFormList,#Confirmation{
	margin-left:0px; 
}
#EventStartFormular{margin-top:20px;}

#barcode{
	background-color:#ffffff;
	width:520px; 
}           


#MeFormList .VListMeForm li {
	border-bottom: 1px dotted #878787;
	margin: 0 0 30px;
}

.MeLongDescription{clear:both;margin-top:10px;margin-bottom:10px;}
.AnmeldungTagesordnung{clear:left;}
.InputFieldPicture{clear:both;display:block}
.EventStart{line-height:1.3em;margin-bottom:20px;}
.EventPicture {margin-top:10px;margin-bottom:10px; margin-right:20px;;}

/*Bestätigungsseite START*/
.ConfirmationPictureYes,.ConfirmationPictureNo{float:right;}


#Confirmation > h2 {
	font-size: 1rem;
}

.EventConfirmationStart .ConfEventName {
	font-size: 1.6rem;
}

#Answers {margin-top:20px;margin-bottom:40px;}
#Answers h2 {margin-top:10px;}
#Answers h3 {margin-top:10px;}
.AnswerEventName {font-weight:bold; margin-bottom:5px;}
.AnswerItem .AnswerEventName{ margin-bottom:2px;}
.AnswerEventZeit { margin-bottom:5px;}
.AnswerItem .AnswerEventZeit { margin-bottom:2px;}
.AnswerEventLocation { margin-bottom:5px}
.AnswerItem .AnswerEventLocation { margin-bottom:2px}
.AnswerItem h3 {margin-top:5px;}
.AnswerAntwort{margin-bottom:14px}
.AnswerItem .AnswerAntwort{margin-bottom:2px}
.AnswerBottom {font-size:4px;margin:0px;padding:0px; height:6px;}
#Answerlist .AnswerPerson{margin:0;}
.AnswerPerson{margin-top:0;margin-bottom:20px;}

#Answers .AnswerHeadlineAttendant {
	display: none;
}

#Answers .AnswerAntwortHL {
	margin: 15px 0 5px;
}

.ConfirmationEventName {
	font-weight: bold;
}

#AnswersMulti > h3 {
	margin: 0 0 15px;
}

/*Bestätigungsseite END*/

#Zahlungspflicht{clear:left;margin-left:400px;width:200px;padding-top:10px;margin-bottom:10px;}



.LabelAlignleft,.LabelRadioGroupAlignleft{float: none;width:auto}
.InputfieldAlignleft{width:95%;}
.CheckboxInput {float:left;margin-left:35%;margin-right:1%}
.LabelCheckboxInput {display:block;width:55%;float:left}
.CheckboxInputAlignleft {float:left;margin-left:0%;margin-right:1%}
.LabelCheckboxInputAlignleft {display:block;width:90%;float:left}
.RadiogroupInputAlignleft,.RadiogroupInputStandard {
	display:inline;
	margin-right: 10px;
}
.LabelRadiogroupInputAlignleft,.LabelRadiogroupInputStandard {display:inline !important; margin-right:15px;}
.RadioGroupFieldsetStandard,LabelRadioGroupMultirow{}
.RadioGroupFieldsetStandard{}
.RadioGroupFieldsetMultirow{}
.RadiogroupInputMultirow,.RadiogroupInputMultirowalignleft,.RadiogroupInputPriceCategory, .RadiogroupInputMultirowPriceCategory   {display:block;float:left;clear:left;margin-right:1%}
.LabelRadiogroupInputMultirow,.LabelRadiogroupInputMultirowalignleft{display:block;width:95%;float:left;padding-bottom:5px;}

.LabelRadioGroupMultirowalignleft {float: none;width:auto}
.DateSelectInputDay{width:50px;text-align:right;}
.DateSelectInputHour,.DateSelectInputMinute{width:70px;text-align:right;}
.DateSelectInputMonth{width:60px;text-align:right;}
.DateSelectInputYear{width:50px;text-align:right;}
option {padding-right:10px;}
.Dateinput{float:left;padding-bottom:5px;}
.DateSeperator,.TimeSeperator{font-weight:bold;}
.DatetimeSeperator{font-weight:bold;}


/*Navigation START*/
#HauptMenu ul li {
	display: none;
}

#HauptMenu ul {
	margin-left: 0;
}

#NavEventLI {
	display: block;
	list-style: none;
}
#NavEventLI a {
    border-left: 3px solid #ffffff;
	transition: border 0.2s;

}
#NavEventLI > a.Self {
	background-color: #f4f4f4;
	border-left: 5px solid #e50046;
	color: #000;
	display: block;
	padding: 10px;
	text-decoration: none;
}
#NavEventLI .InfoStep a.Self {
	border-left: 3px solid #E50046;
}
#NavEventLI > a:hover, #NavEventLI > a:focus, #NavEventLI > a:active {
	cursor: initial;
}

#HauptMenu #NavEventLI #EventNav li {
	display: block;
	margin: 0;
}

#EventNav li a:link, #EventNav li a:visited {
	display: block;
	padding: 7px 10px;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #878787;
}

#EventNav li a:hover, #EventNav li a:focus, #EventNav li a:active {
	border-left: 3px solid #E50046;
}

#NavEventLI ul {
    margin-top: 10px;
    padding-left: 15px;
}
#EventNav li:last-child a {
	border-bottom: none;
}

/*Navigation END*/

#LogInOut{padding-left:10px;border-left:solid 1px #cccccc;
position:absolute; top:0;left:895px;
font-size:10px;
height:100px;
}
#LogInHeader h2 {margin:0;padding:0;font-size:12px;padding-top:5px;padding-bottom:10px;}

.inputLogIn {width:120px;}
.inputLogInU {width:140px}
.inputLogInP {width:100px;}
.submitLogIn{float:none;width:100px;}
#LogInButton{float:right !important;width:100px;}
#LogOutButton {float:none;}


#NavigationTop{display:none;}
#Navigation{display:block;}
#Attendance p {line-height:1.6 em}
#LogInOut{display:none;}




#LocaleSwitch {margin-bottom:20px;margin-left:auto;margin-right:0; width:48px;}
#LocaleSwitch ul {margin:0;padding:0;list-style-type:none}
#LocaleSwitch ul li {list-style-type:none;float:left;margin:0;}
#LocaleSwitch ul li a {background-repeat:no-repeat;display:block}
#LocaleSwitch ul li a:hover img {visibility: hidden;}

#SidebarLeft{
	width:200px;
	float:left;
		min-height:100px;
	margin: 0 30px 0 0;
}
.SidebarHtml{
	background-color: #F2F2F2;
	padding:10px;
	margin-bottom:20px;
}

h1.AllwaysVisibleEventName {font-size:1.6em;margin-bottom:3px;}
.AllwaysVisibleEventNameSubH{font-size:14px;}
.AllwaysVisibleLocation {margin-bottom:3px;}
#AboveFormTabs{margin-bottom:20px;}

.SidebarHtml h2 {
	font-size: 1rem;
	margin: 0 0 20px;
}
#FormTabs{
	height:45px;
	margin-bottom:20px;
}

#FormSteps {
	margin-top:6px;
	padding-top:12px;
	padding-bottom:12px;
}

li.FormStep a, li.FormStep .FormStepConfLink {
	display: block;
	color:#000; 
	padding-left:10px;
	padding-right:10px; 
	border-left: 1px solid #000;
	text-decoration: none;
}

li.FormStep a.active {
	font-weight:bold;
	border-bottom:none;
}

.LabelRadiogroupInputMultirow, .LabelRadiogroupInputMultirowPriceCategory, .LabelRadiogroupInputMultirowalignleft {
    display: block;
    float: left;
    padding-bottom: 5px;
    width: 95%;
}

.PaneButtons {
    clear: both;
    padding: 20px 0 0;
}

.PaneButtons {
    list-style-type: none;
    min-height: 30px;
    position: relative;
    width: 100%;
}

li.PaneButtonLeft, li.PaneButtonRight {
    width: 150px;
}

li.PaneButtonLeft {
    float: left;
    margin-left: 0;
    margin-right: auto;
}

.PaneButtons li {
    padding: 0;
}

.PaneButtonCenter {
    width: 300px;
}



.submitBuchungsnummer{}


a.nextPane, a.prevPane, .LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant a, .submit, a.IsButton, .IsButton, a.firstPane  {
	padding-bottom: 3px;
	padding-top: 3px;
	width: 150px;
	background-color: #e50046;
	color: #FFFFFF;
	font-family: inherit;
	text-decoration: none;
	font-size: 1rem;
	min-width: 100px;
	border: none;
	display: block;
}

.submit:hover, .submit:focus, .submit:active, a.IsButton:hover, a.IsButton:focus, a.IsButton:active, a.firstPane:hover, a.firstPane:focus, a.firstPane:active {
	cursor: pointer;
}

.submitAnmeldung{
	float: right;
}

.LinkShowAdditionalParticipant a, .LinkHideAdditionalParticipant a {
	width: 100%;
	text-align: center;
	float: none !important;
	display: block;
}

.LinkHideAdditionalParticipant a {
	margin: 0 0 10px;
}

.MeFormListEventDaten{
	float:none;
	margin-left: 0px;
}

.SeListEventDaten h2 {
	margin-top:0px;
}

.GroupFieldsetAttendance {
	border:none;
	padding:0;
	margin-top:3px;
}


.slider, .slideralignleft {
	background-color: #E50046;
}

.GroupFieldsetAttendance label.LabelRadiogroupInput {display:block;}

/*Zusammenfassung START*/

#DataSummeryEvents li h2 {
	display:none;
}

#DataSummeryEvents > h3 {
	display: none;
}

#DataSummeryParticipationYes, #DataSummeryParticipationNo, #DataSummeryParticipationYesAddP {
	font-weight: inherit;
	margin: 0 0 15px;
}

.Dsheadline {
	font-weight: bold;
}

#DataSummeryParticipantQuestions .DataSummeryQuestionGroup {
	margin: 15px 0 0;
}

#DataSummeryParticipantQuestions .DataSummeryQuestionGroup:first-of-type {
	margin-top: 0;
}

/*Zusammenfassung END*/


.DisplayNotEditable {display:inline-block;}
.EventPictureDivAllwaysVisible{float:right;}

#EMailFrage {margin-top:20px;}
#LongDescription1{line-height:1.6em}

#InhaltStart .EventNameSubheadline {
	display: none;
}


#InhaltConfirmation #barcode, .FormShortDescription {
	display: none;
}

/*Später wieder entfernen*/

.logo {
    text-align: right;
	float: right;
}
.logo_2 {
    float: left;
}
#HeaderContent::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

/*Wartungsmodus START*/
.ServiceMode {
	margin: 0 0 20px;
}

#AboveFormTabs, #AboveFormTabs h1.AboveFormTabsPos1, #AboveFormTabs h1.AllwaysVisibleEventName, #AboveFormTabs h1.AboveFormTabsPos1 span.AboveFormTabsPos2 {
	line-height: 1;
}

#AboveFormTabs h1.AboveFormTabsPos1 span.AboveFormTabsPos2 {
	font-weight: normal;
}

/*Ergänung Name ausblenden, weil es gerade über EM-Einstellung nicht funktioniert START*/
.InhaltForm1E294 .EventNameSubheadline {
	display: none;
}
.InhaltForm1E294 .FormEventName br {
	display: none;
}

.InhaltConf1E294 .EventNameSubheadline {
	display: none;
}

/*Ergänung Name ausblenden, weil es gerade über EM-Einstellung nicht funktioniert END*/
.PanesForm h2 {
    font-size: 1.2rem;
}

/*Begrüßung Ausblenden, weil es über die App nicht funktioniert*/
#EventStartFormular .SalutationStart, #EventStartFormular .Salutation {
	display: none;
}

#FormHTMLTextAbovePrivacyStatement p span {
	font-weight: 200 !important;
}
.MeFormListEventLi .MeFormListEvent::after {
	content: "";
	clear:both;
	display:block;
}
.MeFormListEventLi .MeFormListEvent .AttendanceCheckbox, .MeFormListEventLi .MeFormListEvent .MeFormListEventDaten {
    float: left;
}
.MeFormListEventLi .MeFormListEvent .AttendanceCheckbox {
    margin-top: 18px;
margin-right: 10px;
}

#FormHTMLTextBelowPrivacyStatement * {
	font-family: "Frutiger W01", Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 200 !important;
}

/*AMS: Nur für Event 391 START */
.InhaltForm1E391 .vorprogramm3 {
	padding-left: 18px;
}
/*AMS: Nur für Event 391 END */
.SidebarForm1E418 #DownloadHTMLTextE418 ul li:nth-child(2) {
	display: none;
}

.PBDprofile .Frage {
	margin-top: 5px;
padding-bottom: 0px;
}

.PBDNotificationObligationRevocation h3:first-of-type {
    display: inline-block;
}

.AnswerPerson .AnswerAntwort .AnswerAntwortValue {
    display: block;
}

.DsPersonenData {
    position: relative;
    left: -4px;
}
#BNbottom p {
    margin-bottom: 0px;
}

.placeholder{
	background-color: white;
	cursor: auto;
	/*opacity: 1;*/
}