/* DATEI: formate.css */ /* Diese Datei definiert die wichtigsten Formatvorlagen der Homepage */ body { background-color:#E7EFF7; margin:0px; } p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial,sans-serif; } p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; } h1 { font-size:18pt; } h2 { font-size:16pt; } h3 { font-size:12pt; } h4 { font-size:10pt; } a:link { color:#AD0000; text-decoration:underline; } a:visited { color:#AD0000; text-decoration:underline; } a:active { color:#000000; text-decoration:none; } a:hover { color:blue; text-decoration:none; } a.an { text-decoration:none; } /* index.htm */ /* backgrounds */ #bg_white { POSITION:absolute; TOP:0px; LEFT:0px; width:100%; height:101px; background-color:#FFFFFF; } #bg_index { POSITION:absolute; TOP:101px; LEFT:0px; width:100%; height:200px; background-image:url(icons/bg_index.gif); background-repeat:repeat-x; } #bg_lblue { POSITION:absolute; TOP:282px; LEFT:0px; width:100%; height:26px; background-color:#75B6ED; } #bg_dblue { POSITION:absolute; TOP:308px; LEFT:0px; width:100%; height:220px; background-color:#CEDEE7; } #bg_white_s { POSITION:absolute; TOP:0px; LEFT:0px; width:100%; height:70px; background-color:#FFFFFF; } #bg_lblue_s { POSITION:absolute; TOP:70px; LEFT:0px; width:100%; height:30px; background-color:#75B6ED; } /* #bg_index_s { POSITION:absolute; TOP:101px; LEFT:0px; width:100%; height:200px; background-image:url(icons/bg_index.gif); background-repeat:repeat-x; } */ /* logos */ #jos_schr { POSITION:absolute; TOP:63px; LEFT:250px; background-image:url(icons/jobonship_schriftzug.gif); background-repeat:no-repeat; height:165px; width:441px; } #jos_logo { POSITION:absolute; TOP:80px; LEFT:12px; background-image:url(icons/jobonship_logo.gif); background-repeat:no-repeat; height:153px; width:350px; } #joslogan { POSITION:absolute; TOP:160px; LEFT:449px; background-image:url(icons/jobonship_slogan.gif); background-repeat:no-repeat; height:47px; width:290px; } #kompass { POSITION:absolute; TOP:308px; LEFT:0px; background-image:url(icons/kompass.jpg); background-repeat:no-repeat; height:220px; width:303px; } #schiff { POSITION:absolute; TOP:420px; RIGHT:0px; background-image:url(icons/schiff.jpg); background-repeat:no-repeat; height:110px; width:366px; } #jos { POSITION:absolute; TOP:335px; LEFT:330px; background-image:url(icons/jos_428x80.jpg); background-repeat:no-repeat; height:80px; width:428px; } #jos_schr_s { POSITION:absolute; TOP:5px; LEFT:135px; background-image:url(icons/jobonship_schriftzug_s.gif); background-repeat:no-repeat; height:56px; width:160px;} #jos_logo_s { POSITION:absolute; TOP:10px; LEFT:10px; background-image:url(icons/jobonship_logo_s.gif); background-repeat:no-repeat; height:47px; width:114px;} #button_dcl_s { POSITION:absolute; TOP:500px; LEFT:250px; background-image:url(icons/dcl_vacancy.jpg); background-repeat:no-repeat; width:350px; height:168px; } #button_rivers_s { POSITION:absolute; TOP:300px; LEFT:500px; background-image:url(icons/river_cruises_vacancy.jpg); background-repeat:no-repeat; width:350px; height:168px; } #button_cruise_s { POSITION:absolute; TOP:300px; LEFT:50px; background-image:url(icons/cruise_line_vacancy.jpg); background-repeat:no-repeat; width:350px; height:168px; } #button_crew_info_d { POSITION:absolute; TOP:800px; LEFT:400px; background-image:url(icons/crew_info_d.jpg); background-repeat:no-repeat; width:350px; height:168px; } #button_crew_info_h { POSITION:absolute; TOP:800px; LEFT:75px; background-image:url(icons/crew_info_h.jpg); background-repeat:no-repeat; width:350px; height:168px; } #button_apply { POSITION:absolute; TOP:650px; LEFT:290px; background-image:url(icons/icma_apply.jpg); background-repeat:no-repeat; width:136px; height:75px; } #schr_dcl_s { POSITION:absolute; TOP:10px; LEFT:550px; background-image:url(icons/schr_dcl_s.gif); background-repeat:no-repeat; width:250px; height:52px; } #schr_viking { POSITION:absolute; TOP:10px; LEFT:550px; background-image:url(icons/schr_viking.gif); background-repeat:no-repeat; width:184px; height:52px; } #schr_icma { POSITION:absolute; TOP:10px; LEFT:550px; background-image:url(icons/schr_icma.jpg); background-repeat:no-repeat; width:320px; height:52px; } /* navigation */ .nav { POSITION:absolute; TOP:286px; width:130px; height:15px; text-align:center; vertical-align:middle; border:outset 2px; color:white; background-color:#4A92CF; } .nav A { color:white; font-size:11px; font-weight:bold; text-decoration:none; } .nav A:hover { color:#75B6ED; } .nav_s { POSITION:absolute; TOP:74px; width:145px; height:19px; text-align:center; vertical-align:middle; border:outset 2px; color:white; background-color:#4A92CF; } .nav_s A { color:white; font-size:12px; font-weight:bold; text-decoration:none; } .nav_s A:hover { color:#75B6ED; } .nav_left { PADDING-LEFT:5px; width:107px; height:18px; border:solid 1px white; color:black; font-weight:bold; background-color:#4A92CF; } .nav_left A { color:white; font-size:12px; text-decoration:none; } .nav_left A:hover { color:#75B6ED; } #subnavigation { position:absolute; top:100px; } #subnavigation DIV { display:inline; font-size:10px; } #subnavigation DIV A { color:black; font-size:10px; text-decoration:none; } #subnavigation DIV A:hover { background-color:orange; } .mid { padding-top:2px; } #nav1 { LEFT:0px; } #nav2 { LEFT:135px; } #nav3 { LEFT:270px; } #nav4 { LEFT:405px; } #nav5 { LEFT:540px; } #nav6 { LEFT:675px; } #nav7 { LEFT:810px; } .index { POSITION:absolute; TOP:330px; LEFT:330px; width:280px; color:#3168CF; text-align:justify; } .index H1 { font-size:18px; margin:0px; } .index H2 { font-size:12px; margin:0px; text-align:right; } #onTheTop { POSITION:absolute; TOP:550px; LEFT:130px; width:550px; padding:50px; border:solid 1px #333; background:#75B6ED; opacity:0.8; filter:alpha(opacity=80); color:black; } #onTheTop H1 { color:black; margin:0px; } #onTheTop A { color:blue; } /* infobutton */ #info-button { POSITION:absolute; TOP:15px; LEFT:680px; background-image:url(icons/info_buton.gif); background-repeat:no-repeat; width:100px; height:100px; } #dcl-button { POSITION:absolute; TOP:50px; LEFT:800px; background-image:url(icons/disney.gif); background-repeat:no-repeat; width:150px; height:65px; } /* content */ #content { width:750px; padding-top:15px; padding-left:15px; text-align:justify; color:#3168CF; } #content H1 {margin-top:0px; } #content .info { FLOAT:left; WIDTH:25px; HEIGHT:27px; BACKGROUND-IMAGE:url(icons/info.gif); } #content .appl { FLOAT:left; WIDTH:25px; HEIGHT:16px; BACKGROUND-IMAGE:url(icons/schiffbutton_blau.gif); } /* DCL */ .DCL-Jobs td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } .DCL-Jobs td:hover { background-color:orange; } #DCL-Crew { POSITION:absolute; TOP:415px; LEFT:800px; background-image:url(icons/dcl_crew.jpg); background-repeat:no-repeat; width:108px; height:600px; } #DCL-Crew1 { POSITION:absolute; TOP:415px; LEFT:720px; background-image:url(icons/captain_and_mickey.jpg); background-repeat:no-repeat; width:356px; height:234px; } #DCL-Crew2 { POSITION:absolute; TOP:850px; LEFT:800px; background-image:url(icons/entertainment_dcl.jpg); background-repeat:no-repeat; width:225px; height:338px; } #DCL-Crew3 { POSITION:absolute; TOP:1210px; LEFT:800px; background-image:url(icons/yc_dcl.jpg); background-repeat:no-repeat; width:300px; height:225px; } #DCL-Crew4 { POSITION:absolute; TOP:1450px; LEFT:800px; background-image:url(icons/dining.jpg); background-repeat:no-repeat; width:232px; height:225px; } #DCL-Crew5 { POSITION:absolute; TOP:1700px; LEFT:800px; background-image:url(icons/dcl_housekeeping.jpg); background-repeat:no-repeat; width:332px; height:225px; } #DCL-Crew6 { POSITION:absolute; TOP:2050px; LEFT:800px; background-image:url(icons/island-center-back_01.jpg); background-repeat:no-repeat; width:335px; height:225px; } #DCL-Newbuild { POSITION:absolute; TOP:415px; LEFT:800px; background-image:url(icons/dcl_new_build.jpg); background-repeat:no-repeat; width:225px; height:930px; } #Mickey2 { POSITION:absolute; TOP:1150px; LEFT:40px; background-image:url(icons/mickey1.jpg); background-repeat:no-repeat; width:230px; height:300px; } #Continue { POSITION:absolute; TOP:1020px; LEFT:820px; background-image:url(icons/continue_button.jpg); background-repeat:no-repeat; width:65px; height:61px; } #Continue1 { POSITION:absolute; TOP:2350px; LEFT:930px; background-image:url(icons/continue_button.jpg); background-repeat:no-repeat; width:65px; height:61px; } #Continue2 { POSITION:absolute; TOP:1200px; LEFT:880px; background-image:url(icons/continue_button.jpg); background-repeat:no-repeat; width:65px; height:61px; } #dcl-anfangsbild { POSITION:absolute; TOP:200px; LEFT:50px; background-image:url(icons/icons/anfangsbild.jpg); background-repeat:no-repeat; width:550px; height:433px; } #dcl-donald { POSITION:absolute; TOP:320px; LEFT:630px; background-image:url(icons/dcl_start.jpg);background-repeat:no-repeat; width:300px; height:142px; } /* Disney - Dream */ .crew { POSITION:absolute; TOP:945px; LEFT:320px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .staff { POSITION:absolute; TOP:770px; LEFT:320px; width:600px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .crew1 { POSITION:absolute; TOP:945px; LEFT:320px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .staff1 { POSITION:absolute; TOP:770px; LEFT:320px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .recruiting_email { POSITION:absolute; TOP:1394px; LEFT:485px; background-image:url(icons/dcl_recruiting_email.gif);background-repeat:no-repeat; width:269px; height:21px; } /* Jobonship */ .JOS td { padding:3px 7px 3px 7px; color:#3168CF; } .JOS th { padding:3px 7px 3px 7px; color:#3168CF; height:35px; } .JOS TR:hover { background-color:silver; } .JOS TR:hover TH { background-color:#E7EFF7; } .JOS-Jobs td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } .JOS-Jobs TR:hover { background-color:silver; } .JOS-Jobs TR:hover TH { background-color:#E7EFF7; } .JOB-Desc td { width:450px; padding:3px 20px 3px 20px; color:#3168CF; } .JOB-Desc TH { padding:3px 20px 3px 20px; color:#3168CF; } .JOB-Desc TR:hover { background-color:silver; } .JOB-Desc TR:hover TH { background-color:#E7EFF7; } /* Viking */ .Viking-Jobs td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } .Viking-Fleet td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } /* ICMA */ .ICMA-Jobs td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } .Crystal-Asuka-Fleet td { width:185px; padding:3px 7px 3px 7px; color:#3168CF; } #fleet { POSITION:absolute; TOP:300px; LEFT:10px; background-image:url(icons/fleet.jpg); background-repeat:no-repeat; width:434px; height:1458px; } #fleet_1 { POSITION:absolute; TOP:288px; LEFT:10px; background-image:url(icons/fleet_1.jpg); background-repeat:no-repeat; width:379px; height:1418px; } /*News - Frame*/ #frame_four { POSITION:absolute; TOP:850px; LEFT:550px; background-image:url(icons/frame_four.jpg); background-repeat:no-repeat; width:525px; height:338px; } #frame_three { POSITION:absolute; TOP:850px; LEFT:10px; background-image:url(icons/frame_three.jpg); background-repeat:no-repeat; width:525px; height:338px; } #frame_one { POSITION:absolute; TOP:455px; LEFT:550px; background-image:url(icons/frame_one.jpg); background-repeat:no-repeat; width:525px; height:338px; } #frame_two { POSITION:absolute; TOP:455px; LEFT:10px; background-image:url(icons/frame_two.jpg); background-repeat:no-repeat; width:525px; height:338px; } /*News */ .frame1 { POSITION:absolute; TOP:500px; LEFT:580px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .frame2 { POSITION:absolute; TOP:500px; LEFT:35px; width:600px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .frame3 { POSITION:absolute; TOP:880px; LEFT:35px; width:600px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .frame4 { POSITION:absolute; TOP:880px; LEFT:580px; width:600px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .headlines1 { POSITION:absolute; TOP:440px; LEFT:580px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .headlines2 { POSITION:absolute; TOP:440px; LEFT:35px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .headlines3 { POSITION:absolute; TOP:830px; LEFT:35px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .headlines4 { POSITION:absolute; TOP:830px; LEFT:580px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } /* Fleet */ .symphony { POSITION:absolute; TOP:410px; LEFT:550px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .serenity { POSITION:absolute; TOP:853px; LEFT:550px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .asuka { POSITION:absolute; TOP:1347px; LEFT:550px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .symphony1 { POSITION:absolute; TOP:365px; LEFT:550px; width:600px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } .serenity1 { POSITION:absolute; TOP:819px; LEFT:550px; width:470px; padding:3px 7px 3px 7px; color:#3168CF; text-align:justify; } /* Fleet - Frame */ #frame_symphony { POSITION:absolute; TOP:377px; LEFT:525px; background-image:url(icons/frame_symphony.jpg); background-repeat:no-repeat; width:520px; height:333px; } #frame_serenity { POSITION:absolute; TOP:830px; LEFT:525px; background-image:url(icons/frame_serenity.jpg); background-repeat:no-repeat; width:520px; height:333px; } #frame_asuka { POSITION:absolute; TOP:1357px; LEFT:525px; background-image:url(icons/frame_asuka.jpg); background-repeat:no-repeat; width:525px; height:338px; } .contact-block { width:280px; } .contact-block FIELDSET { PADDING:4px 10px 10px 10px; BORDER:#3168CF 2px inset; font-size:12px; } .contact-block FIELDSET LEGEND { PADDING:0px 10px 10px 10px; color:#3168CF; font-size:14px; } .contact-block OL { padding-left:20px; margin-bottom:0px; list-style-type:lower-alpha; } .right { FLOAT:right; PADDING-LEFT:20px; } .left { FLOAT:left; PADDING-RIGHT:20px; } .center_small { text-align:center; font-size:10px; } #pdf { list-style-image:url(icons/doc_pdf.gif) } #doc { list-style-image:url(icons/doc_doc.gif) } .link { height:75px; border:inset 2px; PADDING:4px 5px 5px 4px; } .banner { height:75px; FLOAT:left; PADDING-RIGHT:20px; } .lexicon { width:100%; color:#3168CF; } .lexicon TH { padding:20px 7px 7px 7px; text-align:left; font-size:18px; border-bottom:solid 1px #3168CF; } .lexicon TR:hover TH { background-color:#E7EFF7; } .lexicon TD { vertical-align:top; padding:2px 7px 2px 7px; color:#3168CF; } .lexicon TD.term { width:130px; } .lexicon TR:hover { background-color:silver; } /* Seitenende */ #page-end { WIDTH:100%; border:solid 1px; border-color:#CCCCCC; BACKGROUND-COLOR:#dedede; padding:2px 2px 2px 2px; font-size:10px; text-align:center; }