/* CSS Datei für kreuzfahrten-msc.com mit Datenbankanbinung */ /* STAND: 07.Jui 2009 - Oliver Devey */ /* 1) ALLGEMEIN */ /* 2) HEADER */ /* 3) NAVIGATION */ /* 4) SPEZIALANGEBOTE */ /* 5) DETAILS / BUCHUNGSANFRAGE */ /* 6) ZIELGEBIETE / LEBEN AN BORD / INFORMATIONEN */ /* 7) HOVERBOX CODE (KARTEN) /* 8) INFOSEITE /*--------------------------------------------- 1) ALLGEMEIN ---------------------------------------------*/ html { height:101% } body { margin:0px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #023063; background-color: #FFFFFF; height: 100%; } a:link { color: #22406e; text-decoration: none; } a:visited { color: #22406e; text-decoration: none; } a:active { color: #22406e; font-weight:bold; } a:hover { color: #22406e; font-weight:bold;text-decoration:underline; } h1 { background-image:url(../layout_images/h1_bg.jpg); background-repeat:no-repeat; background-color: #023063; font-size: 15px; width:623px; font-weight: bold; color: #ffffff; height: 20px; padding-left: 20px; text-indent: 10px; text-align:left; margin-top:10px; margin-bottom: 5px; padding-bottom: 0px; } h2 { font-size: 12px; font-weight: bold; color: #023063; height: 16px; text-align:left; margin-top:0px; margin-bottom: 0px; } h3 { font-size: 12px; font-weight: bold; color: #023063; height: 16px; text-align:left; margin-top:0px; margin-bottom: 0px; } h4 { font-size: 12px; font-weight: bold; color: #023063; height: 16px; text-align:left; margin-top:0px; margin-bottom: 0px; } /*--------------------------------------------- 2) HEADER ------------------------------------------------*/ .flashheader { float:left; position:relative; display:block; z-index:0; } /*--------------------------------------------- 3) NAVIGATION --------------------------------------------*/ .table_nav_bg { background-image: url(../layout_images/navi2.jpg); background-repeat: repeat-y; } .navi_links { padding-left:6px; float:left; position: static; width: 170px; margin-left: 0px; } .ul_navi { margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; width: 188px; color:#023c7b;} .ul_links2 { margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; float:left; width:170px; text-align:left} .ul_links2 a { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #023c7b; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #f8eeb0; font-weight:bold;} .ul_links2 a:hover { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #FFFFFF; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #CC0000;} .ul_links2 a:active { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #FFFFFF; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #CC0000;} .ul_links1 { margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; float:left; width:170px; text-align:left; } .ul_links1 a { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; font-weight:bold;} .ul_links1 a:hover { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .ul_links1 a:active { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .ul_links4 { margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; float:left; width:170px; text-align:left} .ul_links4 a { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #023c7b; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #f8eeb0; font-weight:bold;} .ul_links4 a:hover { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #FFFFFF; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #CC0000;} .ul_links4 a:active { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 18px; display:block; font-size: 13px; color: #FFFFFF; font-family: Verdana, Times, serif; border: 1px solid #FFFFFF; padding: 2px; background-color: #CC0000;} .ul_links3 { margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; float:left; width:170px; text-align:left } .ul_links3 a { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 2px; font-weight:bold;} .ul_links3 a:hover { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .ul_links3 a:active { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .ul_linksX { margin-top:0px; margin-bottom:0px; margin-top:0px; margin-bottom:0px; list-style-type:none; list-style-position:outside; float:left; width:170px; text-align:left } .ul_linksX a { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; font-weight:bold;} .ul_linksX a:hover { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .ul_linksX a:active { margin-top:0px; margin-bottom:0px; text-decoration: none; height: 14px; display:block; font-size: 10px; color: #000000; font-family: Verdana, Times, serif; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 2px; background-color: #FFFFFF;} .subnavibox { color:#ffffff; border: 1px solid; width: 70px; height: 170px; float:left; margin-right:8px; position: relative; margin-top: 10px; padding-top:3px; padding-left:3px;} /*--------------------------------------------- 4) SPEZIALANGEBOTE ---------------------------------------*/ #wrap_spezialag { width: 680px; float: left; position: relative; } .angebote_box { float:left; position:relative; width: 620px;} .aa_box { border: 1px solid #002c61; width: 213px; height: 275px; float:left; margin-right: 4px; margin-bottom: 4px;} .as_head { font-weight: bold; vertical-align:middle; position:relative;background-color:#002c61; color:#eef2f5; margin-top:2px; margin-left:3px; margin-right:3px; border-bottom:1px solid #FFFFFF;} .as_img { background-color: #cccccc; margin-left: 3px; margin-right: 3px; height:120px; position:relative;} .as_bold { font-weight: bold; height: 33px; vertical-align:middle; color: #eef2f5; position:relative; background-color: #002c61; margin-left: 3px; margin-right: 3px; margin-top: 2px; } .as_bground { height:99px; width:206px; position:relative; background-color:#eef2f5; margin-left:3px; margin-right:3px; } .as_regular { height: 53px; position:relative; margin-left: 3px; margin-right: 3px;} .as_termine { height: 17px; position:relative; margin-left: 3px; margin-right: 3px; } .as_icons { height: 17px; position:relative; margin-left: 3px; margin-right: 3px; } .as_spkurz { height: 17px; position:relative; margin-left: 3px; margin-right: 3px; color:#CC0000;} .as_container { float:left; position:relative; width: 210px; height: 30px; } .as_text { float:left; padding-left: 2px; position:relative; width: 125px; margin-left: 2px; margin-right: 2px;} .as_preis { float:left; color:#CC0000; position:relative; text-align:right; width:70px; font-size:13px; font-weight:bold; } .aw_box { border: 1px solid #002c61; background-color: #eef2f5; width: 650px; height: 141px; float:left; margin-right: 3px; margin-bottom: 3px;} .aw_head { font-weight: bold; vertical-align:middle; position:relative;background-color:#002c61; color:#eef2f5; margin-top:2px; margin-left:3px; margin-right:3px; border-bottom:1px solid #FFFFFF;} .aw_img1 { margin-left: 3px; margin-right: 3px; height:120px; width:206px; position:relative; float:left; } .aw_img2 { margin-left: 3px; margin-right: 3px; height:120px; width:206px; position:relative; float:right; } .aw_mitt { height:115px; margin-top:5px; width:210px; position:relative; float:left; } /*--------------------------------------------- 5) DETAILS / BUCHUNGSANFRAGE -----------------------------*/ #wrap_details { width: 680px; float: left; position: relative; } #topbox { width: 565px; float:left; position: relative; margin-right: 0px; } .inbox { width: 260px; float:right; position: relative; margin-right: 0px; } .ibx_frame { float:right; margin-right:8px;} .spbox { color:#CC0000; border: 1px solid #CC0000; background-color:#f4e894; width: 256px; height: 80px; float:right; margin-right:8px; position: relative; margin-top: 10px; padding-top:3px; padding-left:3px; z-index:-1;} .a_anfrage { width: 650px; float:left; position:relative;} .a_headline { float:left; position:relative; width: 650px;} .a_programm { float:left; position:relative; width: 650px;} .a_boxh { width: 650px; float:left; position:relative; background-color: #22406e; color: #FFFFFF; font-weight:bold;} .a_box1 { width: 650px; float:left; position:relative; background-color: #FFFFFF;} .a_box2 { width: 650px; float:left; position:relative; background-color: #DEE5ED;} .a_kat { float:left; position:relative; width: 80px; } .a_kab { float:left; position:relative; width: 200px;} .a_dek { float:left; position:relative; width: 150px;} .a_bpr { float:left; position:relative; width: 80px; color:#CC0000; font-weight:bold; text-align: right; } .a_spa { float:left; position:relative; width: 100px; color:#017e0d; font-weight:bold; text-align: right; } .a_kpr { float:left; position:relative; width: 80px; text-align: right;} .a_kpd { float:left; position:relative; width: 80px; text-align: right; text-decoration:line-through;} .a_zus { float:left; position:relative; width: 400px; } .a_tag { float:left; position:relative; width: 50px; } .a_hfn { float:left; position:relative; width: 350px;} .a_hfk { float:left; position:relative; width: 200px;} .a_pro { float:left; position:relative; width: 235px;} .a_txt { float:left; position:relative; width: 540px;} .a_uhr { float:left; position:relative; width: 100px;} .a_050 { float:left; position:relative; width: 49px;} .a_100 { float:left; position:relative; width: 99px;} .a_150 { float:left; position:relative; width: 149px;} .a_200 { float:left; position:relative; width: 199px;} .a_230 { float:left; position:relative; width: 229px;} .a_250 { float:left; position:relative; width: 249px;} .a_300 { float:left; position:relative; width: 299px;} .a_350 { float:left; position:relative; width: 349px;} .a_400 { float:left; position:relative; width: 399px;} .a_450 { float:left; position:relative; width: 449px;} .a_500 { float:left; position:relative; width: 499px;} .a_550 { float:left; position:relative; width: 549px;} .a_600 { float:left; position:relative; width: 599px;} /*Buchungsanfrage / Formular */ .formwrap { width: 100%; float:left; position:relative; } .formtext { width: 100px; float:left; position:relative; } .formfield { width: 300px; float:left; position:relative; margin-bottom: 5px; vertical-align: middle; } .textfield { border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 10px; padding: 2px; width: 280px } .textarea { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 11px; padding: 2px; width: 280px; height: 100px; } .select { border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 10px; padding: 2px; width: 286px; margin-bottom: 2px; } .kind { width: 80px; border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 10px; padding: 2px; margin-bottom: 2px; } .alter { width: 166px; border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 10px; padding: 2px; margin-bottom: 2px; } .button { border: 1px solid #023063; background-color: #FFFFFF; color: #22406e; font-size: 10px; margin-right: 4px; margin-top: 10px; } .button_div { float:left; position:relative; } /*--------------------------------------------- 6) ZIELGEBIETE / Leben AN BORD / INFORMATIONEN -----------*/ .lab { height: 28px; width: 147px; display: block; text-indent: 20px; font-size: 17px; color: #023063; font-family: "Times New Roman", Times, serif; font-weight: bold; background-image:url(../layout_images/lebenanbord_off.jpg); } .zg { height: 28px; width: 189px; display: block; text-indent: 15px; font-size: 17px; color: #023063; font-family: "Times New Roman", Times, serif; font-weight: bold; background-image:url(../layout_images/zielgebiete-routen_off.jpg); } .ks { height: 28px; width: 153px; display: block; text-indent: 16px; font-size: 17px; color: #023063; font-family: "Times New Roman", Times, serif; font-weight: bold; background-image:url(../layout_images/kreuzfahrtsuche_off.jpg); } .la { height: 28px; width: 130px; display: block; text-indent: 16px; font-size: 17px; color: #023063; font-family: "Times New Roman", Times, serif; font-weight: bold; background-image:url(../layout_images/landausfluege_off.jpg); } .aai { height: 28px; width: 170px; display: block; text-indent: 25px; font-size: 17px; color: #023063; font-family: "Times New Roman", Times, serif; font-weight: bold; background-image:url(../layout_images/an-abreiseinfos_off.jpg); } /* TEXTSEITEN */ #text { width: 500px; float: left; position: relative; padding-left: 10px; border-left: 1px dashed #023063; } .ftext2 { padding-top: 4px; padding-bottom: 4px; margin: 0px;} .ztext { padding-top: 4px; padding-bottom: 4px; margin: 0px; width: 300px;} .ztitle { font-weight: bold; font-size: 12px; padding: 0px; margin: 0px; width: 300px;} /* BILDER */ .img { border: 1px solid #023063; padding: 0px;} .float_img { float:left; border: 1px solid #023063; margin: 8px;} .imgbox { float:left; position: relative; padding-bottom: 6px;} .imgbox_img { float:left; position: relative; width: 400px;} .imgbox_text { float:left; position: relative; width: 150px;} /* KABINEN */ .kabinenbox { float:left; position: relative; padding-bottom: 6px;} .kabinenbox_img { float:left; position: relative; width: 200px;} .kabinenbox_text { float:left; position: relative; width: 380px;} /* ZIELGEBIETE */ .z_box1 { float:left; position: relative; padding-bottom: 6px; border-bottom: 1px dashed #023063; } .z_box { float:left; position: relative; padding-bottom: 6px; padding-top: 6px; border-bottom: 1px dashed #023063; } .z_img { float:left; position: relative; width: 110px;} .z_text { float:left; position: relative; width: 390px;} /* LANDAUSFLÜGE */ .labox { float:left; position: relative; padding-top: 8px;padding-bottom: 4px; border-top: 1px dashed #023063; } .labox_desc { float:left; position: relative; width: 110px;} .labox_text { float:left; position: relative; width: 480px;} .labox_desc_text { padding: 0px; margin: 0px; font-weight: bold;} .latext { padding-top:0px; padding-bottom: 10px; margin: 0px;} /* AN-/ ABREISEINFOS */ .kabinenbox_img { float:left; position: relative; width: 200px;} .kabinenbox_text { float:left; position: relative; width: 380px;} /* DECKS */ .deckbox { position: relative; padding-top: 8px;padding-bottom: 4px; border-top: 1px dashed #023063; width: 200px;} .deckwrap { float: left; position: relative; } .deckbild { float: left; position: relative; } .kategorien { list-style: none; margin: 0px; padding: 0px;} .decks_li { list-style: none; margin: 0px; padding-bottom: 4px;} .decks { list-style: none; margin: 0px; padding: 0px;} .decks a { text-decoration: none; color: #023063;} .decks a:hover { text-decoration: none; color: #023063; font-weight: bold;} .decks a:active { text-decoration: none; color: #023063; font-weight: bold;} .deck_images { width: 65px; float:left; position: relative; list-style: none; } .deck_ul { width: 200px; float: left; position: relative;} .deck_li { padding-top: 7px;} .deck_li2 { padding-bottom: 2px;} .decks_img { list-style: none; padding: 0px; margin: 0px;} .decks_list { list-style: none; padding: 0px; margin: 0px;} .deck_img { margin-left: 0px; } .wrap { position: relative; float: left;} /* ROUTEN */ .wrap_route { position: relative; float: left; padding-bottom: 15px;} .routewrap { position: relative; padding-top:2px; padding-bottom: 2px;} .tag { float:left; position: relative; width: 50px; padding-left: 4px;} .tag_b { float:left; position: relative; width: 50px; padding-left: 4px; background-color: #DEE5ED;} .ausflug { float:left; position: relative; width: 320px; } .ausflug_b { float:left; position: relative; width: 320px; background-color: #DEE5ED; } .an_abfahrt { float:left; position: relative; width: 53px;} .an_abfahrt_b { float:left; position: relative; width: 53px; background-color: #DEE5ED;} .hidden_include { position: relative; width: 470px; border: 2px solid #DEE5ED; padding: 4px;} /* 7 =Hoverbox Code ------------------------------------------------------------------------------------------*/ .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview {margin-top:0px; display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -3px; left: -250px; z-index: 1; } .hoverbox img { background: #ffffff; border-color: #000000; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; width: 254px; height: 138px; } .hoverbox li { margin-right:8px; border-color: #000000; border-width: 1px; float: right; position: relative; } .hoverbox .preview { border-color: #000000; width:auto; height:auto; } .hoverbox a:hover { display: block; font-size: 100%; z-index: 1; } /*--------------------------------------------- 8) INFOSEITE ---------------------------------------------*/ .subnavi { width: 120px; float:left; position: relative; padding-top: 8px;padding-bottom: 4px; } .anabbox { width: 450px; float:left; position: relative; padding-top: 8px;padding-bottom: 4px; border-bottom: 1px dashed #023063; } .title { width: 450px; margin: 0px; font-weight: bold; font-size: 12px; padding: 0px; } .ftext { width: 450px; margin: 0px; padding-top: 4px; padding-bottom: 4px; }