/* CSS Document */ /***************************** File: standard.css ***************************** initial author: Severine Groneberg last editor: Anne Nowack firstVersion: 23.07.2008 lastVersion: 18.01.2009 site: *****www.slr-info.de***** site: *****www.schauinslandreisen.de***** site: *****slr_portal***** ****************************/ /* ************************* * Seite Grundgeruest **** ***************************/ body { background-color: #f8f8f8; color: #004695; font-size: 10pt; font-family: Tahoma, Arial; text-align: left; margin: 0px; border-style: none } .menue { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; text-align: left;} table.kopf { border-collapse: collapse; } table.kopf th { background-color: #f3973b; color: #004695; border-collapse: collapse; } table.kopf td { background-color: #ffffff; color: #004695; border-collapse: collapse; } table.kopf th.bg { background-color: transparent; color: #004695; border-collapse: collapse; } table.kopf td.fuss { color: #f3973b; background-color: #004695; padding:0px; margin:0px; height:10px; } p.angemeldet {font-size: 8pt; margin-top: -10px; margin-bottom: -10px; color: #f7b36c;} * html p.angemeldet {font-size: 8pt; margin-top: 2px; margin-bottom: -15px} p.hilfe {margin-top: 0px; margin-bottom: -20px; font-weight: normal} * html p.hilfe {font-size: 9pt; margin-top: 0px; font-weight: normal} #msg {border: 1px solid #102272; font-size: 10pt; text-align: center; color: #000000; font-weight: bold; padding: 6px;} #msg.error {background-color: #D20000; color: #DBDBDB; } #msg.hint {background-color: #FFFFA6; text-align: left; padding: 12px} #msg.hint_small {border: 2px solid #102272; background-color: #FFFFFF; padding: 9px; font-weight:normal;} #msg.is_ok {background-color: #7DF477;} /* ANMERKUNG: muss so rum stehen (also die Standard... NACH dem Seiten-Grundgeruest), * sonst sind u.a. die Angaben im Body nicht wirksam */ /* ************************************** * Standard-Absatz, -Tabelle, etc. **** ****************************************/ table {font-family: Tahoma, Arial; font-size: 9pt; border-collapse: collapse; background-color: transparent; } table th {font-family: Tahoma, Arial; font-size: 11pt; font-weight: bold;} table td {font-family: Tahoma, Arial; font-size: 9pt;} p { color: #004695; font-weight: normal; font-size: 9pt; } /* *********************************** * Textformatierungen und Boxen **** *************************************/ .divblau { background-color: #dfeaf4; margin-top: 5px; margin-left: 15px; margin-bottom: 10px; color: #004695; padding: 10px; border: solid #1f55ab 1px; } .divbaun { background-color: #dfd8d2; margin-top: 5px; margin-left: 15px; margin-bottom: 10px; color: #725b47; padding: 10px; border: solid #725b47 1px; } .divorange { background-color: #fef5e7; margin-top: 5px; margin-left: 15px; margin-right: 15px; margin-bottom: 10px; color: #004695; padding: 10px; border: solid #f3973b 1px; width:95% } .seitenbreite { width: 780px; padding-bottom:20px; } .seitenbreite_inframe { width: 650px; padding-bottom:20px; } .div_schauinsland_newsletter { color: #004695; font-weight: bold; font-size: 10pt; margin-top: 5px; margin-left: 15px; line-height: 30px; } .div_schauinsland_newsletter_errormsg { margin-top: 0px; color: #FFFF33; font-size: 8pt; font-weight: bold; margin-left: 15px; } .div_schauinsland_newsletter_msg { margin-top: 0px; color: #004695; font-size: 8pt; font-weight: bold; margin-left: 15px; } .attencio { color: #004695; font-weight: bold; font-size: 10pt; } .errror { color: #ffffff; font-weight: bold; font-size: 10pt; } .small { color: #004695; font-size: 8pt; font-weight: normal;} .largetext { color: #004695; font-weight: bold; font-size: 14pt; white-space: nowrap; } .normtext { color: #004695; font-size: 9pt; font-weight: normal;} .nicetext { color: #004695; font-size: 10pt; font-weight: normal; line-height: 14pt;} .italictext { color: #004695; font-size: 9pt; font-style:italic; font-weight: normal;} /* ******************** * Trennlinien **** **********************/ hr.hellblau { background-color: #ecf3f9; color: #ecf3f9; text-align: center; border:1px solid #ecf3f9; margin-top: 5px; } * html hr.hellblau { background-color: #ecf3f9; color: #ecf3f9; text-align: center; border:1px solid #ecf3f9; margin-top: -5px; } hr.orange { background-color: #f3973b; color: #f3973b; margin-left: 15px; text-align: left; border:1px solid #f3973b; margin-top: -3px; } * html hr.orange { background-color: #f3973b; color: #f3973b; margin-left: 15px; text-align: left; height: 1px; margin-top: -10px; } hr.blau { background-color: #004695; color: #004695; margin-left: 5px; text-align: left; border:1px solid #004695; margin-top: -3px; } * html hr.blau { background-color: #004695; color: #004695; margin-left: 5px; text-align: left; height: 1px; margin-top: -10px; } /* ************************ * Ueberschriften **** **************************/ h1 { color: #004695; font-weight: bold; font-size: 14pt; white-space: nowrap; padding: 2px; margin: 5px;} h1.orange { background-color: #f4b474; color: #004695; font-weight: bold; font-size: 12pt; white-space: nowrap; padding: 2px; margin: 5px; border: #f3973b solid thin;} h2 { color: #004695; font-weight: bold; font-size: 12pt; white-space: nowrap; padding: 2px; margin: 5px; } h2.orange { background-color: #f4b474; color: #004695; font-weight: bold; font-size: 12pt; padding: 2px; margin: 5px; border: #f3973b solid thin;} /* ************ * Links **** **************/ a:link { color: #004695; font-weight: normal; text-decoration: none;} a:visited { color: #004695; font-weight: normal; text-decoration: none;} a:hover { color: #f7b36c; font-weight: normal; text-decoration: none; } a:active { color: #004695; font-weight: normal; text-decoration: none;} a.ohne:link { color: #ffffff; font-weight: normal; text-decoration: none;} a.ohne:visited { color: #ffffff; font-weight: normal; text-decoration: none;} a.ohne:hover { color: #ffffff; font-weight: normal; text-decoration: none; } a.ohne:active { color: #ffffff; font-weight: normal; text-decoration: none;} a.login:link { color: #004695; font-size: 8pt; font-weight: normal;} a.login:visited { color: #004695; font-size: 8pt; font-weight: normal; } a.login:hover { color: #ffffff; font-size: 8pt; font-weight: normal; } a.login:active { color: #ffffff; font-size: 8pt; font-weight: normal; } a.logintext:link { color: #004695; font-size: 9pt; font-weight: normal; text-decoration:underline; } a.logintext:visited { color: #004695; font-size: 9pt; font-weight: normal; text-decoration:underline; } a.logintext:hover { color: #004695; font-size: 9pt; font-weight: normal; text-decoration:underline;} a.logintext:active { color: #004695; font-size: 9pt; font-weight: normal; text-decoration:underline;} a.navi:link { color: #004695; font-size: 9pt; font-weight: normal;} a.navi:visited { color: #004695; font-size: 9pt; font-weight: normal; } a.navi:hover { color: #FFFFFF; font-size: 9pt; font-weight: normal; } a.navi:active { color: #FFFFFF; font-size: 9pt; font-weight: normal; } a.fuss:link { color: #f7b36c; font-size: 8pt; } a.fuss:active { color: #FFFFFF; font-size: 8pt; } a.fuss:visited { color: #f7b36c;; font-size: 8pt; } a.fuss:hover { color: #FFFFFF; font-size: 8pt; } /* ** Buttons ** */ a.more:link { color: #f3973b; text-decoration: none; border: #f3973b solid 1px; margin-top: 5px; margin-right:0px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #ffffff;} a.more:visited { color:#f3973b; text-decoration: none; border: #f3973b solid 1px; margin-top: 5px; margin-right:0px;padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #ffffff;} a.more:hover { color: #004695; text-decoration: none; border: #f3973b solid 1px; margin-top: 5px; margin-right:0px;padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #ffffff; } a.more:active { color: #f3973b; text-decoration: none; border: #f3973b solid 1px; margin-top: 5px; margin-right:0px;padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #ffffff; } a.more:focus { color: #f3973b; text-decoration: none; border: #f3973b solid 1px; margin-top: 5px; margin-right:0px;padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #ffffff;} a.moreblau:link { color: #1f55ab; text-decoration: none; border: #004695 solid 1px; margin: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #dfeaf4;} a.moreblau:visited { color: #1f55ab; text-decoration: none; border: #004695 solid 1px; margin: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #dfeaf4;} a.moreblau:hover { color: #f3973b; text-decoration: none; border: #004695 solid 1px; margin: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #dfeaf4; } a.moreblau:active { color: #1f55ab; text-decoration: none; border: #004695 solid 1px; margin: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #dfeaf4; } a.moreblau:focus { color: #1f55ab; text-decoration: none; border: #004695 solid 1px; margin: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; font-size: 8pt; background-color: #dfeaf4;} a.morebb:link { color: #004695; text-decoration: none; border: #004695 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11pt;font-weight: bold; background-color: #dfeaf4;} a.morebb:visited { color: #004695; text-decoration: none; border: #004695 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11pt;font-weight: bold; background-color: #dfeaf4;} a.morebb:hover { color: #f3973b; text-decoration: none; border: #004695 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11pt;font-weight: bold; background-color: #dfeaf4; } a.morebb:active { color: #004695; text-decoration: none; border: #004695 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11pt;font-weight: bold; background-color: #dfeaf4; } a.morebb:focus { color: #004695; text-decoration: none; border: #004695 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 11pt;font-weight: bold; background-color: #dfeaf4;} a.buttn:link { color: #ffffff; text-decoration: none; border: #f87f06 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #f3973b;} a.buttn:visited { color: #ffffff; text-decoration: none; border: #f87f06 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #f3973b;} a.buttn:hover { color: #ffffff; text-decoration: none; border: #f87f06 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #f3973b; } a.buttn:active { color: #ffffff; text-decoration: none; border: #f87f06 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #f3973b; } a.buttn:focus { color: #ffffff; text-decoration: none; border: #f87f06 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #f3973b;} a.buttnblau:link { color: #ffffff; text-decoration: none; border: #C0C0C0 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #004695;} a.buttnblau:visited { color: #ffffff; text-decoration: none; border: #C0C0C0 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #004695;} a.buttnblau:hover { color: #ffffff; text-decoration: none; border: #C0C0C0 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #004695; } a.buttnblau:active { color: #ffffff; text-decoration: none; border: #C0C0C0 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #004695; } a.buttnblau:focus { color: #ffffff; text-decoration: none; border: #C0C0C0 solid 1px; margin-top: 5px; margin-bottom:10px; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; font-size: 9pt; background-color: #004695;} a.orangepfad:link { color: #f7b36c; text-decoration: none; } a.orangepfad:visited { color: #f7b36c; text-decoration: none; } a.orangepfad:hover { color: #f3973b; text-decoration: underline; } a.orangepfad:active { color: #f3973b; text-decoration: underline; } a.orangepfad:focus { color: #f3973b; text-decoration: underline; } /* *********************** * Formularelemente **** *************************/ .buttonstd { color: #ffffff; background-color: #f3973b;; font-size: 9pt; border: #f87f06 solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .buttonstd { color: #ffffff; background-color: #f3973b;; font-size: 10pt; border: #f87f06 solid 1px; font-family: Tahoma, Arial; font-weight: normal; height: 22px; text-align: center; } .buttonstddim { color: #beb8ad; background-color: #b6712c;; font-size: 9pt; border: #bc8043 solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .buttonstddim { color: #beb8ad; background-color: #b6712c;; font-size: 10pt; border: #bc8043 solid 1px; font-family: Tahoma, Arial; font-weight: normal; height: 22px; text-align: center; } .button2 { color: #ffffff; background-color: #004695;; font-size: 9pt; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .button2 { color: #ffffff; background-color: #004695; font-size: 10pt; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: bold; height: 22px; text-align: center;} .button2dim { color: #b8bbbd; background-color: #4b769d;; font-size: 9pt; border: #4b769d solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .button2dim { color: #b8bbbd; background-color: #4b769d; font-size: 10pt; border: #4b769d solid 1px; font-family: Tahoma, Arial; font-weight: bold; height: 22px; text-align: center;} .button3 { color: #004695; background-color: #ecf3f9;; font-size: 9pt; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .button3 { color: #004695; background-color: #ecf3f9; font-size: 10pt; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: bold; height: 22px; text-align: center;} .button3dim { color: #4b769d; background-color: #b8bbbd;; font-size: 9pt; border: #4b769d solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; } * html .button3dim { color: #4b769d; background-color: #b8bbbd; font-size: 10pt; border: #4b769d solid 1px; font-family: Tahoma, Arial; font-weight: bold; height: 22px; text-align: center;} input { color: #000000; background-color: #FFFFFF; font-size: 9pt; padding: 2px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } input.feldli { color: #000000; background-color: #FFFFFF; font-size: 9pt; padding: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } input.feldre { color: #000000; background-color: #FFFFFF; font-size: 9pt; padding: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: right; } input.feldlidim { color: #000000; background-color: #C8CCD5; font-size: 9pt; padding: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } input.feldlik { color: #000000; background-color: #FFFFFF; font-size: 8pt; padding-top: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } input.feldlikdim { color: #000000; background-color: #C8CCD5; font-size: 8pt; padding-top: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } input.feldrek { color: #000000; background-color: #FFFFFF; font-size: 8pt; padding-top: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: right; } input.smallfield { color: #000000; background-color: #FFFFFF; font-size: 8pt; padding-top: 2px; border: #beb8ad solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: center; width:10px } select { color: #004695; background-color: #ffffff; font-size: 9pt; padding: 2px; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } select.blau { color: #004695; background-color: #ffffff; font-size: 9pt; padding: 2px; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } select.orange { color: #004695; background-color: #ffffff; font-size: 9pt; padding: 2px; border: #f7b36c solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } select.small { color: #004695; background-color: #ffffff; font-size: 8pt; padding: 2px; border: #1f55ab solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } textarea { color: #000000; background-color: #FFFFFF; font-size: 9pt; padding: 2px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } textarea.small { color: #000000; background-color: #FFFFFF; font-size: 8pt; padding: 2px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } textarea.small_orange { color: #000000; background-color: #fef5e7; font-size: 8pt; padding: 2px; border: #f7b36c solid 1px; font-family: Tahoma, Arial; font-weight: normal; text-align: left; } /* *************** * Tabellen **** *****************/ table.standard { border-collapse: collapse; font-family: Tahoma, Arial; font-size: 10pt; } table.standard tr { text-align: left; } table.standard th { font-size: 9pt; background-color: #f0881a; color: #004695; padding: 6px 3px 3px 3px; border-color: #f0881a; border-style: solid; border-width: 2px; } table.standard th.blau { font-size: 10pt; background-color: #004695; color: #FFFFFF; padding: 6px 3px 0px 3px; border-color: #004695; border-style: solid; border-top-width: 1px; border-left-width: 2px; border-right-width: 2px; border-bottom-width: 0px; } table.standard th.weiss { font-size: 10pt; background-color: #FFFFFF; color: #004695; padding: 6px 3px 0px 3px; border-color: #FFFFFF; border-top-width: 2px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; } table.standard td { font-size: 10pt; background-color: #ffdb9e; border-color: #f0881a; border-style: solid; border-width: 2px; padding: 7px 3px 7px 3px; color: #004695; } table.standard td.sum { font-weight: bold; background-color: #FFD38A; border-top: #f0881a 3px solid; border-bottom: #004695 3px solid; padding: 11px 3px 5px 3px; color: #004695; } table.standard td.weiss { font-size: 10pt; background-color: #FFFFFF; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; } table.standard td.blau { font-size: 10pt; background-color: #dfeaf4; border:hidden; } /* *************** * Tabelle - Login - **** *****************/ table.login { border-collapse: collapse; font-family: Tahoma, Arial; font-size: 10pt; } table.login th { font-size: 10pt; text-align: right; background-color: #ffffff; color: #004695; padding: 10px; border-left: #f0881a solid 5px; } table.login th.weiss { font-size: 10pt; text-align: right; background-color: #ffffff; color: #004695; padding: 10px; border-left: #f0881a solid 5px; } table.login td { font-size: 10pt; background-color: #ffffff; border: 0px; }