/*''''''''''''''''''''''''''''''''''''''''''''''''''''''' ' CSS Dokument: -> www.webkos.de ' ' Datei erstellt: -> 20.09.2009 ' ' Funktion: -> Zentrales Style ' ' Programmierung: -> www.webkos.de ' '~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* Farben und besttimmte andere variablen hier festlegen */ :root { --rot-0: #ce0008; --blau-0: #003399; --blau-1: #3366CC; --blau-2: #0093DD; --orang-0: #ea690c; --gruen-1: #10780E; --gelb-0: #DF8800; --gray-3: #535c68; --bg-gruen-0: #4CAF50; --bg-blau-0: #377CA8; --bg-blau-1: #dff9fb; --bg-grau-0: #f1f1f1; --bg-grau-1: #F2F2F2; --bg-gelb-0: #FFE900; --grau-0: #eeeeee; --grau-1: #BFBFBF; --grau-2: #7F7F7F; --grau-3: #555555; --grau-4: #293f61; --grau-5: #130f40; --bg-book-flug: #beaa6b!important; /* flug_auswahl */ --user_color-1: #beaa6b; /* RGB blau Hell: 3, 134, 202, */ --user_color-2: #393029; /* RGB blau DUNKEL: 19, 100, 171, */ --user_color-3: #e1350d; /* RGB Orange: 235, 100, 13, */ --primary-color: #9c9c9c; --txt-color: #555555; --user_colorform-1: #beaa6b; --user_colorform-2: #393029; --border-radius: 3px; /* übergeben so: color: var(--bg-book-flug); */ } .usr-color-1{ color: var(--user_color-1);} .usr-color-2{ color: var(--user_color-2);} #in_rolle_von { position: absolute; left: 0px; top: 0px; z-index: 800; height: 50px; width: 300px; background-color:#ffffff; color:#C60027; font-size:13px; font-weight:bold; padding: 3px; text-align:center; border:3px solid #F00; } /* ~~~ Info und service ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #info_serv {position: relative; top: 0; left: 0px; width: 970px; margin-bottom: 10px;} #info_scroll {padding: 5px; height: 400px; width: 400px; overflow: auto; overflow-x: hidden; border: 1px solid #666666;} #info_scroll p {margin: 10px 0pt 10px 0pt;} /* ~~~ ENDE Info und service ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ Flugplan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flplan_table {border-top: 1px dotted #dcdcdc; border-left: 1px dotted #dcdcdc;} .flplan_table td {padding: 5px; border-bottom: 1px dotted #dcdcdc; border-right: 1px dotted #dcdcdc;} /* .flplan_table th { text-align:center; padding: 3px; font-size:12px; font-weight: bold; background-image:url(../pics/hg-titel-form.gif); height:23px; background-repeat:repeat; color:#FFFFFF;} */ #flplandivinnen { z-index: 10 } #flplananim { position: absolute; z-index: 5; left: 0px; top: 0px; } .th_selected { background-color: #7FBAE4; border-width: 10px; } .td_selected { background-color: #ea690c; border-width: 10px; } .flugplan_dest_anzeige { position: absolute; z-index: 2000; top:20px; left:20px; background-color: #7FBAE4; border: 5px solid #ea690c;} /* ~~~ ENDE USER FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ ENDE REGIS-USER FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .regis-user_daten td{height: 16px; font-weight: normal;} .regis-user_daten input[type=text] {width: 200px;} .regis-user_daten select {width: 144px;} .regis-radio_btn {height: 25px; color: #3366CC; box-shadow: 1px 1px 5px #888888; font-size: 12px; font-weight: bold!important; height: 30px!important; vertical-align: t;} /* ~~~ ENDE USER FORM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ BLITZNEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .BlareaNews {width: 400px; height: 300px; font-size: 12px; font-weight: bold; padding: 5px;} /* ~~~ ENDEBLITZNEWS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .einkauf-pr { font-size:13px; font-weight: bold; color:#FFFFFF; background-color: #C60027; padding: 3px;} .verkauf-pr { font-size:13px; font-weight: bold; color:#FFFFFF; background-color: #000; padding: 3px;} #gewinDiagram { margin-right: 5px; border: 1px solid #dcdcdc; width: 102px; height: 12px; background-color: #ecf2f8;} #gewinDiagram img { opacity: 0.3;} .pos_count { color: #FFFFFF; background-color: #C60027; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 16px;} /* 'T' 'R' 'B' 'left'*/ /* ~~~ MEDIA-STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media all {* {margin: 0; padding: 0;}} .fluggast_namen,.fluggast_info, .waehle_bus_zwischenstationen { width: 670px; margin: 15px 0 15px 0; padding: 5px 5px 5px 5px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #B4B4B4;} .fluggast_info { width: 660px; position: relative; top: 0px; left: 0px;} .waehle_bus_zwischenstationen { width: 660px;} /* ~~~ ALGEMEIN-STYLE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ BODY { scrollbar-face-color:#7FBAE4; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; overflow-y: auto; overflow-x: auto; overflow-moz-scrollbars-horizontal: auto; overflow-moz-scrollbars-vertical: auto; padding: 0 0 200px 0px; min-height: 100%; background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(104, 128, 154, 0.85) 100%); color: #474747; } body,h1,h2,h3,h4,p,ul,ol,li,div,td,b,i,a,form,input,select,textarea,file { font-family:Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif; font-size:11px; margin: 0 0 0 0; } b {font-weight: bold;} /*table, fieldset, img { border:0; }*/ /* ~~~ 0. MODUL BUCHUNGEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~ 5. FORMULARE - algemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /*.hg_form { background-image:url(../pics/hg-titel-form.gif); height:23px; background-repeat:repeat-x; font-weight: bold; color: #FFFFFF; padding: 3px;} .boxP5-form { background-image:url(../pics/bg_body.gif); background-repeat: repeat; border:1px solid #B4B4B4; padding: 5px 5px 5px 5px; background-color:#D8EAF5;} .bg_body { background-image:url(../pics/bg_body.gif); background-repeat:repeat; } .bgF3p5 { background-color: #F2F2F2; padding: 5px 5px 5px 5px; }; */ .btnKl, a.btnKl:hover, a.btnKl:active {background-color:#FD9F03; border-radius: 5px; box-shadow: 1px 1px 5px #888888; vertical-align: middle; margin-left: 3px;} .btnKl, a.btnKl{cursor: pointer; border: 1px solid #474747; color:#ffffff; font-weight:bold; font-size: 11px; padding:0px 2px 0px 2px; text-decoration:none; vertical-align: middle; background-color:#3982AF !important;} .tab-wrapper {margin: 5px; padding: 5px;} /*:..... Flug Auswahl .......:*/ .tdRichtung { font-weight: bold; color: #FFFFFF; line-height: 18px; } .tdBwhite { font-weight: bold; color: #FFFFFF; text-align:center; } .tdBezeichnungFA { font-weight: bold; font-size:10px; color: #FFFFFF; background-color: #F28B00; padding: 2px 0px 5px 7px; } .tdPad { padding: 2px 0px 5px 7px; } .tdFlugAusw { font-weight: bold; color: #333333; line-height:25px; } .tdFlugAktiv { font: bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #F28B00; } .tdFlugRes { font: bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color: #51A5C5; } .FlugAusPreis { font: bold 15px/25px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-image:url(../pics/hg-titel-form.gif); height:25px; background-repeat:repeat-x; background-color: #ea690c; padding: 3px 25px 3px 25px; } .FAusGesPreis { font: bold 15px/25px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color:#C60027; padding: 5px 25px 5px 25px; } /* ~~~ 0. LINKS UND FARBEN - Basisebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a:link, a:visited { text-decoration: none; color:#003399; } /*cursor:url("../imgsys/hand-mycursor.cur");*/ a:active, a:hover { text-decoration:none; color:#C60027; } a.no:link, a.no:visited, a.no:active, a.no:hover {text-decoration:none; background-color:transparent;} a.image_link:hover{background:transparent;} /* 'top' 'right' 'bottom' 'left'*/ .bgF1 { background-color: #1A3C8D; } /*::: Farbe BLAU ---------*/ .bgF2 { background-color: #0066FF; } /*::: Farbe Dunkel ---------*/ .bgF3 { background-color: #e9e9e9; } /*::: GRAU Hell ---------*/ .bgF9 { background-color: #EBEBEB; } /*::: GRAU mitel Hell ---------*/ .bgF4 { background-color: #ff9900; } /*::: Orange ---------*/ .bgF5 { background-color: #CCDAE1; } /*::: WEISE ---------*/ .bgFF { background-color: #ffffff; } /*::: WEISE ---------*/ .bgF6 { background-color: #bdbdbd; } .bgF7 { background-color: #0066FF; } /*::: HELL BLAU ---------*/ .bgF8 { background-color: #0093DD; } /*::: BLAU SK-LOGO ---------*/ .bgF10 { background-color: #0093DD; } /*::: BRUA mittel dunkel ---------*/ .pos_auf_rg {color: #3366CC;} /* ~~~ 2. Titeln - algemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ h1, .h1, a.h1:link, a.h1:visited { font-size: 14px; font-weight: bold; text-decoration:none; color: #ea690c; margin-bottom: 5px; padding-top: 5px; line-height:20px; } a.h1:active, a.h1:hover { text-decoration:none; color:#ffffff; background-color:#FF0000;} h2, .h2, a.h2:link, a.h2:visited { font-size: 11px; font-weight: bold; color: #000000; margin-bottom: 10px; text-transform: none; line-height:17px; } a.h2:active, a.h2:hover { color: #0066FF;} h3, .h3, a.h3:link, a.h3:visited { font-size: 11px; font-weight: bold; color: #ea690c; margin-bottom: 2px; padding-bottom: 5px; } a.h3:active, a.h3:hover { color: #0066FF;} .h3del {background-color:#C60027; } .mod_head { border:0px solid #ffffff; background-color:#ffffff; margin: 5px 0px 10px 0px;} /*~~~ TABLE MODUL HEAD ~~~~~~~~~~~*/ /* ~~~ 3. DIV-Hauptinhalt - Basisebene ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content_0 { position:relative; z-index: 0; margin-left: auto; margin-right:auto; width: 1200px; height:auto; margin-top: 10px; box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2); border-radius: 00px 00px 00px 00px; background-color: #ffffff; } /* ~~~ rinori.com MENUE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header, #header_pub { position: relative; background-color: #ffffff; z-index: 1; top: 8px; } #header { height:80px; border-radius: 30px 30px 0px 0px;} #header_pub { height:100px; width:980px;} .logo { background:transparent url(../pics/logo.png) no-repeat scroll 0 0px; display:inline; float:left; margin-left:5px; padding-top: 10px; height:75px; width:450px; z-index: 10; border:0px none #ffffff; } #main_menu { float:left; padding-left:0px; } .first_menu { border-left:4px solid #EDF3F4; border-right:4px solid #EDF3F4; } .dual_menu ul { width:176px !important; } .dual_menu ul li { float:left; width:88px;} .header_menu { border-right:4px solid #EDF3F4; color:#012C58; float:left; font-family:"Tahoma"; font-size:11px; height:75px; line-height:14px; padding-left:10px; padding-right:10px; } .header_menu a, .header_menu a:visited, .nav-menu-holder a, .nav-menu-holder a:visited { border:medium none; } .header_menu ul { list-style-type:none; margin-left:1px; overflow:hidden;} .header_menu ul { list-style-type:none; } /* ~~~ . rundeecken ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .eck_top_left {background-image:url(ear11.gif);} .horizontal_center { background-color:#FFFFFF; display:inline; float:left; font-size:2px; height:8px; padding:0; position:relative;} .side_ear { background-repeat:no-repeat; display:inline; float:left; font-size:2px; height:8px; padding:0; position: relative; width:8px; } .eck_top_right {background-image:url(ear12.gif);} .eck_btm_left { background-image:url(ear21.gif); clear:both; } .eck_btm_right {background-image:url(ear22.gif);} .rel{} /* ~~~ LISTEN FORMAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content ul.lst-std, #content_public ul.lst-std, ul.lst-std { padding-bottom:8px; width:100%; } #content ul.lst-std li, #content_public ul.lst-std li, ul.lst-std li { display:block; margin:0pt; background-image:url(imgs/pfeil-kl.gif); background-position:0pt 4px; background-repeat:no-repeat; padding:0pt 0pt 4px 12px;} #content ul.lst-std ul li, #content_public ul.lst-std ul li, ul.lst-std ul li { list-style-image:none; list-style-position:outside; list-style-type:none;} #content ul, #content_public ul, #seiteTright ul { margin-top: 10px; margin-bottom: 10px; } #content ul.lst-links li a, #content_public ul.lst-links li a, #servMenue ul.lst-links li a { margin-left:0px; padding-bottom:4px; cursor:pointer;} #content ul.lst-links, #content_public ul.lst-links, #servMenue ul.lst-links { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0pt; padding:0px; } #content ul.lst-links a, #content_public ul.lst-links a, #servMenue ul.lst-links a { background-image:url(imgs/pfeil_link.png); background-position: 0pt 3px; background-repeat:no-repeat; padding:0pt 0pt 0pt 8px; text-decoration:none;} /* ~~~ 3.1. EBENEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content { background-color: #ffffff; border-bottom: 0 none #ffffff; border-left: 0 none #ffffff; border-right: 0 none #ffffff; left: 0; min-height: 400px; padding: 5px; position: relative; top: 0; z-index: 3; } .sprache_txt, a.sprache_txt, .logout a {background:url(imgs/cross.gif) no-repeat 0px 4px; padding-left: 10px; color: #666666; margin-right: 5px;} .logout { z-index: 2; position: absolute; top: -10px; left: 160px; width: 250px; height:20px;} .nav-hotline-phone { color: #003399 !important; display: inline; font-size: 10px !important; left: 700px; position: absolute; top: 35px; width: 275px; z-index: 2; } .telTop { float: right; padding-left: 15px;} #sprache { z-index: 2; position: absolute; top: 2px; left: 800px; width:200px; height:20px; /* border: 1px solid #000; */} .sprache_publik { z-index: 2; position: absolute; top: 7px; left: 800px; width:170px; height:20px;} #sprache a, .sprache_publik a {background:url(imgs/cross.gif) no-repeat 0px 3px; padding-left: 9px; color: #666666; margin-right: 5px;} .telTop {color:#293f61 !important; display:inline; z-index: 2; font-size:9px !important; position: absolute; top: 32px; left: 647px; width: 300px; } #content {position:relative; z-index: 3; top: 0px; left: 0; min-height:700px; background-color:#ffffff; padding: 5px; /* border-left: 1px solid #FDB813; border-right: 1px solid #FDB813; border-bottom: 1px solid #FDB813; */ } /*~~~ BOX & PADD-Margins ~~~~~~~~~~~~~*/ .boxGrau {border: 1px solid #ABADB3; } .box1P5 {border: 1px solid #d5d5d5; padding: 5px;} #p5, .p5 { padding: 5px 5px 5px 5px; } .p0 { padding: 0px!important; } .pR2 { padding: 2px; } .p10 { padding: 10px; } .pL10 { padding-left: 10px; } .pT5 { padding-top: 5px; } .pL15 { padding-left: 15px; } .pL20 { padding-left: 20px; } .pLSuche{ padding-left: 145px; } .pB5 { padding-bottom: 5px; } .pR5 { padding-right: 5px!important; } .pT4 { padding-top: 4px;} .pTB10 { padding: 10px 3px 10px 3px;} .marB2 { margin-bottom: 2px; } .marT2 { margin-top: 2px; } .marB5 { margin-bottom: 5px !important; } .marL10 { margin-left: 10px !important; } .marL5 { margin-left: 5px !important; } .marR5 { margin-right: 5px !important; } .mR2 { margin-right: 2px; } .marR20 { margin-right: 20px !important; } .marB10 { margin-bottom: 10px; } .marB20 { margin-bottom: 20px; } .marL15 { margin-left: 15px; } .marL20 { margin-left: 20px; } .marR20 { margin-right: 20px !important; } .marR10 { margin-right: 10px !important; } .m10 { margin: 10px 10px 10px 10px; } .m0 { margin: 0 !important;} .mT-3 { margin-top: -3px !important;} .weiter { padding-right: 5px; text-align: right;} .linePunktT { border-top:1px dotted #ea690c;} .linePunktB { border-bottom:1px dotted #ea690c;} #hintergrund { height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: -1; } /*#cpoy_foot { margin-top: 5px; color: #ffffff; text-align: center; position: relative; height:20px; padding: 5px 10px 2px 10px; top:2px; z-index: 10; border-top: 5px solid #a41222; vertical-align:super;} */ div.cpoy_foot { border-top: 5px solid #6b6c70; background-color: var(--user_color-2); clear: both; font-size: 12px; margin: 20px 0 10px 0; position: relative; z-index: 1; border-radius: 0px 0px 0px 0px; } div.cpoy_foot .links { border-top: 1px solid #D5D2CA; clear: right; min-height: 25px; padding: 10px; position: relative; z-index: 2000; color: #ffffff;} a.copyLink:link, a.copyLink:visited {text-decoration: none; background-color:transparent; color: #ffffff; padding: 3px;} a.copyLink:active, a.copyLink:hover {text-decoration:none; color: #ffffff; padding: 3px;} /*IMAGES und POS*/ .FlR { float:right; } .FlL { float:left; } .clearB { clear: both;} .posRel { position: relative;} .FlRlogg{ float:right; margin-right: 32px; } .FlLlogg{ margin-left: 5px; } /*float:left; */ .VA { vertical-align: middle;} .VAt { vertical-align: top;} .iconVM { vertical-align: middle; margin: 1px 1px 1px 1px; cursor: pointer;} /* ~~~ 4. TEXT - algemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .txtB, .txtB td { font-weight: bold; } a.txtB:link, a.txtB:visited { text-decoration:none; color:#000000; } a.txtB:hover, a.txtB:active { text-decoration:none; color:#0093dd; } .txtF4B { font-weight: bold; color:#ea690c; } .txtBF2 { font-weight: bold; color:#0066FF; } .txtF4 { color:#ea690c!important; } .gruen { color:#10780E; } .gruenB { font-weight: bold; color:#10780E; } .rot { color:#C60027;} .orang { color:#ea690c !important;} .rotB { font-weight: bold; color:#C60027; } .rotBg, .rotBg a { font-weight: bold; font-size: 13px; background-color:#D9070F; color: #FFFFFF; padding: 2px; } .blauBg, .blauBg a{ font-weight: bold; font-size: 13px; background-color:#377CA8; color: #FFFFFF; padding: 2px; } .BGrot, .BGblau a { font-weight: bold; background-color:#D9070F; color: #FFFFFF; padding: 2px; } .BGblau, .BGblau a{ font-weight: bold; background-color:#377CA8; color: #FFFFFF; padding: 2px; } .BGgruen,.BGgruen a{ font-weight: bold; background-color: #8ECB4C; color: #FFFFFF; padding: 2px; } .blauBgm, .blauBgm a{ font-weight: bold; font-size: 13px; background-color:#377CA8; color: #FFFFFF; padding: 2px; } .orangeBgm, .orangeBgm a{ font-weight: bold; font-size: 13px; background-color:#d77600; color: #FFFFFF; padding: 2px; } .rotBg, .rotBg a, table.tab-fluege-doppelt td,.blauBg, .blauBg a, .BGrot, .BGblau a, .BGblau, .BGblau a, .BGgruen,.BGgruen a, .blauBgm, .blauBgm a{ font-weight: bold; font-size: 13px; color: #FFFFFF !important; padding: 2px; } .GROSS { text-transform: uppercase;} .summeGB {font-size: 13px; text-decoration: underline; font-weight: bold; color:#10780E;} .summeRB {font-size: 13px; text-decoration: underline; font-weight: bold; color:#D9070F;} .orang { color:#ea690c !important;} .miniB { font-size: 9px; font-weight: bold;} .mini { font-size: 9px!important;} .miniRot{ font-size: 9px; text-decoration:none; color:#C60027; } .blau { color: #003399!important;} .mini7Grau{ font-size: 7px; text-decoration:none; color:#4f4f4f; } .fs7 { font-size: 7px !important;} .fs10 { font-size: 10px !important;} .fs11 { font-size: 11px !important;} .fs12 { font-size: 12px !important;} .fs13 { font-size: 13px !important;} .fs14 { font-size: 14px !important;} .fs15 { font-size: 15px !important;} .fs16 { font-size: 16px !important;} .fs18 { font-size: 18px !important;} .fs20 { font-size: 20px !important;} .ftGrau { color: #7F7F7F !important;} .lh25 { line-height: 25px; } .fwB { font-weight: bold;} .fcFF {color: #ffffff !important;} .lh20 { line-height: 20px; } .lh17 { line-height: 17px; } .fwB, .fwB a { font-weight: bold !important;} .fcFF {color: #ffffff} .fwB { font-weight: bold;} .fwN { font-weight: normal !important;} .fcFF, .fcFF i, .fcFF a, .fcFF span {color: #ffffff !important;} .ftU { text-decoration:underline;} .w100p {width: 100%;} .w350 {width: 350px;} .w450 {width: 450px;} .w100 {width: 100px;} .mw100 {min-width: 100px;} .w70 {width: 70px;} .w80 {width: 80px;} .w60 {width: 50px;} .w45 {width: 45px;} .w120 {width: 120px;} .w650 {width: 650px;} .w800 {width: 800px;} .h50 {height: 50px;} .h35 {height: 35px!important;} .h250 {height: 250px!important;} .h350 {height: 350px!important;} .h500 {height: 500px!important;} .orange { color: #e75c00!important;} .buchenSchritt { color: #00577E; text-transform: uppercase; text-decoration:none; background-color : #FFFFFF; } .buchenSchrittA { font-weight: bold; color: #00577E; text-transform: uppercase; text-decoration:none; background-image:url(../pics/icon_flugzeug_bl.gif); background-repeat:no-repeat; background-color : #FFFFFF; } .ok { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #10780E; background-image:url(../pics/bok.gif); background-repeat:no-repeat; padding: 5px 10px 10px 35px; background-color:#FFFFFF; border: 1px solid #10780E; line-height: 30px; } .error, #b_namen_submit_error {font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #C60027; text-align : left; background-image:url(../imgsys/b_delete-rt.png); background-repeat:no-repeat; padding: 10px 10px 15px 35px; border: 1px solid #C60027; background-color:#FFFFFF; } .hinweis{font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align : left; background-image:url(../imgsys/s_warn.png); background-repeat:no-repeat; padding: 10px 10px 15px 35px; border: 1px solid #C60027; background-color:#FFFFFF; } .boxP5 { border:1px solid #B4B4B4; padding: 5px 5px 5px 5px; vertical-align: top;} .cont-box { vertical-align:top; border-bottom: 1px solid #C60027; border-left: 1px solid #C60027; border-right: 1px solid #C60027; background-color: #F5F5F5; height: 300px; padding: 5px 5px 5px 5px; } .imgbox { border:1px solid #009378; } .boxF1 { border:1px solid #FDB813; } .vam { vertical-align: middle;} .vab { vertical-align: bottom;} .tac { text-align: center;} .taC { text-align: center;} .taR { text-align: right;} .img_btn { border: 0px solid #000000; cursor: pointer; margin: 2px; vertical-align: middle;} .LinieU { border-bottom: 1px solid #000000;} .flug_daten { font: bold 10px Verdana, Arial, Helvetica, sans-serif; } .tdBwhite { font-size: 11px; color: #FFFFFF; text-align:center; } a.tdBwhite:link, a.tdBwhite:visited { text-decoration:none; color:#C60027; } a.tdBwhite:hover, a.tdBwhite:active { text-decoration:underline; color:#FFFFFF; } /* ~~~~~~~~~ NEWS ÜBERSICHT ~~~~~~~~~~~~~~~~~| 'top' 'right' 'bottom' 'left' |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .nesw_uebers {background-color:#E9E9E9; padding: 10px; margin-bottom: 10px; } /* ~~~~~~~~~ MEIN NAVIGATION FÜR PUBLIC MENU ~~~~~~~~~~~~~~~~~| 'top' 'right' 'bottom' 'left' |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #navi_func_public {z-index: 4; top: 0px; left: 0; border: 0px solid red; background-color:#ffffff; } /* ~~~~~~~~~ MEIN NAVIGATION FÜR FUNKTIONEN ~~~~~~~~~~~~~~~~~| 'top' 'right' 'bottom' 'left' |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #navi_func {z-index: 4; position: relative; top: 0px; left: 0; border: 0px solid red; background-color:#ffffff; } #navi_func td.navi_a{text-align:center; border-left: 1px solid #73757c; border-right: 1px solid #73757c; vertical-align: top;border-top: 1px solid #73757c; background-color:#f5f5f5; padding-top:4px;} #navi_func td.navi_aa{text-align:center; background-color:#DFE5FF; border-left: 2px solid white; border-top: 3px solid #fff; border-right: 2px solid #fff; } #navi_func td.navi_end{text-align:center; background-color:#DFE5FF;border-top: 3px solid #fff;padding-top:1px; } #navi_func td.navi{text-align:center; background-color:#DFE5FF; border-right: 2px solid #fff; border-top: 3px solid #fff; } #navi_func a.active {padding:0px 9px 3px 9px; display:block; background-color:#f5f5f5; white-space:nowrap; color:var(--primary-color) !important; font-weight: bold;} #navi_func a.inactiv{padding:0px 9px 3px 9px; display:block; white-space:nowrap; border: 1px solid #5892B5; font-weight: bold; color:#252525;} #navi_func a:hover{color:var(--primary-color); background-color:#f5f5f5;} #navi_func td.nav_px{border-bottom:1px solid #73757c;} #navi_func #sub_func{ min-height:20px; border-left: 1px solid #73757c;border-right: 1px solid #73757c; background-color:#f5f5f5; border-bottom: 1px dotted #73757c;} #navi_func #sub_func a:link, #navi_func #sub_func a:visited {color:#252525; font: 11px Arial,Helvetica,Geneva,sans-serif; } #navi_func #sub_func a:hover {color:#ffffff; background-color:var(--primary-color); padding-bottom: 1px; border-bottom: 2px solid #73757c; font: 11px Arial,Helvetica,Geneva,sans-serif; } #navi_func #sub_func a.act:link, #navi_func #sub_func a.act:visited, #navi_func #sub_func a.act:hover{color: #ffffff; background-color:var(--primary-color); padding-bottom: 1px; border-bottom: 2px solid #73757c; font-weight: bold; text-align:center;} #navi_func #sub_func:hover { min-height: 20px; } #navi_func #sub_func ul {list-style:none; margin:0px 0px 0px 9px; padding:1px 0px 2px 0px; border:none;} #navi_func #sub_func li {display:inline-block; margin:0px 5px 5px 5px; white-space: nowrap; overflow-wrap: normal;} #navi_func #sub_func li a {padding:2px 5px 2px 5px;} #navi_func #sub_func:hover { min-height: 20px; height: auto !important; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~ SUBMENU PUBLIK ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .sub_menu { padding: 10px; } .sub_menu h3 { font-weight: bold !important;} a.smenuA, a.smenu:hover, a.smenu:active, a.smenu:hover{ color: #CF5C00; display: block; font-weight: bold; background:url(imgs/pfeil_link.png) no-repeat 0px 3px; padding:0pt 0pt 4px 12px; } a.smenu { display: block; font-weight: bold; background:url(imgs/pfeil_link.png) no-repeat 0px 3px; padding:0pt 0pt 4px 12px; } /* ~~~ 5. FORMULARE - algemein ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .homeBookForm{ border: 1px solid #0098da;} /* background:url(form_hg.jpg) no-repeat 0px 0px; */ .homeLogForm{background-color: #ffffff; padding: 10px 0px 5px 20px; border: 0px solid #0098da;} .input_txt_logForm { font-size:12px; font-weight:bold; color: #000000; border: 1px solid #0098da; padding-left:5px; height: 17px; background-color: #ffffff; } a.btnLink:hover, a.btnLink:active {background-color:#427dff; border-radius: 10px; padding:2px 9px 4px 23px; font-weight:bold; } .btnLink,a.btnLink {background:#a41222 url(../pics/pfeil-ff_s.gif) no-repeat scroll 10px 7px; color:#ffffff !important; font-weight:bold; padding:2px 9px 4px 23px; text-decoration:none; border-radius: 7px; transition: background-color 0.5s ease 0s; } .hg_form { height:30px; font-weight: bold; vertical-align: bottom; font-size: 14px; padding-bottom: 5px; color: #427dff; } .boxP5-form { padding: 5px 10px 25px 10px; background-color:#f8f8f8; border-radius: 10px; box-shadow: 2px 2px 10px #b4b4b4;} .bg_body { background-color:#f8f8f8; } .bgF3p5 { background-color: #F2F2F2; padding: 5px 5px 5px 5px; }; form input.input_txt {width:98%; margin: 0 0 2px 0; vertical-align: middle; line-height: 25px; border:1px solid #0093dd; } form input[type="password"] {width:100px; line-height: 25px; border:1px solid #B4B4B4; } .input_txt { font-size:11px; font-weight:bold; color: #000000; border: 1px solid #0093dd; padding-left:5px; height: 17px; background-color: #FFFFFF; } .inpW500{width: 500px;} .input_filter { margin-left: 5px; font-size:11px; font-weight:bold; width:150px; color: #000000; border: 1px solid #0093dd; padding-left:5px; height: 17px; background-color: #FFFFFF; } .inp-datum_s2 { padding: 2px 0px 0px 5px; margin: 2px 2px 0px 5px; font-size:11px; font-weight:bold; width:100px; color: #000000; border: 1px solid #FDB813; height: 15px;} .blaetern-s2 { margin-top: 3px; background-color: #F2F2F2; padding: 0 0 5px 10px;} .selecHomeForm { width: 170px; min-height: 20px; } /*~~~~~ BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ button { border: 3px solid #CCCCCC; cursor:pointer; font-weight:bold; padding:0 10px 0 0; text-align:center; } button span { cursor:pointer; border:0; position:relative; display:block; white-space:nowrap; padding:0 0 0 10px; margin:0 10px 0 10px;} /* blue buttons */ button.btn_blaugruen {border: 0; background:url(btn_blau_r.gif) right no-repeat; font-size:1.5em; } button.btn_blaugruen span { border: 0; height:50px; line-height:50px;background:url(btn_blau_l.gif) left no-repeat;color:#fff; } button.btn_blaugruen:hover {border: 0; background:url(btn_gruen_r.gif) right no-repeat; } button.btn_blaugruen:hover span {border: 0; background:url(btn_gruen_l.gif) left no-repeat; } /* select,.select,option { min-width: 25px; font-size: 11px; font-weight: bold; color: #000000; background-color : #ffffff; padding-left: 5px; border: 1px solid #000; margin: 2px;}*/ select,.select, option { min-height: 20px !important; min-width: 25px; font-size: 11px; font-weight: normal; background-color : #ffffff; padding-left: 5px; margin: 2px;} select,.select, option { border: 1px solid #8CA6B8; background-color: #ffffff; min-height: 25px;} option { border: 1px solid #ffffff;} select,.select,option { min-width: 25px; font-size: 11px; font-weight: bold; color: #000000; background-color : #ffffff; padding-left: 5px; margin: 2px;} select,.select,option { border-color: #7b7b7b #ececec #ececec #7b7b7b; border-width: 1px; border-style: solid; } .btnRot { margin-left:5px; margin-bottom:5px; font-size:12px; color:#FFFFFF; border: 3px solid #3366CC; cursor:pointer; font-weight:bold; padding:3px; text-align:center; background-color: #D9070F;} select,.select,option { min-width: 25px; font-size: 11px; font-weight: bold; background-color : #ffffff; padding-left: 5px; margin: 2px;} select,.select,option { border-color: #7b7b7b #ececec #ececec #7b7b7b; border-width: 1px; border-style: solid; } option { border: 1px solid #ffffff;} .btnRot { background-color: GoldenRod; border: 3px solid #FF6600; color: #FFFFFF; cursor: pointer; font-size: 12px; font-weight: bold; margin-bottom: 5px; margin-left: 5px; padding: 3px; text-align: center; } .btnRot { margin-left:5px; margin-bottom:5px; font-size:12px; color:#FFFFFF; border: 3px solid #3366CC; cursor:pointer; font-weight:bold; padding:3px; text-align:center; background-color: #D9070F;} select,.select,option { min-width: 25px; font-size: 11px; font-weight: bold; background-color : #ffffff; padding-left: 5px; margin: 2px;} select,.select,option { border-color: #7b7b7b #ececec #ececec #7b7b7b; border-width: 1px; border-style: solid; } .btnRot { margin-left:5px; margin-bottom:5px; font-size:12px; color:#FFFFFF; border: 3px solid #3366CC; cursor:pointer; font-weight:bold; padding:3px; text-align:center; background-color: #C60027;} .selectR { font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #C60027;} .selectF { font: bold 12px Verdana, Arial, Helvetica, sans-serif; background-color : #ffffff; cursor: pointer; } .feld3k { font-weight: bold; color : #0066FF; padding-left: 5px; border: 1px #666666 solid; background-color: #f5f5f5;cursor:default;} .inp_txt { margin: 0 3px 3px 0; padding: 1px 0 0 3px; border:1px solid #B4B4B4; min-height: 22px; font-weight:bold; vertical-align: middle;} .inp_mobile { width : 200px; margin-right: 10px;} .inp_textarea { width : 355px; height: 50px; } .area { font: 11px Verdana, Arial, Verdana, Helvetica; padding-left: 3px; border:1px solid #b2b2b2; width:220px; height:100px; background-color:#f5f5f5; overflow:Auto;} .radio { cursor: pointer; background-color:#E4E9F4; border:0px none #ffffff; vertical-align: middle; } .lab-radio { cursor: pointer; border:0px none #ffffff; padding: 0px 2px 2px 1px; margin-right: 5px; vertical-align: super;} .blitzText {width:450px; height:200px; padding: 5px; font-weight: bold;} .img_img_edit { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; width: 45px; color: #3366CC; background-color: #FFFFFF; padding-left: 17px; border: 1px #3366CC solid; margin: 1px; cursor: pointer; background-image:url(../imgsys/disk.gif); background-repeat:no-repeat; background-position: 1px 1px;} .img_img_del { font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; width:45px; color: #CC0000; background-color: #FFFFFF; padding-left: 15px; border: 1px #CC0000 solid; margin: 1px; cursor:pointer; background-image:url(../imgsys/b_drop.png); background-repeat:no-repeat; background-position: 1px 1px;} .tr_aktion_mouse_over { border-width:2px; border-style:solid; border-color:red; } .tr_aktion { background-color: #fff; } /* die ganze Zeit Hintergrundfarbe, da sonst IE nur auf dem Text oder Bild mouseover registriert */ legend {font-weight: bold; font-size:11px; color: #FFFFFF; background-color: #F28B00; padding:1px;} fieldset { margin:0; border:1px solid #B4B4B4; padding:0px 10px 10px 10px; background-color:#FFFFFF; border-radius: 10px; } form.namen_eingeben_form select, form.namen_eingeben_form option { padding-left: 2px !important; margin: 0px !important; margin-bottom: 1px !important; min-width:10px; } /*1px>Top 1px>R 1px>U 3px;>L */ /*--- LIMIT CSS -*/ .table_login { border: 1px solid #B12B08; background-color : #FFFFFF;} /*::: Seiten-LIMIT-Menü --------*/ #seitenLimit, .seitenLimit { margin:5px 0px 5px 0px; padding:5px 5px 5px 5px; height:20px; background-color:#ffffff; border: 1px dotted #5B5B92;} .Limit { font: bold 12px Arial, Helvetica, sans-serif; line-height: 13px; text-decoration: none; text-align:center; color: #5B5B92; padding: 0px 3px 0px 3px; } a.Limit:link, a.Limit:visited, a.Limit:active { font: bold 12px Arial, Helvetica, sans-serif; line-height: 13px; text-decoration: none; text-align:center; width: 15px; border: 1px solid #5B5B92; } .LimitA, a.Limit:hover, a.LimitA:link, a.LimitA:visited, a.LimitA:active, a.LimitA:hover{ font: bold 12px Arial, Helvetica, sans-serif; line-height: 13px; text-decoration: underline; text-align: center; color: #FFFFFF; width: 15px; border: 1px solid #006600; background-color: #5B5B92; } .MarginTop35 {margin-top:35px;} div.budget { text-align: center; position: absolute; left: 430px; top: 0px; min-width: 200px; z-index: 800; background-color:#ffffff; color:#23578A; font-size:13px; font-weight:bold; border-top-left-radius: 5px; border-top-right-radius: 5px; } table.budgettab { background-color:#ffffff; box-shadow: 1px 1px 10px #888888; border-top-left-radius: 5px; border-top-right-radius: 5px;} table.budgettab td {font-size: 12px; border-bottom: 1px solid #ffffff;} table.budgettab th {font-size: 10px; color: #033E5C; border-bottom: 1px dotted #23578A;} td.budgetTit {background-color: #23578A; color: #ffffff;} table.budgettab {border: 1px solid #23578A; color: #014090;} div.blitznachrichten {position: absolute; left: 35px; top: 50px; min-width: 30px; z-index: 800; cursor: pointer;} div.blitznachricht_anzeigen {position: absolute; left: 40px; top: 100px; width : 600px; background-color: #FF0; border: 8px double #4D2600; color:#000; padding: 10px; font-weight:bold; z-index: 800; border-radius: 15px; box-shadow: 0px 0px 10px #000;} .confirm-budget {background-color: #79B436; color: #ffffff; padding: 2px;} .buchung_muss_bald_confirm {border: 1px dotted #D9070F;} div.blitznachricht_anzeigen td {color: #000; font-weight: bold;} div.zahlungAngeben td, div.zahlungAngeben div {font-size: 12px; font-weight:bold !important;} div.zahlungAngeben div {width: 95%; padding: 5px; font-size: 11px; color:#1F1F1F; height: auto; background-color: #CFE5FF; border-bottom: 1px dotted #000000; text-align:center; } div.zahlungAngeben { position: fixed; z-index: 800; /*left: 50px; top: 200px; */ padding: 17px 15px 25px 15px; min-width: 450px; min-height: 240px; border: 1px solid #929292; border-radius: 15px; margin-left: 30%; margin-top:auto; top: 25%; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; box-shadow: 1px 1px 10px #888888; } #sms_textarea{width: 365px; height: 100px; overflow: auto; padding: 10px; color: #000; margin-top: 7px; margin-bottom: 5px;} .nowrap { white-space: nowrap; } * html #content ul.lst-std ul { margin-top:-1.2em;} /* ~~~ 3.1. PUBLIC-EXTRA EBENEN IN DIE datei publick.css übernehmen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #content_0pub { position:relative; z-index: 0; margin-left: auto; margin-right:auto; width: 990px; min-height:500px; margin-top: 10px; border: 0px solid #ffffff; } #content_public {position: relative; z-index: 3; top: 0px; left: 0; width:980px; padding: 6px 0 0 0; background-color: #ffffff; min-height:375px;} /* ~~~ HOME SPEZIALS OFFER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .special-offer { border-bottom:4px solid #EDF3F4; border-top:4px solid #EDF3F4; height:212px; margin-left:20px; } .spec_sticker { background:transparent url(../pics/top_angebote.gif) repeat scroll 0 0; top: 0px; height:91px; margin:70px 0 0 280px; position:absolute; width:90px; } /* ~~~ 3.2. HOME DIVs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /*.left_column_pub { position: relative; top: 5px; left: 0; float:left; width:623px; } .right_column_pub { position: relative; top: 5px; left: 0; float:left; height:280px; width:355px;} .picture_area { margin:0; padding:0;} #FlugPlanEineDestination table { width: 405px !important;} #seiteTop { position: relative; top: 0px; left: 0;} .seiteTleft { float: left; width: 260px; margin-right: 10px;} .seiteTcenter { position: relative; float: left; top: 0; left: 0px; width: 450px; margin-right: 0px; border: 0px none #fff; margin-right: 10px;} .seiteCont { position: relative; float: left; top: 0; left: 0px; width: 708px; margin-right: 0px; border: 0px none #fff;} .seiteTright { position: relative; float: left; top: 0; left: 0px; width: 250px; border: 0px none #fff;} .myBooking { position: relative; float: left; top: 0; left: 0px; width: 100%; border: 0px none #fff;} .InfoTitBox1{ font-size: 14px; font-weight:bold; color: #C60027; border-bottom: 2px solid #00336F; padding: 5px; margin-bottom: 8px; padding:1px;} .formHomeLeft {float:left; top: 0; padding-left: 10px;} */ /* .InfoTitBox{ font-size: 12px; color: #222222; background-color: #CCCCCC; border-bottom: 2px solid #004497; padding:5px;} .titHomeNews {font-size: 11px; font-weight:bold; color: #0093DD; background-color: #DCDCDC; border-bottom: 2px solid #0093DD; padding:3px; margin-bottom: 2px;} .tdP5 td { padding: 4px 5px 0px 5px; } .tdP0 td { padding: 3.5px; } */ .wNtit{width: 239px} .buch_s2Tab td {vertical-align: text-top; } .buchen_flugInfoR {vertical-align: text-top; /* die Informationen zum Flub mit einen Hintergrung machen */} .tab-wrapper { background-color:#ffffff; padding:0 0 10px 0px;} #div_buchen {width:965px; background-color: #ffffff;} #seitenTexte,#flplandivinnen {margin-top: 0px; width:100%; padding: 0px; min-height: 600px; /* background-color:rgba(255, 255, 255, 0.75);*/ } /* ~~~~~~~~~~~~~~~~~~~~~~~ RUNDE ECKEN ~~~~~~~~~~~~~~~~~~~~~~~*/ .round_box {background: url(transp-w.png) repeat top left; /* leider nur in FF Transparent HG: rgba(255, 255, 255, 0.75);*/; margin: 20px 10px 12px 10px; } .round_top div { background: url(r_t_l.png) no-repeat top left; } .round_top { background: url(r_t_r.png) no-repeat top right;} .round_bottom div { background: url(r_b_l.png) no-repeat bottom left; }.round_bottom { background: url(r_b_r.png) no-repeat bottom right;} .round_top div, .round_top, .round_bottom div, .round_bottom { height: 20px; width: 100%; font-size: 1px; } .round_content { margin: 0 20px; } /* ~~~~~~~~~~~~~~~~~~~~~~~ ENDE RUNDE ECKEN ~~~~~~~~~~~~~~~~~~~~~~~*/ /* ~~~~~~~~~~~~~~~~~~~~~~~ TODO ~~~~~~~~~~~~~~~~~~~~~~~*/ .todo_aktive {display: inline; position:relative; font-size: 12px !important; background-color: #C60027 !important; font-weight: bold; color: #ffffff !important; padding: 0 2px 0 2px; top: 3px; left: -5px; margin-right: 10px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ table_styles.css ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 'T' 'R' 'B' 'left'*/ #neues_fenster {z-index: 5000;} .js_popup {position: absolute; left: 100px; border: medium groove #b2b2b2; text-align: center; padding: 10px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top;} .js_popup textarea, .CSSpopup textarea {width: 400px; height: 40px; overflow: auto; padding: 10px; color: #000; margin-top: 7px;} .js_popup textarea.notiz_admin, .CSSpopup textarea.notiz_admin {width: 400px; height: 30px; overflow: auto; padding: 10px; color: #000; margin-top: 7px;} .CSSpopup{height: 550px; min-width: 500px; left: 250px; } .CSSpopup, .kunde_zuordnung, .booking_popup, .booking_popupundefined { position: absolute; padding: 10px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #b2b2b2; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 30px #888888; overflow: auto; z-index: 1000; } .CSSdokupopup { position: absolute; left: 400px; padding: 10px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #b2b2b2; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 30px #888888; overflow: auto; min-height: 250px; width: 450px; } .kunde_zuordnung { max-width: 1050px; margin-left: 15%;} #notiz_div { z-index: 1;} button.popup_btn, input.popup_btn { padding: 5px; font-weight: bold; text-align:center; color: #FFFFFF; background-color: #3366CC; background-repeat:repeat; cursor:pointer; border-radius: 10px; box-shadow: 0px 0px 5px #888888; border: 1px solid #888888; margin: 7px 10px 5px 10px; } button.notiz_abr, .notiz_abr, .abbr_kl_popup {color: #FFFFFF; background: #D9070F!important; cursor:pointer; font-size: 11px; border-radius: 5px; box-shadow: 0px 0px 5px #888888; padding:3px 5px 3px 5px !important; border: 1px solid #888888; margin: 7px 10px 5px 10px; text-align:center; cursor:pointer; } .CSSpopupTit i { font-size: 16px; color:#005da8; font-weight: bold;} .CSSpopupTit { font-size: 14px; color:#005da8; font-weight: bold; border-bottom: 1px dotted #FF9900; border-left: 5px solid #FF9900; margin-bottom: 5px; padding: 2px 5px 2px 15px;} .js_popup div { text-align: center; font-size: 12px; color:#005da8; height: 25px; text-decoration: underline; font-weight: bold;} .ok_kl {height: 25px; width: 35px; font-weight: bold; color: #FFFFFF; border: 1px solid #000000; margin: 0 5px 0 0; cursor:pointer; background-color: #3366CC; background-image:url(../pics/hg-titel-form.gif); background-repeat:repeat;} .abbr_kl{height: 25px; width: 40px; color: #FFFFFF; font-weight: bold; background-color: #C60027; border: 1px dashed #000000; cursor:pointer;} .abbr_kl_popup {text-align:center; font-size: 10px !important; font-weight: normal !important; color: #FFFFFF; background-color: #BCBDBF; border: 1px dotted #000000; cursor:pointer;} .veraendert { background-color : #80FF80 } .statusimg {border: 1px solid #D9070F;} #history_manager { color: #000066; font-size: 9px; left: 655px; position: absolute; text-align: right; text-transform: capitalize; top: 30px; width: 450px; z-index: 500; } #history_manager a.hisMan:link, a.hisMan:visited {font-size:9px; border-bottom: 1px solid #427dff; border-left: 3px solid #427dff; color:#555555; background-color:#f5f5f5; margin-right: 5px; padding: 1px;} #history_manager a.hisMan:active, a.hisMan:hover {font-size:9px; border-bottom: 1px dotted #000066; border-left: 3px solid #000066; color:#427dff; background-color:#f5f5f5; margin-right: 5px; padding: 1px;} .agent{color: #3D3734; background-color: #FDB813; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 11px; border: 1px solid #FFB50A; cursor: pointer;} .buchNr{color: #3D3734; background-color: #FDB813; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 12px; border: 1px solid #FFB50A;} .e_tNr{color: #ffffff; background-color: #41BFF0!important; border: 1px dotted #41BFF0; font-size: 10px; } .agent_home{cursor: pointer; color: #3D3734; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 11px;} .buchNrHome{border-radius: 5px; color: #ffffff; background-color: #007FC3; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 12px;} .confirmed {color: #ffffff !important; background-color: #3BBF7E; padding: 2px; font-weight: bold; border: 0px dotted #7F7F7F;} .ff_details { margin: 5px 0 10px 0; table-layout:auto; width: 900px; background-color: #F5F5F5; border: 1px solid #7F7F7F;} .ff_details td { padding: 3px;} .ff_details th {padding: 3px; font-size:11px; font-weight: bold; background-image:url(../pics/hg-titel-form_grau.gif); height:23px; background-repeat:repeat; color:#FFFFFF;} .ff_destination { font-size: 15px; font-weight: bold; color: #003399; background-color: #F5F5F5;} .ff_daten {font-size: 12px; color: #003399;} .tab_details { margin: 5px 0 10px 0; table-layout:auto; width: 800px; background-color: #2E9072; border-collapse:separate; border-spacing:1px; border: 0px solid #7F7F7F;} .tab_details th {padding: 3px; font-size:11px; font-weight: bold; background-image:url(../pics/hg-titel-form_gruen.gif); height:23px; background-repeat:repeat; color:#FFFFFF;} .tab_details td { padding: 3px; background-color: #FFFFFF;} .dest_umb_schr2 { margin: 5px 0 10px 0; table-layout:auto; width: 400px; background-color: #F5F5F5; border-collapse:separate; border-spacing:1px; border: 1px solid #7F7F7F;} .dest_umb_schr2 td { padding: 3px; background-color: #FFFFFF; font-size: 11px; font-weight: bold;} /* 'T' 'R' 'B' 'left'*/ .buchungs_nr_ende { top: 0px; left: 0px; padding: 10px 10px 50px 10px; height: auto; background-color: #F2F2F2; border-radius: 10px; border: 0px solid #7F7F7F; } .buchungs_ende_txt { background-color: #F2F2F2; font-size: 15px; color: #3366CC; font-weight: bold; font-size: 15px; } #b_namen_submit_error { position: relative; top: 0px; } #meine_fluege { position: relative; top: 0px; left: 0px; height: auto; } .mein_auswahl_flug_hin { display: inline; margin: 10px; margin-left:0px; float: left; max-width: 350px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #B4B4B4; padding: 10px; } .mein_auswahl_flug_ruk { display: inline; margin: 10px; margin-left:0px; position: static; float: left; max-width: 350px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #B4B4B4; padding: 10px; } .mein_auswahl_flug_ruk_leer { font-size: 14px; color:#D9070F; height: 130px; font-weight: bold;} .mein_auswahl_flug_gesamtpreis { min-height: 80px; width: 650px; background-color: #FFFFFF; border: 1px solid #B4B4B4; padding: 10px; margin: 10px; margin-left:0px; text-align: center; } .mein_auswahl_flug_gesamtpreis table {text-align: center; width: 400px;} .div_abstand_links { margin-left: 20px; padding: 0px; } .namen_eingeben_form { margin-left: 0px; } .fluggast_namen td { font-weight: bold;} .fluege td { font-size: 13px; font-weight: bold; } .fluege_rgs, .fluege_rgs td { font-size: 10px; font-weight: bold; height:18px !important;} #div_hin #div_ruk .flugliste { z-index: 1; top:0px; left:0px; width:auto; height:auto; vertical-align: top; } /* 'top' 'right' 'bottom' 'left'*/ /*~~~ BUCHUNGEN: SCHRIT 2 Flugaussuchen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ table.flug_auswahl tr { border-bottom: 1px dotted #ed0410; } /**/ .ab_datum, .b_ges_preis{ font-size: 12px; color: #003399!important;} td.carrier_flugnr, td.an_zeit, td.ab_an {font-size: 10px;} td.plaetze_erw_chd {font-size: 12px;} #tab-container {position: relative;} .tab_flug_auswahl { border: 0px solid #7F7F7F;} .tab_flug_auswahl td { height: 25px; border: 0px solid #7F7F7F;} .flug_auswahl td { padding: 4px 3px 4px 3px;} .tit_flug_auswahl {font-size: 13px; font-weight: normal; background-color: #DCDCDC; color:#5a5a5a; padding-left: 10px;} .td_leer {border: 1px solid #FFFFFF; background-color: #FFFFFF;} .flug_auswahl { width: 100%; margin: 5px 0 7px 0; table-layout: fixed; border-collapse:separate; border-spacing: 1px; empty-cells: show; background-color: #dfdfdf; vertical-align: top; text-align:center;} .flug_auswahl td {border-left: 0px solid #5396BF; border-top: 0px solid #5396BF; border-bottom: 1px solid #5396BF; border-right: 0px solid #5396BF;} .th_hg_kl { min-height:22px; background-repeat:repeat-x; font-size:10px; font-weight: bold; padding: 2px;} .flug_auswahl tr.ausgewaehlterFlug td, .flug_auswahl tr.zeileMouseOver td { cursor: pointer; background-color: var(--bg-book-flug) !important; color: #ffffff !important; font-weight: bold; } .flug_auswahl tr.nichtErlaubterFlug td {background-color:#f9f9f9; color: #DF5353;} .flug_auswahl tr.flugzeile_nicht_gemeinsam_buchbar {background-color: #DFF3FF; } .flug_auswahl tr.flugzeile_richtiger_tag {background-color: #f9f9f9; color: #3982AF; } .flug_auswahl tr.flugzeile_richtiger_tag .erste { cursor:pointer; background:transparent url(../imgsys/m_radial_orang.png) no-repeat scroll 5px 5px;} .flug_auswahl tr.flugzeile_richtiger_tag td, .flug_auswahl tr.flugzeile_richtiger_tag .erste { background-color: #CFFFE8;} .flug_auswahl tr.zeileMouseOver .erste { cursor:pointer; background: var(--bg-book-flug) url(../imgsys/m_radial_gruen.png) no-repeat scroll 5px 5px;} .flug_auswahl tr.ausgewaehlterFlug .erste {cursor:pointer; background: var(--bg-book-flug) url(../imgsys/m_radial_gruen.png) no-repeat scroll 5px 5px; color: #ffffff !important; font-weight: bold;} tr.flugzeile_alter_tag .erste {cursor:pointer; background: #ffffff url(../imgsys/m_person_ok.png) no-repeat scroll 0px 0px; } .BPreisanzeige { min-height:72px; font-size: 12px; color:#5a5a5a;} .preis-anzeige { margin: 2px 0 2px 0; border-collapse:collapse; border-spacing: 0px; empty-cells: show; width: 95%;} .BPreisanzeige td { padding: 0px 3px 0px 3px; height: 14px; border: 0px solid #7F7F7F;} .flug_auswahl_preise {background-color: #F2F2F2;} .BPreisanzeige_ruk { float:right; width: 95%;} .b_balken{ width: 100px; text-align: left;} .zeileMouseOver { background-color:#3F9;} .nichtErlaubterFlug td.nichtErlaubterFlug{ background-color:#FFEFEF; color: #AFAFAF;} .flugzeile td{background-color: #FFFFFF; font-weight: bold !important; color: #3F3F3F !important;} .flugzeile_alter_tag td{background-color: #FFFFFF; font-weight: bold !important; color: #FD9F03 !important;} .gesamtPreis { position: relative; top: 20px; min-height: 80px; width: 350px; background-color: #FFFFFF; border: 1px solid #7F7F7F; padding: 10px; color: #ff9900; font-size: 13px; font-weight: bold; text-align: center; } div.gesamtPreis td { color: #4F4F4F !important;} .endpreis_tr td { font-size:20px; } #div_id_weiter { position: relative; width: 170px; z-index: 100000;} /* ~~~ TABELLEANZEIGE ALGEMEIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* table-layout: fixed;*/ table.Tabellenanzeige { margin: 10px 0 10px 0; width: 100%; border-collapse:separate; border-spacing: 1px; border: 0px solid #000; empty-cells: show; background-color: #CFCFCF; border-radius: 5px; box-shadow: 2px 2px 10px #888888; } table.Tabellenanzeige table.Tabellenanzeige { table-layout: fixed; width:100%;} .Tabellenanzeige th, .th_hg_kl th { padding: 3px; font-size:10px; min-height:15px; font-weight: bold; background-color: #f5f5f5;} .Tabellenanzeige td {padding-left: 3px; min-height: 25px;} .form-table { margin: 10px 0 10px 0; border-collapse:separate; border-spacing: 1px; empty-cells: show; background-color: #eeeeee; box-shadow: 2px 2px 10px #b4b4b4;} table.Tabanzeige { margin: 10px 0 10px 0; border-collapse:separate; border-spacing: 1px; border: 0px solid #474747; empty-cells: show; background-color: #b2b2b2; box-shadow: 2px 2px 10px #b4b4b4;} .Tabanzeige th, .form-table th {padding: 3px; font-size:11px; font-weight: bold; min-height:23px; background-repeat:repeat; } #Companies table.Tabellenanzeige { table-layout: fixed; width:95%;} .row0 { background-color: #FFFFFF; } .row1 { background-color: #EFFAFF; } .rownew { background-color: #D1EFD2; } .row-hover { background-color: #bfffe6; } .row0:hover, .row1:hover, .hover { background: none repeat scroll 0 0 #bfffe6; } .row0, .row1 { border-bottom: 1px solid #cccccc; } /*~~~ LEISTUNG IN BUCHUNGEN + FLUGVORSCHAU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .dieserFlug {font-size: 10px; color: #BFBFBF;} .andererFlug {font-size: 10px; color: #4F4F4F;} .normalerFlug {font-size: 10px;} .leistung {border: 0px dotted #7F7F7F; padding: 1px 3px 1px 0; font-size: 11px; color: #555555; text-align: center;} .confirm_hin, .confirm_ruk, .confirm_hin span, .confirm_ruk span, div.show {color: #ffffff !important; background-color: #8ECB4C !important;} /*~~~ BUCHUNGEN: FLUGVORSCHAU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .von_nach {font-size: 13px; font-weight: bold; color: #003399; width: 90px; text-align: center;} .carrier_flugnr {font-weight: bold;} .ab_datum_f, .popup_date_f {font-size: 10px; color: #003399; font-weight: bold; text-align: center;} .ab_zeit_f {font-size: 12px; color: #003399;} .an_zeit_f { text-align: center; } .plaetze_erw_chd{ text-align: center; width: 50px;} .plaetze_inf { text-align: center; width: 50px;} .res_plaetze {font-size: 13px; font-weight: bold; text-align: center;} /*color: #D9070F; */ .best_inf { text-align: center;} .pl_frei_erw_chd {font-size: 13px; font-weight: bold; color:#10780E; text-align: center;} .best_erw_chd {font-size: 14px; color: #003399; font-weight: bold; text-align: center;} .flug-typ {font-size: 10px; color: #555555; font-weight: bold; } /*~~~ BUCHUNGEN: BUCHUNGEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .pref, .buchung_id {text-transform: uppercase; font-weight: bold;} .fluggast, .fluggast_conf {text-transform: uppercase; font-weight: bold;} .ort {font-size: 14px; color: #003399; font-weight: bold; } .fluggast_conf {background-color: #95EFC3;} .flug_art {text-transform: uppercase; font-weight: bold; text-align: center;} .endpreis {text-align: right; padding-right:5px; color: #003399; font-size: 12px; font-weight: bold;} .print_preis {text-align: right; padding-right:5px; color: #000000; font-size: 12px; font-weight: bold;} .gespreis {color: #000000; font-weight: bold; width: 58px; font-size: 12px;} .bposMenu {text-align: right;} /*~~~ BENUTZERVERW. - AGENTUREN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .typ, .username {font-size: 10px; font-weight: bold; color:#003399; text-align: center;} .aktiv, .provis, .gemeinsames_kontingent {text-align: center;} /*~~~ BUCHUNGEN: STORNOS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~ BUCHALTUNG: Guthaben ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .bezeichnung {text-transform: capitalize; font-weight: bold;} .guthaben {font-weight: bold; text-align:right; padding-right: 3px; width: 100px;} .bg_gelbB {color: #000000; font-weight: bold; background-color: #FFE900;} /*~~~ BUCHALTUNG: Gutscheine ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .bg_rotB {color: #000000; font-weight: bold; background-color: #FA5858;} td.tdhr { height: 5px; } td.tdhr hr { width: 100%; size: 1px;} /*~~~ BUCHALTUNG: Kassenbuch ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .kb_betrag { text-align: right!important; padding-right: 5px; color: #003399!important; } .notiz {color:#10780E; font-size: 10px; font-weight: bold;} /*~~~ SPECIAL ANGEBOTE Ul formatiert ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .contRight ul.white-border-list{ margin: 15px 0px 9px 0px; } ul.white-border-list{ list-style: none; margin-bottom: 20px;} ul.white-border-list li{ border-bottom: 1px solid #fff; padding: 0px 0px 3px 0px; } ul.white-border-list li span.title{ font-size: 1.625em; color: #014090; display: block; margin-bottom: -4px; } ul.white-border-list li span.small-gray{ color: #999999; float: left; } ul.white-border-list li span.right-red{ font-size: 1.125em; font-weight: bold; color: #CF5C00; float: right; } .homeOfertat { height: 145px; color: #EE7F01; font-weight: bold; font-size: 14px; background: url(imgs/oferta-51-sfr.gif) no-repeat scroll 135px 40px; } .colorHIN {color: #000;} .colorRUK {color: #003399;} table.buchStatusBalke {width: 100%;} .buchStatusBalke td {padding: 0 !important; border-right: 0px solid #ffffff;} .status_icons {text-align: right;} .zahlungsMenue {text-align: right; width: 120px;} .menueAll {text-align: right; width: 120px;} /*~~~ BudgetUebersicht FORMATIERT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #BudgetUebersicht {padding: 10px; margin-bottom: 20px;} #BudgetUebersicht h2 {padding-bottom: 0px !important; margin-bottom: 0px !important; color: #EA690C;} table.tab_budget { margin: 0px 0 10px 0; border-collapse:separate; border-spacing: 1px; border: 0px solid #000; empty-cells: show; background-color: #DFDFDF;} .tab_budget th, .tab_budget-kl th{padding: 3px; font-size:10px; font-weight: bold; color:#1F1F1F; background-color: #CFE5FF;} table.tab_budget-kl { margin: 0px; border-collapse:separate; border-spacing: 1px; border: 0px solid #000; empty-cells: show;} table.tab_budget-kl td { height: 35px; font-size: 14px; font-weight: bold; } .h3px { height: 3px !important;} #dest_hin_rr {width: 480px; margin-bottom: 30px;} #dest_ruk_rr {width: 480px;} #dat_ruk_um {padding-top: 15px;} /*~~~ DESTINATIONSRECHTE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .plaetze {text-align: center; font-weight: bold; color:#D9070F;} .reserviert {text-align: center; font-weight: bold;} .rest_plaetze {text-align: center; font-weight: bold; color:#10780E;} .black { color: #000000 !important; } .buch_liste_waehrung { width: 250px; border: 1px dotted #b2b2b2; padding: 5px; margin-top: 10px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; } .buch_liste_waehrung_tit { font-weight: bold; padding-top: 10px; padding-bottom: 5px;} .nameStorno { font-weight: bold; background-color: #D9070F; color: #ffffff; text-transform:uppercase; padding: 3px;} .tab_budget td {padding-left: 5px; height: 20px;} .h3px { height: 3px !important;} a.servicons:link, a.servicons:visited { background: url("imgs/cross.gif") no-repeat scroll 0 5px transparent; height: 16px; padding: 1px 0 2px 12px; } a.smenuA:link, a.smenuA:visited {color: #a41222 !important;} /* EXTRA BOOX BILD CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background:#DA7A01 url(bg-sbox.gif) repeat scroll 0%; cursor: pointer;} #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; } #lbCenter { border: 1px solid #DA7A01;} #lbBottomContainer { border-right: 1px solid #DA7A01; border-left: 1px solid #DA7A01; border-bottom: 1px solid #DA7A01; border-top: 1px dotted #DA7A01; } .lbLoading { background: #fff url(loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 95%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(nextlabel.gif) no-repeat 100% 95%; } #lbBottom { font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 10px; color: #666; padding: 5px; line-height: 1.4em; text-align: left;} /*#lbImage, #lbBottom { border-top: 2px solid #7E9B05; border-right: 2px solid #7E9B05; border-left: 2px solid #7E9B05; border-bottom: 2px solid #7E9B05; border-top: 1px dotted #7E9B05; } */ #lbCloseLink { display: block; float: right; width: 100px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 69px; } #lbCaption { font-weight: bold; } /* EXTRA BOOX BILD CSS ENDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* NEWSTICKER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #newsticker_top { /* this is important */ overflow: hidden; width: 600px; height: 62px; background: #fefbf7; border: solid 1px #888; top: 5px; margin: auto auto auto 180px; background-image: -moz-linear-gradient(top, #fefbf7, #dcccab); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefbf7),color-stop(1, #dcccab)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#dcccab'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefbf7', EndColorStr='#dcccab')"; /* IE8 */ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #newsticker_top:hover { background: #fff; } .newstop { /* block level a tags #ftw! */ display: block; text-decoration: none; padding: 1px; } /* NEWSTICKER ENDE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a.buchen_aktion:link,a.buchen_aktion:visited { color: #FFFFFF; } /*Tooltips*/ .zwischenstation_tooltip { padding: 3px; background: #F2F2F2 url(imgs/hgr_kunden_zuordnen.gif) repeat scroll left top; border: 1px solid #b2b2b2; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 0px 0px 2px #888888; } .tool-tip { width: 139px; z-index: 13000; } .tip-title { font-weight: bold; font-size: 12px; margin: 0; padding: 8px 8px 4px; border-bottom: 1px solid #b2b2b2; } .tip-text { font-size: 11px; padding: 4px 8px 8px; line-height: 18px; } /* Vorschlag DIV mit ergebnisse ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #vorschlags_div { margin: -3px 0 0 -1px; padding: 5px; width: 250px; height: 350px; position: absolute; background: #ffffff; overflow: auto; border: 1px solid #B4B4B4; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } #vorschlags_div table th { color:#EA690C !important; width: 240px; font-size: 12px; font-weight: bold; background-color: #CFE5FF !important; border-bottom: 1px dotted #F48E00; padding: 0px 5px 3px 5px; } #vorschlags_div table td { width: 240px; font-size: 12px; font-weight: bold;} #vorschlags_div a { border-bottom: 1px solid #EAEAEA; padding: 2px 5px 0px 5px; cursor: pointer; } #vorschlags_div a:hover { color:#EA690C!important; border-bottom: 1px solid #EA690C; padding: 2px 5px 0px 5px; background-color: #EAEAEA; } .inpGueltig{border: 0; background-color: #EFEEEE; height: 30px;} select:hover { border: 1px solid #8CA6B8; background-color: #F9F9F9; } option:hover { border: 1px solid #ffffff; background-color: #F9F9F9; } input:hover { border: 1px solid #8CA6B8; } /*select TEXT FÜR FFOX*/ *::-moz-selection {background-color: #DB6008; color: #FFFFFF;} /*select TEXT FÜR FFOX*/ *::selection { background-color: #DB6008; color: #FFFFFF; } .redonly {border: 1px solid #ffffff; font-size: 13px; font-weight: bold; color: #003399; text-align: center;} .owner, .refund, .show, .noshow, .Rnoshow, .PNLextra, .Hnoshow {font-size: 10px; font-weight: bold; padding: 2px; border-radius: 5px;} .refund , .noshow, .Rnoshow, .Hnoshow {background-color: #D9070F; color: #ffffff; } .owner {color: #777777;} .bgGelb {background-color: #FBF07A; padding: 5px 2px 5px 2px; } .ma_name {font-size: 10px!important; } .ID-modul-theader, #BudgetWaehleAgentur, #theader_BuchungenListe, #theader_Buchungen_Flugvorschau, #theader_Buchhaltung_RGs_Debitorenlisten , #theader_Buchhaltung_Guthaben, #theader_Kassenbuch, #theader_SMSKonto, #theader_Fluege, #theader_DestinationsRechteEintragen , #theader_Agenturen, #theader_Mitarbeiter, #theader_MitarbeiterTracking, #theader_Kunden, #theader_Kundenrechnung , #SMSPreise, #FormPivotauswertung { position: relative; padding: 5px; background-color: #F5F5F5; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 3px #888888; } .ID-modul-theader {max-width: 550px;} .notizHistory {padding: 2px; background-color: #F5F5F5; box-shadow: 1px 1px 3px #888888;} table.tabNotizHistorie {border: 1px solid #b2b2b2; width: 100%;} .tabNotizHistorie th {color: #ffffff; padding: 2px 5px 2px 5px; background-color: #BBBBBB; font-size: 10px;} .tabNotizHistorie td {color: #666666; padding: 2px 5px 2px 5px; border-bottom: 1px solid #CFCFCF; font-size: 10px;} .kontoname { color: #0093DD; font-size: 9px; font-weight: bold; } .kontoname { color: #0093DD; font-size: 9px; font-weight: bold; } .id {text-align: right; font-size: 9px; font-weight: bold; padding-right: 7px; color:#ea690c;} #zwischenstationen { background-color: #E9E9E9; font-weight: bold; } .zwischenStatBtn { clear: both; display: block; border-bottom: 1px solid #B2B2B2; margin-bottom: 5px;} a.zwischenStatDel { color:#D9070F!important; font-weight: bold; cursor: pointer; margin: 5px 5px 5px 5px;} .neueZwischenstation {cursor: n-resize; font-weight: bold; border: 1px solid #B2B2B2; border-radius: 5px; box-shadow: 1px 1px 3px #888888; margin-bottom: 5px; height: 25px; width: 190px; padding: 3px 3px 2px 3px; background-color: #F5F5F5;} .bg_bus{background-color: #ececec;} .waehle_zwischenstationen {font-weight: bold; color:#003399 !important; font-size: 14px !important; line-height: 16px; margin: 10px 0 0 10px; padding-bottom: 10px;} .waehle_zwischenstationen div {font-weight: bold; color:#666666 !important; font-size: 11px !important; margin: 3px 5px 5px 5px; text-decoration: underline;} .mein_auswahl_flug_hin, .mein_auswahl_flug_ruk, .mein_auswahl_flug_gesamtpreis, .fluggast_namen, .fluggast_info, .waehle_bus_zwischenstationen { border-radius: 10px; box-shadow: 1px 1px 3px #aaaaaa;} .waehle_bus_zwischenstationen h3 {margin-left: 10px; font-size: 14px;} .gesamtPreis { /*border-top-left-radius: 10px; border-top-right-radius: 10px; */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 1px 1px 3px #aaaaaa;} .tit_flug_auswahl, .hg_form{ border-top-left-radius: 10px; border-top-right-radius: 10px;} .radioTyp label:HOVER {background-color: #C9E7F4;} .lab-radio_inaktiv, .lab-radio_aktiv {margin-right: 7px; vertical-align: middle; padding: 2px 10px 2px 5px; border-radius: 5px; } .lab-radio_inaktiv { color: #666666!important; box-shadow: 0px 1px 1px #bcbcbc; font-size: 13px; font-weight: normal; } .lab-radio_aktiv { box-shadow: 0px 2px 2px #888888; color: #000000!important; font-size: 14px; font-weight: bold; text-transform: uppercase; } .lab-radio_inaktiv input, .lab-radio_aktiv input {margin: 1px 1px 1px 1px; padding-right: 3px;} .ico-flug {background: transparent url(imgs/m_flug.png) no-repeat scroll 3px 0; padding: 2px 5px 4px 25px; margin-right: 10px;} .ico-bus {background: transparent url(imgs/m_bus.png) no-repeat scroll 3px 0; padding: 2px 5px 5px 37px;} label.lab-radio input {margin: 1px 3px 1px 3px; padding-right: 10px;} .flug_tooltip {background-color: #ffffff; margin: 3px; border: 1px solid #DF8800; border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 20px #DF8800; } .sch_2_pax_edit { box-shadow: 1px 1px 3px #888888; margin-right: 5px;} #ablaufzeitpunkt, .sysblock { position: absolute; top: 20px; left: 150px; color: #ED3237; font-weight: normal; text-shadow: 1px 2px 1px #FFFFFF; z-index: 999999; font-size: 14px;} acronym, div[title], span[title] {cursor: help;} acronym title {border-radius: 5px; box-shadow: 1px 1px 5px #888888; } .div-info {cursor: help; font-size: 12px;} .div-scrollen-gr {overflow-y: scroll; overflow-x:hidden; width: 990px; max-height: 500px; } .div-scrollen-kl {overflow-y: scroll; overflow-x:hidden; width: 850px; max-height: 250px; } .miniInfoFH { font-size: 9px; font-weight: normal; color: #ffffff; background-color: #0066FF; padding: 2px;} .public-datenaendern {position: relative; margin: 10px 10px 20px 30px;} .top-kl { color: #ffffff; background-color: #0066FF; padding: 1px 3px 1px 3px ; font-weight: bold; font-size: 11px; border-radius: 7px; cursor: help;} .bus-plaetze-popup {background-color: #ECECEC; padding: 5px; font-weight: bold; border-bottom: solid 1px #FF9900; margin-bottom: 10px; color: #003399;} .booking_popup, .booking_popupundefined { padding: 15px; border: solid 1px #3366CC; margin-bottom: 10px; color: #00205f; box-shadow: 1px 1px 10px #888888; border-radius: 15px; text-align: center; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(32,32,32,0) 0%, rgba(178,178,178,0.65) 500%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(32,32,32,0)), color-stop(500%,rgba(178,178,178,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6b2b2b2',GradientType=0 ); } .busplatz_belegt { color: #ffffff; padding: 1px 6px 1px 6px; font-size: 11px; background-color: #BBBBBB; cursor: crosshair; border-radius: 5px;} .busplatz_frei { color: #ffffff; padding: 1px 6px 1px 6px; font-size: 11px; background-color: #3366CC; cursor: pointer; border-radius: 5px;} .ico-platz-auswahl { vertical-align: middle; cursor: pointer; margin: 0px 5px 0px 2px;} .pointer { cursor: pointer;} /* EInfacher CSS TOOL TIPP */ a.tip { border-bottom: 1px dashed; text-decoration: none } a.tip:hover { cursor: help; position: relative } a.tip span { display: none } a.tip:hover span { border: #c0c0c0 1px dotted; padding: 5px 20px 5px 22px; display: block; z-index: 1000; background: url(../imgsys/b_info_small.png) #f0f0f0 no-repeat 3px 0; left: -10px; margin: 10px; width: 250px; position: absolute; top: 20px; text-decoration: none; line-height: 17px; } /* ENDE CSS TOOL TIPP */ .fremde_flug {color: #222222!important;} .inpGueltig {background-color: transparent; font-size: 14px; color: #000000; border: 0px; height: 25px; font-weight: bold; cursor: help; width: 100px;} input.inpGueltig:hover { border: 0px solid #E9E8E8!important; } .smssender {padding: 3px; font-size: 14px; font-weight: bold;} .status-del { background-color: #5cb85c; } .status-undel { background-color: #C91112; } .status-warten { background-color: #5bc0de; } .status-rest { background-color: #F0AD4E; } .label { float: left !important; display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } #DATUM_HIN_input, #DATUM_RUK_input, .flatpickr-input { border: 1px solid #b2b2b2; height: 32px; line-height: 32px; font-weight: bold; padding: 0 10px 0 10px; font-size: 13px; max-width: 150px;} .bposPay select, .bposPay>select>option { background-color: #a4efe0; } .bposNoPay select, .bposNoPay>select>option{ background-color: #c22126; color: #e2e2e2; } #LADE_STATUS { border-right: 10px solid #bababa; border-bottom: 3px solid transparent; border-radius: 10%; transition: background 1s; background: rgba(186,186,186,0.2); -webkit-animation: spin 0.9s linear infinite; -moz-animation: spin 0.9s linear infinite; -o-animation: spin 0.9s linear infinite; animation: spin 0.9s linear infinite; } /* RESPONSIVE DIVS BEIDE VERSIONEN - PUBl. & Intern, beim BUCHEN SCHRITTE: ########################### */ .div_hin_p, .div_ruk_p { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .buch-regis-tabelle { width: 700px; } @media (min-width:768px) { .ler-vor-form { height: 80px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; } .div_hin_p, .div_ruk_p { width: 100%; } #div_buchen{ margin: 0px auto 5px auto; } } @media (min-width:992px) { .ler-vor-form { height: 135px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; } .div_hin_p, .div_ruk_p { width: 50%; } #div_buchen{ margin: 0px auto 35px auto; } } @media (min-width:1200px) { .ler-vor-form { height: 235px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 18px; } .clear-all { clear: both; min-height: 1px; } .div_hin_p, .div_ruk_p { width: 45%; float: left; } #div_buchen{ margin: 0px auto 75px auto; } } @media screen and (max-width:767px) { .div_hin_p, .div_ruk_p, .buch-regis-tabelle { width: 100%; } } .betrag_bg {color: #ffffff; padding: 2px; text-align: right; font-weight: bold; border-bottom: 2px solid #ffffff; font-size: 14px;} .bgBlau {background-color: #0066FF; } .bgGruen {background-color: #79B436; } /* Trasfers ..... */ .trans-code-inp {font-size: 18px; width: 200px; font-weight: bold; height: 35px; padding-left: 20px; border: 1px solid #0066FF; letter-spacing: 2px;} #Transfers td.code, #Transfers td.kunde_id {font-size: 14px; text-align: center; letter-spacing: 1px; font-weight: bold;} #Transfers td.empfaenger {font-weight: bold; font-size: 12px; color: #0066FF;} #Transfers td.eingezahlt_von_mita {color: #003399;} #Transfers td.auszahldatum, #Transfers td.ausgezahlt_von_mita {text-align: center;} #Transfers td.provis, #Transfers td.tax {text-align: right; font-size: 9px; font-weight: bold;} .trans-form { border-bottom: 1px solid #0066FF; margin-bottom: 15px; padding: 10px;} .trans-absender h2 { color: #10780E; font-size: 20px;} .trans-geld h2 { color: #0066FF; font-size: 20px;} .trans-empf h2 { color: #D9070F; font-size: 20px;} .info-text { padding: 10px; width: 250px; font-size: 12px; font-weight: bold;} .tab-davor td { padding: 2px 10px 2px 2px; border-bottom: 1px dotted #939594;} /* BUTTONS CSS */ .button {/* Green */ background-color: #4CAF50; border: none; color: white; padding: 10px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; cursor: pointer; } .button1 { background-color: white; color: black; border: 2px solid #4CAF50;} .button1:hover { background-color: #4CAF50; color: white; border: 2px solid #4CAF50;} .button2 { /* Blue */ background-color: white; color: black; border: 2px solid #008CBA;} .button2:hover { background-color: #008CBA; color: white; border: 2px solid #008CBA;} .button3 { /* Red */ background-color: white; color: black; border: 2px solid #f44336;} .button3:hover { background-color: #f44336; color: white; border: 2px solid #f44336;} .button4 { /* Gray */ background-color: white; color: black; border: 2px solid #e7e7e7;} .button4:hover {background-color: #e7e7e7; border: 2px solid #e7e7e7;} .button5 { /* Gray */ background-color: white; color: black; border: 2px solid #555555;} .button5:hover { background-color: #555555; color: white; border: 2px solid #555555;} /* Responsives DIVs */ /* .container { display: grid; grid-template-columns: repeat(5, 1fr); * Rasterabstände vertikal, Automatische Verteilung der Bildschirmbreite mit “fr” , z.b.: 1fr 3fr 2fr; , oder; 300px 3fr 2fr; ( 1/6 = 1fr , 3/6= 3fr , 2/6= 2fr ) * in Kurzform übrigens: grid-template-columns: repeat(5, 250px); * grid-template-rows: 50px; Höhe der Zeile * grid-gap: 20px; * Rasterabstände horizontales * grid-template-columns: 300px ; * grid-column: 1 / 4; grid-column: startpoint / endpoint; * }* in Kurzform übrigens: grid-template-columns: repeat(5, 250px); * */ .container{ display: grid; grid-template-rows: 30px; /* hoch*/ grid-gap: 10px; /* abstand*/ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #555555; } .cont-grid-5 { grid-template-columns: repeat(5, 210px); /* wiederhole 5 x 210px */ } .cont-grid-3 { grid-template-columns: repeat(3, 333px); /* wiederhole 5 x 210px */ } .container-header{ color: #008CBA; position: relative; margin-bottom: 10px; font-size: 16px; font-weight: bold;} .item { padding: 5px; position: relative; float: left; display: inline;} .color-R-1 { background-color: white; color: black; border: 2px solid #4CAF50; } .color-R-2 { background-color: white; color: black; border: 2px solid #008CBA; } .color-R-3 { background-color: white; color: black; border: 2px solid #f44336; } .color-R-4 { background-color: white; color: black; border: 2px solid #b34e83; } .color-R-5 { background-color: white; color: black; border: 2px solid #c90000; } .color-BG-1 { background-color: #4CAF50; color: white; border: 2px solid #555555; } .color-BG-2 { background-color: #008CBA; color: white; border: 2px solid #555555; } .color-BG-3 { background-color: #f44336; color: white; border: 2px solid #555555; } .color-BG-4 { background-color: #b34e83; color: white; border: 2px solid #555555; } .color-BG-5 { background-color: #c90000; color: white; border: 2px solid #555555; } .container-footer{ background-color: white; color: black; border-bottom: 2px solid #555555; position: relative; } #dest_hin_rr { position: relative; float: left; width: 500px;} #dest_ruk_rr { position: relative; float: left; width: 50%;} .leerBllock {display: block; clear: both;} /* RESPONSIVE DIVS BEIDE VERSIONEN - PUBl. & Intern, beim BUCHEN SCHRITTE: ########################### */ .div_hin_p, .div_ruk_p, #dest_hin_rr, #dest_2_rr { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .buch-regis-tabelle { width: 700px; } @media (min-width:768px) { .ler-vor-form { height: 80px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; } .div_hin_p, .div_ruk_p { max-width: 480px; } #div_buchen{ margin: 0px auto 5px auto; } } @media (min-width:992px) { .ler-vor-form { height: 135px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 14px; } .div_hin_p, .div_ruk_p { width: 50%; } #div_buchen{ margin: 0px auto 35px auto; } } @media (min-width:1100px) { .ler-vor-form { height: 235px; } .lab-radio_inaktiv, .lab-radio_aktiv { font-size: 18px; } .clear-all { clear: both; min-height: 1px; } .div_hin_p, .div_ruk_p { width: 45%; float: left; } #div_buchen{ margin: 0px auto 75px auto; } .gesamtPreis { left: 200px;} #div_id_weiter { top: -50px; left: -10px;} } @media screen and (max-width:767px) { .buch-regis-tabelle { width: 100%; } .div_hin_p, .div_ruk_p { max-width: 480px; } } /* PNLSita Flugliste */ .tab-style td:nth-child(1), .tab-style td:nth-child(2), .tab-style td:nth-child(3), .tab-style td:nth-child(4) {color: #30435b; font-size: 11px; font-weight: bold;} /*#ea690c*/ .tab-style td:nth-child(5) {text-align: center; color: #30435b;} .tab-style tr:nth-child(odd) {background: #efefef } .tab-style { width: auto;} .tab-style tr:hover {background-color: #bfffe6; box-shadow: 1px 1px 8px #888888;} .tab-style td, .tab-style th { padding: 3px 5px 3px 7px;} .tab-style th {font-weight:bold; color: #ea690c; font-size: 11px; } .tab-style th:nth-child(3) {text-align:center;} .tab-style label { display: block; margin-bottom: 4px; font-size:smaller; padding-top:1ex;padding-bottom:1ex;} caption { background: hsl(43,90%,85%); padding: 5px; line-height: 120%; font-size: 1.5em; } #FormStapelPreisAenderung {padding: 15px; min-width: 700px;} /* KundenBevertungen*/ .user-A { background: transparent url(imgs/user-A.png) no-repeat scroll right top; } .user-B { background: transparent url(imgs/user-B.png) no-repeat scroll right top; } .user-C { background: transparent url(imgs/user-C.png) no-repeat scroll right top; } .user-A , .user-B, .user-C { color: #555555; font-size: 9px;} #div_body_hin_ruk_fluege {margin-bottom: 30px;} #dest_2_rr, #Buchungen_Umbuchen {position: relative; margin-bottom: 30px; min-height: 500px;} .next-x-datum-fluege a { margin-top: 5px; font-size: 16px;} table.tab-fluege-doppelt td {padding: 5px 8px 5px 8px; text-align: center; border-bottom: solid 1px #ffffff!important;} /* PLATZ WAHL */ .personen_liste { padding: 5px; font-size: 16px;} .platz_zugewiesen { color: #C60027; font-weight: bold; cursor: pointer; opacity: 1!important;} .keinplatz_zugewiesen { color: #858585; font-weight: bold; cursor: pointer; opacity: 1!important;} .popup_head {float: right; text-align: right; margin: -10px 10px 10px 0; z-index: 100000;} .bookingPopupJQuery { width: 1000px!important; overflow-x: hidden; z-index: 100000!important;} .popup_content { position: relative; max-height: 1000px!important; top: 20px; } .svg_container { text-align: center; max-height: 1000px!important; } sup { color: #D9070F; font-size: 8px; font-weight: bold;} input[type=checkbox], input[type=radio] { min-height: 18px; min-width: 18px; vertical-align:middle; cursor: pointer; margin-right: 7px;} .lab_smsbox { padding: 0px 10px 0px 10px; margin: 5px 0 10px 0; cursor: pointer; } .lab_smsbox input[type=checkbox] {margin-left:5px; } hr {margin-top: 2px!important; margin-bottom: 2px!important;} #content i { color: #3366cc; font-size: 14px; vertical-align: middle; margin-left: 3px;} #buchungen_buchen_form i { color: #474747; } .tip-text b {margin: 2px 7px 1px 7px; } .bus_selected_zwischenstation { font-weight: bold; border-left: 1px solid black; } .popup-pay td {padding: 2px 10px 2px 2px;} .paid-edit, .paid-no, .paid-ok { color: #ffffff; border-radius: 5px; padding: 3px 5px 5px 3px; } .paid-edit { background-color: #0066FF; } .paid-no { background-color: #D9070F; } .paid-ok { background-color: #10780E; } .bg-grau { background-color: #EFEEEE; } .company_name { color: #003399;} .ff_kommentar {background-color: #FFE900 !important; color: #000000; } .ico20, .ico20 i {font-size: 20px !important;} /* Touroperatore bei BUCHEN & Datea-Title dazu in Farbe in CONFIG angelegt */ [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } [data-title]:after { content: attr(data-title); position: absolute; bottom: -1.6em; left: 100%; padding: 7px 4px 4px 10px; color: #363636; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666; background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0eded), color-stop(1, #bfbdbd)); background-image: -webkit-linear-gradient(top, #f0eded, #bfbdbd); background-image: -moz-linear-gradient(top, #f0eded, #bfbdbd); background-image: -ms-linear-gradient(top, #f0eded, #bfbdbd); background-image: -o-linear-gradient(top, #f0eded, #bfbdbd); opacity: 0; z-index: 99999; visibility: hidden; } [data-title] { position: relative; } /* TourOperator: Styles */ td.top-blau, td.top-blau-h, td.top-blau-d, td.top-grau, td.top-rot, td.top-orange, td.top-gruen, td.top-violet, td.top-lila, td.top-rot-h, td.top-gruen-h { color: #ffffff !important; border-top-left-radius: 50%; border-bottom-left-radius: 50%;} td.top-blau { background-color: rgba(0, 120, 175, 0.7) !important;} td.top-blau-h { background-color: rgba(0, 168, 247, 0.7) !important;} td.top-blau-d { background-color: rgba(19, 44, 66, 0.7) !important;} td.top-grau { background-color: rgba(169, 187, 176, 0.7) !important;} td.top-rot { background-color: rgba(212, 10, 3, 0.7) !important;} td.top-orange { background-color: rgba(245, 160, 14, 0.7) !important;} td.top-gruen { background-color: rgba(23, 153, 146, 0.7) !important;} td.top-violet { background-color: rgba(246, 18, 105, 0.7) !important;} td.top-lila { background-color: rgba(162, 83, 124, 0.7) !important;} td.top-rot-h { background-color: rgba(252, 41, 35, 0.7) !important;} td.top-gruen-h { background-color: rgba(124, 187, 41, 0.7) !important;} .info-bagage {min-height: 50px; max-width: 300px; padding: 12px 10px 12px 10px; font-size: 12px; color: #3d3d3d; border-radius: 5px; border: 1px solid var(--bg-book-flug); margin-bottom: 20px;} .flug_auswahl tr.flugzeile_nicht_gemeinsam_buchbar td { color: #aaaaaa !important; font-weight: normal !important;} .flug_auswahl tr.nichtErlaubterFlug > td { color: #ce0008 !important; font-weight: normal !important;} .flug_auswahl tr.nichtErlaubterFlug > td > i { color: #ce0008 !important;} /*~~~~~~~~~~~~ Tooltips ~~~~~~~~~~~~ */ .flug_tooltip, .zwischenstation_tooltip { padding: 3px; background: #ffffff; border: 1px solid var(--user_color-1); border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 1px 1px 20px var(--user_color-1);} .tool-tip { width: 139px; z-index: 13000;} .tip-title { font-weight: bold; font-size: 12px; margin: 0; padding: 8px 8px 4px; border-bottom: 1px solid #b2b2b2; } .tip-text { font-size: 11px; padding: 4px 8px 8px; line-height: 18px;} /* nicht gemeinsam buchba möglichst ausbländen */ .flug_auswahl tr.flugzeile_nicht_gemeinsam_buchbar, .flug_auswahl tr.flugzeile_nicht_gemeinsam_buchbar td.ab_datum, .flug_auswahl tr.flugzeile_nicht_gemeinsam_buchbar td.b_ges_preis {background-color: var(--bg-grau-1); color: #aaaaaa !important; font-weight: normal !important; } .fcFF, .fcFF i, .fcFF a, .fcFF span {color: #ffffff !important;} .h-spiegeln{ -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .top_hin_kuerzel, .top_ruk_kuerzel, .warhrung {text-align: center; font-size: 10px; font-weight: bold; color: #3853a4;} .d-flex-box { display: inline; } .bn-priority, .bn-priority td { font-size: 16px; color: red; background-color: #F2F2F2; border-radius: 5px; border: 1px solid var(--bg-book-flug); padding: 7px; } /* ****************************************** * AB HIER alle NEUE STYLE einfügeon ------------------- */ input.inp_txt:focus { background-color: #ffffcb; } .bposPay select, .bposPay > select > option{ background-color: #c0f0e6; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } .rotBg, .rotBg a, .BGrot, .BGrot a { background-color:#D9070F; } .blauBg, .blauBg a{ background-color:#377CA8;} .BGblau, .BGblau a{ background-color:#377CA8; } .BGgruen,.BGgruen a{background-color: #79B436; } .BGgrau,.BGgrau a{ background-color: #9a9a9a;} .blauBgm, .blauBgm a { font-weight: bold; font-size: 13px; background-color:#377CA8; color: #FFFFFF; padding: 2px; } .rotBg, .rotBg a, table.tab-fluege-doppelt td,.blauBg, .blauBg a, .BGrot, .BGblau a, .BGblau, .BGblau a, .BGgruen,.BGgruen a, .blauBgm, .blauBgm a ,.BGgrau, .BGgrau a { font-weight: bold; font-size: 13px; color: #FFFFFF !important; padding: 2px; } td.rotB, td.gruenB {border-bottom: 1px solid #9a9a9a;} .BGrot sup, .BGgruen sup, .blauBgm sup, .BGgrau sup {color: #ffffff} .w625 {min-width: 625px;} .w500 {min-width: 500px;} .w450 {min-width: 450px;} .w150 {min-width: 150px;} .w175 {min-width: 175px;} .w200 {min-width: 200px;} .normalerFlug i, .dieserFlug i, .andererFlug i {font-size: 16px !important; color: #6741d9 !important; padding: 2px;} .div-scrollen-FL {float: left; overflow-y: scroll; overflow-x:hidden; width: 47%; max-height: 700px; margin-right: 10px;} .guide {padding: 5px; background-color:#bcf7da; border: 1px solid #c90000;} .info-offer { margin-bottom: 20px; border-bottom: 1px solid var(--grau-2); } .info-offer h4 { margin-bottom: 10px; color: var(--bg-blau-0); } .info-offer div { color: var(--grau-2); font-size: 10px !important; font-weight: lighter; text-align: left !important;} .noshow_f { color: var(--grau-2); font-size: 10px !important; font-weight: lighter; text-align: left !important;} .colorBlu { color: var(--bg-blau-0) !important; } .colorGrau { color: var(--grau-1) !important; } .bg-gelb { background-color: var(--bg-gelb-0) !important; } /* MENU als letzes block ! */ .menu_new { margin: auto; position: absolute; top: 0px; background-color: white; } .menu_new .menu_main_menu_block { padding: 30px; float: left; } .menu_new a .act { font-size: 1vh; } /* -> booking.js only for PC*/ @media (min-width:1150px) { #navi_func.navi_big > table a { padding-top: 15px !important; } #navi_func.navi_big > div li a { padding-bottom: 15px !important; } #navi_func.navi_big { top: -15px; position: relative; z-index: 999999; margin-bottom: -15px !important; } } @media only screen and (min-width: 468px) and (max-width: 1149px) { #navi_func.navi_big > table a { padding-top: 0px !important; } #navi_func.navi_big > div li a { padding-bottom: 0px !important; } #navi_func.navi_big { top: 0px; position: relative; z-index: 999999; margin-bottom: 0px !important; } } #navi_func, #navi_func > table a , #navi_func > div li a { transition: none !important; } /* BIS HIER Sonst gibt es konflikte bei verteilen ------------------- */