/*

    Eugene Kuzmin
    Master screen styles

    Author: Creuna Danmark A/S / www.creuna.dk
    Copyright: 2009, Creuna Danmark A/S. All rights resevered

-----------------------------------------------------------------------*/

html, body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body
{
    color: #1f1f1f;
    font: 12px Arial, Helvetica, sans-serif;
    position: relative;
    overflow-x: hidden;
}
* html
{
    overflow-x: hidden;
    overflow-y: auto !important;
}
body#mainBlankpage
{
    background: #fff;
    color: #000;
    font: 12px Arial, Helvetica, sans-serif;
}

a
{
    color: #000;
}

h2
{
    font-size: 18px;
}
p
{
    line-height: 1.3;
    margin: 0 0 10px;
    padding: 0;
}
img
{
    border: none;
}
.accessibility
{
    left: -999em;
    position: absolute;
    top: -999em;
    font-size: 18px;
}
.mainContainer
{
    background: #fff url(/gfx/scandlines/main-bg.png) 0 0 repeat-x;
    margin-top: 0;
    padding: 40px 0 120px;
}
.mainContainer.bordershop
{
    background: #fff;
    margin-top: -3px;
}
.mainContainer a
{
    color: #002a5c;
}
.mainContainer.bordershop a
{
    color: #000;
}

#wrapper
{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* = form elements = */
form
{
    margin: 0;
    padding: 0;
    position: relative;
}
legend
{
    display: none;
}
input, textarea, select
{
    border: 1px solid #265599;
    font-family: Arial;
    vertical-align: middle;
}
input.btn
{
    background-color: #265599;
    border: 1px solid #265599;
    cursor: pointer;
    color: #fff;
    font: bold 12px bold Arial,sans-serif;
}
input.txt
{
    border: 2px inset #ccc;
    color: #444754;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 3px 5px;
    width: 30px;
}

.mainContainer .btnGradient
{
    font-size: 11px;
    font-weight: bold;
    background: url(/gfx/scandlines/btn-gradient.gif) 0 0 repeat-x;
    line-height: 21px;
    float: left;
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
    font-size: 12px;
    border: 1px solid #272b57;
}
.mainContainer .btnGradient.btnBig
{
    border: 2px solid #c3c3c3;
    background: url(/gfx/scandlines/btn-gradient-big.gif) 0 0 repeat-x;
    line-height: 28px;
}
.mainContainer .btnGradient span
{
    background: url(/gfx/scandlines/button-arrow-next.png) 100% 50% no-repeat;
    padding-right: 20px;
}
.mainContainer .btnGradient.close span
{
    background-image: url(/gfx/scandlines/cross.png);
}
.mainContainer .btnGradient em
{
    font-style: normal;
    font-weight: normal;
}

.mainContainer .btnGradient:hover
{
    text-decoration: none;
    color: #fff;
}
.mainContainer .btnGradient.btnBig:hover
{
    background: url(/gfx/scandlines/btn-gradient-big.gif) 0 -30px repeat-x;
}

/* yellow */
.mainContainer .btnGradient.yellowBtn
{
    background: url(/gfx/scandlines/btn-yellow.png) no-repeat 100% -38px;
    border: none;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 38px;
    line-height: 32px;
    margin-left: -2px;
    padding: 0 22px 0 0;
}
.mainContainer .btnGradient.yellowBtn span
{
    background: url(/gfx/scandlines/btn-yellow.png) no-repeat 0 0;
    cursor: pointer;
    display: inline-block;
    height: 38px;
    padding: 0 20px;
    width: 100px;
}
.mainContainer .btnGradient.yellowBtn:hover
{
    background: url(/gfx/scandlines/btn-yellow.png) no-repeat 100% -38px;
}
.mainContainer .btnGradient.yellowBtn:hover span
{
    background: url(/gfx/scandlines/btn-yellow.png) no-repeat 0 0;
}

.bookTicket
{
    overflow: hidden;
    background: #fff url() 457px 0 no-repeat;
    border: 1px solid #c8c8c8;
    padding: 20px 15px 13px;
}
.bookTicket h1.customNormal
{
    font-size: 28px;
}
.bookTicket .btnGradient span
{
    padding-right: 30px;
    font-size: 12pt;
}
.bookTicket .leftCol
{
    float: left;
    width: 415px;
}
.bookTicket .rightCol
{
    float: right;
    width: 460px;
}

.searchTicketAds
{
    background: url(/gfx/scandlines/search-ticket-ads.png) -328px bottom no-repeat;
    width: 270px;
    padding-bottom: 47px;
    color: #002A5C;
}
.mainContent .searchTicketAds h2
{
    color: #002A5C;
    margin: 0 0 10px;
}
.searchTicketAds .subSearchTicketAds
{
    padding: 15px;
    background: url(/gfx/scandlines/search-ticket-ads.png) -29px 0 no-repeat;
}
.searchTicketAds .content
{
    margin-bottom: -47px;
    position: relative;
}

.infoPanel
{
    padding: 15px 0;
}
.infoPanel .buttons
{
    height: 31px;
    padding: 7px 0 0 15px;
}
.infoPanel .buttons a
{
    margin-left: 18px;
    float: right;
}
.infoPanel .panels
{
    overflow: hidden;
    font-size: 14px;
}
.infoPanel .panels h2
{
    border-bottom: 1px solid #d0d1d0;
    font-size: 14px;
    color: #182346;
    padding: 0 17px 5px 17px;
    font-weight: bold;
    margin-bottom: 9px;
}
.infoPanel .panels h2.scandlines
{
    background: url(/gfx/scandlines/ico-scandlines.png) 17px 40% no-repeat;
    padding-left: 37px;
    height: 20px;
}

.infoPanel .panels h2.scandlinesNoLogo
{    
    padding-left: 37px;
    height: 20px;
} 

.infoPanel p
{
    padding: 0 17px;
}
.infoPanel .routeOverview p
{
    padding: 0;
}
.infoPanel .panelBox
{
    overflow: hidden;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 15px 15px 10px;
    border: 1px solid #c8c8c8;
    background: #f2f3f2;
}
.infoPanel .twoCols, .infoPanel .threeCols
{
    width: 100%;
}
.infoPanel .twoCols .column
{
    width: 451px;
}
.infoPanel .threeCols .column
{
    width: 300px;
}
.infoPanel a.readMore
{
    float: right;
    margin-top: 10px;
}

.scandlinesdk .mainContent
{
    padding-bottom: 40px;
}
.landingInfoBox
{
    overflow: hidden;
    padding-bottom: 48px;
}
.mainContent .landingInfoBox h2
{
    background: url(/gfx/scandlines/bg-header.png) 0 0 repeat-x;
    color: #fff;
    font-size: 14px;
    line-height: 38px;
    padding: 0 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.landingInfoBox .column
{
    width: 451px;
    border-bottom: 1px solid #cecece;
    overflow: hidden;
}
.landingInfoBox .rightColumn
{
    float: right;
}
.landingInfoBox .box
{
    overflow: hidden;
    position: relative;
    padding: 11px 0 9px;
    border-bottom: 1px dashed #adadad;
    z-index: 999;
}
.landingInfoBox .box.last
{
    border: 0;
}
.landingInfoBox dd, .landingInfoBox dl, .landingInfoBox dt
{
    margin: 0;
    padding: 0;
    color: #444;
}
.landingInfoBox dt
{
    float: right;
    width: 230px;
    margin-top: 15px;
    font-size: 17px;
}
.landingInfoBox dd.text
{
    float: right;
    width: 230px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.landingInfoBox dd.image
{
    float: left;
    width: 211px;
    overflow: hidden;
}
.landingInfoBox dd.caption
{
    position: absolute;
    width: 230px;
    top: 10px;
    right: 0;
}
.mainContent .landingInfoBox a, .landingInfoBox .route span
{
    color: #182346;
    text-decoration: none;
}
.landingInfoBox p
{
    margin: 0;
}
.landingInfoBox .readMore
{
    clear: both;
    overflow: hidden;
    padding-top: 10px;
}
.landingInfoBox .readMore a
{
    float: left;
    background: url(/gfx/scandlines/arrow-right-blue-3.png) 100% 60% no-repeat;
    font-size: 17px;
    padding-right: 15px;
}

.joinBox
{
    clear: both;
    overflow: hidden;
    background: url(/gfx/scandlines/bg-join-box.png) 0 0 no-repeat;
    width: 839px;
    height: 115px;
    margin: 0 auto -40px;
    position: relative;
    z-index: 10;
    color: #0e1b45;
}
.joinBox .text
{
    float: left;
    width: 378px;
    margin-left: 45px;
    margin-top: 31px;
    font-size: 15px;
}
.landingInfoBox dd.text
{
    height: 45px;
}
.advertBoxMiddle
{
    float: left;
    margin-top: 56px;
    position: static;
}
.joinBox .text h2
{
    color: #0e1b45;
    font-size: 21px;
    padding-bottom: 5px;
}
.joinBox .btnGradient
{
    position: absolute;
    left: 424px;
    top: 56px;
}
.joinBox .btnGradient.btnBig span
{
    padding-right: 56px;
}
.joinBox .creditCard
{
    float: right;
    margin-right: 81px;
    margin-top: 17px;
}

.row
{
    overflow: hidden;
    padding-bottom: 15px;
}
.row .chk
{
    padding-right: 40px;
}
.row .chk input
{
    margin-right: 5px;
}
.row select
{
    width: 220px;
    margin-right: 30px;
}
.row .dateField, .row .dateFieldBox
{
    background: url(/gfx/scandlines/ico-calendar-2.gif) 99% 50% no-repeat;
    color: #8f9095;
    padding-right: 25px;
    width: 75px;
}

/* = custom buttons = */
.buttonWrapper
{
    float: left;
    left: 1px;
    position: relative;
}
.buttonWrapper.large .button
{
    background: transparent url(/gfx/scandlines/btn-large.png) 0 0 no-repeat;
    height: 43px;
    float: left;
}
.buttonWrapper.small .button
{
    background: transparent url(/gfx/scandlines/btn-small.png) 0 0 no-repeat;
    height: 31px;
    float: left;
}
.buttonWrapper.blue.small .button
{
    background: transparent url(/gfx/scandlines/btn-small-blue.png) 0 0 no-repeat;
    float: left;
}

.buttonWrapper .button input, .buttonWrapper .button a
{
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    overflow: visible;
    vertical-align: top;
    padding: 0 15px 0 17px;
    text-decoration: none;
    float: left;
}
.buttonWrapper .button input:focus, .buttonWrapper .button a:focus
{
    outline: 1px dotted #000;
}

.buttonWrapper .button a:hover
{
    color: #fff;
    text-decoration: none;
}
.buttonWrapper.small .button input, .buttonWrapper.small .button a
{
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}
.buttonWrapper.small .button input
{
    padding-bottom: 2px;
}
.buttonWrapper.large .button input, .buttonWrapper.large .button a
{
    height: 37px;
    line-height: 37px;
}
.buttonWrapper.large .button input
{
    padding-bottom: 2px;
}

.buttonWrapper .righter
{
    background: url(/gfx/scandlines/btn-small-righter.png) 0 0 no-repeat;
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
    width: 6px;
    height: 31px;
}

.buttonWrapper.small.blue .righter
{
    background: url(/gfx/scandlines/btn-small-blue-righter.png) 0 0 no-repeat;
}
.buttonWrapper.large .righter
{
    height: 43px;
    background: url(/gfx/scandlines/btn-large-righter.png) 0 0 no-repeat;
}

.buttonWrapper.autobizz
{
    display: inline;
    margin: 25px 0 0 107px;
}
.thirdStep .buttonWrapper.autobizz
{
    margin-left: 0;
}

span.chk input, span.radioBtn input, table.radioBtn input, .radioList input
{
    border: none;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
}
.radioList input
{
    margin-right: 3px;
}
.radioList label
{
    vertical-align: middle;
}
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

.hiddenLink
{
    float: left;
    overflow: hidden;
    width: 0;
}

.inner
{
    margin: 0 auto;
    overflow: hidden;
    width: 934px;
}

/* = search box = */
.searchBox,
.mainContent .searchResult .searchBox
{
    margin: 0;
    position: absolute;
    right: 0;
    top: 30px;
    width: 145px;
    white-space: nowrap;
}

.mainContent .searchBox
{
    margin: 0 0 8px;
    position: relative !important;
    right: 0;
    top: 0px !important;
    width: 145px;
    white-space: nowrap;
}

.searchBox input
{
    border: 1px solid #a7aebe;
    color: #a7aebe;
    font-size: 11px;
    margin: 0;
    padding: 3px 3px 2px;
    vertical-align: top;
    width: 119px;
}
.searchBox input.focused
{
    color: #192758;
}
.searchBox input.btn
{
    background: url("/gfx/scandlines/sprites/sprite-scl-all.png") no-repeat scroll left -97px transparent;
    border: 0;
    height: 20px;
    margin-left: 5px;
    width: 10px;
}
.searchBox.bordershop input.btn
{
    background: url(/gfx/scandlines/btn-search.png) 0 50% no-repeat;
}

/* = header = */
#header
{
    background: #fff;
    height: 54px;
    overflow: visible;
    padding: 10px 0;
    position: relative;
}
#header .languageSelector
{
    position: absolute;
    right: 160px;
    top: 33px;
}
#header .languageSelector ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#header .languageSelector li
{
    float: left;
}
#header .languageSelector li a
{
    border: 1px #404b5a solid;
    display: block;
    margin: 0 0 0 8px;
    outline: none;
    text-indent: -9999em;
    width: 14px;
    height: 14px;
}
#header .languageSelector .en a
{
    background: url(/gfx/scandlines/lang_en.png) 0 0 no-repeat;
}
#header .languageSelector .da a
{
    background: url(/gfx/scandlines/lang_da.png) 0 0 no-repeat;
}
#header .languageSelector .de a
{
    background: url(/gfx/scandlines/lang_du.png) 0 0 no-repeat;
}
#header .languageSelector .sv a
{
    background: url(/gfx/scandlines/lang_se.png) 0 0 no-repeat;
}

#header .languageSwitcher
{
    float: right;
    padding: 0 0 0 5px;
    margin: -5px 0 0 10px;
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat 0 -1000px;
}
#header .languageSwitcher ul,
#header .languageSwitcher li
{
  margin:0;
  padding:0;
  list-style:none;
}
#header .languageSwitcher ul
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat 100% -1032px;
    height: 32px;
}
#header .languageSwitcher li
{
    float: left;
    height: 11px;
    margin: 10px 10px 0 0;
    text-indent: -9999em;
    width: 16px;
}
#header .languageSwitcher li:first-child
{
    margin-left: 5px;
}
#header .languageSwitcher li > a
{
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}
#header .languageSwitcher li.daLang
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -204px -476px;
}
#header .languageSwitcher li.daLang:hover, #header .languageSwitcher li.daLang.active
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -204px -487px;
}
#header .languageSwitcher li.deLang
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -152px -476px;
}
#header .languageSwitcher li.deLang:hover, #header .languageSwitcher li.deLang.active
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -152px -487px;
}
#header .languageSwitcher li.nlLang
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -178px -476px;
}
#header .languageSwitcher li.nlLang:hover, #header .languageSwitcher li.nlLang.active
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -178px -487px;
}
#header .languageSwitcher li.plLang
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -126px -476px;
}
#header .languageSwitcher li.plLang:hover, #header .languageSwitcher li.plLang.active
{
    background: url(/gfx/scandlines/sprites/scl-sprite.png) no-repeat -126px -487px;
}
#header .languageSwitcher li.enLang
{
    background: url(/gfx/scandlines/sprites/en-flag-active.jpg) no-repeat;
}
#header .languageSwitcher li.enLang:hover, #header .languageSwitcher li.enLang.active
{
    background: url(/gfx/scandlines/sprites/en-flag.jpg) no-repeat;
}

#header .inner
{
    position: relative;
    overflow: visible;
}

#header .headerContent
{
    right: 0;
    top: 0;
    height: 54px;
    width: 670px;
    position: absolute;
}

#header .routeName
{
    padding-left: 10px;
    top: 13px;
    left: 275px;
    border-left: 2px solid #182346;
    position: absolute;
    z-index: 10;
}
#header .routeName h3
{
    margin: 0;
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    color: #182346;
}

/* = logo = */
.logo
{
    display: table;
    height: 54px;
    overflow: hidden;
}
.logo.landing
{
    margin-left: 15px;
}
.logo h1
{
    display: none;
}
.logo a
{
    display: table-cell;
    vertical-align: middle;
}

.addNav
{
    font-size: 11px;
    text-align: right;
}
.addNav ul
{
    float: right;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.addNav li
{
    display: inline;
    margin-left: 15px;
    overflow: hidden;
    padding: 0;
}
.addNav li a
{
    color: #444754;
    line-height: 2em;
    text-decoration: none;
}

#mainNavigation
{
    border-bottom: 3px solid #fff;
    height: 34px;
    overflow: hidden;
}
#mainNavigation .bg
{
    background: blue url(/gfx/scandlines/top-menu-blue-bg.jpg) 100% 0 repeat-x;
    height: 100% !important;
}
#mainNavigation .bg.bordershop
{
    background: #000;
}

.topRibbon
{
    background: blue url(/gfx/scandlines/top-menu-blue-bg.jpg) 0 0 repeat-x;
    height: 34px;
    margin-top: 12px;
}

/* = basket = */
#mainNavigation .basketContainer
{
    display: none;
}
#mainNavigation .subBasketContainer
{
    float: right;
    position: relative;
    top: -34px;
    width: 250px;
}
#mainNavigation .basket
{
    color: #fff;
    float: right;
    line-height: 34px;
}
#mainNavigation .basket a
{
    color: #fff;
    text-decoration: none;
}
#mainNavigation .basket a:hover
{
    color: #ffd308;
}
.basketContainer span
{
    background: url(/gfx/scandlines/ico-basket.png) 0 50% no-repeat;
    color: #ffd308;
    float: left;
    font-weight: bold;
    padding: 1px 2px 0 25px;
}
.basketContainer .filledBasket span
{
    background: url(/gfx/scandlines/ico-basket-filled.png) 0 50% no-repeat;
}

.nav
{
    float: left;
    display: inline;
    list-style: none;
    margin: 0 0 0 -12px;
    padding: 0;
}
.nav li
{
    float: left;
}
.nav li a
{
    color: #fff;
    float: left;
    font: normal 14px/34px Arial, Helvetica, sans-serif;
    padding: 0 12px;
    text-decoration: none;
}
.nav li a:hover, .nav .active a
{
    color: #6699cc;
}
.bordershop .nav li a:hover, .bordershop .nav .active a
{
    color: #fec21c;
}

.navigation
{
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 15px;
}
.navigation li
{
    display: inline;
}
.navigation li a, .navigation li span
{
    background: #e9eef5;
    border: 1px solid #808fb9;
    color: #484c59;
    float: left;
    font-family: Verdana,Helvetica;
    font-size: 10px;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
}
.navigation li a:hover
{
    background: #b4bfde;
    color: #265599;
    text-decoration: none;
}
.navigation li span
{
    color: #808fb9;
}
.navigation .current
{
    font-weight: bold;
}
.navigation .current a
{
    background: none;
}

.topBanner
{
    margin-bottom: 6px;
    margin-top: -40px;
    overflow: hidden;
    width: 100%;
}
.topBanner .inner
{
    position: relative;
}
.topBanner strong
{
    color: #fff;
    display: inline;
    float: left;
    font-size: 22px;
    margin: -104px 0 0 30px;
    position: relative;
    width: 380px;
}
.topBanner h1
{
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 28px;
    width: 600px;
    bottom: -10px;
    _bottom: 15px;
    bottom: 15px\0/;
    left: 15px;
    line-height: 1;
}
.topBanner h1 p
{
    margin: 0;
    padding: 0;
}
.topBanner h1 em
{
}
.topBanner .mainBoxTitle
{
    color: #fff;
}
.topBanner .mainBoxText
{
    color: #ffbf00;
}

.editPanel
{
    background: #fefc67;
    clear: none !important;
    display: none;
    font-size: 10px;
    height: 23px;
    left: 50%;
    list-style: none;
    overflow: hidden;
    position: absolute;
    margin: 0 0 0 -70px !important;
    padding: 0 10px !important;
    width: 134px;
}
.editPanel a:hover
{
    text-decoration: underline !important;
}
.editPanel li
{
    border: none !important;
    float: left;
    margin: 0 5px 0 0 !important;
    padding: 5px 0 !important;
}
.editPanel .edit
{
    background: url(/eprise/Scandlines/Internet/_Common/Images/v3/ico-edit.gif) no-repeat 100% 2px;
    padding-right: 15px !important;
}
.editPanel li a
{
    color: #1a2859;
    text-decoration: none;
}

#header .editPanel
{
    float: right;
    left: 0;
    margin: 0 20px 0 0 !important;
    position: relative;
}

.topPanel
{
    margin: 30px 0 7px;
    overflow: hidden;
    padding-bottom: 23px;
    width: 934px;
}

.infoBox
{
    background: url(/eprise/Scandlines/Internet/_Common/Images/v3/pxl.png);
    color: #192758;
    float: right;
    padding: 10px 15px 0 19px;
    width: 181px;
}
.infoBox h2
{
    font: bold 22px/24px Helvetica, Arial, sans-serif !important;
    margin: 0 0 12px;
}
.infoBox h2 span
{
    color: #192758;
    display: block;
    height: 24px;
    overflow: hidden;
}
.infoBox label
{
    float: left;
    margin-right: 12px;
    padding-bottom: 10px;
}
.infoBox label input
{
    height: 14px;
    margin: 0;
    vertical-align: middle;
    width: 14px;
}
.infoBox select
{
    border: 1px solid #747474;
}
.infoBox .day, .infoBox .year, .infoBox .month
{
    color: #000;
    float: left;
    font: 12px Helvetica, Arial, sans-serif;
    margin: 0 8px 10px 0;
    text-align: right;
    width: 40px;
}
.infoBox .year
{
    width: 55px;
}

input.checkbox
{
    height: 14px;
    margin: 0 3px 0 0;
    padding: 0;
    width: 14px;
}

.rightPart
{
    float: right;
    width: 211px;
}

.trafficInfo
{
    background: #192758;
    color: #fff;
    float: right;
    width: 211px;
    height: 80px;
    margin-bottom: 15px;
    overflow: hidden;
}
.trafficInfo .content
{
    padding: 15px;
}
.scandlinesde .trafficInfo .content
{
    padding: 15px 10px;
}
.trafficInfo h2
{
    color: #fff;
    font: bold 18px/20px Arial, Helvetica, sans-serif;
    margin: 0;
}
.trafficInfo a
{
    color: #fff;
    text-decoration: underline;
}

.trafficInfoContentBox
{
    float: right;
    width: 211px;
    height: 80px;
    margin-bottom: 15px;
    overflow: hidden;
}

.shortcuts
{
    float: right;
    width: 211px;
}
.shortcuts .content
{
    background: #f2c800 url(/gfx/scandlines/genveje-box-bg.gif) repeat-x 0 100%;
    min-height: 185px;
    padding: 13px 5px 0 10px;
}

.shortcuts h2
{
    color: #265599;
    font: bold 18px/20px Arial, Helvetica, sans-serif;
    margin: 0 0 3px;
}
.shortcuts .content ul
{
    border-top: 1px solid #fff;
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    margin: 0 -5px 0 -10px;
    padding: 0;
}
.shortcuts .content ul a
{
    font-size: 15px;
}
.shortcuts .content li
{
    background: url(/gfx/scandlines/arrow-right-white.gif) no-repeat 184px 5px;
    border-bottom: 1px solid #fff;
    padding: 3px 27px 3px 17px;
}

.advertisment
{
    float: left;
    height: 321px;
    overflow: hidden;
    width: 211px;
}
.advertisment .editPanel
{
    display: none;
    float: left;
    left: 0;
    margin: -10px 0 -13px 30px !important;
    position: relative;
}

.editStatus .destinationsReklameBox .editPanel
{
    display: inline;
}

.subNav
{
    float: left;
    margin-right: 30px;
    width: 211px;
}
.subNav a
{
    background: url(/gfx/scandlines/bullet.png) no-repeat 10px 8px;
    color: #686d7c;
    display: block;
    font-family: Arial,Verdana,Helvetica,Sansserif;
    padding: 2px 27px 2px 21px;
    text-decoration: none;
    width: 163px;
}
.subNav a:hover
{
    background-color: #f7f7f9;
}

.subNav ul
{
    background: #ebecf1;
    font-size: 13px;
    list-style: none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 3px 0 10px;
    margin-bottom: 85px;
}
.subNav .active a
{
    color: #090f3c;
    font-weight: bold;
}
.subNav .hasChildren a
{
    background: url(/gfx/scandlines/bullet_active.png) no-repeat 10px 8px;
}

.subNav .active ul
{
    padding: 0 0 10px;
    margin: 0;
}
.subNav .active li a
{
    background: none;
    color: #686d7c;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 27px;
}
.subNav li.active li.current a
{
    color: #090f3c;
    font-weight: bold;
}


.bordershop .subNav a, .bordershop .subNav .active li a
{
    color: #000 !important;
}
.subNav .active li a:hover
{
    background: #f7f7f9;
}

.mainContent
{
    color: #444754;
    float: left;
    overflow: hidden;
    width: 452px;
}
.mainContent.bordershop
{
    color: #000;
}
.mainContent.wide
{
    width: 693px;
}
.mainContent.frontpage
{
    width: 934px;
}

.mainContent h1
{
    color: #002a5c;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    margin: 0 0 10px;
}
.bordershop .mainContent h1
{
    color: #000;
}
/* Fix Cufon rendering for danish symbols */
.bordershop .mainContent .withA-umlaut canvas, .bordershop .mainContent .withA-umlaut .cufon-vml-canvas
{
    top: 0 !important;
}
.bordershop .mainContent .withA-umlaut cufoncanvas
{
    top: -2px !important;
}

.mainContent h2
{
    color: #3a3a3b;
    font-weight: normal;
    margin: 0;
}
.mainContent h3
{
    clear: both;
    font-size: 15px;
    margin: 20px 0 5px;
}
.mainContent h3.destination
{
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.mainContent p.intro
{
    font-size: 16px;
}

/* = right column = */
.subContent
{
    float: right;
    width: 211px;
    min-height: 606px;
    background: none;
    padding-top: 10px;
}
.bordershop .subContent
{
    background: url(/gfx/scandlines/teaser-column-bg.png) left bottom repeat-x;
    min-height: 0px !important;
    padding-bottom: 40px;
    background-color: #ffdd3f;
    margin-bottom: 85px;
}

.mainWideContent, .mainWideContent1Col
{
    float: right;
    padding-right: 30px;
    width: 692px;
}

.mainWideContent1Col
{
    width: 934px;
}

.mainWideContent .info
{
    float: left;
    margin-bottom: 30px;
    width: 444px;
}

.formContent
{
    clear: both;
    overflow: hidden;
    width: 100%;
}
.formContent h2
{
    color: #000;
    font: bold 15px/17px Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
}

.textareaBox img
{
    border: 0;
    vertical-align: top;
}

.contactInfoBox
{
    float: left;
    width: 457px;
}

.leftContent
{
    float: left;
    width: 217px;
}

.rightContent
{
    float: right;
    width: 217px;
}

.formSection
{
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}
.formSection label
{
    float: left;
    width: 90px;
}
.formSection .text
{
    float: right;
    width: 120px;
}

.title
{
    background: #192758;
    color: #fff;
    font: bold 16px/46px Arial, Helvetica, sans-serif;
    list-style: none;
    overflow: hidden;
    padding: 0 19px;
    margin: 0;
    width: 474px;
}

.popup
{
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    width: 512px;
}
.popup #header
{
    width: 459px;
}
.popup .unionBox
{
    margin: 30px;
    min-height: 281px;
    overflow: visible;
    width: 452px;
}
.popup #footer
{
    background: url(/eprise/Scandlines/Internet/_Common/Images/v3/footer-main-bg.gif) repeat-y;
    color: #fff;
    margin: 0 -25px 0 -26px;
    width: 553px;
}
.popup #footer .content
{
    padding: 12px 55px;
    width: 453px;
}

.title a
{
    color: #acb1c3;
    line-height: 46px;
    padding: 0 11px;
    text-decoration: none;
}

td
{
    font: 12px Arial, Helvetica, sans-serif;
}

.textBox ul li a
{
    text-decoration: none;
}

.addNav li a:hover, .textBox ul li a:hover, .tabset li a:hover, .shortcuts .content a:hover
{
    text-decoration: underline;
}

.title a:hover
{
    background: #465278;
    color: #fff;
}

.textContent.ladge, .textContent.twoCols
{
    width: 452px;
}

.textBox a:hover, .mainContent a:hover
{
    color: #192758;
    text-decoration: underline;
}

.textBox h2 a, .textBox h2 span a:hover, .shortcuts .content a
{
    color: #fff;
    text-decoration: none;
}

.textBox h2 span
{
    display: block;
    height: 16px;
    overflow: hidden;
}

.textBoxStandard .editPanel, .textContent .editPanel, .shortcuts .editPanel, .allBoxes .editPanel
{
    left: 0;
    margin: -10px auto -13px !important;
    position: relative;
}

.topBanner img, .editStatus .editPanel, .allBoxes img
{
    display: block;
}

.kortBox img, .column.right, .mainWideContent img
{
    float: right;
}

.trafikinfoBox a
{
    color: #fff;
}

.tabset li, .subNav li
{
    float: left;
}

.trafikinfoBox p
{
    margin-bottom: 8px;
}

.popup.title
{
    width: 100%;
}

.allBoxes.threeCols, .textContent.threeCols
{
    width: 693px;
}

.column
{
    float: left;
    overflow: hidden;
    width: 211px;
}

/* = sitemap = */
.sitemap ul
{
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
}
.sitemap li
{
    line-height: 1.5;
}
.sitemap li.topLevel
{
    font-weight: bold;
}

/* = search result = */
.searchResult ul.results
{
    border-bottom: 1px solid #d7d9df;
    list-style: none;
    margin: 0;
    padding: 0;
}
.searchResult .results a
{
    color: #545a6a;
    text-decoration: none;
}
.searchResult .results a:hover
{
    text-decoration: underline;
}
.searchResult .results p
{
    margin: 0;
}
.searchResult .results p.caption a
{
    color: #333;
    font-weight: bold;
}
.searchResult .results li
{
    border-top: 1px solid #d7d9df;
    padding: 15px 0;
}

.searchResult h1
{
    margin: 0;
    padding-bottom: 17px;
}
.searchResult .searchBox
{
    background: #ebecf1;
    color: #444754;
    padding: 30px;
    position: static;
    width: auto !important;
}
.searchResult .searchBox p
{
    clear: both;
    margin: 10px 0 0;
    overflow: hidden;
    width: 100%;
}
.searchResult .searchBox input.txt
{
    width: 180px;
}
.searchResult .pagination .links
{
    float: none;
    max-width: 100%;
    width: 100%;
}

/* = product range = */
.spotList
{
    margin-top: 20px;
}
.spotList h4
{
    margin: 0 0 5px;
}
.spotList ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.spotList li
{
    float: left;
    height: 98px;
    margin: 0 30px 25px 0;
    overflow: hidden;
    position: relative;
    width: 211px;
}
.spotList li.last
{
    margin-right: 0;
}
.spotList.subcategory li
{
    height: 44px;
    margin-bottom: 30px;
}
.spotList .price
{
    background: #fff;
    color: #444754;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 7px;
    position: absolute;
    right: 0;
    top: -17px;
}
.spotList .name
{
    background: url(/gfx/scandlines/spot-gradient.png) 0 0 repeat-x;
    bottom: 0;
    color: #010f3c;
    height: 44px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.spotList .name h2
{
    background: url(/gfx/scandlines/arrow-2.png) 85% 4px no-repeat;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 5px 0 0 10px;
    padding: 0 40px 0 0;
}
.spotList.subcategory .name
{
    background: url(/gfx/scandlines/spot-gradient-2.png) 0 0 repeat-x;
}

.spotList a
{
    background: red; /*unknown ie bug needed background */
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

/* = special offer block = */
.specialOffer
{
    color: #000;
    float: left;
}
.specialOffer .priceBlock
{
    background: #ffde4a;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    vertical-align: baseline;
}
.specialOffer .priceBlock span
{
    line-height: 1;
}
.specialOffer .priceBlock span.text
{
    font-weight: normal;
}
.specialOffer .priceBlock span.price
{
    font-size: 24px;
    position: relative;
}
.specialOffer .priceBlock span.price sup
{
    font-size: 14px;
    position: relative;
    top: -7px;
    vertical-align: baseline;
}
.specialOffer .reductionBlock
{
    background: #e9eaf1;
    clear: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    padding: 0 15px;
}
.specialOffer .reductionBlock span.amount, .specialOffer .reductionBlock span.lowPrice, .specialOffer .reductionBlock span.normalPrice
{
    display: none;
}

.offersBlock
{
    overflow: hidden;
    position: relative;
}
.specialOffersPage
{
    padding-top: 20px;
}

.productOfferTeaser
{
    position: relative;
}
.productOfferTeaser a.boxLink
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background: red;
    opacity: 0;
    filter: alpha(opacity=0);
}
.productOfferTeaser .image
{
    height: 190px;
    overflow: hidden;
    width: 191px;
}
.bordershop .productOfferTeaser .image
{
    height: 210px;
    overflow: hidden;
    width: 210px;
}
.productOfferTeaser .price
{
    font-size: 15px;
    font-weight: bold;
}
.productOfferTeaser span.special
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 24px;
    color: #000000;
    float: right;
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
    position: relative;
    text-transform: uppercase;
}
.productOfferTeaser .productInfo
{
    background: transparent url(/gfx/scandlines/product_teaser_bottom_gradient.png) no-repeat scroll 0 0;
    width: 100%;
    position: relative;
    bottom: 10px;
    left: 0;
    display: block;
}
.bordershop .productOfferTeaser .productInfo
{
    border-color: #000;
}
.shoppingclub .productOfferTeaser .productInfo
{
    border-color: #c2c4d1;
}
.productOfferTeaser .product
{
    padding: 45px 10px 10px;
}

.productOfferTeaser .productInfo .product h1, .productOfferTeaser .productInfo .product h1 a
{
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 3px;
    text-decoration: none;
}
.productOfferTeaser .productInfo .product h1 a
{
    position: static;
}
.productOfferTeaser .productInfo .product p
{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
}
.productOfferTeaser span.price
{
    left: 10px;
    position: absolute;
    top: 14px;
}
.productOfferTeaser span.price .ProductPrice
{
    font-size: 34px;
}
.productOfferTeaser span.price .ProductPrice sup
{
    font-size: 20px;
    position: absolute;
    top: 2px;
    vertical-align: super;
}

.productOfferTeaser div.price
{
    font-size: 30px;
    left: 10px;
    position: absolute;
    top: 16px;
}
.productOfferTeaser div.price span.currency
{
    font-size: 16px;
}
.productOfferTeaser div.price sup
{
    font-size: 16px;
    position: absolute;
    top: -8px;
    vertical-align: super;
}
.productOfferTeaser div.price p
{
    margin-bottom: 0;
}

.offer
{
    background: #efc600;
    cursor: pointer;
    float: left;
    height: 211px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    width: 452px;
}
.offer a.toProductPage
{
    background: red;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 700;
}
.offer.first
{
    margin-right: 30px;
}
.offer .image
{
    height: 211px;
    overflow: hidden;
    width: 211px;
    padding :12px 12px 12px 12px;
}

.offer .special
{
    display: none;
}
.offer .price
{
    background: url(/gfx/scandlines/offer-gradient.png) 0 0 repeat-y;
    bottom: 0;
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    height: 85px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}
.offer .price p
{
    bottom: 10px;
    left: 27px;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
}
.bordershop .offer .price
{
    bottom: 59px;
    color: #000;
    width: 215px;
    right: 15px;
    background: none;
}
.bordershop .offer .price p
{
    bottom: 0px;
    left: 0px;
}
.offer .price span
{
    font-size: 24px;
}
.offer .price sup
{
    font-size: 30px;
    position: absolute;
}
.offer .product
{
    color: #000;
    height: 100%;
    position: absolute;
    right: 16px;
    top: 0;
    width: 210px;
    z-index: 500;
}
.offer .product .preorder
{
    bottom: 12px;
    position: absolute;
    right: 5px;
}
.offer .product .preorder input.txt, .offer .product .preorder .buttonWrapper
{
    float: right;
}
.offer .product .preorder input.txt
{
    margin: 0 15px 0 0;
}
.offer .product .preorder p
{
    clear: both;
    color: #363742;
    float: right;
    font-size: 11px;
    margin-right: -3px;
    position: relative;
    top: 10px;
}
.offer .product .preorderLink
{
    float: right;
    padding-top: 4px;
}

.offer .product h1
{
    margin-top: 11px;
}
.offer .product h1
{
    color: #000;
    margin-bottom: 5px;
}
.offer .product p
{
    color: #000;
}
.offer .product h1
{
    color: #000;
    font-size: 24px;
}
.bordershop .offer .product h1
{
    color: #000;
    font-size: 20px;
}
.bordershop .offer .product p
{
    font-size: 12px;
}

.offer .addInfo
{
    bottom: 10px;
    font-size: 11px;
    position: absolute;
    right: 0;
    text-align: right;
    z-index: 999;
}
.offer .addInfo p
{
    color: #444754;
    margin-bottom: 0;
}
.offer .addInfo p.seeAll
{
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
}
.offer .addInfo p.seeAll a
{
    background: url(/gfx/scandlines/arrow.png) 100% 50% no-repeat;
    padding-right: 10px;
    text-decoration: none;
}

.mainContent.frontpage #rotatingOfferBox
{
    background: #efc600;
    float: right;
    height: 211px;
    overflow: hidden;
    width: 452px;
}
.mainContent.frontpage #rotatingOfferBox #effectLayer
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #efc600;
    z-index: 999;
}
.mainContent.frontpage #rotatingOfferBox ul
{
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.mainContent.frontpage #rotatingOfferBox li
{
    display: none;
    float: left;
    height: 211px;
    position: relative;
    width: 452px;
    overflow: hidden;
}
.mainContent.frontpage #rotatingOfferBox .options
{
    bottom: 0;
    right: 0;
    position: absolute;
}
.mainContent.frontpage #rotatingOfferBox .options input
{
    margin-right: 10px;
}
.mainContent.frontpage .specialTitle
{
    background: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    left: 15px;
    padding: 5px 15px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    z-index: 100;
}

/* = form = */
.formfields ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.formfields dt
{
    color: #666;
    float: left;
    font-weight: bold;
    padding: 3px 5px 0 0;
    text-align: right;
    width: 165px;
    clear: left;
    margin-bottom: 10px;
}
.formfields dt.noPadding
{
    padding-top: 0;
}
.formfields dl
{
    overflow: hidden;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
}

.formfields dd
{
    float: left;
    margin: 0 0 10px;
    width: 280px;
}
.formfields input.txt, .formfields select
{
    border: 1px solid #265599;
    width: 250px;
    position: relative;
}
.formfields textarea, .formfields select
{
    padding: 0;
    width: 260px;
}
.formfields span.chk label
{
    padding-left: 5px;
}
.formfields .buttonWrapper input
{
    width: auto;
}
.formfields .buttonWrapper
{
    margin-right: 20px;
}

.formfields dd.error input.txt
{
    border: 1px solid red;
}
.formfields dd.error span, .formfields .shortField span
{
    float: left;
    clear: left;
    width: 100%;
}
.formfields dd.divider
{
    width: 100%;
    float: none;
    height: 15px;
}

.formfields a.showDatepicker, .formfields a.showTimepicker
{
    float: right;
    background: url(/gfx/scandlines/ico-calendar.gif) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    margin: 3px 145px 0 3px;
    display: inline;
}
.formfields a.showTimepicker
{
    background: url(/gfx/scandlines/ico-clock.gif) 0 0 no-repeat;
}
.formfields input.dateField, .formfields input.timeField, .formfields input.dateFieldBox
{
    width: 100px;
}
.formfields .shortField input
{
    width: 40px;
}
.formfields .shortField label
{
    float: left;
    padding: 3px 2px 0 5px;
    font-weight: bold;
    color: #666;
}

.formfields .captcha
{
    padding: 0 0 20px 150px;
    overflow: hidden;
    clear: both;
}
.formfields p
{
    clear: left;
}

#dangerousGoodsBox
{
    display: none;
}
.dangerousGoods
{
    padding: 0 0 15px 0;
}

div.dangerousGoods
{
    padding: 0 0 15px 165px;
}

table.dangerousGoods
{
    clear: left;
    margin-left: 172px;
}
table.dangerousGoods
{
    clear: left;
}
.dangerousGoods .field
{
    float: left;
    margin: 0 10px 10px 0;
}
.dangerousGoods .field .checkbox input
{
    width: 14px;
    border: none;
}
.dangerousGoods td.field
{
    float: none;
    text-align: left;
    vertical-align: bottom;
    padding: 0 10px 0 0;
}
.dangerousGoods td.field input
{
    margin-bottom: 10px;
}
.dangerousGoods .field input
{
    width: 80px;
}
.dangerousGoods .field label
{
    display: block;
}

.signup
{
    padding-top: 15px;
}
.formfields.signup dt
{
    width: 112px;
}
.formfields.signup dd
{
    width: 310px;
}
.formfields.signup dd span
{
    clear: left;
    float: left;
    white-space: nowrap;
}

#faq
{
    padding-top: 10px;
}
#faq h3
{
    margin: 0;
    padding: 0 0 7px;
}
#faq h3 a
{
    font-size: 12px;
}
#faq h3 a:hover
{
    color: #ccc;
}
#faq .section
{
    overflow: hidden;
    padding-bottom: 20px;
}
#faq .faqCategory
{
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 7px 0 7px;
}
.faqCategoryWrapper
{
    padding: 0 0 11px;
}
#pressArchive h3
{
    height: 1%;
    padding: 0 0 10px 71px;
    margin: 0;
    font-size: 12px;
    position: relative;
}
#pressArchive h3 span.date
{
    position: absolute;
    left: 0;
    font-weight: normal;
}
#pressArchive h3 span.arrow
{
    display: none;
}
#pressArchive h3.selected span.arrow
{
    display: inline;
    padding-left: 5px;
}
#pressArchive .section
{
    padding-bottom: 10px;
    border-bottom: 1px solid #b5b8c4;
    margin-bottom: 10px;
    overflow: hidden;
}
#pressArchive a.pdf
{
    float: left;
    clear: both;
}

/* = rss block = */
.rssFeed
{
    background: transparent url(/gfx/scandlines/rss_block_bg.png) repeat-x scroll left -1px;
    margin: 0 10px 20px;
    padding: 10px 0;
}
.rssFeed a
{
    background: transparent url(/gfx/scandlines/ico-rss.png) no-repeat scroll 93% 50%;
    color: #010F3C;
    float: left;
    font-size: 11px;
    line-height: 14px;
    padding: 0 45px 0 10px;
    text-decoration: none;
    width: 135px;
}
.rssFeed a:hover
{
    background: transparent url(/gfx/scandlines/ico-rss-hover.png) no-repeat scroll 93% 50%;
}

a.pdf
{
    background: url(/gfx/scandlines/pdf-ico.png) 0 50% no-repeat;
    font-size: 12px;
    padding: 5px 0 4px 20px;
}

/* = teaser box = */
.subContent .teaserBox
{
    border-bottom: 3px solid #002a5c;
    margin: 0 10px 20px;
    padding-bottom: 12px;
}

.subContent .teaserBox p
{
    margin: 0;
    padding: 10px 0 0;
}

.bordershop .subContent .teaserBox
{
    border-color: #e8ebf1;
    padding-bottom: 107px;
}

.bordershop .productOfferTeaser span.price
{
    bottom: 10px;
    right: 26px;
    left: auto;
    top: auto;
}

.bordershop .productOfferTeaser .product
{
    padding: 18px 10px 38px;
}

.bordershop .productOfferTeaser .productInfo .product p
{
    padding-top: 0;
}

.shoppingclub .subContent .teaserBox
{
    border-color: #c2c4d1;
}

.subContent .teaserBox ul
{
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0;
}

.subContent .teaserBox li .imgContainer
{
    text-align: center;
}

.subContent .teaserBox.withImage
{
    padding-bottom: 0;
    text-align: center;
}

.subContent .teaserBox.withImage ul, .subContent .teaserBox.withImage p
{
    padding-bottom: 12px;
    text-align: left;
}

.informationBoxes
{
    padding-top: 30px;
}
.informationBoxes ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.informationBoxes li
{
    float: left;
    width: 49%;
}
.informationBoxes li.righter
{
    float: right;
}
.informationBoxes li ul
{
    list-style-type: disc;
    margin-left: 20px;
    padding: 0 0 20px;
}
.informationBoxes li li
{
    float: none;
    padding-bottom: 5px;
    width: auto;
}

/* = category details = */
.categoryDetails .intro
{
    padding: 20px 0;
}
.categoryDetails ul
{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.optionsPanel
{
    background: #f7f8f9 url(/gfx/scandlines/options-panel-bg.png) 0 0 repeat-x;
    border: solid #d7d9df;
    border-width: 1px 0;
    color: #444754;
    font-size: 12px;
    height: 35px;
    margin: 10px 0 20px;
    padding: 0 13px;
}
.optionsPanel a
{
    background: url(/gfx/scandlines/arrow-right-black.gif) 100% 50% no-repeat;
    padding-right: 10px;
    text-decoration: none;
}
.optionsPanel .active a
{
    background-image: url(/gfx/scandlines/arrow-down-black.gif);
    font-weight: bold;
}
.optionsPanel .showAll
{
    border-right: 1px solid #d7d9df;
    float: left;
    height: 22px;
    margin-top: 3px;
    padding-top: 7px;
    width: 280px;
}
.optionsPanel .showOffers
{
    border-right: 1px solid #d7d9df;
    float: left;
    height: 22px;
    margin-top: 3px;
    padding: 7px 0 0 8px;
    width: 222px;
}
.optionsPanel .currencyChanger
{
    float: right;
    margin-top: 4px;
    padding: 6px 0 0;
    width: 120px;
    white-space: nowrap;
    vertical-align: middle;
}
.optionsPanel .currencyChanger select, .pagination .amountPerPage select
{
    border: 1px solid #808c9f;
    display: inline;
    font-size: 11px;
    position: relative;
    top: -1px;
    vertical-align: top;
    margin: 0;
}

.pagination
{
    color: #444754;
    font-size: 12px;
    padding: 37px 0 23px;
}
.pagination ul
{
    margin: 0;
    padding: 0;
}
.pagination .amountPerPage
{
    float: left;
}
.pagination .info
{
    float: right;
}
.pagination .links
{
    float: right;
    max-width: 215px;
    position: relative;
    top: -7px;
}
.pagination .links li
{
    display: inline;
    float: left;
    margin: 0 0 5px 5px;
}
.pagination .links a, .pagination .links span
{
    color: #444754;
    display: block;
    background: #fff;
    border: 1px solid #444754;
    padding: 2px 6px;
    text-decoration: none;
}
.pagination .links span
{
    color: #ccc;
}
.pagination .links li.prev a, .pagination .links li.next a, .pagination .links span
{
    border: 0;
    margin-top: 1px;
}
.pagination .links li.current a, .pagination .links a:hover
{
    background: #002a5c;
    border: 1px solid #444754;
    color: #fff;
    text-decoration: none;
}
.bordershop .pagination .links li.current a, .bordershop .pagination .links a:hover
{
    background: #000;
}

.categoryDetails .itemList li
{
    overflow: hidden;
    padding-left: 10px;
}

.categoryDetails h4
{
    background: url(/gfx/scandlines/subcategory-gradient.png) 0 0 repeat-x;
    margin: 0;
    padding: 0;
}
.categoryDetails h4 a
{
    background: url(/gfx/scandlines/plus.png) 98% 55% no-repeat;
    border-top: 1px solid #d7d9df;
    display: block;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    padding: 4px 10px 3px 5px;
    text-decoration: none;
}
.categoryDetails h4 a.selected
{
    background-color: #eaebf1;
    background-image: url(/gfx/scandlines/minus.png);
    font-weight: bold;
}

.siteList li
{
    line-height: 1.5;
}
.categoryDetails h2
{
    font-weight: bold;
}
.categoryDetails .itemList
{
    padding-top: 10px;
}
.categoryDetails .itemList a
{
    font-size: 12px;
}
.categoryDetails .itemList ul
{
    color: #444754;
    margin: 0;
    padding: 0;
}
.categoryDetails .itemList li
{
    border-bottom: 1px solid #d7d9df;
    overflow: hidden;
    padding: 15px 0 5px;
    vertical-align: middle;
}
.categoryDetails .subCategories .itemList li
{
    border-bottom: 0;
    border-top: 1px solid #d7d9df;
}
.categoryDetails .itemList li .image
{
    float: left;
    width: 110px;
}
.categoryDetails .itemList li .info
{
    float: left;
    width: 330px;
}
.categoryDetails .itemList li h3
{
    margin: 0 0 3px;
}
.categoryDetails .itemList li h3 a, .categoryDetails .itemList li h3 a:hover
{
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
.categoryDetails .itemList li p.normalPrice
{
    font-size: 12px;
    margin-bottom: 7px;
}
.categoryDetails .itemList li p.normalPrice span
{
    display: none;
}

.categoryDetails p.additionalPrice
{
    margin-top: -21px;
}
.categoryDetails div.systembolagetPrice,
.categoryDetails div.danishPrice
{
    font-size: 11px !important;  
    margin-top: -1px;  
}

.categoryDetails .itemList li p.normalPrice span.active
{
    display: inline;
}
.categoryDetails .itemList li p.endDate
{
    clear: left;
    font-size: 10px;
    margin: 0;
    padding: 7px 0 5px;
}

.categoryDetails .itemList li .container
{
    min-height: 30px;
    position: relative;
}
.categoryDetails .itemList li .specialOffer
{
    width: 175px;
}
.categoryDetails .itemList li .specialOffer .priceBlock, .categoryDetails .itemList li .specialOffer .reductionBlock
{
    color: #444754;
    float: none;
    padding: 5px;
}
.categoryDetails .itemList li .specialOffer .reductionBlock span
{
    display: none;
}
.categoryDetails .itemList li .specialOffer .reductionBlock span.active
{
    display: inline;
}
.categoryDetails .itemList li .specialOffer .priceBlock .dkkProductPrice, .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice
{
    display: none;
}
.categoryDetails .itemList li .specialOffer .priceBlock .dkkProductPrice.active, .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice.active
{
    display: inline;
}

.categoryDetails .itemList li .specialOffer .priceBlock .sekProductPrice, .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice
{
    display: none;
}
.categoryDetails .itemList li .specialOffer .priceBlock .sekProductPrice.active, .categoryDetails .itemList li .specialOffer .priceBlock .euroProductPrice.active
{
    display: inline;
}

.categoryDetails .itemList li .specialOffer .reductionBlock
{
    border: 0;
    line-height: 20px;
    padding: 0 5px;
}

.categoryDetails .itemList li .preorder
{
    bottom: -5px;
    position: absolute;
    right: 0;
    width: 150px;
}
.categoryDetails .itemList li .preorder input[type="text"]
{
    border: 2px inset #ccc;
    color: #444754;
    float: left;
    font-size: 14px;
    padding: 3px 5px;
    width: 30px;
}
.categoryDetails .itemList li .preorder .buttonWrapper
{
    display: inline;
    float: right;
    margin-right: 6px;
}
.categoryDetails .itemList li .preorder .preorderLink
{
    padding-bottom: 9px;
    text-align: center;
}

.categoryDetails .subCategories, .categoryDetails h2
{
    clear: left;
}
.categoryDetails h2
{
    color: #444754;
    font-family: Arial;
    font-size: 16px;
    padding-top: 34px;
}

.pickUpData
{
    background: #ffde4a;
    padding: 10px 10px 8px;
    position: relative;
}
.pickUpData p
{
    margin: 3px 0;
}
.pickUpData dd, .pickUpData dl
{
    margin: 0;
}
.pickUpData dt, .pickUpData dd
{
    margin-bottom: 8px;
}
.pickUpData dt
{
    font-weight: bold;
}
.pickUpData dd.note
{
    font-size: 10px;
    margin: 7px 0 0;
}
.pickUpData .container
{
    float: left;
    margin-right: 23px;
}

/* = checkout steps = */
.steps
{
    padding-bottom: 20px;
}
.steps h2, .steps h4
{
    margin: 10px 0;
}
.steps h4
{
    font-size: 16px;
    margin-bottom: 5px;
}
.steps p
{
    margin-bottom: 13px;
}
.steps.admin a
{
    color: #ee3a4c;
}
.steps.admin .buttonWrapper
{
    clear: left;
    margin-top: 15px;
}

.steps dd
{
    margin: 0;
    zoom: 1;
}
.steps .column
{
    float: left;
    width: 330px;
    padding-right: 10px;
}
.steps .column h4
{
    margin-top: 0;
}

.validationMsgNextBtn
{
    display: none;
    color: #900;
}
.steps .buttonWrapper.large, .formfields .buttonWrapper.large.sales
{
    display: inline;
    float: right;
    margin: 5px 6px 0 0;
}
.formfields .buttonWrapper.large.sales
{
    margin-bottom: 20px;
}
.steps .fields .buttonWrapper.large
{
    float: left;
    margin: 0;
}
.steps .buttonWrapper.large input, .formfields .buttonWrapper.large.sales input
{
    padding: 0 65px;
}
.steps p.orderMore a
{
    background: url(/gfx/scandlines/arrow-left-blue.gif) 0 50% no-repeat;
    padding-left: 10px;
    text-decoration: none;
}
.steps p.notes
{
    font-size: 11px;
}

.stepIndicator
{
    float: left;
    padding: 0 0 10px;
}
.stepIndicator ol
{
    counter-reset: list;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.stepIndicator li
{
    background: url(/gfx/scandlines/arrow-2.png) 100% 55% no-repeat;
    float: left;
    font-size: 14px;
    margin: 0 15px 0 0;
    padding: 0 25px 0 0;
}
.stepIndicator li:before
{
    content: counter(list) '.';
    counter-increment: list;
}

.stepIndicator li.current
{
    font-weight: bold;
}
.stepIndicator li.last
{
    background: none;
    padding: 0;
}

.productsList
{
    margin: 15px 10px 0 10px;
    position: relative;
}
.productsList table
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
.productsList th
{
    border-bottom: 1px solid #d7d9df;
    font-weight: bold;
    padding-bottom: 5px;
    text-align: left;
}
.productsList td
{
    padding-top: 5px;
    vertical-align: top;
    overflow: hidden;
}
.productsList td.spacer
{
    height: 5px;
}
.productsList tr.error td
{
    padding: 0;
}
.productsList input.txt
{
    font-size: 12px;
    padding: 2px 5px;
    position: relative;
    text-align: center;
    top: -3px;
    width: 26px;
}
.productsList .price
{
    padding-right: 20px;
    text-align: right;
}
.productsList .product
{
    width: 190px;
    padding-right: 6px;
}
.productsList .delete
{
    text-align: right;
    width: 30px;
}
.productsList .number
{
    width: 40px;
}
.productsList .multiplicationMark
{
    padding-top: 5px;
    text-align: center;
    width: 38px;
}
.productsList .totalPrice
{
    text-align: right;
}
.productsList td.error input
{
    border: 2px solid #a72222;
}

.steps .update
{
    margin: 5px 10px -10px 10px;
}
.steps .update dl
{
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.steps .update dt
{
    font-size: 10px;
    line-height: 22px;
    padding-right: 15px;
}
.steps .update dt, .steps .update dd
{
    float: left;
}

.steps .totalAmountOn
{
    margin: 15px 10px 30px 10px;
}
.steps .totalAmountOn ul
{
    border-bottom: 1px solid #d7d9df;
    list-style: none;
    margin: 0;
    padding: 0;
}
.steps .totalAmountOn li
{
    border-top: 1px solid #d7d9df;
    vertical-align: middle;
}

.steps .totalAmountOn dl
{
    color: #333;
    margin: 0;
    padding: 5px 30px 5px 0;
}
.steps .totalAmountOn dt
{
    float: left;
    font-weight: bold;
}
.steps .totalAmountOn dd
{
    float: right;
    font-weight: bold;
}
.steps .totalAmountOn dd span.euro
{
    font-weight: normal;
}

.steps .bordershopPic
{
    float: right;
}
.steps .smallFaq
{
    margin-right: 390px;
}
.steps .smallFaq dd.divider
{
    height: 10px;
}
.steps dl.fields
{
    margin: 0;
    padding: 0 0 10px;
}
.steps .fields input.txt, .steps .fields select, .steps .fields textarea
{
    border: 1px solid #265599;
    font-size: 12px;
    margin-right: 20px;
    padding: 2px 0;
    width: 212px;
}
.steps dl.fields textarea
{
    height: 100px;
}
.steps.admin dl.fields input[type="text"]
{
    border: 2px inset #ccc;
    color: #444754;
    float: left;
    font-size: 14px;
    padding: 3px 5px;
    width: 140px;
}

.steps dl.fields dt
{
    clear: left;
    color: #444754;
    float: left;
    line-height: 18px;
    padding-right: 10px;
    text-align: right;
    width: 150px;
}
.steps .column dl.fields dt
{
    text-align: left;
}
.steps.admin dl.fields dt
{
    width: 110px;
}

.steps dl.fields dd
{
    position: relative;
    line-height: 18px;
    overflow: hidden;
}
.steps dl.fields ul, .formfields .shortField ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.steps dl.fields ul.doubleField li, .formfields .shortField li
{
    float: left;
}
.steps dl.fields ul.doubleField em, .formfields .shortField em
{
    position: absolute;
    margin-left: -12px;
}
.steps dl.fields ul.doubleField input.txt
{
    width: 95px;
}

.steps dl.fields dd.error input.txt, .steps dl.fields li.error input.txt, .formfields .shortField li.error input.txt
{
    border: 1px solid #a72222;
}
.steps dl.fields .error .radioBtn span, .formfields .shortField .error .radioBtn span
{
    float: none;
}

.steps dl.fields dd.divider, .steps dl.fields dd.separator
{
    clear: both;
    float: none;
    height: 22px;
    overflow: hidden;
    width: auto;
}
.steps dl.fields dd.separator
{
    height: 1px;
}
.steps dl.fields .errorBlock
{
    font-size: 11px;
    left: 0;
    margin-top: -16px;
    position: absolute;
    white-space: nowrap;
}

.steps .validationSummary
{
    color: #a72222;
    display: none;
    margin: 10px 0 18px 10px;
}
.steps h3
{
    margin: 0 0 10px 10px;
}
.steps .specialOffer
{
    float: left;
    padding-left: 10px;
    width: 440px;
}
.steps .specialOffer .image
{
    float: left;
    overflow: hidden;
    width: 80px;
}
.steps .specialOffer .content
{
    float: left;
    width: 211px;
}
.steps .specialOffer .content img
{
    display: none;
}
.steps .specialOffer .caption
{
    background: #ffde4a;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px 10px;
}
.steps .specialOffer p
{
    margin-bottom: 2px;
}
.steps .specialOffer .buttonWrapper
{
    margin-top: 3px;
}

#brobizz, #orderScandlinesCard
{
    border: 1px dotted #ccc;
    clear: left;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px;
    width: 450px;
}
#orderScandlinesCard
{
    display: none;
}
#brobizz dt, #brobizz dd
{
    float: none;
    text-align: left;
    padding-bottom: 5px;
}
#brobizz dt
{
    float: left;
}
#brobizz input
{
    margin-right: 10px;
}
#brobizz ul, #orderScandlinesCard ul
{
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
}
#orderScandlinesCard ul
{
    margin: 0;
}
#orderScandlinesCard dd
{
    margin-bottom: 5px;
}
#brobizz li, #orderScandlinesCard li
{
    padding: 3px 0;
}

#orderScandlinesCard
{
    margin: 10px 0;
}
#addExtraCard
{
    border: 1px dotted #ccc;
    clear: both;
    margin: 5px;
    padding: 10px;
    overflow: hidden;
}
#addExtraCard p
{
    clear: both;
}

#pbs
{
    display: none;
    width: 640px;
}

.productBlock
{
    padding-bottom: 120px;
    position: relative;
}

.productBlock .specialOfferWrapper, .productBlock .preorder
{
    bottom: 20px;
    position: absolute;
}
.productBlock .preorder
{
    bottom: 14px;
}
.productBlock .preorder .preorderLink
{
    padding-bottom: 5px;
}

.productBlock h1
{
    color: #000;
}
.productBlock .look
{
    float: right;
    margin: 0;
    width: 211px;
}
.productBlock .look .image
{
    height: 211px;
    overflow: hidden;
    width: 211px;
}
.productBlock .look input[type="text"]
{
    margin: 0 10px 0 0;
}

.productBlock .info
{
    color: #444754;
    float: left;
    font-family: Arial;
    width: 225px;
}
.productBlock .info h1
{
    color: #000;
    font-size: 30px;
}
.productBlock .info p
{
    line-height: 1.25;
    margin-bottom: 11px;
}
.productBlock .info .description, .productBlock .info p.normalPrice
{
    font-size: 12px;
}

.productBlock .info p.size
{
    font-size: 16px;
}
.productBlock .info p.itemNumber
{
    font-size: 10px;
}
.productBlock .info p.endDate
{
    bottom: 0;
    font-size: 11px;
    margin: 0;
    position: absolute;
    white-space: nowrap;
}

.itemList li
{
    line-height: 16px;
    padding-bottom: 10px;
}
p.currency
{
    text-align: right;
}

/* = vote block = */
.vote .content
{
    padding: 15px 15px 0;
}
.vote h2
{
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.vote dl.poll dt
{
    float: right;
    font-weight: normal;
    line-height: 1.2;
    margin: 0 0 5px;
    width: 140px;
}
.vote dl.poll dt label
{
    vertical-align: middle;
}

.vote dl.poll dd
{
    float: left;
    font-weight: normal;
    margin: 0 0 5px;
    width: 15px;
}
.vote dl.poll dd.divider
{
    clear: both;
    float: none;
    height: 1px;
    line-height: 1px;
    width: 100%;
}
.vote dl.poll dd input
{
    border: none;
    height: 13px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.vote input.btn
{
    float: right;
}
.vote dl.poll.result dt
{
    clear: both;
    float: none;
    margin: 0;
    vertical-align: top;
    width: auto;
}
dl.poll.result dd.bar
{
    background-color: #B4BAAE;
    float: left;
    height: 6px;
    margin: 4px 0 14px;
    overflow: hidden;
    position: relative;
    width: 83%;
}
dl.poll.result dd.bar span
{
    background-color: #629415;
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
}
dl.poll.result dd.result
{
    float: right;
    font-weight: bold;
    margin: -2px 0 0;
    text-align: right;
    width: 17%;
}

/* = ports = */
.ports ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.ports li
{
    float: left;
    margin: 0 15px 20px 0;
    width: 215px;
}
.ports li.last
{
    margin-right: 0;
}
.ports h4
{
    margin: 0;
}

/* = employees = */
.employees ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.employees li
{
    float: left;
    margin: 0 15px 20px 0;
    width: 215px;
}
.employees li.last
{
    margin-right: 0;
}
.employees li a
{
    float: left;
    clear: left;
}
.employeeSingle
{
    overflow: hidden;
    width: 452px;
}
.employeeSingle img
{
    margin-bottom: 10px;
}

.shadow
{
    background: url(/gfx/scandlines/page-bg-main.gif) 50% 0 repeat-y;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.pageContent h2
{
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 10px 0;
    color: #444754;
}
.pageContent h3
{
    color: #333;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
}
.pageContent p, .mainContainer .pageContent a
{
    color: #444754;
    font-size: 12px;
}
.mainContainer .pageContent a:hover
{
    color: #000;
}
.pageContent img
{
    margin-bottom: 20px;
}

/*
    Scandlines.com styles
 **************************************************/

/* = middle box on the frontpage = */
.middleBox .inner
{
    margin-bottom: 6px;
}
.middleBox h3
{
    line-height: 1.1;
    margin: 0 0 10px;
}

.middleBox .infoForPassengers
{
    background: #fff url(/gfx/scandlines/infoForPassengers-bg.jpg) 0 0 repeat-x;
    border: solid #bfbfbf;
    border-width: 1px 0;
    float: left;
    height: 209px;
    margin-right: 30px;
    overflow: hidden;
    width: 452px;
}
.middleBox .infoForPassengers .image
{
    float: left;
    display: inline;
    height: 181px;
    margin: 14px 15px;
    overflow: hidden;
    width: 181px;
}
.middleBox .infoForPassengers .content
{
    color: #333;
    line-height: 1.25;
    margin-left: 210px;
    padding-top: 14px;
}
.middleBox .infoForPassengers h3
{
    font-size: 16px;
}
.middleBox .infoForPassengers dt
{
    font-size: 14px;
}
.middleBox .infoForPassengers dd
{
    margin: 0;
}
.middleBox .infoForPassengers ul
{
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.middleBox .infoForPassengers li
{
    background: url(/gfx/scandlines/arrow-right-sm.gif) 0 50% no-repeat;
    padding-left: 10px;
    margin: 0;
}
.middleBox .infoForPassengers a
{
    color: #192758;
    text-decoration: none;
}

.middleBox .greyBox
{
    background: #858585 url(/gfx/scandlines/middle-block-bg2.png) 0 0 repeat-x;
    color: #eee;
    float: left;
    height: 211px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 211px;
}
.middleBox .greyBox.rail
{
    margin-right: 0;
}
.middleBox .greyBox .content
{
    padding: 14px 14px 6px;
}
.middleBox .greyBox h3
{
    color: #eee;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 8px;
}
.middleBox .greyBox select
{
    border: 1px solid #8e8e8e;
    font-size: 11px;
    padding: 0;
    margin: 0;
}
.middleBox .greyBox p
{
    margin: 0 0 6px;
    padding: 0;
}
.middleBox .greyBox .image
{
    bottom: 10px;
    position: absolute;
}
.frameContainer
{
    height: 1%;
}
.frameBox
{
    padding-bottom: 10px;
    overflow: hidden;
}
.frameBox frame
{
    border: 0;
}
.frameBox .frameWrapper, .frameBox .leftText
{
    float: left;
}
.frameBox .leftText .content
{
    padding-right: 10px;
}
.frameBox .rightText
{
    float: right;
}
.frameBox .rightText .content
{
    padding-left: 10px;
}

/* = map = */
.scandlinesRoutes, .routeOverviewMap
{
    height: 266px;
    overflow: hidden;
    position: relative;
    width: 934px;
}
.routeOverviewMap
{
    width: 452px;
    background: url(/gfx/scandlines/map/map-2.jpg) 0 0 no-repeat;
}

.scandlinesRoutes .route
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.scandlinesRoutes .balloon
{
    background: url(/gfx/scandlines/map/balloon-bg.png) 0 0 no-repeat;
    height: 108px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    width: 161px;
    top: 0;
    left: 0;
}

.routeOverviewMap .route
{
    width: 100%;
    height: 100%;
    display: none;
}
.routeOverviewMap .balloon
{
    background: url(/gfx/scandlines/map/balloon-bg.png) 0 0 no-repeat;
    width: 161px;
    height: 108px;
    position: absolute;
}

.scandlinesRoutes .balloon .line
{
    opacity: 0;
    filter: alpha(opacity=0);
}
.scandlinesRoutes dl, .routeOverviewMap dl
{
    color: #fff;
    margin: 0;
    padding: 10px 8px;
}
.scandlinesRoutes dt, .routeOverviewMap dt
{
    font-size: 14px;
    padding-bottom: 5px;
}
.scandlinesRoutes dd, .routeOverviewMap dd
{
    font-size: 12px;
    margin: 0;
}

.scandlinesRoutes h2
{
    color: #002a5c;
    font-size: 16px;
    left: 275px;
    margin: 0;
    position: absolute;
    top: 30px;
    z-index: 999;
}
.scandlinesRoutes p.seeCareer
{
    left: 225px;
    position: absolute;
    top: 190px;
    width: 170px;
    z-index: 999;
}
.scandlinesRoutes p.seeCareer, .scandlinesRoutes p.seeCareer a
{
    color: #002a5c;
    text-decoration: none;
}
.scandlinesRoutes p.seeCareer strong
{
    font-size: 16px;
}
.scandlinesRoutes p.seeCareer a
{
    display: block;
    padding-top: 5px;
    text-decoration: underline;
}

.scandlinesRoutes #route-TRA-VEN .balloon, .scandlinesRoutes #route-VEN-TRA .balloon
{
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
    left: 361px;
    top: 131px;
}
.routeOverviewMap #route-TRA-VEN .balloon, .routeOverviewMap #route-VEN-TRA .balloon
{
    top: 41px;
    left: 150px;
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
}
.scandlinesRoutes #route-TRA-VEN .line, .routeOverviewMap #route-TRA-VEN .line, .scandlinesRoutes #route-VEN-TRA .line, .routeOverviewMap #route-VEN-TRA .line
{
    background: url(/gfx/scandlines/map/line-1.gif) 0 0 no-repeat;
    height: 179px;
    left: 496px;
    position: absolute;
    top: 65px;
    width: 350px;
}
.routeOverviewMap #route-TRA-VEN .line, .routeOverviewMap #route-VEN-TRA .line
{
    left: 71px;
}

.scandlinesRoutes #route-ROS-HAN .balloon, .scandlinesRoutes #route-HAN-ROS .balloon
{
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
    left: 400px;
    top: 115px;
}
.routeOverviewMap #route-ROS-HAN .balloon, .routeOverviewMap #route-HAN-ROS .balloon
{
    top: 50px;
    left: 100px;
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
}
.scandlinesRoutes #route-ROS-HAN .line, .routeOverviewMap #route-ROS-HAN .line, .scandlinesRoutes #route-HAN-ROS .line, .routeOverviewMap #route-HAN-ROS .line
{
    background: url(/gfx/scandlines/map/line-2.gif) 0 0 no-repeat;
    height: 235px;
    left: 535px;
    position: absolute;
    top: 0;
    width: 300px;
}
.routeOverviewMap #route-ROS-HAN .line, .routeOverviewMap #route-HAN-ROS .line
{
    left: 110px;
    top: 0;
}
.scandlinesRoutes #route-NYN-VEN .balloon, .scandlinesRoutes #route-VEN-NYN .balloon
{
    background: url(/gfx/scandlines/map/balloon-2-bg.png) 0 0 no-repeat;
    left: 710px;
    padding-top: 32px;
    top: 63px;
}
.routeOverviewMap #route-NYN-VEN .balloon, .routeOverviewMap #route-VEN-NYN .balloon
{
    top: 52px;
    left: 276px;
    background: url(/gfx/scandlines/map/balloon-2-bg.png) 0 0 no-repeat;
    padding-top: 32px;
}
.scandlinesRoutes #route-NYN-VEN .line, .routeOverviewMap #route-NYN-VEN .line, .scandlinesRoutes #route-VEN-NYN .line, .routeOverviewMap #route-VEN-NYN .line
{
    background: url(/gfx/scandlines/map/line-3.gif) 0 0 no-repeat;
    height: 60px;
    left: 779px;
    position: absolute;
    top: 0px;
    width: 70px;
}
.routeOverviewMap #route-NYN-VEN .line, .routeOverviewMap #route-VEN-NYN .line
{
    left: 354px;
    top: 0px;
}
.scandlinesRoutes #route-TRE-SAS .balloon, .scandlinesRoutes #route-SAS-TRE .balloon
{
    left: 564px;
    top: 65px;
}
.routeOverviewMap #route-TRE-SAS .balloon, .routeOverviewMap #route-SAS-TRE .balloon
{
    top: 71px;
    left: 148px;
}
.scandlinesRoutes #route-TRE-SAS .line, .routeOverviewMap #route-TRE-SAS .line, .scandlinesRoutes #route-SAS-TRE .line, .routeOverviewMap #route-SAS-TRE .line
{
    background: url(/gfx/scandlines/map/line-4.gif) 0 0 no-repeat;
    height: 42px;
    left: 588px;
    position: absolute;
    top: 176px;
    width: 3px;
}
.routeOverviewMap #route-TRE-SAS .line, .routeOverviewMap #route-SAS-TRE .line
{
    left: 163px;
    top: 176px;
}
.scandlinesRoutes #route-HER-HEG .balloon, .scandlinesRoutes #route-HEG-HER .balloon
{
    left: 542px;
    top: 18px;
}
.routeOverviewMap #route-HER-HEG .balloon, .routeOverviewMap #route-HEG-HER .balloon
{
    top: 18px;
    left: 114px;
}

.scandlinesRoutes #route-HER-HEG .line, .routeOverviewMap #route-HER-HEG .line, .scandlinesRoutes #route-HEG-HER .line, .routeOverviewMap #route-HEG-HER .line
{
    background: url(/gfx/scandlines/map/line-5.gif) 0 0 no-repeat;
    height: 1px;
    left: 562px;
    position: absolute;
    top: 129px;
    width: 6px;
}

.routeOverviewMap #route-HER-HEG .line, .routeOverviewMap #route-HEG-HER .line
{
    left: 137px;
    top: 129px;
}

.scandlinesRoutes #route-ROD-PUT .balloon, .scandlinesRoutes #route-PUT-ROD .balloon
{
    left: 490px;
    top: 98px;
}
.routeOverviewMap #route-ROD-PUT .balloon, .routeOverviewMap #route-PUT-ROD .balloon
{
    left: 64px;
    top: 98px;
}

.scandlinesRoutes #route-ROD-PUT .line, .routeOverviewMap #route-ROD-PUT .line, .scandlinesRoutes #route-PUT-ROD .line, .routeOverviewMap #route-PUT-ROD .line
{
    background: url(/gfx/scandlines/map/line-6.gif) 0 0 no-repeat;
    height: 6px;
    left: 507px;
    position: absolute;
    top: 209px;
    width: 9px;
}
.routeOverviewMap #route-GED-ROS .line, .routeOverviewMap #route-ROS-GED .line, .routeOverviewMap #route-ROD-PUT .line, .routeOverviewMap #route-PUT-ROD .line
{
    left: 82px;
    top: 209px;
}

.scandlinesRoutes #route-GED-ROS .balloon, .scandlinesRoutes #route-ROS-GED .balloon
{
    left: 510px;
    top: 105px;
}
.routeOverviewMap #route-GED-ROS .balloon, .routeOverviewMap #route-ROS-GED .balloon
{
    top: 105px;
    left: 85px;
}

.scandlinesRoutes #route-GED-ROS .line, .routeOverviewMap #route-GED-ROS .line, .scandlinesRoutes #route-ROS-GED .line, .routeOverviewMap #route-ROS-GED .line
{
    background: url(/gfx/scandlines/map/line-7.gif) 0 0 no-repeat;
    height: 19px;
    left: 532px;
    position: absolute;
    top: 216px;
    width: 3px;
}
.routeOverviewMap #route-GED-ROS .line, .routeOverviewMap #route-ROS-GED .line
{
    left: 107px;
    top: 216px;
}

.scandlinesRoutes #route-TRE-ROS .balloon, .scandlinesRoutes #route-ROS-TRE .balloon
{
    left: 560px;
    top: 65px;
}
.routeOverviewMap #route-TRE-ROS .balloon, .routeOverviewMap #route-ROS-TRE .balloon
{
    top: 65px;
    left: 146px;
}

.scandlinesRoutes #route-TRE-ROS .line, .routeOverviewMap #route-TRE-ROS .line, .scandlinesRoutes #route-ROS-TRE .line, .routeOverviewMap #route-ROS-TRE .line
{
    background: url(/gfx/scandlines/map/line-8.gif) 0 0 no-repeat;
    height: 60px;
    left: 535px;
    position: absolute;
    top: 175px;
    width: 52px;
}
.routeOverviewMap #route-TRE-ROS .line, .routeOverviewMap #route-ROS-TRE .line
{
    left: 110px;
    top: 175px;
}
.scandlinesRoutes #route-TRA-LIE .balloon, .scandlinesRoutes #route-TRA-LIE .balloon
{
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
    left: 361px;
    top: 131px;
}
.routeOverviewMap #route-TRA-LIE .balloon, .routeOverviewMap #route-TRA-LIE .balloon
{
    left: 217px;
    top: 41px;
    background: url(/gfx/scandlines/map/balloon-3-bg.png) 0 0 no-repeat;
}
.scandlinesRoutes #route-TRA-LIE .line, .routeOverviewMap #route-TRA-LIE .line, .scandlinesRoutes #route-TRA-LIE .line, .routeOverviewMap #route-TRA-LIE .line
{
    background: url("/gfx/scandlines/map/line-9.gif") no-repeat scroll 0 0 transparent;
    height: 266px;
    left: 35px;
    position: absolute;
    top: 0px;
    width: 452px;
}
.routeOverviewMap #route-TRA-LIE .line, .routeOverviewMap #route-TRA-LIE .line
{
    left: 0px;
}

.routeOverviewMap .mapField
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    border: 0;
}

.vehicleTypes
{
}

dl.list
{
    line-height: 1.5;
    margin: 0;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
    height: 1%;
}
dl.list p
{
    margin: 0;
}
dl.list dt
{
    font-size: 16px;
}
dl.list dt strong
{
    font-weight: normal;
}
dl.list dd, dl.list dt
{
    float: right;
    margin: 0;
    padding: 0;
    width: 215px;
}
dl.list dd
{
    padding-left: 20px;
}
dl.list.press
{
    width: 100%;
    overflow: hidden;
}
dl.list dd.image
{
    float: left;
    overflow: hidden;
    text-align: center;
    width: 211px;
    padding: 0;
}
dl.list dd.price
{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
dl.list dd.divider
{
    clear: both;
    float: none;
    height: 30px;
    width: 100%;
}
/* press */
dl.list.press dt, dl.list.press dd
{
    width: auto;
    float: none;
    padding: 0;
    position: relative;
}
dl.list.press dt
{
    padding-bottom: 10px;
}
dl.list.press dt
{
    padding-right: 80px;
}
dl.list.press dd.divider
{
    height: 15px;
    border-bottom: 1px solid #d7d9df;
    margin-bottom: 10px;
}
dl.list.press span.date
{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 10px;
}

dl.list ul
{
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
dl.list.press ul
{
    margin-top: 10px;
}

dl.list ul.options
{
    margin: 10px 0;
}
dl.list ul.options li.pdf
{
    background: url(/gfx/scandlines/pdf-ico.png) 0 50% no-repeat;
    float: right;
    padding-left: 20px;
}

/*
    shoppingclub
*****************************************************************/
.frontpage .routes
{
    background: url(/gfx/scandlines/routes.png) 0 0 no-repeat;
    float: right;
    height: 211px;
    position: relative;
    width: 452px;
}
.frontpage .subRoutes
{
    padding: 45px 10px 10px 15px;
}
.frontpage .routes ul
{
    padding: 0;
    list-style: none;
    margin: 0;
}
.frontpage .routes h1
{
    color: #fff;
    float: left;
    font-size: 24px;
    width: 185px;
}
.frontpage .routes .new
{
    background: url(/gfx/scandlines/new.png) 0 0 no-repeat;
    height: 51px;
    left: 165px;
    position: absolute;
    text-indent: -9999em;
    top: -15px;
    width: 52px;
    z-index: 999;
}
.frontpage .routes dl
{
    color: #fff;
    float: right;
    line-height: 1.45;
    margin: -5px 0 0;
    padding: 0;
    width: 185px;
}
.frontpage .routes dt
{
    font-size: 14px;
    font-weight: bold;
}
.frontpage .routes dd
{
    margin: 0;
}
.frontpage .routes a, .frontpage .routes a:hover
{
    color: #fff;
}

.frontpage .advantages
{
    background: #e6e6e6;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 452px;
    line-height: 1.3;
    overflow: hidden;
    position: relative;
    width: 452px;
    margin-bottom: 30px;
}
.frontpage .subAdvantages
{
    padding: 15px;
}
.frontpage .advantages a
{
    text-decoration: none;
}
.frontpage .advantages ul
{
    color: #444754;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 240px;
}
.frontpage .advantages li
{
    background: url(/gfx/scandlines/arrow-right-blue-2.png) 0 4px no-repeat;
    margin-bottom: 9px;
    padding-left: 15px;
}
.frontpage .advantages .image
{
    height: 284px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 42px;
    width: 196px;
}

.frontpage .advantages p.readmore
{
    padding: 10px 0 0 5px;
}
.frontpage .advantages p.readmore a
{
    background: url(/gfx/scandlines/arrow-right-blue-3.png) 100% 95% no-repeat; /*color: #002a5c;*/
    display: block;
    padding-right: 15px;
    width: 135px;
}
.frontpage .advantages p.readmore a:hover
{
    text-decoration: none;
}

.frontpage .advantages p.updateMembership
{
    bottom: 10px;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
}
.frontpage .advantages p.updateMembership a
{
    text-decoration: underline;
}
.frontpage .advantages .buttonWrapper
{
    bottom: 75px;
    left: auto;
    position: absolute;
    right: 25px;
}
.frontpage .advantages .buttonWrapper input
{
    padding: 0 45px;
}

.articleImage
{
    padding-bottom: 20px;
}

.locationDetails h2
{
    color: #002a5c;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}
.locationDetails ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.locationDetails li
{
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    width: 211px;
}
.locationDetails li.last
{
    margin-right: 0;
}

.locationDetails .productOfferTeaser
{
    background: #efc600;
    height: 211px;
    overflow: hidden;
    margin: 0;
    width: 211px;
}
.locationDetails .productOfferTeaser .image
{
    height: 211px;
    width: 211px;
}

.frontpage .adsBox .routes
{
    margin-bottom: 30px;
}

/*
    scandlines.dk
********************************************/
.ticketSearch
{
    float: left;
    height: 321px;
    margin-right: 30px;
    position: relative;
    width: 452px;
    overflow: hidden;
}
.ticketSearch .routesBox
{
    background: url(/gfx/scandlines/pxl.png) 0 0 repeat;
    float: right;
    display: inline;
    margin: 15px;
    width: 211px;
    position: relative;
}
.ticketSearch .routesBox .content
{
    padding: 10px 15px 0;
}
.ticketSearch .routesBox h2
{
    color: #192758;
    font-size: 22px;
    margin: 0;
    padding: 0;
}
.ticketSearch .routesBox select
{
    font-size: 11px;
    margin: 10px 0;
    width: 100%;
}
.ticketSearch .routesBox label
{
    margin-right: 10px;
}
.ticketSearch .routesBox .findButton
{
    margin: 10px -15px 0;
    position: relative;
    width: 211px;
}
.ticketSearch .routesBox .findButton a
{
    background: #f2c800 url(/gfx/scandlines/arrow-right-sm-2.gif) 95% 50% no-repeat;
    color: #fff;
    display: block;
    font-weight: bold;
    line-height: 22px;
    padding-right: 25px;
    text-align: right;
    text-decoration: none;
}
.ticketSearch .routesBox input.txt
{
    border: 1px solid #265599;
    font-family: Arial;
    vertical-align: middle;
    float: none;
    margin-top: 10px;
    width: 60px;
    font-size: 11px;
    padding: 1px 2px;
}
.ticketSearch ul.options
{
    bottom: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.ticketSearch ul.options li
{
    font-weight: bold;
    float: left;
    padding-left: 15px;
}
.ticketSearch ul.options li.logon
{
    font-weight: normal;
    float: right;
    padding-right: 15px;
}
.ticketSearch ul.options a
{
    color: #192758;
}

.advertisment .adsBox
{
    margin-bottom: 15px;
}

.ticketSearch .bottomPanel
{
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}
.ticketSearch .bottomPanel ul
{
    float: left;
    width: 75px;
    padding: 0 0 0 15px;
    margin: 0;
    list-style: none;
    text-align: left;
}
.ticketSearch .bottomPanel ul.three
{
    width: 145px;
    float: right;
    text-align: right;
    padding: 0 15px 0 0;
}

.regionList
{
    padding-bottom: 20px;
}
.regionList ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.regionList li
{
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    min-height: 211px;
}
.regionList .image
{
    float: left;
    height: 211px;
    overflow: hidden;
    width: 211px;
}
.regionList .content
{
    float: left;
    padding-left: 20px;
    width: 200px;
}
.regionList h3
{
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
}
.regionList p.options
{
    left: 231px;
    bottom: 0;
    margin: 0;
    width: 100%;
}
.regionList p.options a
{
    color: #002a5c;
}

.trip .image
{
    height: 211px;
    overflow: hidden;
    width: 211px;
    float: right;
}
.trip img
{
    float: right;
    padding: 0 0 20px 20px;
}
.trip img.imgleft
{
    display:block;
    clear:both;
    float: none;
    padding: 0;
    margin: 10px 0;
}
.trip img.imgright
{
    display:block;
    clear:both;
    float: right;
    padding: 0;
    margin: 10px 0;
}
.trip img.imgleft + *,
.trip img.imgright + *
{
    clear:both;
}
.trip p
{
    margin-bottom: 27px;
}
.trip p.price
{
    color: #444754;
    font-size: 24px;
}

.routeSelector
{
    padding: 0 30px 20px 0;
    position: relative;
}
.routeSelector input
{
    width: 75px;
    margin-right: 20px;
}
.routeSelector select
{
    vertical-align: middle;
    width: 170px;
}
.routeSelector dl, .routeSelector dd
{
    margin: 0;
    padding: 0;
}
.routeSelector dt, .routeSelector dd
{
    float: left;
}
.routeSelector dt
{
    font-weight: bold;
    margin-right: 15px;
}
.routeSelector dt
{
    padding-top: 3px;
}
.routeSelector dd.error span
{
    display: block;
}
.routeSelector .print
{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
}
.departure
{
    float: left;
    width: 48%;
    padding: 0 5px 20px 0;
}
.routeOverview
{
    padding-bottom: 10px;
}
.routeOverview table
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
.routeOverview th
{
    text-align: left;
    padding: 5px;
}
.routeOverview td
{
    padding: 5px;
}
.routeOverview tr.odd td
{
    background-color: #ddd; /* specified to color */
}
.routeOverview table p
{
    margin: 0;
    white-space: nowrap;
}
.routeOverview span.dangerousCargoWarning
{
    position: absolute;
    display: block;
    width: 22px;
    height: 18px;
    background: url(/gfx/scandlines/ico-warning.png) 0 0 no-repeat;
    text-indent: -9999em;
    cursor: pointer;
    top: -10px;
}

/*
    bus.dk
* * * * * * * * * * * * * * * */
.introBox
{
    background: #e0e0e0;
    color: #444754;
    float: left;
    height: 422px;
    padding: 15px;
    position: relative;
    width: 422px;
}
.introBox a
{
    color: #444754;
}
.introBox h1
{
    font-size: 24px;
    font-weight: normal;
}
.introBox p
{
    width: 195px;
    margin-bottom: 20px;
}
.introBox p.intro
{
    width: 100%;
}
.introBox .image
{
    position: absolute;
    right: 0;
    top: 110px;
    z-index: 1;
}
.introBox dl, .introBox dd
{
    margin: 0;
    padding: 0;
}
.introBox dt
{
    font-weight: bold;
}
.introBox ul
{
    line-height: 1.4;
    list-style: none;
    margin: 0;
    padding: 0;
}
.introBox ul.linkBox
{
    bottom: 20px;
    font-size: 14px;
    padding: 0 15px 0 0;
    position: absolute;
    right: 5px;
    z-index: 10;
}
.introBox ul.linkBox li
{
    overflow: hidden;
    clear: right;
}
.introBox ul.linkBox a
{
    background: url(/gfx/scandlines/btn-search-blue.png) 100% 50% no-repeat;
    color: #002a5c;
    float: right;
    line-height: 2;
    padding-right: 20px;
    text-align: right;
    text-decoration: none;
}
.introBox ul.linkBox a:hover
{
    text-decoration: none;
}
.topArea
{
    margin-bottom: 30px;
    overflow: hidden;
}

/* = frontpage teaser boxes = */
.bonusclub .frontpageTeasers
{
    clear: both;
    padding-bottom: 30px;
    position: relative;
}
.busdk .frontpageTeasers, .freightdk .frontpageTeasers, .raildk .frontpageTeasers
{
    float: right;
    width: 452px;
}
.bordershop .frontpageTeasers, .scandlinesdk .frontpageTeasers, .scandlinesde .frontpageTeasers
{
    overflow: hidden;
}
.frontpageTeasers .teaserBox
{
    float: left;
    margin: 0 30px 30px 0;
    position: relative;
    width: 211px;
    height: 211px;
    overflow: hidden;
}
.bonusclub .frontpageTeasers .teaserBox
{
    margin-bottom: 0;
}
.frontpageTeasers .contentTeaser.teaserBox
{
    background: #e0e3ee;
}
.frontpageTeasers .teaserBox.last
{
    margin-right: 0;
}
.frontpageTeasers .teaserBox .content
{
    padding: 10px;
}
.frontpageTeasers .teaserBox h3
{
    margin: 0;
    padding: 5px 10px;
    font-size: 18px;
}
.frontpageTeasers .block2
{
    width: 452px;
}
.frontpageTeasers .block3
{
    width: 693px;
}
.frontpageTeasers .block4
{
    width: 934px;
}

.teaserBox .gradientBox
{
    background: url(/gfx/scandlines/gradient-black.png) 0 0 repeat-x;
    bottom: 0;
    display: none;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
}
.teaserBox .gradientBox.blue
{
    background: #121e4b;
    opacity: 0.93;
    filter: alpha(opacity=93);
}
.teaserBox .gradientBox.lightblue
{
    background-image: url(/gfx/scandlines/gradient-blue.png);
}
.teaserBox .gradientBox h2
{
    color: #fff;
    font-size: 18px;
    padding: 3px 10px 0;
}
.teaserBox .gradientBox h2 span
{
    background: url(/gfx/scandlines/arrow-2-right-white.png) 50% 60% no-repeat;
    padding: 0 3px;
    text-indent: -9999em;
}
.frontpageTeasers .teaserBox a.boxLink
{
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background: url(about:blank);
}

.scandlinesde .frontpageTeasers .teaserBox
{
    background: #e0e3ee;
    text-align: center;
}
.scandlinesde .frontpageTeasers .teaserBox p
{
    padding: 5px 10px;
    margin: 0;
    text-align: left;
}
.scandlinesde .frontpageTeasers .teaserBox h3
{
    margin: 0 0 10px;
    padding: 5px 10px;
    background: #192758;
    color: #fff;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
}

.teasers
{
    float: right;
    width: 452px;
}

.pdfForm
{
    padding: 20px 0;
}
.pdfForm .formfields
{
    padding-top: 15px;
}
.pdfForm ul, .pdfForm li dd, .pdfForm li dl
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.pdfForm li
{
    float: left;
    width: 205px;
    padding-right: 15px;
}
.pdfForm li dt
{
    font-weight: bold;
}
.pdfForm li dd, .pdfForm li dt
{
    float: left;
    clear: left;
    width: 120px;
}
.pdfForm li dd.image
{
    float: right;
    position: relative;
    width: 70px;
    top: 0;
    right: 0;
    clear: none;
}

/*
    .de site
*/

/* = footer = */
#footer
{
    background: #e8ebf1;
    color: #444754;
    font-size: 11px;
    width: 100%;
    position: relative;
    margin-top: -80px;
    height: 80px;
}
#footer.landingFooter
{
    background: url(/gfx/scandlines/bg-footer-landing.png) 50% 0 no-repeat;
    color: #818181;
    font-size: 12px;
    z-index: 9999;
    margin-top: -92px;
    padding-top: 20px;
}
#footer a
{
    color: #444754;
}
#footer.landingFooter a
{
    color: #818181;
}
#footer .content
{
    margin: 0 auto;
    padding: 15px 30px 0;
    width: 934px;
}
#footer.scandlinesdk .content
{
    background: #e8ebf1 url(/gfx/scandlines/scandlines_dk-footer-logo.png) 95% 50% no-repeat;
}
#footer p
{
    margin: 0 0 2px;
}
#footer ul
{
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#footer.landingFooter ul
{
    padding: 0 68px;
}
#footer li
{
    float: left;
    margin-right: 30px;
}
#footer.landingFooter li
{
    margin-right: 60px;
}
#footer li.righter
{
    float: right;
    margin: 0 0 0 10px;
}

/* = clearing = */
.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
.clearfix
{
    display: block;
}
.clear
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 0;
}

/* = validators = */
.customValidatorBox
{
    position: absolute;
    display: none;
    overflow: hidden;
    padding: 5px;
    background: #ffedf8;
    border: 1px solid #900;
    margin-top: 5px;
}

.bonusClubValidation dt, .bonusClubValidation dd, .bonusClubValidation dl
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bonusClubValidation dt
{
    font-size: 16px;
}
.bonusClubValidation dt, .bonusClubValidation dd
{
    padding: 4px 0;
}
.bonusClubValidation a
{
    text-decoration: underline;
}
#uiHiddenCardField
{
    padding: 5px 0;
}
#uiHiddenCardField .buttonWrapper
{
    margin-top: 5px;
}

/* = timepicker = */
.time-picker
{
    position: absolute;
    height: 150px;
    width: 60px;
    overflow: auto;
    background: #fff;
    border: 1px solid #000;
    z-index: 999;
    font-size: 1.3em;
    margin-top: 25px;
}
.time-picker ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.time-picker-12hours
{
    width: 80px;
}

.time-picker li
{
    padding: 1px;
    cursor: pointer;
}
.time-picker li.selected
{
    background: #316AC5;
    color: #fff;
}

/* custom login box */
#loginBox
{
    text-align: left;
    width: 191px;
    position: relative;
}
#loginBox .cardIcon
{
    width: 53px;
    height: 48px;
    position: absolute;
    background: url(/gfx/scandlines/icon-card.png) 0 0 no-repeat;
    right: 5px;
    top: -25px;
}

#loginBox dl, #loginBox dt, #loginBox dd
{
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#loginBox dd
{
    margin-bottom: 5px;
}
#loginBox dd.txtInput
{
    border: 1px solid #005382;
}
#loginBox dd.txtInput input
{
    border: 0;
    padding: 3px 0;
}
#loginBox dd.forgotPass
{
    text-align: right;
    padding: 5px 10px 15px 0;
}
#loginBox dd.forgotPass a
{
    color: #022957;
}
#loginBox dd.button
{
    padding-top: 10px;
}
#loginBox .errorMsg
{
    padding-bottom: 15px;
    color: #000;
}
#loginBox dt
{
    color: #022957;
    margin-bottom: 3px;
}
#loginBox .buttonWrapper
{
    float: none;
    width: 90%;
    margin: 0 auto;
    background: none;
}
#loginBox input
{
    width: 99%;
    padding: 0;
}
#loginBox .button
{
    float: none;
}

#loginBox h2
{
    text-transform: uppercase;
    font-size: 12px;
    color: #072d5d;
    padding: 5px 50px 10px 0;
    margin: 0;
}

span.hiddenError
{
    color: #c00;
    display: none;
}

#uiHiddenCardField
{
    display: none;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Booking form for freight site <<<-----------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

img.vehicleTypeIcon
{
    vertical-align: middle;
    margin-right: 5px;
}

/*Ticket slider*/
.jcarousel-skin-tango
{
    visibility: hidden;
    position: absolute;
    clear: left;
}

.jcarousel-skin-tango .jcarousel-container
{
    float: left;
}

.jcarousel-skin-tango .jcarousel-container-horizontal
{
    padding: 0;
    position: relative;
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jcarousel-skin-tango .jcarousel-container-vertical
{
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal
{
    width: 440px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical
{
    width: 75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item
{
    width: 440px;
    height: 190px;
    position: relative;
    background: url("/gfx/scandlines/frontpage/bg-ticket.png") no-repeat scroll 50% 50% transparent;
}

.jcarousel-skin-tango .jcarousel-item-horizontal
{
}

.jcarousel-skin-tango .jcarousel-item-vertical
{
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder
{
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .sliderImage
{
    text-align:center;
}

.jcarousel-skin-tango .sliderImage img
{
    box-shadow:0 3px 5px #aaa;
    -webkit-box-shadow:0 3px 5px #aaa;
    -moz-box-shadow:0 3px 5px #aaa;
    -o-box-shadow:0 3px 5px #aaa;
    -ms-box-shadow:0 3px 5px #aaa;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal
{
    position: absolute;
    top: 85px;
    right: -19px;
    width: 20px;
    height: 38px;
    cursor: pointer;
    background: transparent url(/gfx/scandlines/sprites/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active
{
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
{
    cursor: default;
    background-position: -60px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal
{
    position: absolute;
    top: 85px;
    left: -18px;
    width: 20px;
    height: 38px;
    cursor: pointer;
    background: transparent url(/gfx/scandlines/sprites/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active
{
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active
{
    cursor: default;
    background-position: -60px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical
{
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/gfx/scandlines/sprites/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical
{
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/gfx/scandlines/sprites/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.scWebEditRibbon
{ 
    width: 100% !important;
}