
/********************************************************************************/
/* CSS for the splash screen on www.ms-gateway.com
/********************************************************************************/

@charset "utf-8";

/********************************************************************************/
/* =General CSS-Data
/********************************************************************************/
* {
    margin: 0;
    border: 0;
    padding: 0;
}

body {
    background: #FFF;
    font-size: 100.01%/1.5;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

abbr, acronym {
    border-bottom: 0.0625em dotted;
    cursor: help;
}

div.hr {
    clear: both;
    height: 1px;
    border-top: 1px dotted #0669be;
}

div.hr hr {
    display: none;
}

a {
    color: #0669be;
}

a:link, a:visited {
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

.hidden {
    width: 10px;
    position: absolute;
    left: -1000em;
    top: -1000em;
    line-height: 0;
}

/********************************************************************************/
/* =Header
/********************************************************************************/

#header {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 61.55em;
    height: 4.375em;
    background: #fff url("/html/images/main/header.gif") no-repeat 13.75em 0;
}

#header #ms_logo {
    position: absolute;
    z-index: 55;
    left: 0;
    top: 0;
    width: 12.5em;
    height: 4.38em;
    /** 2009-06-02: changed splash logo. usa has problems with the "B" in logo */
    background: #fff url("/html/images/splash/header_left_splash.jpg") no-repeat;
}

#header #logo {
    position: absolute;
    z-index: 55;

    top: 0.55em;
    right: 0.7em;
    left: 57.3em;
    height: 3.5em;

    background: #fff url("/html/images/main/logo_pic.gif") no-repeat;
}

#header_strip {
    z-index: 55;
    position: absolute;
    left: 0;
    top: 5.468em;
    /*height:1.13em;*/
    height: 1.75em;
    width: 71.755em;
    background-color: #0669be;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 0 0 5.2em;
}

#header_strip p {
    font-size: 1.07em;
    line-height: 1.6em;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}



#header_strip_int,
#header_strip_scandinavian,
#header_strip_belgium {
    position:absolute;
    top:5.505em;
    width:61.55em;
    height:20em;
}
#header_strip_int #header_strip_left,
#header_strip_scandinavian #header_strip_left,
#header_strip_belgium #header_strip_left {
    z-index: 55;
    /*position:relative;*/
    float: left;
    height: 14.69em;
    width: 37.81em !important;
    background: transparent url("/html/images/splash/welcome.jpg") no-repeat;
}

#header_strip_scandinavian #header_strip_left {
    background: transparent url("/html/images/splash/welcome_scandinavian.jpg") no-repeat;
}

#header_strip_belgium #header_strip_left {
    background: transparent url("/html/images/splash/welcome_empty.jpg") no-repeat;
}

/*#header_strip_int #header_strip_left p {
    position:relative;
    top:19.5em;
    font-size:0.75em;
    padding:1em;
    line-height:1.5em;
}
*/

#header_strip_int #header_strip_info {
    /*position:relative;*/
    top:19.5em;
    font-size:0.75em;
    padding:1em 1em 0.5em 1em;
    line-height:1.4em;
}

#header_strip_right p {
    font-size:0.7em;
    line-height:1.5em;
    padding:2em 3em 0;
}

#header_strip_int #header_strip_right,
#header_strip_scandinavian #header_strip_right,
#header_strip_belgium #header_strip_right {
    background: transparent url("/html/images/splash/welcome_background_x.png") repeat-x;
    position:relative;
    /*width:18.44em;*/
    width: 23.73em;
    height: 14.69em;
    float: right;
}

#header_strip_right h1 {
    font-size: 0.8em;
    font-weight: bold;
    padding: 1em 0 0 5em;
}

#header_strip_info{
    clear: right;
}

#header_strip_belgium #header_strip_right div img {
    padding:3.5em;
}

/********************************************************************************/
/* =Structure
/********************************************************************************/

h1 {
    position:relative;
    color:#0669be;
    font-size:0.8em;
    padding:3.5em 1em;
}

#content {
    position: relative;
    top: 23.5em;
    width: 61.55em;
    background: url("/html/images/splash/world.png") no-repeat 0 1.7em;
}

#content.higher {
    position: relative;
    top: 22em;
    width: 56.25em;
    background: url("/html/images/splash/world.png") no-repeat 0 1.7em;
}

#content #inner {
    min-height:36em;
}

#content #footer {
    clear: both;
    border-top: 0.089em dotted #0669be;
    padding-top: 0.25em;
}

#footer {
    text-align:right;
}

.column_left,
.column_right {
    min-height:10em;
    width:35.5em;
    padding:0 2em;
    color:#0669be;
}

.column_left.black,
.column_right.black {
    color:#000;
}

.column_left.black p strong,
.column_right.black p strong {
    font-size:2em;
}

.column_left {
    float:left;
}

.column_right {
    float:right;
}

.column_left p,
.column_right p {
    padding-bottom:1em;
    line-height:1.7em;
}

.column1,
.column2,
.column3 {
    height:13em;
    position:relative;
    width:27%;
    float:left;
    padding:0 4%;
}

.column1 {
    padding-left:1%;
}

.column3 {
    padding-right:1%;
}

/********************************************************************************/
/* =Content
/********************************************************************************/

#content * {
    margin: 0;
    font-size: 70%;
}

#content * * {
    font-size: 100%;
}

#content p.international {
    padding: 0.5em 2em 1em 34.8em;
    background: transparent url("/html/images/main/icons/arrow_right_orange_light.gif") no-repeat 33.6em 0.8em;
}

#content p.select,
#content p.select_empty {
    /*margin-bottom: 1em;*/
    /*border-top: 0.089em dotted #0669be;*/
    /*border-bottom: 0.089em dotted #0669be;*/
    padding: 0.5em 0.5em 0.5em 1.09em;
    color: #0669be;
    font-weight:bold;
}
#content #info {
    border-bottom: 0.089em dotted #0669BE;
    border-top: 0.089em dotted #0669BE;
    margin-bottom: 1em;
}

#content p.select_empty {
    border-bottom: none;
}

#content div.select {
    float: left;
    width: 13em;
    margin: 0 4.464em;
}

#content div.select h2 {
    padding: 0.3em 0.3em 0.3em 1.6em;
    font-weight: bold;
    font-size:1.2em;
    background: transparent url("/html/images/main/icons/arrow_right_black.gif") no-repeat 0.5em 0.7em;
}

#content div.select ul {
    margin: 0.3em 0 2.5em 2em;
    list-style: none;
    line-height: 150%;
}

#content div.select ul li.highlight {
    font-weight: bold;
}

#content div.column1 p strong,
#content div.column2 p strong,
#content div.column3 p strong {
    font-size:1.2em;
}

#content div.column1 p,
#content div.column2 p,
#content div.column3 p {
    padding-bottom:0.5em;
    font-size:1em;
}

#content div.column1 div.button,
#content div.column2 div.button,
#content div.column3 div.button {
    position:absolute;
    top:10em;
}

/********************************************************************************/
/* =Buttons
/********************************************************************************/

div.button a {
    background:#FFA02F url(/html/images/main/icons/arrow_right_white.gif) no-repeat 0.6em 0.7em;
    /*background:#0669be url(/html/images/main/icons/arrow_right_white.gif) no-repeat 0.6em 0.7em;*/
    float: right !important;
    color:#fff;
    display:block;
    float:left;
    font-size:0.8em;
    font-weight:bold;
    margin:7.8em 6.8em 0.2em 26em;
    /*margin:0.2em 0.3em 0.2em 0;*/
    padding:0.4em 0.6em 0.4em 1.9em;
    /* margin:0.2em 1.5em 0.2em 0;
    padding:0.4em 0.6em 0.4em 1.9em; */
    text-decoration:none;
}

#header_strip_int #header_strip_right div.button a {
    position:relative;
    top: 9.75em;
    right: 5em;
}

#header_strip_scandinavian #header_strip_right div.button a {
    position:relative;
    top:1.5em;
    left:2.6em;
}

/********************************************************************************/
/* =Footer
/********************************************************************************/

#content #footer p {
    padding: 0.4em 0.8em;
    height:2.5em;
}

#footer .statements {
    height: 2.5em;
    padding: 0.4em 0.8em;
    float: left;
}

#footer .statements a,
#footer .statements a:link,
#footer .statements a:visited,
#footer .statements a:hover,
#footer .statements a:active {
    text-decoration: none;
    color: #000000;
}

/********************************************************************************/
/* =News-Edge
/********************************************************************************/

#newsedge {
    height: 175px;
    overflow: hidden;
    padding: 10px;
}

#newsedge p {
    padding: 0;
    margin: 0;
}

.newsedge {
    display: none;
}

span.newsheadline {
    font-weight: bold;
}

span.newssource {
    /*font-size: 70%;*/
    font-style: italic;
}

span.newsbrief {
}

span.newsdate-time {
    font-size: 80%;
}

