/********************************************************************************/
/* 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, 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: 56.25em;
	height: 4.375em;
	background: #fff url("/html/images/main/header.gif") no-repeat 6.25em 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;
	right: 0.4em;
	top: 0.69em;
	width: 15.56em;
	height: 2.69em;
	background: #fff url("/html/images/main/logo_pic.gif") no-repeat;	
}
#header_strip {
	z-index: 55;
	position:absolute;
	left:0;
	top:4.375em;
	height:1.13em;
	width:56.25em;
	background-color:#0669be;
}
#header_strip_int,
#header_strip_scandinavian,
#header_strip_belgium {
	position:absolute;
	top:5.505em;
	width:56.25em;
	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;
	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_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;
	height:100%;
	float: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: 26em;
    width: 56.25em;
    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: 2em;
    border-top: 0.089em dotted #0669be;
    border-bottom: 0.089em dotted #0669be;
    padding: 0.5em 0.5em 0.5em 0.75em;
    color: #0669be;
    font-weight:bold;
}
#content p.select_empty {
    border-bottom: none;
}
#content div.select {
    float: left;
    width: 13em;
    margin: 0 5em 0 1em;
}
#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:#0669be url(/html/images/main/icons/arrow_right_white.gif) no-repeat 0.6em 0.7em;
	color:#fff;
	display:block;
	float:left;
	font-size:0.8em;
	font-weight:bold;
	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:10em;
	left:2em;
}
#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;
}