/* Pageframe styles */
body {
  margin:0;
  font-family: verdana, arial, helvetica, sans-serif;
  background-color: #ddd8ce;
  color: #000000;
}
#pageFrame {
  width: 766px;
  background-color: #fff;
  color: #000000;
  margin: 0 auto 0 auto;
}
#pageFrame #header {
  margin: 0;
}

/* Header */
#header .headSpacer {
  float: left;
  width: 16px;
}
#header .productNavContainer{
  float: left;
  margin: 0px;
}

#header .areaNavContainer {
  float: left;
  margin: 0px;
}
#header .productNavStartContainer {
  float: left;
  height: 68px;
  text-align: center;
  background-color: #6465ad;
  color: #000000;
}
#header .productNavStartContainer .spacer {
  height: 43px;
}
#header .productNavStartContainer a {
  vertical-align: bottom;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  padding: 0px 10px;
}


/* Left Navigation */
#leftNavigation {
  width: 187px;
  float: left;
  margin-bottom: 16px;
}
#leftNavigation img {
  border: none;
  margin: 0px;
  padding: 0px;
}
#leftNavigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}
#leftNavigation li {
    margin: 0;
    padding: 0;
    width: 187px;
    height: 26px;
    background-color: #ddd8ce;
}
#leftNavigation a {
  display: block;
  text-decoration: none;
  padding-left: 8px;
  font-weight: bold;
}
#leftNavigation a.external {
  font-size:12px;
  color: #666666;
  text-decoration: none;
  padding-left: 8px;
  font-weight: bold;
}
.spacerNavHead {
    height:19px;
    background-color: #ddd8ce;
}
.spacerNavBottom {
    height:19px;
    background-color: #ddd8ce;
}

/* footer */
#footer {
  margin: 0 16px 0 16px;
  border-top: 1px solid #b4b3b3;
  color: #9b9a9a;
  font-size: 12px;
}
#footer .footerContainer {
  float: left;
  height: 30px;
  vertical-align: middle;
  border-right: 1px solid #b4b3b3;
  font-size: 10px;
  text-align: center;
}
#footer .footerContainer .spacer {
  height: 7px;
}
#footer .footerContainer a {
  color: #9b9a9a;
  text-decoration: none;
}


/* Content Styles */
#centreArea #content {
  float: left;
  padding: 0;
  margin: 0 0 16px 14px;
  width: 565px;
}
#content h1 {
  margin-left: 40px;
  color: #565aa6;
  font-size: 22px;
  font-weight: normal;
}
#content .hrSpacer {
  margin: 0 16px;
  font-size: 0.1em;
  height: 1px;
  background-color: #bdbec0;
}
#content p {
  margin: 10px 23px 10px 40px;
  font-size:12px;
  color: #808285;
}
#content p a {
  color: #4b4f9b;
  text-decoration: none;
}
#content p a:hover {
  text-decoration: underline;
}
#content a.important {
  color: #009999;
  text-decoration: none;
  font-weight: bold;
}
#content a.important:hover {
  text-decoration: underline;
}
#content table.linkTable {
  margin: 10px 23px 10px 40px;
  font-size:12px;
  color: #808285;
}
#content table.linkTable td {
  padding-bottom: 10px;
}
#content table.linkTable a {
  color: #4b4f9b;
  text-decoration: none;
}
#content table.linkTable a:hover {
  text-decoration: underline;
}
#content table.serviceTable {
  margin: 10px 23px 10px 40px;
  font-size:12px;
  color: #808285;
}
#content p b.orange {
  color: #009999;
}
/* Graphics at the top of the content */
#contentGraphics .photo1 {
  float: left;
  width: 166px;
  height: 176px;
}
#contentGraphics .photo2 {
  float: left;
  width: 220px;
  height: 176px;
}
#contentGraphics .photo3 {
  float: left;
  width: 403px;
  height: 176px;
}
#contentGraphics .statement {
  float: right;
  width: 143px;
  height: 176px;
  padding: 0px;
}
#contentGraphics .spacer {
  float: left;
  width: 18px;
}
#content form.formBestellung {
  margin: 10px 23px 10px 40px;
  font-size:12px;
  color: #808285;
}
#content form.formBestellung input {
  border: 1px solid #ddd8ce;
  margin: 5px 0px;
}
#content form.formBestellung textarea {
  border: 1px solid #ddd8ce;
  margin: 5px 0px;
}
#content form.formBestellung select {
  border: 1px solid #ddd8ce;
  margin: 5px 0px;
}
#content form.formBestellung input.error {
  border: 1px solid red;
}
#content form select.error {
  border: 1px solid #ff0000 !important;
}
#content form textarea.error {
  border: 1px solid red;
}
#content form.formBestellung label {
  vertical-align: middle;
  margin-left:10px;
}

.red { color: #ff0000; font-weight: bold; }


/* left navigation rollover monsterdef >_< */


#leftNavigation li.kreuzfahrtserviceOFF {
    background-image: url(../media/navigation/left/KreuzfahrtserviceOFF.gif);
}
#leftNavigation li.kreuzfahrtserviceOFF:hover {
    background-image: url(../media/navigation/left/KreuzfahrtserviceON.gif);
}
#leftNavigation li.kreuzfahrtserviceON {
    background-image: url(../media/navigation/left/KreuzfahrtserviceON.gif);
}
#leftNavigation li.reedereienOFF {
    background-image: url(../media/navigation/left/ReedereienOFF.gif);
}
#leftNavigation li.reedereienOFF:hover {
    background-image: url(../media/navigation/left/ReedereienON.gif);
}
#leftNavigation li.reedereienON {
    background-image: url(../media/navigation/left/ReedereienON.gif);
}
#leftNavigation li.flughafenserviceOFF {
    background-image: url(../media/navigation/left/FlughafenserviceOFF.gif);
}
#leftNavigation li.flughafenserviceOFF:hover {
    background-image: url(../media/navigation/left/FlughafenserviceON.gif);
}
#leftNavigation li.flughafenserviceON {
    background-image: url(../media/navigation/left/FlughafenserviceON.gif);
}
#leftNavigation li.gepaeckserviceOFF {
    background-image: url(../media/navigation/left/GepaeckserviceOFF.gif);
}
#leftNavigation li.gepaeckserviceOFF:hover {
    background-image: url(../media/navigation/left/GepaeckserviceON.gif);
}
#leftNavigation li.gepaeckserviceON {
    background-image: url(../media/navigation/left/GepaeckserviceON.gif);
}
#leftNavigation li.buchungsanfrageOFF {
    background-image: url(../media/navigation/left/BuchungsanfrageOFF.gif);
}
#leftNavigation li.buchungsanfrageOFF:hover {
    background-image: url(../media/navigation/left/BuchungsanfrageON.gif);
}
#leftNavigation li.buchungsanfrageON {
    background-image: url(../media/navigation/left/BuchungsanfrageON.gif);
}
/* - leistungen - */
#leftNavigation li.common_formulareOFF {
    background-image: url(../media/navigation/left/FormulareOFF.gif);
}
#leftNavigation li.common_formulareOFF:hover {
    background-image: url(../media/navigation/left/FormulareON.gif);
}
#leftNavigation li.common_formulareON {
    background-image: url(../media/navigation/left/FormulareON.gif);
}
#leftNavigation li.common_hinweiseOFF {
    background-image: url(../media/navigation/left/HinweiseOFF.gif);
}
#leftNavigation li.common_hinweiseOFF:hover {
    background-image: url(../media/navigation/left/HinweiseON.gif);
}
#leftNavigation li.common_hinweiseON {
    background-image: url(../media/navigation/left/HinweiseON.gif);
}
#leftNavigation li.common_zollbestimmungenOFF {
    background-image: url(../media/navigation/left/ZollbestimmungenOFF.gif);
}
#leftNavigation li.common_zollbestimmungenOFF:hover {
    background-image: url(../media/navigation/left/ZollbestimmungenON.gif);
}
#leftNavigation li.common_zollbestimmungenON {
    background-image: url(../media/navigation/left/ZollbestimmungenON.gif);
}
#leftNavigation li.common_preiseOFF {
    background-image: url(../media/navigation/left/PreiseOFF.gif);
}
#leftNavigation li.common_preiseOFF:hover {
    background-image: url(../media/navigation/left/PreiseON.gif);
}
#leftNavigation li.common_preiseON {
    background-image: url(../media/navigation/left/PreiseON.gif);
}
/* - uebergepaeck - */
#leftNavigation li.uebergepaeckserviceOFF {
    background-image: url(../media/navigation/left/UebergepaeckserviceOFF.gif);
}
#leftNavigation li.uebergepaeckserviceOFF:hover {
    background-image: url(../media/navigation/left/UebergepaeckserviceON.gif);
}
#leftNavigation li.uebergepaeckserviceON {
    background-image: url(../media/navigation/left/UebergepaeckserviceON.gif);
}
#leftNavigation li.trackingOFF {
    background-image: url(../media/navigation/left/TrackingOFF.gif);
}
#leftNavigation li.trackingOFF:hover {
    background-image: url(../media/navigation/left/TrackingON.gif);
}
#leftNavigation li.trackingON {
    background-image: url(../media/navigation/left/TrackingON.gif);
}
#leftNavigation li.gutzuwissenOFF {
    background-image: url(../media/navigation/left/Gut-zu-wissenOFF.gif);
}
#leftNavigation li.gutzuwissenOFF:hover {
    background-image: url(../media/navigation/left/Gut-zu-wissenON.gif);
}
#leftNavigation li.gutzuwissenON {
    background-image: url(../media/navigation/left/Gut-zu-wissenON.gif);
}
#leftNavigation li.faqOFF {
    background-image: url(../media/navigation/left/FAQsOFF.gif);
}
#leftNavigation li.faqOFF:hover {
    background-image: url(../media/navigation/left/FAQsON.gif);
}
#leftNavigation li.faqON {
    background-image: url(../media/navigation/left/FAQsON.gif);
}
/* - kontakt - */
#leftNavigation li.anschriftOFF {
    background-image: url(../media/navigation/left/AnschriftOFF.gif);
}
#leftNavigation li.anschriftOFF:hover {
    background-image: url(../media/navigation/left/AnschriftON.gif);
}
#leftNavigation li.anschriftON {
    background-image: url(../media/navigation/left/AnschriftON.gif);
}
#leftNavigation li.impressumOFF {
    background-image: url(../media/navigation/left/ImpressumOFF.gif);
}
#leftNavigation li.impressumOFF:hover {
    background-image: url(../media/navigation/left/ImpressumON.gif);
}
#leftNavigation li.impressumON {
    background-image: url(../media/navigation/left/ImpressumON.gif);
}
/* - partner - */
#leftNavigation li.startOFF {
    background-image: url(../media/navigation/left/KooperationspartnerOFF.gif);
}
#leftNavigation li.startOFF:hover {
    background-image: url(../media/navigation/left/KooperationspartnerON.gif);
}
#leftNavigation li.startON {
    background-image: url(../media/navigation/left/KooperationspartnerON.gif);
}
/* - Unternehmen - */
#leftNavigation li.unternehmenOFF {
    background-image: url(../media/navigation/left/DasUnternehmenOFF.gif);
}
#leftNavigation li.unternehmenOFF:hover {
    background-image: url(../media/navigation/left/DasUnternehmenON.gif);
}
#leftNavigation li.unternehmenON {
    background-image: url(../media/navigation/left/DasUnternehmenON.gif);
}
#leftNavigation li.teamOFF {
    background-image: url(../media/navigation/left/UnserTeamOFF.gif);
}
#leftNavigation li.teamOFF:hover {
    background-image: url(../media/navigation/left/UnserTeamON.gif);
}
#leftNavigation li.teamON {
    background-image: url(../media/navigation/left/UnserTeamON.gif);
}

/* EN left navigation rollover monsterdef >_< */


#leftNavigation li.en_kreuzfahrtserviceOFF {
    background-image: url(../en/media/navigation/left/KreuzfahrtserviceOFF.gif);
}
#leftNavigation li.en_kreuzfahrtserviceOFF:hover {
    background-image: url(../en/media/navigation/left/KreuzfahrtserviceON.gif);
}
#leftNavigation li.en_kreuzfahrtserviceON {
    background-image: url(../en/media/navigation/left/KreuzfahrtserviceON.gif);
}
#leftNavigation li.en_reedereienOFF {
    background-image: url(../en/media/navigation/left/ReedereienOFF.gif);
    width: 187px;
    height: 38px;
}
#leftNavigation li.en_reedereienOFF:hover {
    background-image: url(../en/media/navigation/left/ReedereienON.gif);
    width: 187px;
    height: 38px;
}
#leftNavigation li.en_reedereienON {
    background-image: url(../en/media/navigation/left/ReedereienON.gif);
    width: 187px;
    height: 38px;
}
#leftNavigation li.en_flughafenserviceOFF {
    background-image: url(../en/media/navigation/left/FlughafenserviceOFF.gif);
}
#leftNavigation li.en_flughafenserviceOFF:hover {
    background-image: url(../en/media/navigation/left/FlughafenserviceON.gif);
}
#leftNavigation li.en_flughafenserviceON {
    background-image: url(../en/media/navigation/left/FlughafenserviceON.gif);
}
#leftNavigation li.en_gepaeckserviceOFF {
    background-image: url(../en/media/navigation/left/GepaeckserviceOFF.gif);
}
#leftNavigation li.en_gepaeckserviceOFF:hover {
    background-image: url(../en/media/navigation/left/GepaeckserviceON.gif);
}
#leftNavigation li.en_gepaeckserviceON {
    background-image: url(../en/media/navigation/left/GepaeckserviceON.gif);
}
#leftNavigation li.en_buchungsanfrageOFF {
    background-image: url(../en/media/navigation/left/BuchungsanfrageOFF.gif);
}
#leftNavigation li.en_buchungsanfrageOFF:hover {
    background-image: url(../en/media/navigation/left/BuchungsanfrageON.gif);
}
#leftNavigation li.en_buchungsanfrageON {
    background-image: url(../en/media/navigation/left/BuchungsanfrageON.gif);
}
/* - leistungen - */
#leftNavigation li.en_common_formulareOFF {
    background-image: url(../en/media/navigation/left/FormulareOFF.gif);
}
#leftNavigation li.en_common_formulareOFF:hover {
    background-image: url(../en/media/navigation/left/FormulareON.gif);
}
#leftNavigation li.en_common_formulareON {
    background-image: url(../en/media/navigation/left/FormulareON.gif);
}
#leftNavigation li.en_common_hinweiseOFF {
    background-image: url(../en/media/navigation/left/HinweiseOFF.gif);
}
#leftNavigation li.en_common_hinweiseOFF:hover {
    background-image: url(../en/media/navigation/left/HinweiseON.gif);
}
#leftNavigation li.en_common_hinweiseON {
    background-image: url(../en/media/navigation/left/HinweiseON.gif);
}
#leftNavigation li.en_common_zollbestimmungenOFF {
    background-image: url(../en/media/navigation/left/ZollbestimmungenOFF.gif);
}
#leftNavigation li.en_common_zollbestimmungenOFF:hover {
    background-image: url(../en/media/navigation/left/ZollbestimmungenON.gif);
}
#leftNavigation li.en_common_zollbestimmungenON {
    background-image: url(../en/media/navigation/left/ZollbestimmungenON.gif);
}
#leftNavigation li.en_common_preiseOFF {
    background-image: url(../en/media/navigation/left/PreiseOFF.gif);
}
#leftNavigation li.en_common_preiseOFF:hover {
    background-image: url(../en/media/navigation/left/PreiseON.gif);
}
#leftNavigation li.en_common_preiseON {
    background-image: url(../en/media/navigation/left/PreiseON.gif);
}
/* - uebergepaeck - */
#leftNavigation li.en_uebergepaeckserviceOFF {
    background-image: url(../en/media/navigation/left/UebergepaeckserviceOFF.gif);
}
#leftNavigation li.en_uebergepaeckserviceOFF:hover {
    background-image: url(../en/media/navigation/left/UebergepaeckserviceON.gif);
}
#leftNavigation li.en_uebergepaeckserviceON {
    background-image: url(../en/media/navigation/left/UebergepaeckserviceON.gif);
}
#leftNavigation li.en_trackingOFF {
    background-image: url(../en/media/navigation/left/TrackingOFF.gif);
}
#leftNavigation li.en_trackingOFF:hover {
    background-image: url(../en/media/navigation/left/TrackingON.gif);
}
#leftNavigation li.en_trackingON {
    background-image: url(../en/media/navigation/left/TrackingON.gif);
}
#leftNavigation li.en_gutzuwissenOFF {
    background-image: url(../en/media/navigation/left/Gut-zu-wissenOFF.gif);
}
#leftNavigation li.en_gutzuwissenOFF:hover {
    background-image: url(../en/media/navigation/left/Gut-zu-wissenON.gif);
}
#leftNavigation li.en_gutzuwissenON {
    background-image: url(../en/media/navigation/left/Gut-zu-wissenON.gif);
}
#leftNavigation li.en_faqOFF {
    background-image: url(../en/media/navigation/left/FAQsOFF.gif);
}
#leftNavigation li.en_faqOFF:hover {
    background-image: url(../en/media/navigation/left/FAQsON.gif);
}
#leftNavigation li.en_faqON {
    background-image: url(../en/media/navigation/left/FAQsON.gif);
}
/* - kontakt - */
#leftNavigation li.en_anschriftOFF {
    background-image: url(../en/media/navigation/left/AnschriftOFF.gif);
}
#leftNavigation li.en_anschriftOFF:hover {
    background-image: url(../en/media/navigation/left/AnschriftON.gif);
}
#leftNavigation li.en_anschriftON {
    background-image: url(../en/media/navigation/left/AnschriftON.gif);
}
#leftNavigation li.en_impressumOFF {
    background-image: url(../en/media/navigation/left/ImpressumOFF.gif);
}
#leftNavigation li.en_impressumOFF:hover {
    background-image: url(../en/media/navigation/left/ImpressumON.gif);
}
#leftNavigation li.en_impressumON {
    background-image: url(../en/media/navigation/left/ImpressumON.gif);
}
/* - partner - */
#leftNavigation li.en_startOFF {
    background-image: url(../en/media/navigation/left/KooperationspartnerOFF.gif);
}
#leftNavigation li.en_startOFF:hover {
    background-image: url(../en/media/navigation/left/KooperationspartnerON.gif);
}
#leftNavigation li.en_startON {
    background-image: url(../en/media/navigation/left/KooperationspartnerON.gif);
}
/* - Unternehmen - */
#leftNavigation li.en_unternehmenOFF {
    background-image: url(../en/media/navigation/left/DasUnternehmenOFF.gif);
}
#leftNavigation li.en_unternehmenOFF:hover {
    background-image: url(../en/media/navigation/left/DasUnternehmenON.gif);
}
#leftNavigation li.en_unternehmenON {
    background-image: url(../en/media/navigation/left/DasUnternehmenON.gif);
}
#leftNavigation li.en_teamOFF {
    background-image: url(../en/media/navigation/left/UnserTeamOFF.gif);
}
#leftNavigation li.en_teamOFF:hover {
    background-image: url(../en/media/navigation/left/UnserTeamON.gif);
}
#leftNavigation li.en_teamON {
    background-image: url(../en/media/navigation/left/UnserTeamON.gif);
}
