/********************************************************************************
 * Reset
 ********************************************************************************/

/* this intrusion is necessary, otherwise the header would not display correctly anyway */
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

div.scs-pageheader *,
div.scs-pagefooter * {
	margin: 0;
	padding: 0;
	outline: 0;
}

div.scs-pageheader img,
div.scs-pagefooter img {
	border: 0;
}

div.scs-pageheader ol,
div.scs-pageheader ul,
div.scs-pagefooter ol,
div.scs-pagefooter ul {
	list-style: none;
}

div.scs-pageheader table,
div.scs-pagefooter table {
	border-spacing: 0;
	border-collapse: collapse;
}
/* Workaround to fix layout problem with legacy content (GHQ and help) using old CSS
----------------------------------------------------------------------------------------------------*/

section.wrapper nav.leftMenu {
	margin-left: 17px;
	margin-right: 68px;
}

/********************************************************************************
 * Accessibility
 ********************************************************************************/

div.scs-pageheader .scs-pageheader-accessibility,
div.scs-pageheader h1.scs-pageheader-accessibility,
div.scs-pageheader h2.scs-pageheader-accessibility,
div.scs-pageheader h3.scs-pageheader-accessibility,
div.scs-pagefooter .scs-pagefooter-accessibility,
div#scs-pagefooter-contentWrapper .scs-pagefooter-accessibility,
div.scs-pagefooter h1.scs-pagefooter-accessibility,
div.scs-pagefooter h2.scs-pagefooter-accessibility,
div.scs-pagefooter h3.scs-pagefooter-accessibility,
div.scs-pageheader .accessibility,
div.scs-pageheader h1.accessibility,
div.scs-pageheader h2.accessibility,
div.scs-pageheader h3.accessibility,
div.scs-pagefooter .accessibility,
div.scs-pagefooter h1.accessibility,
div.scs-pagefooter h2.accessibility,
div.scs-pagefooter h3.accessibility {
	position: absolute;
	left: -32768px;
	top: -32768px;
}

div.scs-pageheader .skiplinks {
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
}

div.scs-pageheader .skiplinks a {
	position: absolute;
	top: -40px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background: url(default/resources/images/toolbar/bg.png) repeat-x;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

div.scs-pageheader .skiplinks li:last-child a {
	-webkit-transition: opacity 0.4s ease-out, top 1s ease-in;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

div.scs-pageheader .skiplinks li:last-child a:focus {
	-webkit-transition: all 0;
}

div.scs-pageheader .skiplinks a:focus {
	top: 0;
	text-decoration: underline;
	opacity: 1;
	filter: Alpha(Opacity = 100);
}

div.scs-pageheader .skiplinks li:first-child a:focus {
	-webkit-transition: opacity 0.3s ease-out, top 0.1s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/********************************************************************************
* General Layout
********************************************************************************/

/* do not change the following three lines, otherwise either IE8 or IE9 will break for sure! */
@font-face{font-family:TheSaB5;src:url('/errorpages_resp/fonts/TheSaB5_.eot');src:url('/errorpages_resp/fonts/TheSaB5_.eot?#iefix') format('embedded-opentype'),url('/errorpages_resp/fonts/TheSaB5_.woff') format('woff'),url('/errorpages_resp/fonts/TheSaB5_.ttf') format('truetype'),url('/errorpages_resp/fonts/TheSaB5_.svg#TheSaB5_') format('svg');}
@font-face{font-family:TheSaB3;src:url('/errorpages_resp/fonts/TheSaB3_.eot');src:url('/errorpages_resp/fonts/TheSaB3_.eot?#iefix') format('embedded-opentype'),url('/errorpages_resp/fonts/TheSaB3_.woff') format('woff'),url('/errorpages_resp/fonts/TheSaB3_.ttf') format('truetype'),url('/errorpages_resp/fonts/TheSaB3_.svg#TheSaB3_') format('svg');}
@font-face{font-family:'SwisscomIcons';src:url('/errorpages_resp/fonts/swisscom-icons-webfont.eot');src:url('/errorpages_resp/fonts/swisscom-icons-webfont.eot?#iefix') format('embedded-opentype'),url('/errorpages_resp/fonts/swisscom-icons-webfont.woff') format('woff'),url('/errorpages_resp/fonts/swisscom-icons-webfont.ttf') format('truetype'),url('/errorpages_resp/fonts/swisscom-icons-webfont.svg#SwisscomIcons') format('svg');}

div.scs-pageheader,
div.scs-pagefooter {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

div.scs-pageheader .pageCenter,
div.scs-pagefooter .pageCenter {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

div.scs-pageheader .clear,
div.scs-pagefooter .clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 1px;
	overflow: hidden;
}

div.scs-pageheader .positionWrapper,
div.scs-pagefooter .positionWrapper {
	position: absolute;
}

div.scs-pageheader a .linkImageWrapper {
	font-size: 0 !important;
	line-height: 0 !important;
}

div.scs-pageheader a:hover .linkImageWrapper {
	background-color: #11aaff;
}

div.scs-pageheader a:hover .linkImageWrapper img {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity = 80);
}

#scs-pageheader-search-form {
	width: 140px;
}

#scs-pageheader-search-form input:focus,
#scs-pagefooter-doormatnav a:focus {
	outline: none;
	color: #000;
}
.scs-accessibility-mode #scs-pageheader-search-form input:focus,
.scs-accessibility-mode #scs-pagefooter-doormatnav a:focus {
	outline: #00f dotted 2px;
	color: #000;
	font-style: normal;
}

.scs-accessibility-mode #scs-pageheader-search-field.placeholder {
	color: #666;
	font-style: italic;
}


/* HEADLINE (CET03)
----------------------------------------------------------------------------------------------------*/

div.scs-pageheader h2,
.scs-pageheader-ui-dialog h2 {
	font: 21px TheSaB3, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 31px 0;
	text-align: left;
}

/* TOOLBAR (NEH02)
----------------------------------------------------------------------------------------------------*/

div.scs-pageheader * {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

div#scs-pageheader-toolbar {
	background: url(/errorpages_resp/img/branchnavRightBg.png) repeat-x 50% 0;
}

/* header adaption for pex (small cutout for level-0 tabs) */
/* ToDo: find a better solution which can be reused for all projects */
div#scs-pageheader-toolbar.pex {
	background: url(default/resources/branchnav/pageheaderBg-pex.png) repeat-x 50% 0;
}

div#scs-pageheader-toolbar .pageCenter {
	height: 40px;
	position: relative;
	/*	background: url(default/resources/images/toolbar/bg.png) repeat-x; */
}

/* LOGO
----------------------------------------------------------------------------------------------------*/

#scs-pageheader-logo {
	float: left;
	margin: 13px 0 13px -3px; /* align logo axis with tab above and text below */
	position: relative;
	z-index: 2;
}

#scs-pageheader-logo a,
#scs-pageheader-logo a:hover,
#scs-pageheader-logo a:active,
#scs-pageheader-logo a:focus {
	text-decoration: none;
}

#scs-pageheader-logo .logo img {
	width: 40px;
}

#scs-pageheader-logo .logo,
#scs-pageheader-logo .logotype {
	vertical-align: middle;
	display: inline-block;
}

#scs-pageheader-logo .logotype {
	overflow: hidden;
	display: none;
}

@media screen and (min-width: 1024px) {
	#scs-pageheader-logo .logotype {
		display: inline-block;
	}
}

*:first-child+html #scs-pageheader-logo .logo,
* html #scs-pageheader-logo .logo {
	display: inline;
	zoom: 1;
}

#scs-pageheader-logo .logotype {
	font-family: SwisscomIcons !important;
	font-size: 33.5px;
	color: #015;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.scs-html-landingpage .scs-pageheader-themeDark #scs-pageheader-logo .logotype,
.scs-pageheader-themeWhite #scs-pageheader-logo .logotype {
	color: white;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

div.scs-pagefooter .modDeviceSwitch,
div.scs-pagefooter .scs-highcontrast-link {
	display: inline-block;
	padding-right: 17px;
}

#scs-pagefooter-contentWrapper {
	background: #f5f5f5 url(/errorpages_resp/img/footer-top.png) repeat-x;
}

/* CORPORATE FOOTER (NEF3)
----------------------------------------------------------------------------------------------------*/

#scs-pagefooter-metanav {
	padding: 13px 20px 0;
	height: 27px;
	text-align: right;
	font-size: 11px;
	color: #666;
}

#scs-pagefooter-metanav ul {
	float: left;
	list-style: none;
	margin-top: 0;
}

#scs-pagefooter-metanav ul li {
	float: left;
	margin-left: 20px;
}

#scs-pagefooter-metanav ul li:first-child {
	margin-left: 0;
}

#scs-pagefooter-metanav ul li a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#scs-pagefooter-metanav ul li a:focus,
#scs-pagefooter-metanav ul li a:hover {
	color: #2d90ec;
}