@charset "utf-8";


/******************************************************************************************** FONT FACE */

@font-face {
	font-family: 'ZettaSerifBook';
	src: url('../Fonts/zetta_serif-book-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_serif-book-webfont.ttf') format('truetype'), url('../Fonts/zetta_serif-book-webfont.svg#webfontKQWKD40o') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'ZettaSerifDemiBold';
	src: url('../Fonts/zetta_serif-demibold-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_serif-demibold-webfont.ttf') format('truetype'), url('../Fonts/zetta_serif-demibold-webfont.svg#webfontzHSQzDqN') format('svg');
	font-weight: normal;
	font-style: normal;}

/*@font-face {
	font-family: 'ZettaSansDemiBold';
	src: url('../Fonts/zetta_sans-demibold-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_sans-demibold-webfont.ttf') format('truetype'), url('../Fonts/zetta_sans-demibold-webfont.svg#webfontw6QWJL4l') format('svg');
	font-weight: normal;
	font-style: normal;}
*/
@font-face {
	font-family: 'ZettaSerifRegular';
	src: url('../Fonts/zetta_serif-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_serif-webfont.ttf') format('truetype'), url('../Fonts/zetta_serif-webfont.svg#webfontraDoaVG0') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'ZettaSansLight';
	src: url('../Fonts/zetta_sans-light-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_sans-light-webfont.ttf') format('truetype'), url('../Fonts/zetta_sans-light-webfont.svg#webfontcq7zln2x') format('svg');
	font-weight: normal;
	font-style: normal;}

@font-face {
	font-family: 'ZettaSansRegular';
	src: url('../Fonts/zetta_sans-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_sans-webfont.ttf') format('truetype'), url('../Fonts/zetta_sans-webfont.svg#webfontClcXZ6M8') format('svg');
	font-weight: normal;
	font-style: normal;}

/*@font-face {
	font-family: 'ZettaSansBook';
	src: url('../Fonts/zetta_sans-book-webfont.eot');
	src: local('☺'), url('../Fonts/zetta_sans-book-webfont.ttf') format('truetype'), url('../Fonts/zetta_sans-book-webfont.svg#webfontyaN5fRqo') format('svg');
	font-weight: normal;
	font-style: normal;}*/


/********************************************************************************************** GLOBALS */


*{margin:0; padding:0}
body#MaerskComMasterPageBody{
	font:14px/21px Tahoma, Geneva, sans-serif;
	color:black;
	background:#e5edf0;
	-webkit-font-smoothing:antialiased;}
	
a{color:#6ebad7; text-decoration:none; outline: none;}
a:hover{color:#004e6b}
img{border:none}
h1{
	font:normal 40px 'ZettaSansRegular', Tahoma, Geneva, sans-serif;
	text-transform:uppercase;
	width: 569px;
	}
h1 span{color:#69b8d6}
h2{font:bold 21px/25px Tahoma, Geneva, sans-serif}
h3{font:bold 1em/21px Tahoma, Geneva, sans-serif}
p{margin-bottom:21px}

h3 a{color:#333333;font:bold 1em/21px Tahoma, Geneva, sans-serif}

/******************************************************************************************** STRUCTURE */

.wrapper{
	position:relative;
	width:942px;
	overflow:hidden;
	margin:0 auto 20px;
	padding:0 26px;
	background:url('../images/wrapper.gif') repeat-y;}
	
.col{float:left}
.col-213{width:213px; float:right}
.col-228{
	width:228px;
}
.col-238,
.sideL{width:238px}
.col-450{
	width:450px;
	float: left;
}
.col-690,
.sideR{width:690px}
.col-block{margin-bottom:28px}
.col-block:after{
	display:block;
	height:0;
	overflow:hidden;
	clear:both;
	content:' ';}


/************************************************************************************************** TOP */

.header .container{
	width:100%;
	height:135px;
	overflow:hidden;
	font-size:11px;}

.header .logo{float:left; margin:34px 0 37px 15px}
.header .search,
.header ul{
	float:right;
	margin:55px 0 0 10px;
	line-height:11px;}
	
.header li:first-child{border-left:none; margin-left:0}
.header li{
	list-style:none;
	float:left;
	margin:3px 0 0 8px;
	padding-left:8px;
	border-left:1px solid #8fcae0;}
	
.header a:hover,
.header a.current{color:#00161c}

.header input{float:left}
.search .ms-sbtable-ex{width:auto}
.search .ms-sbplain{
	width:140px;
	height:14px;
	padding:1px 3px;
	font:11px Arial, Helvetica, sans-serif;
	background:white;
	border:1px solid #7db5cd;
	border-right:none;
	border-bottom-color:#d6eff8;}
	
.header .btn{
	width:21px;
	height:18px;
	background:url('../images/zoom.gif') no-repeat;
	border:none;}
	
.header .map{
	width:96px;
	height:64px;
	float:right;
	margin:30px 0 0 8px;
	border-left:none;}
	
.header .map a{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	line-height:300px;
	overflow:hidden;
	background-image: url(../images/map.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/*.header .map a:hover{
	background-position: bottom;
}*/
	

	


.menu{
	height:79px;
	width: 942px;
	margin-bottom:20px;
	font:18px/24px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	border-bottom:4px solid #e2e2e2;
	background-image: url(../images/main-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#004e6b;
}

.menu ul{
	height:70px;
	overflow:hidden;
	padding:3px 0 0 1px;

	}
	
.menu li{
	margin-left: 4px;
	list-style:none;
	float:left;
	width: 234px;
}


/*.menu {
    background: url("../images/main-menu.png") no-repeat scroll 0 0 #69B8D6;
    border-bottom: 4px solid #E2E2E2;
    font: 18px/24px 'ZettaSerifDemiBold',Georgia,"Times New Roman",Times,serif;
    margin-bottom: 20px;
    padding-bottom: 5px;
}


.menu ul {
    background: none repeat scroll 0 0 #004E6B;
    height: 70px;
    overflow: hidden;
    padding: 3px 1px 0;
}

.menu li {
    float: left;
    list-style: none outside none;
}*/


.menu a{
	float:left;
	height:56px;
	padding:7px 15px 0px 14px;
	color:#DFEEF7;
/*	background:url('../images/menu.png') no-repeat right top;
*/	text-transform:uppercase;
	text-shadow:1px 1px #0E4C66;
	}
	
/*#mainmenu4 a{
	width:196px;
}*/
.menu small{
	display:block;
	font:10px/13px Tahoma, Geneva, sans-serif;
	/*color:#e3f7fa;*/
	text-transform:none;
	/*opacity:0.8;*/}
	

.menu a:hover,
.menu a.current{color:white}
.menu li.indent{
	
}
#mainmenu4 {
    width: 210px;
}

/*.menu a:hover small,
.menu a.current small{opacity:1}*/
.has-js .menu a,
.has-js .menu a:hover{color:#dfeef7}
.has-js .menu a.current{color:white}
/*.has-js .menu a small,
.has-js .menu a:hover small{opacity:1}*/

.header-siteaction{
	clear:both;
	display:block;
	position:absolute;
	right:0;
	top:0;
	margin-right:26px;}

.search .ms-sbcell{border:none; padding:0}
.search img{
	border:medium none;
	height:18px;
	width:21px;}

.header-cate{
	float:right;
	line-height:11px;
	margin:55px 0 0 10px;
	padding-top:3px;}
	
.header-cate em{border-left:1px solid #8FCAE0; margin:0 1px 0 4px}
.header table{border-collapse:collapse}
.header td input{float:right}
.header td img{float:left}
.header .ms-sbLastcell{width:auto}


/*********************************************************************************************** SLIDER */

.slider{
	width:942px;
	margin:-10px 0 30px;
	padding-bottom:1px;
	border-bottom:1px solid #115c6d;}
	
.slider img{display:block}
.slider ul{height:457px; overflow:hidden}
.slider li{
	list-style:none;
	position:relative;
	width:942px;}
	
.slider-textarea{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:107px;
	background:url('../images/slider-textarea.png') no-repeat;}
	
.slider-textarea .alignleft,
.slider-textarea .alignright{width:50%; height:100%}
.slider-textarea .alignleft div{display:table; height:100%}
.slider-textarea h2{
	display:table-cell;
	vertical-align:middle;
	padding:0 18px;
	font:43px/40px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	color:white;
	text-shadow:2px 2px #333;}
	
.slider-textarea .alignright div{
	padding:18px 22px;
	font:17px/21px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	color:white;
	text-shadow:1px 1px #000;}
	
.slider-textarea .alignright a{color:#98daea; display:inline-block}
.slider-textarea .alignright a:hover{color:white}
.slider-menu{
	position:relative;
	height:47px;
	overflow:hidden;
	margin-top:-10px;
	padding-top:10px;}
	
.slider-menu a{
	float:left;
	width:238px;
	height:49px;
	margin-top:-2px;
	padding-top:2px;
	font:14px/47px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-shadow:1px 1px #112932;
	color:white;
	background:url('../images/slider-menu.png') no-repeat 0 -8px;
	outline:none;}	
	
.slider-menu a.last{width:228px}
.slider-menu a:hover{background-position:right -8px}
.slider-menu a.current,
.slider-menu a.current:hover{
	margin-top:-10px;
	padding-top:10px;
	background-position:center 0;}
	
.jcarousel-clip{width:100%}


/******************************************************************************************** FRONTPAGE */

.front-content{
	width:100%;
	overflow:hidden;
	padding-bottom:25px;}
	
.front-content .col-238{margin-right:15px}
.front-content .recent-news .date,
.teaser-news-shortpart-date{
	padding:0;
	font:14px 'ZettaSerifBook', Georgia, "Times New Roman", Times, serif;
	color:black;}
	
.teaser-news-shortpart-line{display:none}
.recent-news a,
.teaser-news-shortpart div.teaser-more a{color:#004e6b}
.front-content .recent-news h2,
.teaser-news-shortpart-title{
	margin:0 0 0.3em;
	padding:0;
	font:normal 25px/30px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	color:#004e6b;
	text-transform:uppercase;}
	
.teaser-news-shortpart-txt{margin-bottom:21px; padding:0}
.teaser-news-shortpart-more{margin:0}
.teaser-more{padding:0; background:none}
	
.image-overlay:hover{color:white}
.image-overlay{
	position:relative;
	float:left;
	font:17px/52px 'ZettaSerifRegular', Tahoma, Geneva, sans-serif;
	color:white;
	text-transform:uppercase;
	text-shadow:1px 1px #306577;}
	
.image-overlay img{float:left}
.image-overlay span{
	display:block;
	position:absolute;
	left:0;
	bottom:34px;
	width:98.5%;
	height:52px;
	background-image: url(../images/image-overlay.png);
	background-repeat: repeat-x;
	background-position: top;
}
	
.image-overlay span span{
	position:static;
	float:left;
	width:auto;
	padding:0 32px 0 12px;
	background:url('../images/image-arrow_2.png') no-repeat right 14px;}

.image-overlay span span:hover{
	background:url('../images/image-arrow_2.png') no-repeat right -25px;}

.front-content .quote-block div{
	position:relative;
	min-height:190px;
	margin:-12px 0 0 -25px;
	padding:12px 0 0 25px;
	background:url('../images/quotes-shadow.gif') no-repeat;}
	
body .ms-WPBody{font:14px/21px Tahoma, Geneva, sans-serif;color:black;}


/****************************************************************************************** INNER PAGES */

.page-content{
	width:100%;
	overflow:hidden;
	padding-top:16px;}
	
.submenu {
	font:13px/1em 'ZettaSerifBook', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	border-top:1px solid #d9f4f8;}
	
.submenu li{list-style:none}
.submenu a{
	display:block;
	padding:14px 10px;
	color:#004e6b;
	border-bottom:1px solid #d9f4f8;}
	
.submenu a:hover,
.submenu a.current,
.submenu a.current-subindex{background:#ebf4f5}
.submenu a.current ,
.submenu a.current-subindex{font-weight:bold}
.submenu a ul{display:none}
.submenu a.current ul,
.submenu a.current-subindex ul{display:block}
.submenu a.current ul,
.submenu a.current-subindex ul{background:none no-repeat 192px center; font-weight:normal}
.submenu a.current ul:hover,
.submenu a.current a.current,
.submenu a.current-subindex ul:hover,
.submenu a.current-subindex a.current-subindex{background-color:#f8fbfc}
.submenu a.current a.current,
.submenu a.current-subindex a.current-subindex{background-image:url('../images/menu-arrow.gif')}
.submenu li li a{padding:10px 35px 10px 20px;font-size:12px}

/*.col-690 h1,
.sideR h1,
.sideR .content-title{padding-right:90px; margin:-11px 0 10px}
*/.sideR .content-title{font:normal 50px 'ZettaSansRegular', Tahoma, Geneva, sans-serif; text-transform:uppercase}
.sideR .content-title span{color:#69b8d6}

.page-content .col-450 .col-inner{padding-right:16px}
.page-content h2{padding:0 0 3px}
.page-content .quote-block{margin-top:-10px; position:relative}
.page-content .col-690 ul,
.page-content .sideR ul,
.page-content .col-690 ol,
.page-content .sideR ol{color:#666; margin-bottom:21px}
.page-content .col-690 ul li,
.page-content .sideR ul li{
	list-style:none;
	padding-left:17px;
	background:url('../images/bullet.gif') no-repeat 0 6px;}
	
.customizeselectbox200 ul.tag_options li{padding-left:6px; background:url('/_layouts/images/MaerskCom/selectbg200.gif') no-repeat -202px 0}
	
.col-shadow,
.sideR{
	position:relative;
	min-height:440px;
	margin-left:-35px;
	padding-left:35px;
	background:url('../images/column-shadow.png') no-repeat left bottom;}

.breadcrumb span{margin-right:4px}
.breadcrumb a{color:#2887a9}
.breadcrumb{
	padding-left:252px;
	font:11px/19px 'ZettaSerifRegular', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#2887a9;}
	
.action-links,
.content-plus{
	position:absolute;
	top:14px;
	right: 0px;
	padding-bottom: 0px;
	}
	
/*.action-links a,
.content-plus a,
.content-plus input{
	float:left;
	width:0;
	height:0;
	padding:9px 11px;
	line-height:50px;
	overflow:hidden;
	margin-left:8px;
	background:url('../images/action-icons.gif') no-repeat;}*/
	
#ctl00_PlaceHolderMain_ctl01_SendToAFriendImageButton{background-position:0 -32px}
#ctl00_PlaceHolderMain_ctl01_PrintImageButton{background-position:-28px -32px}
#ctl00_PlaceHolderMain_ctl01_SendToAFriendImageButton:hover{background-position:0 0}
#ctl00_PlaceHolderMain_ctl01_PrintImageButton:hover{background-position:-28px 0}

/* add background image for hover and non hover--remove display:none to fix share icon in ie*/
a.addthis_button{
	background-position:-57px -32px;
	background-image: url(../images/action-icons.gif);
}

a.addthis_button:hover{
	background-position:-57px 0;}

/*.addthis_button img{
	display:none
}*/

.featured-image{position:relative; margin-bottom:17px}
.featured-image img{display:block}
.image-textarea{
	position:absolute;
	left:0;
	bottom:50px;
	width:689px;
	font:normal 17px/18px 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	color:white;
	background:url('../images/textarea_bg.png') repeat;
/*	
	background:rgba(0,78,107,0.7);
*/	}
	
.image-textarea h2{
	float:left;
	font:normal 40px/1em 'ZettaSerifDemiBold', Georgia, "Times New Roman", Times, serif;
	letter-spacing:2px;
	padding:15px 20px;}
	
.image-textarea div{
	padding:15px 32px 15px 8px;
	overflow:hidden;
	letter-spacing:1px;}
	
.body-image{
	position:relative;
	display:block;
	font:11px Arial, Helvetica, sans-serif;}
	
.body-image img{display:block; margin-bottom:5px}
.body-image:hover .action-btn,
#fancybox-close .action-btn{display:block}
.action-btn{
	display:none;
	position:absolute;
	left:-12px;
	top:-16px;
	height:16px;
	padding:8px 4px 12px 11px;
	font:bold 11px/16px Tahoma, Geneva, sans-serif;
	color:#005063;
	background:url('../images/image-action-btn.png') no-repeat;
	cursor:pointer;}
	
.action-btn span{display:block}
.action-btn .icon{padding-left:25px}
.action-btn .zoomin{background:url('../images/image-action-zoomin.gif') no-repeat}
.action-btn .close{background:url('../images/image-action-close.gif') no-repeat}
.action-btn .end{
	position:absolute;
	left:100%;
	top:8px;
	width:5px;
	height:20px;
	background:url('../images/image-action-btn.png') no-repeat right -8px;}
	
.info-block,
.page-content .image-overlay{margin-right:-2px}
.info-block{
	position:relative;
/*	min-height:288px;
*/	padding:12px;
	font:11px/16px Verdana, Geneva, sans-serif;
	color:#e0faff;
	background:url('../images/infobox-top.gif');}
	
.info-block h2{
	margin-bottom:10px;
	font:22px/1em 'ZettaSerifRegular', Georgia, 'Times new roman', serif;
	color:white;
	text-shadow:1px 1px #004c5e;}

.info-block p{margin-bottom:2px}
.page-content .info-block ul,
.page-content .info-block a{color:#e0faff}
.page-content .info-block a:hover{text-decoration:underline}
.page-content .info-block ul li{padding:2px 0 2px 10px; background:url('../images/dash.gif') no-repeat 0 10px}
.info-block .bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:230px;
	height:4px;
	overflow:hidden;
	background:url('../images/infobox-bottom.gif');}


/******************************************************************************************* COMPONENTS */

.vacancy-search,
.vacancy-search-summary,
.vacancy-search-listtop,
.teaser-news-pagelist{font:11px/16px Tahoma,Verdana,Lucida,Helvetica,simsun,sans-serif}
.vacancy-search-listtitle{width:96px}
#MaerskComMasterPageBody .ms-listviewtable .ms-vb2{color:#004e6b}
#MaerskComMasterPageBody .ms-listviewtable .ms-alternating{background:#f8fbfc}
.teaser-news-pagelist{border-color:#69b8d6; color:#004E6B}
.vacancy-search-box input{float:left}
.vacancy-search-box .vacancy-search-input{
	border-right:none;
	border-color:#7db5cd;
	border-bottom-color:#d6eff8;}
	
.vacancy-search-box .vacancy-search-submit{
	width:21px;
	height:18px;
	margin:0;
	padding:0;
	background:url('../images/zoom.gif') no-repeat;}
	
.customizeselectbox200 div.tag_select,
.customizeselectbox200 div.tag_select_hover,
.customizeselectbox200 div.tag_select_open,
.customizeselectbox200 ul.tag_options,
.customizeselectbox200 ul.tag_options li,
.customizeselectbox200 ul.tag_options li.open_hover,
.customizeselectbox200 ul.tag_options li.open_selected{background-image:url('../images/selectbg200.gif')}
.customizeselectbox200 ul.tag_options{border-bottom-color:#d6eff8}
	
.customizeselectbox58 div.tag_select,
.customizeselectbox58 div.tag_select_hover,
.customizeselectbox58 div.tag_select_open,
.customizeselectbox58 ul.tag_options,
.customizeselectbox58 ul.tag_options li,
.customizeselectbox58 ul.tag_options li.open_hover,
.customizeselectbox58 ul.tag_options li.open_selected{background-image:url('../images/selectbg58.gif')}
.customizeselectbox58 ul.tag_options li{background-position:-60px 0}
.customizeselectbox58 ul.tag_options{border-bottom-color:#d6eff8}


/*********************************************************************************************** FOOTER */

.footer{
	position:relative;
	width:942px;
	margin:0 -26px;
	padding:30px 26px 16px;
	text-transform:uppercase;
	color:#69b8d6;
	background:url('../images/footer.gif') no-repeat bottom;}
	
.footer h2{
	margin-bottom:6px;
	font:16px/33px 'ZettaSerifRegular', Georgia, 'Times new roman', serif;
	color:#2f454e;
	text-transform:uppercase;
	border-bottom:1px solid #dbf2f6;
	border-top:1px solid #dbf2f6;}
	
.footer ul.alignright{letter-spacing:0}
.footer ul{padding-bottom:20px;font:13px/22px 'ZettaSerifRegular', Georgia, 'Times new roman', serif;}
.footer li{list-style:none}
.footer ul a{color:#2887a9}
.footer ul a:hover{color:#00161c}
.footer .first{margin-right:15px}
.footer .bottomline{
	clear:both;
	width:100%;
	overflow:hidden;
	padding-top:13px;
	border-top:1px solid #dbf2f6;}
	
.footer .bottomline .alignleft{font:14px 'ZettaSansLight', Tahoma, Geneva, sans-serif}
.footer .bottomline ul{padding:0; font:11px Tahoma, Geneva, sans-serif}
.footer .bottomline li{float:left; margin-left:26px}
.footer .bottomline a{color:#69B8D6}


/********************************************************************************************** CLASSES */

.left,
.alignleft,
.sideL{float:left}
.right,
.alignright,
.sideR{float:right}
.block{display:block}
.none{display:none}
.clear{clear:both}

.btn{cursor:pointer}

.quote-block{
	padding-top:12px;
	font:28px/30px 'ZettaSerifRegular', Tahoma, Geneva, sans-serif;
	color:#b50030;
	background:url('../images/quotes.gif') no-repeat -16px 0;}
	
.ms-WPBorder{border:none}