/*                                                    */
/* Alle Änderungen an mit              /* NL */                    
/* markierten Zeilen müssen in der                    */
/* newsletterverwaltung.inc.php berücksichtigt werden */

body { background-color: white; color: black; font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
       padding: 20px 0 0 0; margin: 0px auto; min-width: 770px; font-family: Arial, Helvetica, sans-serif; }
*html body { width: expression(document.documentElement.clientWidth < 770 ? "770px" : "auto"); }

	
#inhaltscontainer { margin: 0 40px 35px 20px; min-width: 600px; }

/* #oben ist der Bereich, der das Titelbild, die Kontaktadresse und das Extrafeld1 umfasst */
   #oben { background: url(../bilder/template/limi.png) repeat-y left top #EBF0F3; min-width: 480px; text-align: right; margin: 0; padding: 0; }
   #lio { height: 215px; width: 384px; float: left; padding: 0; text-align: left; }
   #reo { background: url(../bilder/template/reo.png) top right no-repeat #EBF0F3; height: 215px; width: 41px; float: right; }
   #mehroben { background: url(../bilder/template/mio.png) top left repeat-x #EBF0F3; margin: 0 0 0 380px; padding: 28px 30px 0px 0px; border: 0; }
   .subreo { background: url(../bilder/template/subreo.png) top right no-repeat white; margin: 0 0 10px 0px; width: 60%; min-width: 280px; max-width: 470px; padding: 0px; float: right; z-index: 5; }
   .sublio { background: url(../bilder/template/sublio.png) top left no-repeat; margin: 0px; padding: 0px; z-index: 5; }
   .subreu { background: url(../bilder/template/subreu.png) bottom right no-repeat; margin: 0px; z-index: 5; }
   .subliu { background: url(../bilder/template/subliu.png) bottom left no-repeat; margin: 0px; padding: 0px; max-height: 170px; overflow: auto; z-index: 5; }
   #kontakt { background-color: #EBF0F3; margin: 20px 0 0 0; display: block; padding: 0; text-align: center; min-width: 170px; line-height: 1.5em; }


*html .subreo { width: expression(document.documentElement.clientWidth < 278 ? "280px" : "65%"); }
*html .subreo, .sublio, .subreu, .subliu { padding: 0; zoom: 1; }

/* titelbild (und titel als fallback) */
   #titelbild { position: relative; margin-bottom: 0; height: 215px; width: 350px; z-index: 5; }
   #titel { max-width: 348px; margin-left: 20px; text-align: left; height: 6em; position: relative; margin-top: -165px; z-index: 1; }
   #titel h1 { font-size: 2.5em; color: #8A004D; }
   #titel h2 { font-size: 1.5em; color: #8A004D; position: relative; top: -1em; }
   #titel h3 { font-size: 1.2em; position: relative; top: -2em; font-weight: normal; }

/* #mitte umfasst die navigation und die Hauptinhalte */
   #mitte { clear: both; height: 100%; background: url(../bilder/template/limi.png) top left repeat-y #EBF0F3; min-width: 480px; border: 0; margin: 0; }
   #inhalt { margin: 0px 20px 0px 200px; text-align: left; border: 0; padding: 0; }

/* NAVIGATION */
   .nav_1 { float: left; background-color: #BECBD8; margin: 0; padding: 0px 6px 6px 6px; text-align: center; font-size: 0.9em; line-height: 0.9em; border: 1px solid white; }

   li                     { list-style-type: none; margin: 6px 0 0 0; background-color: #1B4969; color: white; font-weight: normal; font-size: 0.9em; text-align: left; white-space: nowrap; padding: 0; }
   li ul                  { background-color: #BECBD8; margin: 0 0 0 15px; padding: 0; }
*html .nav_1 li ul        { margin-top: -1.2em; } /* für den IE bis v6 */
*+html .nav_1 li ul       { margin-top: -1.3em; } /* für den IE7 */
   li.wahl                { background-color: #8A004D; padding: 4px 7px; }
   li.empty               { background-color: #666666; }
   li.ulparent            { background-color: transparent; border: 0; margin-top: 0; padding: 0; }
   li ul li               { background-color: #6894B3; font-size: 1em; margin-top: -1px; border: 1px solid #8A004D; }
   li ul li.empty         { background-color: #777777; }
   li.wahl.empty          { background-color: #444444; }
*html .nav_1 li a         { margin: 0 0 -16px 0; } /* für den IE bis v6 */
*html .nav_1 li ul li a   { margin: 0; } /* für den IE bis v6 */

   li a                   { display: block; text-decoration: none; color: white; padding: 4px 7px; }					 
   li a:hover             { background-color: #89B2CE; color: #1B4969; }
   li.empty a:hover       { background-color: #555555; color: white; }
   li ul li a:hover       { background-color: #AFCDE1; color: #1B4969; }
   li ul li.empty a:hover { background-color: #555555; color: white; }

/* Die breadcrumbnavigation */
   #breadcrumb { background-color: white; display: block; font-size: 0.8em; padding: 2px 0; 
                 border: 1px solid #597F99; color: black; margin: 0 1.5% 10px 0; }
   #breadcrumb a { text-decoration: none; color: blue; }
   .breadcrumbtext { background-color: #6894B3; padding: 2px 5px; margin: 0; color: white; }
   #breadcrumb .aktuell { color: #8A004D; font-weight: bold; }

/* Anzeigefelder: */
   .extrafeld1 { font-size: 0.75em; margin: 0; text-align: left; color: black; z-index: 1; padding: 5px 20px; }
   *html .extrafeld1 { height: expression(document.documentElement.clientHeight > 110 ? "110px" : "auto"); overflow: auto; padding: 20px 20px 5px 20px; zoom: 1; }

   #hauptfeld1 { margin: 0; padding: 0; }
   .hauptfeld1, .archiv, .no_match, .newsletterauswahl {
   display: block; overflow: hidden; min-width: 420px; background-color: white; text-align: left;
   color: black; border: 1px solid #597F99; margin: 0 0 1em 0; padding: 20px 1em 1em 1em; font-size: 0.9em; }
   *html .hauptfeld1, *html .archiv, *html .no_match, *html .newsletterauswahl { width: 95%; }
   .hauptfeld1.teaser  { width: 40.5%; min-width: 210px; height: 105px; padding: 5px 4% 10px 4%; }
	
/* allgemeine Schriftangaben: */
   h1 { font-size: 1.4em; color: #8A004D; font-weight: bold; margin: 0.4em 0; }     /* NL */
   h2 { font-size: 1.2em; color: #597F99; font-weight: bold; margin: 0.4em 0;}      /* NL */
   h3 { font-size: 1em; color: #597F99; font-weight: bold; margin: 0.3em 0; }       /* NL */
   h4 { font-size: 1em; color: #777777; font-weight: bold; margin: 0.3em 0; }       /* NL */

/* derzeit nicht unterstützt:
   h5 { font-size: 0.9em; color: #597F99; font-weight: normal; margin: 0.25em 0; }
   h6 { font-size: 0.9em; color: #777777; font-weight: normal; margin: 0.25em 0; } */

/* allgemeine Angaben: */ 
   a { text-decoration: none; }
   a img { border: 0; }                                                             /* NL */
   .clearall { clear: both; display: block; height: 1px; margin: 0; }               /* NL */

/* allgemeine Klassen: */
   .nobr { display: inline; white-space: nowrap; padding: 0px 8px; }                /* NL */
   img.pfeil { float: none; padding: 0px; margin: 0; }                              /* NL */

/* vom CMS erzeugte Elemente: */
   .preis { font-size: 1.4em; font-weight: bold; color: #CC2211; }                  /* NL */
   small { font-size: 0.8em; }                                                      /* NL */
   span.center { display: block; text-align: center; padding: 0; }

   .clearlinks { clear: left; overflow: hidden; min-height: 1px; border: 0; margin: 0; padding: 0px; }     /* NL */
   .clearrechts { clear: right; overflow: hidden; min-height: 1px; border: 0; margin: 0; padding: 0px; }   /* NL */
   .clearalle { clear: both; overflow: hidden; min-height: 1px; border: 0; margin: 0; padding: 0px; }      /* NL */
   /* Bild und Containerklassen */
   .links  { float: left; margin: 0 20px 0 0; }                                     /* NL */
   .rechts { float: right; margin: 0 0 0 20px; }                                    /* NL */
   .extrafeld1 .links  { float: left; margin: 0 10px 0 0; }
   .extrafeld1 .rechts { float: right; margin: 0 0 0 10px; }
   .bild   { margin: 0; }                                                           /* NL */
   /* Containerklassen */
   .drittel { width: 31.3%; border: 0; }                                            /* NL */
   .halb    { width: 47%; }                                                         /* NL */
*html .drittel { width: 30%; border: 0; }
*html .halb    { width: 46%; }
   .links.drittel  { margin: 0 2% 1% 0; }                                           /* NL */
   .rechts.drittel { margin: 0 0 1% 2%; }                                           /* NL */
   .links.halb  { margin: 0 3% 1% 0; }                                              /* NL */
   .rechts.halb { margin: 0 0 1% 3%; }                                              /* NL */
   .absatz { display: block; margin: 1em 0; }

/* der detaillink ist der link vom Teaser auf den Beitrag und wird automatisch generiert */
a.detaillink { display: block; width: 20em; height: 16px; font-size: 0.8em; background-color: transparent; color: #597F99; font-weight: bold; font-style: italic; text-align: right; margin: 5px 0 0 auto; text-decoration: none; }

/* der zuruecklink ist der link vom Detail auf den Teaser oder aus dem Archiv zurück und wird automatisch generiert */
a.zuruecklink { display: block; height: 16px; font-size: 0.8em; background-color: transparent; color: #597F99; font-weight: bold; font-style: italic; text-align: left; margin: 5px 0 0 0; text-decoration: none; }

/* #unten ist der untere Abschluss mit den abgerundeten Ecken */
   #unten { clear: both; background: #EBF0F3; height: 55px; min-width: 480px; }
   #liu { background: url(../bilder/template/liu.png) bottom left no-repeat #EBF0F3; height: 55px; width: 384px; float: left; }
   #reu { background: url(../bilder/template/reu.png) bottom right no-repeat #EBF0F3; height: 55px; width: 41px; float: right; }

/*FEEDBACKAUSGABE*/
   .index { color: black; margin: 0px -1px; padding: 2px 10px; text-align: left; font-size: 0.9em; }
 
/* Styleangaben für den Sonderfall Newsletter */
   /* allgemeine Angaben */   
   body.newsletter fieldset { padding: 2em 1em 1em 1em; }
   body.newsletter #hauptfeld1 { background-color: white; border: 1px solid #597F99; margin-bottom: 1em; }
   body.newsletter .hauptfeld1 { border: 0; margin-bottom: 0; }
   input#mail { width: 80%; float: left; }
   .rechtsfloat { float: right; background-color: white; border: 1px solid #48718B; }
   input#newsletterauswahlback { font-size: 0.9em; float: right; background-color: white; border: 1px solid #48718B; }
   h3.newsletter { margin: 1em 0; }

   /* Das Hilfefeld mit dem erklärenden Text */
   body.newsletter .hauptfeld1.adminbox { border: 1px solid #597F99; margin: 0; padding-top: 0; }
   .adminbox { font-size: 0.9em; overflow: visible;  }
   .adminbox p.feldname { margin: 0 -1em 1em -1em; padding: 2px 1em; }
   .hilfe { margin: -2px -1em 0 0; }
   #newsletterhilfe { border-bottom: 1px solid #5588AA; border-top: 0; padding: 0 1em 0 1em; margin: -1px -1em 1em -1em; }
   .hilfefeld .ansicht { margin: 0; }
   .hilfehead { background-color: #FFCC33; margin: -1em; padding-left: 1em; }

   /* Das Feld zur Auswahl der Empfänger */
   #empfaengerselect fieldset { border: 0; padding: 0; margin-bottom: 1em; }
   #empfaengerselect select { float: right; margin: 0; width: 40%; }

   /* Das Feld zur Eingabe des Betreffs */
   #betreff { margin-top: 0.5em; width: 100%; }
   #betreffausgabe { width: 50%; background-color: white; padding: 3px 5px 3px 0; border: 1px solid #009933; }
   #betreffausgabe span { background-color: #009933; color: white; padding: 3px 5px; }
   #betreffwarnung { color: #CC0000; font-weight: bold; }
 
   /* Das Feld zur Auswahl der Newsletter */
   .newsletterauswahlradio { float: right; margin: -20px -1.1em; background-color: #DDDDEE; font-size: 0.9em; padding: 2px 5px; border: 1px solid #AAAAAA; border-right: 0; }
   #newsletterauswahl fieldset { font-size: 1em; padding: 1% 2% 2% 2%; margin: 0 0 1em 0; }
   #newsletterauswahl fieldset input { float: left; margin: 7px 5px 0 0; }
   .radiooption { display: block; padding-left: 1.2em; margin-top: 5px; }
   .auswahlnewsletter, .auswahldetails { display: block; overflow: hidden; min-width: 420px; background-color: #009933; color: white; text-align: left; margin: 0; padding: 2px 2%; font-size: 0.9em; border: 0; }

   /* Das Feld mit den Detailinfos zu den ausgewählten Empfängern */
   #empfaengerdetails { clear: right; margin-top: 1em; }
   #detailinfos { border: 1px solid #5588AA; width: 100%; margin-bottom: 1em; }
   #detailinfos tr { border: 0; }
   #detailinfos td { padding-left: 10px; color: black; border: 0; }
   thead td { background-color: #CCCCCC; }   
   tr.ungerade { background-color: white; }
   tr.gerade { background-color: #EBF0F3; }
   #paketzahl { width: 3em; }   
   span.feedback { display: block; float: left; width: 2em; margin: -2px 10px 0 0; padding: 0; border: 1px solid #597F99; }

   /* Kundenlogin */
   body.kundenlogin div.hauptfeld1 { border: 0; background-color: transparent; }
   body.kundenlogin #feedbackbox { width: 23em; padding: 1em; margin: 3em auto 0 auto; text-align: center; font-size: 0.9em; font-weight: bold; font-style: italic; line-height: 1.5em; border: 3px solid; border-color: #F8F8F8 #DCDCDC #BBBBBB #EEEEEE; background-color: white; }
   body.kundenlogin #box { font-size: 1em; width: 23em; min-height: 13em; text-align: center; margin: 3em auto; background-color: #F8F8F8; border-top: 3px solid #F8F8F8; border-right: 3px solid #DCDCDC; border-bottom: 3px solid #BBBBBB; border-left: 3px solid #EEEEEE; font-style: italic; overflow: hidden; }
   body.kundenlogin #logo { border: 0; padding: 0.5em 0 0 0; text-align: center; background-color: white; }
   body.kundenlogin #logo small { font-weight: normal; display: block; width: 100%; margin: 0.5em 0 0 0; border: 1px solid #BBBBBB; border-left: 0; border-right: 0; color: #A02D29; }
   body.kundenlogin #login { width: 16em; margin: 1em auto 0 auto; line-height: 1.2em; }
   body.kundenlogin #login small { font-weight: bold; display: block; width: 7em; float: left; text-align: left; }
   body.kundenlogin input.eingabe { width: 10.5em; border: 1px solid #BBBBBB; margin-bottom: 1em; }
   body.kundenlogin input[type="submit"] { width: 6em; background-color: #DDDDDD; margin: 0 auto 1em auto; }

   /* Reparaturantrag */
   #reparaturantrag fieldset { padding: 1% 2%; border: 1px solid #BECBD8; }
   #reparaturantrag fieldset legend { border: 1px solid #BECBD8; padding: 0.3em; color: #597F99; font-style: italic; font-size: 1.2em; }
   #reparaturantrag fieldset p { margin-top: 0.5em; }
   #reparaturantrag fieldset.halb { width: 44.5%; margin: 1em 0; }
   #reparaturantrag fieldset.rechts { margin-right: 0.5%; }
   #reparaturantrag fieldset.ganz { width: 95%; clear: both; margin-top: 1em; }
   #reparaturantrag textarea { width: 100%; height: 10em; margin: 0.5em 0; }
   #reparaturantrag input { display: block; width: 100%; margin: 0.5em 0; }
   #reparaturantrag input.repradio { width: 20px; display: inline; margin-left: 3em; }
   *html #reparaturantrag input.repradio { position: relative; top: 5px; }
   #reparaturantrag input.repsubmit { display: block; width: 100px; float: right; margin: 2em 0.5em 1em 1em; }










/*.extrafeld1 div.links { width: 150px; padding: 0; float: left; margin-right: 20px; text-align: left; }
.extrafeld1 div.links > img.bild { margin: 0 10px 0 0; float: left; }

.extrafeld1 div.rechts { width: 150px; padding: 0; float: right; margin-left: 10px; text-align: right; }
.extrafeld1 div.rechts > img.bild { margin: 0 0 0 10px; float: right; }


.extrafeld1 img.rechts { float: right; margin: 0 0 0 20px; }
.extrafeld1 img.links { float: left; margin: 0 20px 0 0; }
.extrafeld1 img.bild { margin: 0; }

/*.extrafeld1 h1, .hauptfeld1 h1 { color: #8A004D; margin: 10px 0 5px 0; font-size: 1.1em; }
.extrafeld1 h2, .hauptfeld1 h2 { margin: 10px 0 0 0; }



@media screen and (min-width: 0px){ #inhalt div.hauptfeld1.teaser {  width: 44.5%; padding: 20px 2% 2% 2%; }}

#inhalt div.links300px { width: 300px; padding: 0; float: left; margin-right: 20px; text-align: left; }
#inhalt div.links300px > img.bild { padding: 10px 10px 0 0; float: left; }

#inhalt div.rechts300px { width: 300px; padding: 0; float: right; margin-left: 10px; text-align: right; }
#inhalt div.rechts300px > img.bild { padding: 10px 0 0 10px; float: right; }

#inhalt div.links32prozent { width: 29%; min-width: 200px; padding: 1%; float: left; margin: 0 1% 1% 1%; text-align: left; background-color: white; border: 0; }
*html #inhalt div.links32prozent { width: 29%; }

#inhalt img.rechts { float: right; margin: 1em 0 15px 20px; }
#inhalt img.links { float: left; margin: 1em 20px 15px 0; }
#inhalt img.bild { margin: 1em 0 6px 0; }
/* #inhalt h1 { color: #8A004D; margin-bottom: 10px; }
#inhalt h2 { margin: 10px 0 0 0; } */