﻿@import "../Common/Web_Rotator_Hotfix_1505.css"; /* HOTFIX */

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
/* Fonts & Icon font */
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Light-webfont.woff') format('woff'),url('fonts/Roboto-Light-webfont.ttf') format('truetype'),url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Regular-webfont.woff') format('woff'),url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),url('fonts/Roboto-Regular-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IcoWPTrySite';
    src: url('fonts/font-wptrysite.eot');
    src: url('fonts/font-wptrysite.eot?#iefix') format('embedded-opentype'),url('fonts/font-wptrysite.woff') format('woff'),url('fonts/font-wptrysite.ttf') format('truetype'),url('fonts/font-wptrysite.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Default layout for special elements  */
article, aside, details,
figcaption, figure, footer,
header, hgroup, main,
nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
/* Default Table layout */
site.site-body table,
#divEPViewPageWrapper table,
#divEPEditAreaWrapper table{
    border-collapse:collapse;
    border-spacing:0
}
site.site-body table > thead > tr > *,
site.site-body table > tbody > tr > *,
#divEPViewPageWrapper table > thead > tr > *,
#divEPViewPageWrapper table > tbody > tr > *,
#divEPEditAreaWrapper table > thead > tr > *,
#divEPEditAreaWrapper table > tbody > tr > *{
    vertical-align:top;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html,
.siteCSS.theme0 {
    font-family: Arial, serif;
    font-size:14px;
    color: #404040;
	line-height:1.571; /* p -> line-height:22 / font-size:14 = 1.571428571 */
}
html,
body,
form {
    height:100%;
    overflow-x:hidden;
}

img {
	border: none;
	max-width: 100% !important;
	vertical-align: middle;
}
::-moz-selection {
	background: #bd312c;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #bd312c;
	color: #fff;
	text-shadow: none;
}

/* FONT STYLES - Headers */
h1, .EditorToolHeading1,
h2, .EditorToolHeading2,
h3, .EditorToolHeading3,
h4, .EditorToolHeading4,
h5, .EditorToolHeading5,
h6, .EditorToolHeading6 {
	font-family: RobotoRegular, Arial, serif;
	font-weight: normal;
	line-height: 1;
    color: #1b1b1b;
    margin:0;
}
h1, .EditorToolHeading1 {
	font-size: 2.214286em;
	padding-bottom: .5em;
}
h2, .EditorToolHeading2 {
	font-size: 1.5em;
    padding-top: 0.96em; /* 1.46 */
	padding-bottom: 0.47619em;
}
h3, .EditorToolHeading3 {
	font-size: 1.0625em;
	padding-bottom: .882353em;
}
h4, .EditorToolHeading4 {
	font-size: 1em;
	padding-bottom: .375em;
}
/* - Normal text & Preamble */
p, .EditorToolNormal,
p.preamble, .EditorToolPreamble {
	padding: 0 0 1em;
    margin:0;
}
p.preamble, .EditorToolPreamble {
	font-weight:bold;
}
/* - Links */
a {
	color: #0558B6;
	text-decoration: underline;
}
a:focus,
a:hover {
	text-decoration: none;
}
a:focus {
	outline: #333 thin dotted;
}
/* - Special text */
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}

/* HELPER Classes */
.mrg-btm-0  { margin-bottom:0 !important; }
.nbt-table  { overflow-x:auto !important; }
.ws-nw      { white-space:nowrap !important; }

/* Responsive GRID */
.grid:before,
.grid:after,
.site-start .newsWrp:before,
.site-start .newsWrp:after {
	content: " ";
	display: table;
}
.grid:after,
.site-start .newsWrp:after {
	clear: both;
}
.grid,
.site-start .newsWrp {
	list-style: none;
	margin-bottom: 0;
	margin-left: -30px;
	*zoom: 1;
}
.grid > .grid {
	margin-left: 0;
}
.grid-unit,
.site-start .newsWrp > .news-items-list {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding-left: 30px;
}
.wrapper,
.cnp > .siteCSS {
	margin-bottom: 30px;
}
.w-33   { width: 33.33333333%; }
.w-33-5 { width: 33.49753694581281%; }
.w-50   { width: 50%; }
.w-65-5 { width: 66.50246305418719%; } /* Special for Content.master, 1015 / 675 (620+55) = 66.502... */
.w-66   { width: 66.66666666%; }
.w-100  { width: 100%; }

/* Font Icon */
.fi:before,
.fi-li-a > li > a:before,
.site-start .shortc-a-plgn.grid > .grid-unit > .wrapper > h2:first-child:before,
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child:before,
.ftr-col1 .wrapper a:last-child:before,
.ftr-col2 .wrapper a:last-child:before,
.ftr-col3 .wrapper a:last-child:before {
    font-family:IcoWPTrySite;
    speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
* MasterPage - MAIN
*/
.inner {
    margin: 0 auto;
    max-width: 960px;
    padding: 0 15px;
}
/* - Header */
[role="banner"] {
    position:relative;
}
[role="banner"]:after {
    content:"";
    display:block;
    background:#bd312c;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:9px;
}

.logo {
    float:left;
    margin-top:16px;
}
.nav-toggler {
    display: none;
}
/* - Language & Search */
.header-wrapper {
    position:relative;
}
.header-tools {
    float:right;
    margin-top:39px;
}
a.language {
    display:inline-block;
    text-align:center;
    text-decoration:none;
    vertical-align:bottom;
    font-size:11px;
    color:#B3B3B3;
    margin-bottom: -2px;
}
a.language > span {
    display:block;
    padding-top:4px;
}
.search {
    display:inline-block;
    position:relative;
    padding-left:17px;
    margin-left:10px;
}
.search.search-tgl {
    display:none;
}
/*.search:before {  ## FLAG DISABLED
    content:"";
    background-color:#e5e5e5;
    position:absolute;
    top:2px;
    bottom:2px;
    left:0;
    width:1px;
}*/
.search .search-field,
.search .search-button {
    font-size:12px;
    line-height:1;
    padding:9px;
}
.search .search-field:focus,
.search .search-button:focus {
    outline:none;
}
.search .search-field:focus {
    border-color:#32a7ae;
    background-color:#fff;
}
.search .search-field {
    border:solid 1px #e5e5e5;
    background-color:#f6f6f6;
    width:204px; /* + 18px(padding) + 2px(border) */
}
.search .search-field.plh {
    color:#adaeb0;
    font-style:italic;
}
.search .search-button {
    border:solid 1px #bd312c;
    text-indent: -9999px;
    background: #bd312c url('img/search.png') 50% 50% no-repeat;
    color:#fff;
    padding:10px;
    cursor:pointer;
    width:39px;
}
.search .search-button:hover {
    background-color: #32a7ae;
    border-color: #32a7ae;
}


/* - Header/Main navigation */
.header-wrapper [role=navigation] {
    clear:both;
}
.RadMenu.RadMenu_WPTrySite {
    float:none;
    padding:11px 0 0;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem {
    padding:0 0 26px; /*0 3.2584% 26px;*/
    text-align:center;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink > .rmText {
    float:none;
}
/* - Swedish navigation */
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child { width:14.27083333333333%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem { width:12.91666666666667%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem + .rmItem { width:11.14583333333333%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem + .rmItem + .rmItem { width:17.39583333333333%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem + .rmItem + .rmItem + .rmItem { width:13.4375%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem + .rmItem + .rmItem + .rmItem + .rmItem { width:13.125%; }
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem:first-child + .rmItem + .rmItem + .rmItem + .rmItem + .rmItem + .rmItem { width:17.70833333333333%; }


.RadMenu.RadMenu_WPTrySite .rmLink { /* ALL rmLink */
    font-family:RobotoLight;
    font-size:16px;
    color:#00001b;
    padding:0; 
    outline: 0;
    cursor:pointer;
    text-decoration:none;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink {
    font-family:RobotoLight;
    font-size:18px;
    font-weight:bold;
    float: none;
    width:auto;
    display:inline;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal .rmText {
    padding:0;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink:hover:before,
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmExpanded:before {
    content:"▲";
    display:block;
    color:#fff;
    background-color:transparent;
    position:absolute;
    left:50%;
    bottom:-2px;
    height:auto;
    margin-left:-3px;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:before,
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:hover:before,
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused.rmExpanded:before,
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused.rmExpanded:hover:before {
    display:none;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:hover:after,
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:after {
    content:"";
    display:block;
    background-color:#32a7ae;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:9px;
    margin-left:0;
    z-index:2;
}

/* - Header/Main navigation - rmVertical, All DropDown items */
.RadMenu.RadMenu_WPTrySite .rmRootGroup .rmItem .rmGroup {
    padding-bottom:0;
}
.RadMenu.RadMenu_WPTrySite .rmVertical {
    border:solid 1px #bd312c;
    background-color: #fff;
}

.RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmLink {
    padding:16px 30px 16px 20px;
    border-bottom:solid 1px #d2d2d2;
}
.RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem.rmLast > .rmLink {
    border-bottom-width:0;
}
.RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmLink:hover {
    background-color:#32a7ae;
    color:#fff;
}

.RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmLink.rmExpanded:after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    right:-1px;
    width:1px;
    background-color:#d2d2d2;
    z-index:100; /* Just get above rmSlide... */
}
.RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem {
    text-align:left;
}
/* -- First Level DropDown */
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmSlide > .rmVertical { 
    border-top:none;
}
.RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmSlide > .rmVertical { 
    border-top:none;
}
/* -- Second Level DropDown, and below! */
.RadMenu.RadMenu_WPTrySite .rmSlide .rmSlide { 
    margin-top:-1px;
}
.RadMenu.RadMenu_WPTrySite .rmVertical .rmVertical .rmItem .rmLink {
    font-size: 14px;
    padding: 17px 30px 17px 15px;
    
    -webkit-box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.5) inset;
       -moz-box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.5) inset;
            box-shadow: 4px 0px 5px -4px rgba(0,0,0,0.5) inset;
}
.RadMenu.RadMenu_WPTrySite .rmVertical .rmVertical .rmItem.rmFirst .rmLink {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

/* - Content */
.pre-footer {
    min-height: 100%;
    position: relative;
    margin-bottom: -219px;
    overflow:hidden;
}
.pre-footer:after {
    content: "";
    display: block;
    height: 219px;
}
[role="contentinfo"] { /* Footer */
    clear: both;
    padding: 2em 0;
    border-top:solid 9px #bd312c;
    background-color: #fff;
    position: relative;
    bottom: 0;
    left: 0;
    min-height: 219px;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    z-index:2;
}

.site-body .templateWrapper {
	width: auto !important;
}

/*
* STARTPAGE - Specific
*/
/* - BIG Image Rotator in top connected page area */
.cnp.site-top > .siteCSS {
    margin-bottom:30px;
}
.cnp.site-top .IR_container > li,
.cnp.site-top .IR_container > li > a,
.cnp.site-top .IR_container > li > img,
.cnp.site-top .IR_container > li > a > img {
    width:100%;
}
.cnp.site-top > .siteCSS:first-child .nbt-wrap > .template {
    overflow:visible !important;
}
.cnp.site-top .IR_container > li.IR_navigation {
    text-align:center;
    bottom:-12px !important;
}
.custom1 ul.IR_navigation > li > a.link1,
.custom1 ul.IR_navigation > li > a.link2 {
  text-indent: -9999px;
  display: inline-block;
  width: 13px;
  height: 13px;
  border: solid 1px #fff;
  background-color: #d4d4d6;
  padding: 0;
  margin: 0 9px 0 0;
  line-height: 1;
  border-radius:50%;
}
.custom1 ul.IR_navigation > li > a.link2 {
  background-color: #32a7ae;
}

/* - News */
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child { /* Assume firt cnp is the news page */
    background-color:#5A5A5A;
    font-size:17px;
    color:#fff;
    padding: 0.61em 0.8em 0.63em;
    margin-bottom: 0.9em;
}
.site-start .newsWrp > .news-items-list {
    width:50%;
    padding-bottom:20px;
}
.news-item-body p.preamble {
    display:none;
}
.news-item-body a {
    font-family: RobotoRegular, Arial, serif;
    font-size: 17px;
    color: #000;
    display: inline-block;
    margin-bottom: 0.15em;
    text-decoration: none;
}
.news-item-body a:hover {
    text-decoration: underline;
}
.news-item-body p,
.newsWrp .custom1 a,
a.all-exp-vessels {
    color: #575757;
}
/* News column 1 */
.site-start .newsWrp > .news-items-list:first-child .news-item-body {
    padding-right:1.2em;
}
/* News column 2 */
.site-start .newsWrp > .news-items-list + .news-items-list {
    padding-top:0.2em;
}
.site-start .newsWrp > .news-items-list + .news-items-list .news-item-body a {
    font-size: 14px;
}
.site-start .newsWrp > .news-items-list + .news-items-list .news-item-body p,
.newsWrp .custom1 a,
a.all-exp-vessels {
    font-size: 13px;
}
/* - Show All News link */
.newsWrp .custom1 {
    text-align: right;
    clear:both;
}
.newsWrp .custom1 a,
a.all-exp-vessels {
    display: inline-block;
    position: relative;
    text-decoration: none;
    top: -0.8em;
}
.newsWrp .custom1 a:hover,
a.all-exp-vessels:hover {
    text-decoration: underline;
}
.newsWrp .custom1 a:after,
a.all-exp-vessels:after {
    content: "»";
    display:inline-block;
    font-size:14px;
    padding-left:0.3em;
}
a.all-exp-vessels {
    top: 0;
    margin-top:0.8em;
    float:right;
}

/*
* Content.master - Specific
*/
.grid.content-grid {
	margin-left: -55px;
}
.grid.content-grid > .grid-unit {
	padding-left: 55px;
}

/* - Breadcrumbs */
.breadcrumbs {
    padding:0.97em 0 1.235em;
}
.breadcrumbs,
.breadcrumbs a {
    font-family:RobotoLight;
    font-size:13px;
    color:#616161;
    text-decoration:none;
    display:inline-block;
}
.breadcrumbs a:hover {
    text-decoration:underline;
}
.breadcrumbs .bc-curr {
    color:#999999;
}
/* - Left Sidebar */
.sidebar-wrapper {
    position:relative;
}
/* - Left Navigation - ALL LEVELS */
.nav-wrapper,
.nav-wrapper a,
.nav-wrapper a:visited {
    font-family:RobotoLight;
    font-size:14px;
    color:#000;
    text-decoration:none;
    display:block;
}
.nav-wrapper a{
    position:relative;
      padding: 0.4em 0 0.6em 2.3em;
}
.nav-wrapper .nav-section  li > ul {
    padding: 0.4em 0 0.6em 1em;
}
.nav-wrapper .nav-section a:hover:before,
.nav-wrapper .nav-section .selected > a:before{
    content:"●";
    color:#32a7ae;
    font-family:Arial;
    position:absolute;
    left:0.7em;
    top:0.3em;
}

/* - Navigation Header */
.nav-wrapper .nav-hdr {
    margin:0;
    padding:0;
}
.nav-wrapper .nav-hdr > a {
    font-family:RobotoRegular;
    font-size:18px;
    color:#000;
    padding:0.615em 0 1.06em 1.8em;
    border-bottom:solid 1px #bd312c;
}

.nav-wrapper .nav-hdr > a:before{
    content:" ";
    position:absolute;
    left:0.3em;
    top:0.75em;
    width:15px;
    height:14px;
    background:transparent url('img/nav-left-hdr.png') no-repeat 0% 0%;
}
/* - LEVEL 1 */
.nav-wrapper .nav-section > li {
    border-bottom:solid 1px #d2d2d2;
}
.nav-wrapper .nav-section > li > a {
    font-size:16px;
    padding:0.8em 0 0.9em 1.95em;
}
.nav-wrapper .nav-section > li > a:hover:before,
.nav-wrapper .nav-section > li.selected > a:before{
    left:0.5em;
    top:0.8em;
}
/* - LEVEL 2 */
.nav-wrapper .nav-section > li > ul {
    border-top:solid 1px #d2d2d2;
}
.nav-wrapper .nav-section > li > ul {
    padding: 0.6em 0 0.9em 1em;
}
.nav-wrapper .nav-section > li > ul > li > a {
    font-size:15px;
    padding:0.6em 0 0.6em 1.95em;
}
.nav-wrapper .nav-section > li > ul > li > a:hover:before,
.nav-wrapper .nav-section > li > ul > li.selected > a:before{
    left:0.45em;
    top:0.5em;
}

/*
* TEMPLATE - "Standardmall 01" - ("standard-template-01.htm")
*/
.ct-1 h2 {
    clear: both;
}
/* Images */
.ct-1 .ct-sec img {
    margin-bottom: 0.7em;
    margin-top: 0.3em;
}
.ct-1 .ct-sec.odd img {
    float: left;
    margin-right: 2em;
}
.ct-1 .ct-sec.even img {
    float: right;
    margin-left: 2em;
}
.ct-1 .ct-sec img[src*="/ImageLib/LARGE_"],
.ct-1 .ct-sec.odd img[src*="/ImageLib/LARGE_"],
.ct-1 .ct-sec.even img[src*="/ImageLib/LARGE_"] {
    float: none;
    margin-top: 0em;
    margin-bottom: 0.6em;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
/* Linked Images - Change opacity on hover */
.ct-1 .ct-sec a:hover > img {
    opacity:0.75;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* IE 5-7 */
    filter: alpha(opacity=75);
}
/* "Standardmall 01" - Template EDIT Mode */
#divEPEditAreaWrapper .ct-1 .ct-sec .editDescription {
    display:none;
}
#divEPEditAreaWrapper .ct-1 .ct-sec .editDescription:first-child,
#divEPEditAreaWrapper .ct-1 .ct-sec .NBTEditor + .editDescription {
    display:block;
    clear:both;
}
#divEPEditAreaWrapper .ct-1 .ct-sec .editDescription:first-child {
    margin-top:20px !important;
}
#divEPEditAreaWrapper .ct-1 .ct-sec .NBTTextField.EditorToolHeading2 {
    margin-bottom:10px !important;
}
#divEPEditAreaWrapper .ct-1 .ct-sec [id$="pnlImage"]    { width:25%; }
#divEPEditAreaWrapper .ct-1 .ct-sec .NBTEditorContainer { width:75%; }
#divEPEditAreaWrapper .ct-1 .ct-sec [id$="pnlImage"] > img[id$="imgChoosenImage"] + div {
    clear:both; /* The Remove-image-link */
}
/* odd/even <-> left/right */
#divEPEditAreaWrapper .ct-1 .ct-sec.odd [id$="pnlImage"],
#divEPEditAreaWrapper .ct-1 .ct-sec.even .NBTEditorContainer {
    float:left;
}
#divEPEditAreaWrapper .ct-1 .ct-sec.odd .NBTEditorContainer,
#divEPEditAreaWrapper .ct-1 .ct-sec.even [id$="pnlImage"] {
    float:right;
}

/*
* TEMPLATE - Table for "Expected vessels" ("table-expected-vessels.htm")
*/
.exp-vessels {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}
.exp-vessels > thead > tr > th,
.exp-vessels > tbody > tr > td {
    border:none;
    padding:0.9em;
    text-align:left;
}
.exp-vessels > thead > tr > th {
    font-family: RobotoLight, Arial, serif;
    background-color:#5A5A5A;
    color:#fff;
    font-weight:normal;
}
.exp-vessels > tbody > tr:nth-child(even) > td {
    background-color:#dfdfe0;
}
/* - Only show latest 4 on Startpage */
.site-start .exp-vessels > tbody > tr {
    display:none;
}
.site-start .exp-vessels > tbody > tr:first-child,
.site-start .exp-vessels > tbody > tr:first-child + tr,
.site-start .exp-vessels > tbody > tr:first-child + tr + tr,
.site-start .exp-vessels > tbody > tr:first-child + tr + tr + tr {
    display:table-row;
}

/*
* TEMPLATE - Used on start page ("shortcuts-and-plugin.htm")
*/
.shortc-a-plgn.grid {
    margin-left: -55px;
}
.site-start .shortc-a-plgn.grid {
    margin-bottom: 25px;
}
.shortc-a-plgn.grid > .grid-unit {
    padding-left: 55px;
}
.site-start .shortc-a-plgn.grid > .grid-unit > .wrapper > h2:first-child {
    font-size:23px;
    padding-top: 0.3em;
    padding-bottom: 0.6em;
}
.shortc-a-plgn .nav a {
    font-family:RobotoLight, Arial, serif;
    font-size:17px;
    display:block;
    background-color:#bd312c;
    text-decoration:none;
    color:#fff;
    padding:0.53em;
    margin:0 0 1px 0;
}
.site-start .shortc-a-plgn.grid > .grid-unit > .wrapper > h2:first-child,
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child,
.shortc-a-plgn .nav a {
    position:relative;
    padding-left:53px;
}
.shortc-a-plgn .nav a:hover {
    background-color:rgba(189,49,44,0.85); /*bd312c*/
}

/* - Font Icons */
.site-start .shortc-a-plgn.grid > .grid-unit > .wrapper > h2:first-child:before,
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child:before,
.shortc-a-plgn .nav a:before {
    content:"";
    font-size:22px;
    display:inline-block;
    position:absolute;
    top:9px;
    left:15px;
}
.site-start .shortc-a-plgn.grid > .grid-unit:first-child > .wrapper > h2:first-child:before { content:"\ed60"; font-size:24px; top:7px; }
.site-start .shortc-a-plgn.grid > .grid-unit:first-child + .grid-unit > .wrapper > h2:first-child:before { content:"\e600"; font-size:30px; top:4px; }

.shortc-a-plgn .nav-1 > li:first-child > a:before { content:"\ea3b"; } /* ea1c */
.shortc-a-plgn .nav-1 > li:first-child + li > a:before { content:"\ED41"; } /* e602 */
.shortc-a-plgn .nav-1 > li:first-child + li + li > a:before { content:"\ED61"; top:10px; } /* ed41 */
.shortc-a-plgn .nav-2 > li:first-child > a:before { content:"$"; font-family:Arial; font-size:25px; left:18px; }
.shortc-a-plgn .nav-2 > li:first-child + li > a:before { content:"\ec56"; font-size:20px; top:11px; left:16px; }

/* News Header on Startpage */
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child {
    padding-left:45px;
}
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child::after {
    content:" om WebPublish"
}
.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child:before {
    content:"\eef0";
    font-size: 15px;
    top: 11px;
}
/*
* TEMPLATE - Contact persons ("contact-persons.htm")
*/
.ct-contacts > .grid {
    margin-left:-6.451612%;
}
.ct-contacts > .grid > .grid-unit {
    padding-left:6.451612%;
}
.ct-contacts > .grid > .grid-unit > .wrapper {
    margin-bottom:40px;
}
.ct-contacts > .grid > .grid-unit > .wrapper:empty {
    display:none;
}
.ct-contacts > .grid > .grid-unit > .wrapper > img {
    max-width:115px !important;
    width:43.07116104868914%;
    float:left;
}
.ct-cnt-txt {
    float:left;
    width:56.92883895131086%;
}
.ct-cnt-txt > * {
    font-family:Arial !important;
    padding-top:0;
    padding-left:8%; /* 14 / 175 */
}
.ct-cnt-txt > h2,
.ct-cnt-txt > h3 {
    font-weight:bold;
}
/* - Name and Position */
.ct-cnt-txt > h2 {
    font-size: 15px;
    color: #3d3d3d;
    padding-bottom:0.05em;
}
.ct-cnt-txt > h2 + p {
    font-size:12px;
    color:#6f6f6f;
    font-style:italic;
    padding-bottom:0.5em;
    max-height:47px;
    overflow:hidden;
}
.ct-cnt-txt > h2 + p:after {
    content:" ";
    padding-top:18%;
    display:block;
}
/* - Phone and number */
.ct-cnt-txt > h3 {
    font-size:12px;
    color:#4d4d4d;
    padding-bottom:0;
}
.ct-cnt-txt > h3 + p {
    padding-bottom:0.65em;
}

/*
* TEMPLATE - Footer ("footer.htm")
*/
.footer * {
    white-space:nowrap !important;
}
.footer.grid {
    margin-left:-25px;
    position:relative;
}
.footer.grid > .grid-unit {
    padding-left:25px;
}
.footer .wrapper {
    margin-bottom:20px;
}
.footer > .ftr-col1 { width:18.88324873096447%; } /* (161 + 25) / (960 + 25) */
.footer > .ftr-col2 { width:18.68020304568528%; }
.footer > .ftr-col3 { width:23.3502538071066%; }
.footer > .ftr-col4 { width:16.24365482233503%; }
.footer > .ftr-col5 { width:22.84263959390863%; }

.footer > [class*="ftr-col"] h2{
    font-size: 14px;
    color: #424242;
    font-weight: bold;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
.footer > [class*="ftr-col"] p,
.footer > [class*="ftr-col"] a {
    font-size:13px;
    color:#404040;
}
.footer > [class*="ftr-col"] p {
    padding-bottom:0.1em;
}
.footer .wrapper > .ws-nw > div {
    display:inline-block;
}
/* - Bottom link in Col 1,2 & 3 */
.ftr-col1 .wrapper a:last-child,
.ftr-col2 .wrapper a:last-child,
.ftr-col3 .wrapper a:last-child {
    display:inline-block;
    margin-top:1em;
}
.ftr-col1 .wrapper a:last-child:before,
.ftr-col2 .wrapper a:last-child:before,
.ftr-col3 .wrapper a:last-child:before {
    margin-right: 8px;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    vertical-align: middle;
    padding-bottom: 2px;
}
.ftr-col1 .wrapper a:last-child:before { content:"\ea3b"; padding-bottom:3px; }
.ftr-col2 .wrapper a:last-child:before { content:"\e601"; }
.ftr-col3 .wrapper a:last-child:before { content:"\ed61"; font-size:15px; }
/* - Col4 - Weather widget */
.vader .head,
.vader .foot {
    display:none;
}
.vader h3 {
    font-size:12px;
    font-weight:normal;
    padding-bottom: 3px;
}
.vader .day-icon > td {
    white-space:nowrap;
    vertical-align:middle;
}
.vader .day-icon > td > * {
    vertical-align:middle;
}
.vader div.icon {
    display:inline-block !important;
}
.vader .day-wind > td {
    text-align:center;
}
.vader .wind .speed {
    font-size:10px;
}
/* - Col5 */
.ftr-col5 h2 {
    visibility:hidden;
    white-space:nowrap;
    overflow:hidden;
    padding-bottom: 0.3em !important;
}
.ftr-col5 .ws-nw > div {
    vertical-align:middle;
}
/* - AA-Solidited image */
.ftr-col5 .ws-nw > div:first-child {
    width: 106px;
    overflow: hidden;
    height: 105px;
    margin-right:16px;
}
.ftr-col5 .ws-nw > div:first-child > a {
    display: block;
    margin-left: -23px;
    margin-top: -26px;
}
.ftr-col5 .ws-nw > div:first-child > a > img {
    max-width:none !important;
}
/* Footer - Template EDIT Mode */
#divEPEditAreaWrapper .footer .editDescription {
    display:block !important;
}
#divEPEditAreaWrapper .footer a:before {
    display:none !important;
}
#divEPEditAreaWrapper .footer > .ftr-col1,
#divEPEditAreaWrapper .footer > .ftr-col2,
#divEPEditAreaWrapper .footer > .ftr-col3 {
    width:33%;
}
#divEPEditAreaWrapper .footer > .ftr-col4,
#divEPEditAreaWrapper .footer > .ftr-col5 {
    width:50%;
}
#divEPEditAreaWrapper .footer > .ftr-col4 {
    clear:left;
}
/*
* TEMPLATE - Blanketter (WP Template tool)
*/
.nbt-i-1-6-r > .i1 a,
.nbt-i-1-20-r > .i1 a {
    display: block;
    float: left;
    clear: left;
    margin-bottom: 0.5em;
}

/* Enirokarta under Kontakta oss */
.iframe-eniro {
	position: relative;
	padding-bottom: 48.387097%; /* Aspect ratio: 300/620 */
	height: 0;
	overflow: hidden;
}
.iframe-eniro iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*
*   /\_/\_/\_/\_/\_/\ Grävstad Specfic /\_/\_/\_/\_/\_/\ 
*/
.gravstad ::-moz-selection { background: #0F8A5C; }
.gravstad ::selection {	background: #0F8A5C; }
.gravstad [role="banner"]:after {
    background:#0F8A5C;
}
.gravstad .search .search-button {
    border-color: #0F8A5C;
    background-color: #0F8A5C;
}
.gravstad .search .search-field:focus {
    border-color:#CC8116;
}
.gravstad .search .search-button:hover {
    background-color: #CC8116;
    border-color: #CC8116;
}
.gravstad .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:hover:after,
.gravstad .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:after {
    background-color:#CC8116;
}
.gravstad .RadMenu.RadMenu_WPTrySite .rmVertical {
    border-color: #0F8A5C;
}
.gravstad .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmLink:hover {
    background-color:#CC8116;
}
.gravstad [role="contentinfo"] {
    border-top-color: #0F8A5C;
}
.gravstad .custom1 ul.IR_navigation > li > a.link2 {
  background-color: #CC8116;
}
.gravstad .nav-wrapper .nav-section a:hover:before,
.gravstad .nav-wrapper .nav-section .selected > a:before{
    color:#CC8116;
}
.gravstad .nav-wrapper .nav-hdr > a {
    border-bottom-color: #0F8A5C;
}
.gravstad .shortc-a-plgn .nav a {
    background-color:#0F8A5C;
}
.gravstad .shortc-a-plgn .nav a:hover {
    background-color:rgba(15,138,92,0.85); /*0F8A5C*/
}
/* Shortcuts & Plugin - On Startpage */
.gravstad.site-start .shortc-a-plgn.grid > .grid-unit:first-child + .grid-unit > .wrapper > h2:first-child {
    padding-left:0;
}
.gravstad.site-start .shortc-a-plgn.grid > .grid-unit:first-child + .grid-unit > .wrapper > h2:first-child:before {
    display:none;
}
/* News Header on Startpage */
.gravstad.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child::after {
    content:" från Grävstad kommun"
}
.gravstad.site-start .cnp.site-btm > .siteCSS:first-child > h2:first-child {
    background-color: #CC8116;
}


/* ############################################ - Responsove Layout - ############################################ */


@media only screen and (min-width: 800px) { /* LARGE : .l- Is default desktop layout (Starts when left nav is at left) */
    .l-mrg-btm-0 {
        margin-bottom:0;
    }
    .sidebar-wrapper .nav-wrapper:after {
        content: "";
        display: block;
        background: transparent url('img/depth-marks.png') no-repeat 0 0;
        position: absolute;
        left: 0;
        bottom: -2587px;
        height: 2587px;
        width: 100px;
    }
}

@media only screen and (max-width: 960px) { /* Special case : Footer */
    .footer > .ftr-col1 { width:24%; } 
    .footer > .ftr-col2 { width:24%; }
    .footer > .ftr-col3 { width:32%; }
    .footer > .ftr-col4 { width:20%; }
    .footer > .ftr-col5 { width:100%; }
    .footer > .ftr-col5 h2 { height:0; }
    .ftr-col5 .ws-nw > div:first-child { margin-right:4%;}
    .ftr-col5 .wrapper { text-align: center; }
}

@media only screen and (max-width: 799px) { /* MEDIUM : .m-w- */
	.m-w-33 { width: 33.33333333%; }
	.m-w-50 { width: 50%; }
	.m-w-66 { width: 66.66666666%; }
	.m-w-100 { width: 100%; }
    /* Switch - Make the "sw-item-2" be rendered before "sw-item-1" */
    .switch-wrapper.m-switch{
        display: table;
        width: 100%;
    }
    .switch-wrapper.m-switch .sw-item-2{
        display: table-header-group;
        float:none;
    }
    .grid.switch-wrapper.m-switch{
        margin-left:0;
    }
    .grid.switch-wrapper.m-switch > .grid-unit.sw-item-1,
    .grid.switch-wrapper.m-switch > .grid-unit.sw-item-2{
        padding-left:0;
    }
    /* LeftNav */
    .grid.content-grid.switch-wrapper.m-switch > .grid-unit.sw-item-1 .wrapper{
        margin-bottom:55px;
    }
}

@media only screen and (max-width: 720px) { /* Special case : Footer & Top Nav */
    .footer > .ftr-col1 { width:auto; position:absolute; top:0; left:0; float:none; } 
    .footer > .ftr-col2 { width:33%; margin:0 auto; float:none; padding-left:3% !important; }
    .footer > .ftr-col3 { width:auto; position:absolute; top:0; right:0; float:none; }
    .footer > .ftr-col4 { width:50%; clear:left; }
    .footer > .ftr-col5 { width:50%; }
    .footer > .ftr-col5 h2 { height:auto; }
    .ftr-col5 .wrapper { text-align: right; }
    /* Top Navigation - Toggler */
    .logo {
        padding-bottom:24px;
    }
    .nav-toggler-wrp {
        clear: both;
        padding-bottom: 9px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .nav-toggler {
        display: block;
        width:100%;
        border:none;
        text-align:left;
        cursor:pointer;
        margin-bottom:1px;
        padding-top:11px;
        padding-bottom:11px;
        background:#bd312c url('img/nav-toggler.png') no-repeat center right;
    }
    .nav-toggler,
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink {
        font-family: RobotoRegular;
        font-size: 18px;
        font-weight: normal;
        padding-left: 15px !important; /* OBS! Same as .inner-padding */
        background-color: #bd312c;
        color: #fff;
    }
    .gravstad .nav-toggler,
    .gravstad .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink {
        background-color: #0F8A5C;
    }
    .nav-toggler:focus,
    .nav-toggler:active {
        outline:none;
    }
    /* Top Navigation - ALL LEVELS */
    .RadMenu.RadMenu_WPTrySite {
        display: none;
        padding: 11px 0 0;
        margin-left:-15px; /* OBS! Same as .inner-padding */
        margin-right:-15px;
    }
    .nav-toggler-wrp .RadMenu.RadMenu_WPTrySite {
        padding-top:0;
        margin-left:0;
        margin-right:0;
    }
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem,
    .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem {
        float:none;
        display:block;
        text-align:left;
        width:auto !important;
        padding:0;
    }
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink,
    .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmLink {
        padding: 16px 30px 16px 20px;
        border-bottom: solid 1px #d2d2d2;
        display:block;
        width:auto !important;
        -webkit-box-shadow: none !important;
           -moz-box-shadow: none !important;
                box-shadow: none !important;
    }
    /* - Top level/menu */
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink {
        /* Shares values with .nav-toggler above */
        padding-top: 12px;
        border-bottom-color: #fff;
    }
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:hover:after,
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmFocused:after {
        left: 0;
        right: auto;
        bottom: 1px;
        top:0;
        height: auto;
        margin-left: 0;
        width:6px;
    }
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink:hover:before,
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmLink.rmExpanded:before {
        content: "▸";
        top:0.5em;
        left: -1px;
        bottom: auto;
        margin-left: 0;
    }
    /* - DropDown/Sub Menus - ALL */
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmSlide,
    .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmSlide,
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmSlide > .rmVertical,
    .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem > .rmSlide > .rmVertical {
        width:100% !important;
        display:none;
        float:none;
        border:none;
        position:relative !important;
        top:0 !important;
        left:0 !important;
        height:auto !important;
    }
    .RadMenu.RadMenu_WPTrySite .rmVertical > .rmItem.rmLast > .rmLink {
        border-bottom-width:1px;
    }
    /* -- First Level DropDown */
    .RadMenu.RadMenu_WPTrySite .rmHorizontal > .rmItem > .rmSlide {
        top:-1px !important;
        margin-bottom:-1px;
    }
    /* -- Second Level DropDown */
    .RadMenu.RadMenu_WPTrySite .rmVertical .rmVertical .rmItem .rmLink {
        padding-left:37px;
    }
    .RadMenu.RadMenu_WPTrySite .rmSlide .rmSlide {
        margin-top:0;
    }
    /* -- Third Level DropDown, and below! */
    .RadMenu.RadMenu_WPTrySite .rmVertical .rmVertical .rmVertical .rmItem .rmLink {
        padding-left:55px;
    }
    
}

@media only screen and (max-width: 680px) { /* Special case : "Standardmall 01, SMALL_-images", Header-tools */
    /*
    * TEMPLATE - "Standardmall 01" - ("standard-template-01.htm")
    */
    /* MEDIUM / SMALL Images */
    .ct-1 .ct-sec.odd img[src*="/ImageLib/MEDIUM_"],
    .ct-1 .ct-sec.even img[src*="/ImageLib/MEDIUM_"] {
        width:47.058823%; /* 320 / 680 */
    }
    .ct-1 .ct-sec.odd img[src*="/ImageLib/SMALL_"],
    .ct-1 .ct-sec.even img[src*="/ImageLib/SMALL_"] {
        width:39.705882%; /* 270 / 680 */
    }
     /* Header tools - Language flag and Search */
    .search {
        display: none;
    }
    .search.search-tgl {
        display: inline-block;
        padding-left: 12px;
        margin-left: 5px;
    }
    .header-tools.search-active {
        float: none;
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .header-tools.search-active a.language{
        position: absolute;
        top: 39px; /* Same as .header-tools->margin-top */
        right: 0;
    }
    .header-tools.search-active .search {
        position:relative;
        display: block;
        padding-left: 0;
        margin-left: 0;
        padding-right:58px;
        clear:both;
    }
    .header-tools.search-active .search .search-field {
        width:100%;
    }
    .header-tools.search-active .search .search-button {
        position:absolute;
        top:0;
        right:0;
    }
    .header-tools.search-active .search:before,
    .header-tools.search-active .search-tgl {
        display: none;
    }
}

@media only screen and (max-width: 550px) { /* Special case : Footer */
    .footer > .ftr-col1 { width:auto; position:static; top:auto; left:auto; float:left; } 
    .footer > .ftr-col2 { width:auto; margin:0; float:right; padding-left:25px !important; }
    .footer > .ftr-col3 { width:auto; position:static; top:auto; right:auto; float:left; clear:left }
    .footer > .ftr-col4 { width:auto; clear:none; float:right; }
    .footer > .ftr-col5 { width:100%; }
    .footer > .ftr-col5 h2 { height:0; }
    .ftr-col5 .wrapper { text-align: center; }
    /*
    * TEMPLATE - Contact persons ("contact-persons.htm")
    */
    .ct-contacts > .grid > .grid-unit {
        width:100%;
        float:none;
    }
    .ct-contacts > .grid > .grid-unit > .wrapper {
        margin-bottom:30px;
    }
}

@media only screen and (max-width: 479px) { /* SMALL : .m-s- */
	.s-w-33 { width: 33.33333333%; }
	.s-w-50 { width: 50%; }
	.s-w-66 { width: 66.66666666%; }
	.s-w-100 { width: 100%; }
    /* Switch - Make the "sw-item-2" be rendered before "sw-item-1" */
    .switch-wrapper.s-switch{
        display: table;
        width: 100%;
    }
    .switch-wrapper.s-switch .sw-item-2{
        display: table-header-group;
        float:none;
    }
    .grid.switch-wrapper.s-switch{
        margin-left:0;
    }
    .grid.switch-wrapper.s-switch > .grid-unit.sw-item-1,
    .grid.switch-wrapper.s-switch > .grid-unit.sw-item-2{
        padding-left:0;
    }
}

@media only screen and (max-width: 420px) { /* Special case : "Standardmall 01, SMALL_-images" */
    /*
    * TEMPLATE - "Standardmall 01" - ("standard-template-01.htm")
    */
    /* MEDIUM / SMALL Images */
    .ct-1 .ct-sec.odd img[src*="/ImageLib/MEDIUM_"],
    .ct-1 .ct-sec.even img[src*="/ImageLib/MEDIUM_"],
    .ct-1 .ct-sec.odd img[src*="/ImageLib/SMALL_"],
    .ct-1 .ct-sec.even img[src*="/ImageLib/SMALL_"] {
        width:100%; 
        float:none;
        margin-left:0;
        margin-right:0;
    }
}

@media only screen and (max-width: 400px) { /* Special case : Footer */
    .footer > .ftr-col1, 
    .footer > .ftr-col2,
    .footer > .ftr-col3,
    .footer > .ftr-col4,
    .footer > .ftr-col5 { width: 50%; float: none; margin: 0px auto; }
    .footer > .ftr-col5 h2 { height:auto; }
    .ftr-col5 .wrapper { text-align: center; }
}

@media only screen and (max-width: 355px) { /* Header-tools */
    .header-tools {
        margin-top:13px;
    }
    a.language {
        margin-left: 3px;
        margin-bottom:0px;
    }
    .search.search-tgl {
        display: block;
        padding-left: 0px;
        margin-left: 0px;
        margin-top: 7px;
        padding-top: 9px;
    }
    .search:before {
        top: 0px;
        bottom: auto;
        width: auto;
        right: 0px;
        height: 1px;
    }
}