/* VORLAGE INDIVIDUAL-CSS für Projekte - CSS was nicht überschrieben wird, BITTE LÖSCHEN ODER AUSKOMMENTIEREN. */
/* Kommentierungen BITTE NICHT löschen (bei Bedarf aber gerne ergänzen). */
/* Die Schriftgröße sollte i.d.R. nicht angepasst werden (müssen), da sie sonst der Größe in den anderen Projekten widerspricht. */



/* Individual-CSS für das Projekt "" */



/* SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */


  /* Reihenfolge für Pseudo-Klassen beachten :link :visited :hover :focus :active */

  a
  {
    color:        #860114;        /* Farbe der Links - wird im Navigationsbereich überschrieben. */
  }

  #brot a::before /* Breadcrumbs */
  {
    color:        #005b79;
  }

  /* Icons für Links IM TEXT (also KEINE Linklisten) */
  a.intern::before,
  a.extern::before,
  a.pdf::before,
  a.mail::before,
  a.top::before,
  p.csc-linkToTop a::before,
  a.pagetotop_link::before, /* Workaround (Altlast aufgrund der alten HTML-Struktur innerer Elemente) für u.a. Presseamt */
  a.back::before,
  .dekobild /* > p:after*/ .enlarge::before    /* Für Bilder im Text mit Bildunterschrift, geändert am 3.2. E.E. */
  {
    color:      #700111;
  }

  /* Icons für Listen/Linklisten */
  ul li::before,    /* "normaler" Listenpunkt */
  ul li.intern::before,
  ul li.extern::before,
  ul li.pdf::before,
  ul li.punkt::before,
  ul li.mail::before,
  ul li.sprung::before
  {
    color:      #700111;
  }

  /* Rolli-Icons */
  .rolli-picto i
  {
    color:    #005b79;
  }


  header .header-overlay  /* transparenter Hintergrund für Overlay-Logo */
  {
    background:      rgba(255, 255, 255, 0.7);
  }

  .streifen  /* Trennstreifen zwischen Kopf und Inhalt */
  {
    background-color:  #700111;
  }

  #navi-spalte  /* Hintergrundfarbe Navi-Spalte */
  {
    background-color:  #D8D8D8;  /* Bei Änderungen nicht vergessen den responsive-Border der Info-Spalte anzupassen! */
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #inhalts-spalte  /* Hintergrundfarbe Inhalts-Spalte */
  {
    background-color:  #ffffff;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  #info-spalte  /* Hintergrundfarbe Info-Spalte */
  {
    background-color:  #D8D8D8;
    background-image:  none;
    background-position:top left;
    background-repeat:  repeat;
  }

  @media screen and (min-width: 785px) and (max-width: 1024px) {
    #info-spalte
    {  /* WICHTIG: die Farbe MUSS der Hintergrundfarbe der Navi-Spalte entsprechen! */
      border-left: 220px solid #D8D8D8;
    }
  }


  /* Navigation 1. Ebene */

  #navi-spalte nav li
  {
    background-color:  #700111;
  }

  #navi-spalte nav li a
  {
    color:    #ffffff;
  }

  #navi-spalte nav a.aktiv,
  #navi-spalte nav li a:hover,
  #navi-spalte nav li a:focus,
  #navi-spalte nav li a:active
  {
    background-color:  #D8D8D8;
    color: #700111;
  }

  /* Navigation 2. Ebene */

  #navi-spalte nav li ul li
  {
    background-color:  #F2E5DC;
  }

  #navi-spalte nav li ul li a
  {
    color:    #444;
  }

  #navi-spalte nav li ul a.aktiv,
  #navi-spalte nav li ul li a:hover,
  #navi-spalte nav li ul li a:focus,
  #navi-spalte nav li ul li a:active
  {
    background-color:  #C7C8CA;/*#dde0a2;*/
    color: #700111;
  }

  /* Navigation 3. Ebene */

  #navi-spalte nav li ul li ul li
  {
    background-color:  #F2E5DC;
  }

  #navi-spalte nav li ul li ul li a
  {
    color:    #444;
  }

  #navi-spalte nav li ul li ul a.aktiv,
  #navi-spalte nav li ul li ul li a:hover,
  #navi-spalte nav li ul li ul li a:focus,
  #navi-spalte nav li ul li ul li a:active
  {
    background-color:  #F2E5DC;
    color: #700111;
  
  }

  /* Für den Pömpel - ALT - IST GGF. UNNÖTIG
  #navi-spalte nav li ul li ul a.aktiv,
  #navi-spalte nav li ul li ul li a:hover,
  #navi-spalte nav li ul li ul li a:focus,
  #navi-spalte nav li ul li ul li a:active
  {
    background-color:  #f2f2f2;
    background-image:  url(images/subnav.gif);
    background-position:1.45em center;
    background-repeat:  no-repeat;
  }*/

  /* Für das Aussehen des Pömpels. Achtung: Werden Größe oder vertical-align geändert, muss auch die Positionierung angepasst werden! */
  #navi-spalte nav li ul li ul a.aktiv::before,
  #navi-spalte nav li ul li ul li a:hover::before,
  #navi-spalte nav li ul li ul li a:focus::before,
  #navi-spalte nav li ul li ul li a:active::before
  {
    color:      #aaa;
  }

  /* Zwischenueberschrift */

  #navi-spalte nav h2
  {
    color:    #444;
  }

  /* Navigation Sprachen 1. Ebene */

  #navi-spalte nav.sprachennavigation ul li
  {
    background-color:  #E3E8CE;
  }

  #navi-spalte nav.sprachennavigation ul li a
  {
    color:        #005b79;
  }

  #navi-spalte nav.sprachennavigation ul li a.aktiv,
  #navi-spalte nav.sprachennavigation ul li a:hover,
  #navi-spalte nav.sprachennavigation ul li a:focus,
  #navi-spalte nav.sprachennavigation ul li a:active
  {
    color:        #005b79;
    background-color:  #C6CD71;
  }


  main a:hover,
  main a:focus,
  main a:active,
  aside a:hover, /* Hovern auch in der rechten Spalte */
  aside a:focus,
  aside a:active
  {
    background-color: #e5e5e5;
  }


  main
  {
    color:    #444;
  }

  main h1,
  main h2,
  main h3,
  main h4
  {
    color:    #700111;
  }

  main h2.aktuell
  {
    background-color:  #e1e1e1;
  }

  main h2.marker,
  main h3.marker,
  main h4.marker
  {
    background-color:  #e1e1e1;  /* entspricht standardmäßig der Hintergrundfarbe der Navigation */
  }

  /* Zitate */
  main .zitat
  {
    background-color:  #ebebeb;
  }

  main .zitat h3
  {
    color:    #00639d;
  }

  main th /* Spaltenueberschriften von Tabellen im Inhaltsbereich */
  {
    color:        #333333;
    background-color:  #d9d9d9;
  }

  main th.zwischentitel
  {
    color:        #333333;
    background-color:  #E9E9E9;
  }

  main th,
  main td
  {
    background-color:  #eeeeee;
  }

  main .dekobild /* Workaround aufgrund alter HTML-Struktur der inneren Elemente. Im Dummy: .bild */
  {
    background-color:  #f0f0f0;
  }

  /* Zitate */
  main .zitat
  {
    background-color:  #ebebeb;
  }

  main .zitat h3
  {
    color:    #00639d;
  }

  /* ABC-Listen (inkl. Navigation) */
  main #abc
  {
    text-align:  center;  /* zentriert die Liste, wenn diese ein inline-block Element ist */
  }

  main #abc ul li
  {
    background-color:  #005b79;
  }

  main #abc ul li a
  {
    color:    #fff;
  }

  main #abc ul li a.aktiv,
  main #abc ul li a:hover,
  main #abc ul li a:focus,
  main #abc ul li a:active
  {
    background-color:  #AAB315;/*#a2a800;*/
  }

  /* CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */
  /* Ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */

    main form
    {
      background-color:  #e5e5e5;  /* Muss der Farbe der checkbox-/radiobutton-Umrandung entsprechen. */
    }

    main form .type-text input:focus,      /* Hierdurch wird das aktive Eingabeelement hervorgehoben */
    main form .type-text textarea:focus,
    main form .type-check textarea:focus,
    main form .type-select select:focus,
    main form .formular-element input:focus,  /* input-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element textarea:focus,  /* textarea-Eingabefeld alter, integrierter Formulare (vor Form-Handler) */
    main form .formular-element select:focus,  /* selectbox-Auswahlfeld alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form input:focus  /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #fff8d1;
    }

    /* Buttons (auch im Bestätigungs-Schritt) */
    main form .submit-buttons .type-button .submit,  /* Submit-/Abschicken-Button */
    main .last-step .buttons .type-button .print,  /* Print-Button in last-step */
    main form .buttons input.submit,        /* Submit-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .submit-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      background-color:  #005395;      /* wichtig bei last-step */
      color:        #ffffff;      /* wichtig bei last-step */
    }

    main form .submit-buttons .type-button .reset,  /* Reset-/Löschen-Button */
    main form .buttons input.reset,          /* Reset-Button alter, integrierter Formulare (vor Form-Handler) */
    main .tx-cq-image-gallery form .submit-buttons .reset-button /* Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) */
    {
      color:        #323232;
      background-color:  #ffffff;
    }
    /* ENDE Buttons (auch im Bestätigungs-Schritt) */

  /* ENDE ehemalige form.css, ergänzt um Work-Around für Presseamt Galerie-Extension (die Formularstruktur in dieser Extension ist veraltet) und CSS für alte, integrierte Formulare. */
  /* ENDE CSS für SCHRIFTFORMATIERUNG Formulare (alleinstehende und integrierte) */


  aside h3
  {
    color:        #fff;
    background-color:  #700111;
  }

  aside > div > div  /* Kasten-Element */
  {
    background-color:  #fff;  /* Hintergrundfarbe */
  }

  /* Formular-Style Info-Spalte (inkl. Buttons) */

  aside form input,
  aside form select,
  aside form textarea
  {
    background-color:  #fff;
  }

  aside form input:focus,
  aside form select:focus,
  aside form textarea:focus
  {
    background-color:  #fff8d1;
    border:        1px solid #005b79;
  }
  
  aside form .buttons input.submit
  {
    color:        #ffffff;
    background-color:  #005395;
  }

  aside form .buttons input.reset
  {
    color:        #323232;
  }


/* ENDE SCHRIFTFORMATIERUNG (inkl. Icons) ALLER BEREICHE (Schriftart, -groesse, -dekoration, -gewicht und -farbe, Ausrichtung, line-height, letter-spacing, etc.; KEINE Abstände) und HINTERGRUNDFARBEN */





/* SEITENGERÜST (also auch Header) und ALLGEMEINES */


  /* Blendet die Pager-Punkte des Sliders ein/aus. */
  header .content-header .bx-wrapper .bx-controls .bx-pager
  {
    display:  none;  /* Pager-Punkte aus - wenn sie eingeblendet werden sollen, muss dieser CSS-Block entfernt werden. */
  }


/* ENDE SEITENGERÜST (also auch Header) und ALLGEMEINES */





/* HAUPTNAVIGATION */
/* ENDE HAUPTNAVIGATION */





/* INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */
/* ENDE INHALTS- und INFOBEREICH allgemein (individ. Format. für die einz. Bereiche weiter unten festlegen) */





/* INHALTSBEREICH */
/* ENDE INHALTSBEREICH */





/* INFOBEREICH ("rechte Spalte") */


  /* Kasten Social Media (Info-Spalte) */
  /* Für jede Typo3-Sprache muss die Container-ID #cXXXXX angegeben werden. Beispiel MM (deutsch): aside #c70827 div.ce-textpic */
  aside #cXXXXX div.ce-textpic,          /* social media Element deutsch */
  aside #cYYYYY div.ce-textpic,          /* ggf. social media Element englisch */
  /*...*/                      /* ggf. weitere Sprachen */
  aside #cZZZZZ div.ce-textpic
  {
    padding: 0.1em 0.4em 0.5em 0.6em;
  }

  /* ENDE Kasten Social Media (Info-Spalte) */


/* ENDE INFOBEREICH ("rechte Spalte") */





/* INDIVIDUAL PRINT-STYLE */


  @media print {

    /*
    SELEKTOR
    {
      CSS-Code
    }
    ...

    */

  }

    /* Template "Firefox-spezifisches CSS" - alles was innnerhalb von @-moz-document url-prefix(){...} steht, */
    /* gilt nur im Firefox. */
    /*
    @-moz-document url-prefix() {
      SELEKTOR
      {
        CSS-ANWEISUNG;
        ...
      }
      ...
        
  /* Für Auftritte mit Logo: Einblendung des Logos mit Trennlinie */

  /* header {
      height: 150px; /* Höhe bei größeren Logos ggf. anpassen */
      }

  header .header-overlay {
      display: block;
      margin:0;
      padding:0;
      height: 80px;
      position: absolute;
      top: 80px;
      left: 0;
      z-index:999;
      }

  header .header-overlay-logo.flexbox img {
      width: 200px;
      height: auto;
      z-index:999;
      float: right;
      }
  
  .streifen {
      background-color: #700111;
      clear:  both;
      border-top: 1px solid #5479A3; /* Farbe anpassen! */
      }
    


/* ENDE INDIVIDUAL PRINT-STYLE */





/*--- Online-Traukalender --*/
#monat {
  float: left;
  height: 17em;
  xmargin-bottom: 100px;
  margin-right: 15px;
 
}

#monat table {
  width: 18em;
  xmargin-right: 10px;
  margin-bottom: 10px;
  background-color: #e1e1e1;
  font-size: 1.1em;
  border: 1px solid #c2c2c2;
  
}
#monat th h3 {
  color: #70011;
  font-size: 1em;
  font-weight: 600;
  background-color: #faf0d3;
 margin-top: 4px;
}

#monat th {
  font-size: 0.85em;
  font-weight: 600;
  background-color: #faf0d3;
  color: #000000;
  border: 1px solid #c2c2c2;
}



#monat td {
  font-size: 0.85em;
  background-color: #f0f0f0;
  xborder: 1px solid grey;

}


#monat th,
#monat td {
  padding: 4px 4px 4px 8px;

}

span.termin_rot {
  color: #d00101;
}

span.termin_gruen {
color: #059601;
}
monat td.termin_gruen {
background-color: #000000;
}

span.termin_gelb {
 xcolor: #000000;
 color: #ffa201;
}
span.termin_schwarz {
  color: #000000;
}





/* -------------- Webcam ------------ */

main .webcam {
  display: block;
  /* margin-left: 120px; */
  xmargin-right: auto;

}

/* -------------- Brautpaare ------------ */
main .brautpaare {
  text-align: center;
}

main .brautpaare h3 {
  margin-bottom: 2px;
}
main .paar p {
  line-height: 1.3em;  
  
}
main .paar {
  margin-bottom: 10px;
  vertical-align: middle;
}

main .paar .dekobild {
    margin-right: 75px;
      width: 200px;
}

main .brautpaare li.sprung {
  //background-image: url(../images/sprung.gif);
  padding-bottom: 4px;
  background-repeat: no-repeat;
 background-position: right;
  padding-right: 17px;
 display: inline-block;
  
  }

main .brautpaare .jahre a.selectedKey {
  font-size: 1.3em;
  background-color: #e5e5e5;
}

main .brautpaare .monate a.selectedKey {
  font-size: 1.3em;
  background-color: #e5e5e5;
}
main .brautpaare .monate ul {
  margin-left: -20px;
}

main .brautpaare ul.tx_cqbase_widget_grouplist_year,
main .brautpaare ul.tx_cqbase_widget_grouplist_archive_year {
  margin: 0 100px 15px 100px;
  list-style-type: none;
}

main .jahre ul li {
  list-style-type: none;
}

main .jahre ul li::before,
main li.nat_casetypelist_casetype_li::before, 
main li.nat_contactform::before {
  content: none;
}

main li.nat_casetypelist_casetype_li {
padding: 5px 0 5px 0;
}

main .brautpaare ul.tx_cqbase_widget_grouplist_archive_month{
   margin: 0 100px 0 100px;
}

main .kasten {
  background-color: #ffffff;
  border: 1px solid #700111;
} 

main .kasten h2 {
  background-color: #700111;
  color: #ffffff;
  margin-top: 0;
  padding: 3px;
}

/*--- Webcam-Traubilder --*/

#slideshow,
#gallery {
  text-align: center;
}
#slideshow {
  margin-right: 20px;
}

/* Zusätzlicher Code für Übergangslösung - 4.6.14 */

.regoffice #sample
{
  margin-top: 20px;
  margin-bottom: 30px;
}

.regoffice #sample-headline
{
  margin-top: 10px;
}

.regoffice #display
{
  width:  400px;
  margin-left: auto;
  margin-right: auto;
}

.regoffice #display
{
  margin-bottom: 3px;
  width:  225px;
}

.regoffice #display input.date-time-data
{
  border:        1px solid #860114;
  margin-bottom: 5px;
  border-radius: 3px;
  width:         50px;
}

.regoffice #display input:focus
{
  background-color: #fff8d1;
}

.regoffice #display label
{
  clear:          both;
  margin-bottom:  5px;
  width:          100px;
}

.regoffice #display label:nth-child(2) /* Breite des Labels für die Auswahl der Webcam */
{
  width:          300px;
  background-color:
}

.regoffice #webcam
{
  clear:          both;
  margin-bottom:  6px;
  width:          222px;
}

.regoffice #display input:nth-child(18)
{
  width:          auto;
}

#gallery
{
  margin-top: 50px;
}

#slide-img
{
  width:  600px;
  height: auto;
}
.year_info_right {
  float:right;
}

#NetAppoint {
	width: 100% !important;
	border-radius: none;
	border: none;
	margin: 0;
	overflow: auto;
        
        font-family: Verdana,Arial,Helvetica,sans-serif;
        line-height: 1.5em;
        font-weight: normal;
}

#NetAppoint .netappoint_outer_box {
	box-sizing: border-box;
	width: 100%;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	margin: 8px;
	overflow: auto;
}

#NetAppoint p {
	padding: 8px;
}

#NetAppoint a {
	color: #000;
	text-decoration: none;
	/*display: block;*/	
}

#NetAppoint a:hover {
	background-color: #e5e5e5;
	color: #000;
}

#NetAppoint dt {
	font-weight: bold;
}

#NetAppoint h1 {
	font-size: 1.2em;
        padding: 8px 8px 8px 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	position: static;
	left: auto;
	top: auto;
	width: auto;
        background: none;
        color: #700111;
}

#NetAppoint h2 {
	background-image: none;
	color: #000;
	font-size: 1.0em;
	padding: 8px;
	line-height: 16px;
	margin-bottom: 0;
}

#NetAppoint h3 {
	font-size: 1.0em;
	padding: 8px;
        color: #3D3B38;
}
#NetAppoint a h3:hover{
        color: #ffffff;
        background-color: #700111;
}

#NetAppoint ul {
	list-style-image: none;
	padding: 0;
	margin: 0;
}

#NetAppoint label {
	padding: 8px;
}

#NetAppoint input.submit {
	padding: 8px;
	margin: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#NetAppoint input.casetype_checkbox {
	width: 40px;
}

#NetAppoint select {
	width: 40px;
}



#NetAppoint li {
	list-style-type: none;
	margin-left: 0;
}

#NetAppoint form {
	padding: 8px;
}

#NetAppoint .location_list {
	padding: 8px;
}

#NetAppoint fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#NetAppoint legend {
	padding: 4px;
	margin-left: 0px;

}
/**
																			*** Aufbau der Kalendertabelle
*/


#NetAppoint table.nat_calendar {
	min-width: 300px;
	min-height: 300px;
	margin: 8px auto;
	border: none;
}

#NetAppoint th.nat_calendar, td.nat_calendar {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}

#NetAppoint td {
	vertical-align: middle;
	font-size: 1.0em;
	line-height: 2em;
}
	
#NetAppoint td.nat_calendar {
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	border: none;
}

#NetAppoint td.nat_calendar_weekday {
		
}

#NetAppoint abbr, a {
	color: inherit;
}

#NetAppoint nat_calendar_weekday_bookable {
	display: block;
}

#NetAppoint td.nat_calendar_weekday_bookable {
	font-weight: bold;
	padding: 0;
}

#NetAppoint a.nat_calendar_weekday_bookable {
	display:block;
	width: 80%;
	height: 80%;
	margin: 2px 2px 2px 4px;
	padding: 0;
        background-color: #fff;
        border-radius: 0px; 
}

#NetAppoint td.nat_calendar_weekday_bookable {
    font-weight: bold;
    background-color: #EBDFDF;
    color: #000000;
}

/*
																			*** Kalendernavigation
*/
#NetAppoint .nat_navigation {
	overflow: auto;
	height: 36px;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

#NetAppoint .nat_navigation_currentmonth {
	float: left;
        width: 233px;
}
	
#NetAppoint .nat_navigation_button {
	height: 32px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
        background-color: #700111;
}

#NetAppoint .nat_navigation_button_img {
	height: 32px;
	padding: 0;
	margin: 0;
	border: 0;
}

/*
																			*** Liste der verf. Zeiten
*/
#NetAppoint .nat_timelist {
	padding: 4px;
	
}


#NetAppoint .nat_casetypelist_casetype_li {
	overflow: auto;
	padding: 8px;
}

#NetAppoint .nat_contactform {
	padding: 8px;
	overflow: auto;
}

#NetAppoint .nat_contactform_label {
    display: block;
    float: left;
    width: 50%;
}

#NetAppoint .nat_contactform_input_select, .nat_contactform_input_text {
	margin-bottom: 4px;
	width: 60%;
	padding: 4px;
	
}

#NetAppoint .nat_contactform_input_select {
	width: 25%;
}

#NetAppoint .terminbuchung {
	
	min-height: 200px;
	width: 60% !important;
	float: left;
	overflow: auto;
}

#NetAppoint .terminbuchung_head {
	width: 100% !important;
	overflow: auto;
        background-color: #C4C4C4;
        color: #000000;
}

#NetAppoint .content {
	clear: both;
}

#NetAppoint .merkzettel {
	width: 39%;
	overflow: auto;
}

#NetAppoint .merkzettel_head {
	width: 100% !important;
	overflow: auto;
        background-color: #C4C4C4;
        color: #000000;
}

#NetAppoint .merkzettel_content {
	padding: 8px;
	height: 100%;
	display: block;
	overflow: auto;
}

#NetAppoint .merkzettel_tbl {
	text-align: left;
}

#NetAppoint .statusleiste {
	height: 33px;
	width: 99% !important;
	color: #4A4848;
	margin-top: 4px;
	letter-spacing:-0.025em;
        background-color: #700111 !important;
}

#NetAppoint .statusleiste_6tabs {
	width: 16.5%;
	float: left;
	line-height: 33px;
	text-align: center;
	font-size: 11px;
        color: #FFF;
}

#NetAppoint fieldset, #NetAppoint  {
    border: none;
}

#NetAppoint legend {
    background-color: #700111;
    color: #FFF;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#NetAppoint a.statusleiste_6tabs {
	width: 100%;
        
}

#NetAppoint  .statusleiste_li {
 	float: left;
	width: 16.5%;
 }

#NetAppoint .statusleiste_li a:hover, #NetAppoint .statusleiste_li a:focus, #NetAppoint .statusleiste_li a:active{
   background-color: #700111 ;
   color: #FFFFFF;
   font-size: 1.4rem;
}

#NetAppoint a.statusleiste_aktiv, a.statusleiste_6tabs:hover {
   font-size: 1.4rem;
   width: 100%;
}

#NetAppoint .nat_timeslist {
	width: 100%;
	border-spacing: 7px;
}

#NetAppoint table {
	margin: 0;
	padding: 0;
}

#NetAppoint .nat_timeslist_th {
	text-align: left;
	white-space: nowrap; 
	vertical-align: middle;
}

#NetAppoint .nat_timeslist_td {
	text-align: center;
}

#NetAppoint .message_-1, #NetAppoint p.message_-1 {
	padding: 1%;
	width: 98%;
	background-color: #ffecb0;
  color: #200111;
  font-weight: bold;
}

#NetAppoint .message_0, #NetAppoint p.message_0 {
	padding: 1%;
	width: 98%;
}

#NetAppoint .message_1, #NetAppoint p.message_1 {
	padding: 1%;
	width: 97%;
}

#NetAppoint .error {
}

#NetAppoint .hidden {
	display: inline;
	height: 0;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

#ACCEPT_DATA_PRIVACY {
    margin-top: 15px;
}
/* BEGINN NETAPPOINT */
 #NetAppoint ul li::before{
    content:"";
  }
 #NetAppoint .statusleiste_6tabs {
    font-size: 1.4rem;
    width: 14%
 }
 #NetAppoint ul li {
   margin-bottom: -15px;
   padding-bottom: -15px;
 }
 #NetAppoint p {
  clear: both;
 }
 #NetAppoint fieldset a {
   display: block;
   padding: 5px 0px 5px 0px;
 }
 #NetAppoint fieldset h3 {
   color: #3d3b38;
   background-color: #e5e5e5; 
   font-size: 1.4rem;
 }
 #NetAppoint fieldset legend {
  font-size: 1.4rem;
 }
 #NetAppoint .nat_casetypelist_label {
   width: 300px;
 }
 #NetAppoint .nat_navigation {
  background-color: #c4c4c4;
  height: 32px;
 }
 #NetAppoint {
   font-family: "Vesta W01", Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1.4rem;
 }
 #NetAppoint .message_-1, #NetAppoint p.message_-1 {
   width: 97%;
 }
 #NetAppoint .nat_navigation_currentmonth {
    width: 120px;
    float: left;
    background-color: #C4C4C4;
    color: #000000;
}

#NetAppoint th.nat_calendar {
    background-color: #700111;
    color: #FFFFFF;
}

#NetAppoint .message_1 {
   background-color: #F2E5DC;
   color: #000000;
   font-family:  "Vesta W01 Bold", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* ENDE NETAPPOINT */