/* CSS Document - layout.css */
/* This stylesheet contains layout styles */
/*
================= Base Screen CSS =================
TABLE OF CONTENTS
	1. BASE
		1.1 Reset
		1.2 General layout
	2. PAGE AREAS
		2.1 Top links
		2.2 Top header
		2.3 Footer
		2.4 Columns
		2.5 Sections
	3. NAVIGATION
	4. ELEMENTS
		4.1 Path and tools
		4.2 Article related
		4.3 Teaser list
		4.4 Heading list
		4.5 Image/Content blocks
		4.6 Dividers
		4.7 Icons
	5. LISTS
/* **************************************************** */

/* ********************** 1. BASE ********************* */

/* ********************** 1.1 RESET ******************* */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
blockquote:before, blockquote:after, q:before, q:after {

}
blockquote, q {

}
ol, ul {
	padding-left: 40px;
	margin: 12px 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* ************************** / 1.1 RESET ************************* */

/* *************************** 1.2 GENERAL LAYOUT ************************** */
html, body, form { height: 100%; }
body { margin: 0; }
#container {
	position: relative;
	width: 994px;
	height: 100%;
    min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/img/container-repeater.gif);
	background-position: left top;
	background-repeat: repeat-y;
	background-color: #ffffff;
}
html>body #container { height: auto; }
#content {
	width: 980px;
	padding-top: 0;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 82px;
	background-color: transparent;
}
/* ************************** /1.2 GENERAL LAYOUT ************************** */

/* *************************** 2. PAGE AREAS ************************** */

/* *************************** 2.1 Top Links ************************** */
.top-links {
	padding: 3px 0 0 0;
	margin: 0;
	border: none;
	background-image: none;
	background-color: #002e5f;
}
.top-links-left {
	float: left;
	height: 22px;
	background: none;
	padding-left: 6px;
}
.top-links-right {
	float: right;
	text-align: right;
	height: 22px;
	background: none;
	padding-right: 6px;
}
.top-links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 21px;
	display: inline;
}
.top-links li {
	float: none;
	display: inline;
}
.top-links-right li {
	font-weight: normal;
	padding-left: 0;
	padding-right: 0;
	background-image: none;
}
.top-links a {
	border-right: solid 1px #68819f;
	padding-right: 0;
	margin-right: 0;
}
.top-links-left a {
	border-right: solid 1px #68819f;
	padding-left: 0;
	padding-right: 7px;
	margin-right: 5px;
}
.top-links-right a {
	padding-left: 0;
	padding-right: 7px;
	margin-right: 5px;
}
.top-links a:link, .top-links a:active, .top-links a:visited { color: #ffffff; text-decoration: none; }
.top-links a:hover { color: #ffffff; text-decoration: underline; }
/* --- Language links */
.top-links-lang, li a.top-links-lang {
	margin-left: 0;
	padding-left: 20px;
	background-position: left;
	background-repeat: no-repeat;
}
a.lang-en { background-image: url(/img/globallinks-lang-en.gif); }
a.lang-sv { background-image: url(/img/globallinks-lang-sv.gif); }
/* --- Select */
.top-links form { display: inline; }
.top-links select { font-size: 80%;}
/* ************************** /2.1 Top Links ************************** */

/* *************************** 2.2 Top header ************************** */
.head {
	background-image: none;
	background-color: #002e5f;
}
#printHeader { display: none; }

.head-left { float: left; height: 130px; padding: 0; }
.head-left img.logotype, .head-left img.department { margin: 0 0 0 24px; }

.head-right { float: right; height: 130px; padding: 0; }
.head-right img.logotype, .head-right img.department { margin: 0 24px 0 0; }

.head-row {
	height: 35px;
	border-top: none;
	border-bottom: solid 3px #ffffff;
	background-image: url(/img/head-menu-row-repeater.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 10px 0 0 0;
	margin: 0;
}

/*---------------------- Head row left (menu) ----------------------------------*/
.head-row-left {
	float: left;
	height: 35px;
	width: 718px;
	padding-left: 6px;
}
ul.head-row-menu {
	height: 35px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 37px;
	font-size: 130%;
}
ul.head-row-menu li {
	float: left;
	height: 35px;
	background-image: none;
	padding-left: 0;
	margin-right: 4px;
}

ul.head-row-menu li div {
	height: 35px;
	padding-right: 12px;
	margin-left: 8px;
}

ul.head-row-menu li.active {
	background-image: url(/img/head-menu-row-active-right.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	font-weight: normal;
	padding-right: 12px;
	color: #fff;
}

ul.head-row-menu li.active div {
	background-image: url(/img/head-menu-row-active-left.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #fff;
	padding-left: 12px;
	margin-left: 0;
}

ul.head-row-menu a:hover { color: #005b7f; text-decoration: underline; }
ul.head-row-menu a:link, ul.head-row-menu a:active, ul.head-row-menu a:visited {
	color: #005b7f;
	text-decoration: none;
	padding: 0 1px 0 1px;
}

/* Alternate font differences in menu */
ul.head-row-menu-alternate-font { padding: 0; font-size: 120%; }

/* IE6 fix for floating list items */
ul.head-row-menu li a, ul.head-row-menu li div { float: left; }
/*---------------------- /Head row left (menu) ----------------------------------*/

/*---------------------- Head row right (search) --------------------------------*/
.head-row-right { float: right; padding-right: 6px; }
.head-row-right-inner {
	width: 232px;
	height: 33px;
	text-align: right;
	margin-top: 3px;
	padding-left: 5px;
}
.head-search input {
	width: 154px;
	border: none;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 4px;
	background-image: url(/img/head-row-search-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 90%;
}
.head-search input.button {
	width: 60px;
	margin-left: 3px;
	padding-top: 3px;
	padding-bottom: 4px;
	text-transform: uppercase;
	color: #ffffff;
}
/*---------------------- /Head row right (search) --------------------------------*/

/*----------------------- Head sub row (menu) ------------------------------------*/
.head-sub-row { display: none; }
/* ************************** /2.2 Top header ************************** */

/* *************************** 2.3 Footer *************************** */
.footer {
	height: 62px;
	margin: 0 17px;
	padding: 0 0 12px;
	background-color: #fff;
	color: #002f5f;
	font-size: 80%;
}
.footer-top { padding-top: 4px; border-top: solid 1px #d2d7dc; }
.footer-top b, .footer b { font-size: 120%; }
.footer-left {
	float: left;
	padding-top: 10px;
	padding-left: 11px;
	line-height: 20px;
}
.footer-right {
	float: right;
	padding-top: 6px;
	padding-right: 11px;
	font-size: 120%;
}
.footer-links {
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 80%;
}
.footer-links li {
	display: inline;
	border-right: solid 1px #c0c0c0;
	padding: 0 8px 0 8px;
}
.footer-links li.last-item {
	border: none;
	padding: 0 0 0 8px;
}
.footer-links a {
	line-height: 22px;
	padding: 6px 0 8px 0;
}
.footer a:link { color: #005B7F; }
.footer a:active { color: #005B7F; }
.footer a:visited { color: #005B7F; }
.footer a:hover { color: #000000; }

/*----------------------- Profiled footer -----------------------------*/
.footer.profile { height: 153px; }
.footer-profile {
	background-color: #ffffff;
	padding: 0 0 0 8px;
}
.profile-logo { padding: 0 6px 0 0; }
.profile-info {
	padding: 1px 0 6px 0;
	color: #262c2a;
}
.profile-info a:link, .profile-info a:active, .profile-info a:visited {
	color: #262c2a;
}
.profile-info a:hover {
	text-decoration: underline;
	color: #000000;
}
/* ************************** /2.3 Footer *************************** */

/* *************************** 2.4 Columns *************************** */
.columns {
	width: 980px;
	min-height: 1px;
}
.column, div.inner { padding: 0; margin: 0; }

/*----------------------- Start columns -------------------------------*/
.start-columns .column {
	float: left;
	min-height: 200px;
}
.start-columns .col-25 { width: 25%; overflow: hidden; }
.start-columns .col-50 { width: 50%;  overflow: hidden; }
.start-columns .col-75 { width: 75%;  overflow: hidden; }
.start-columns-row { min-height: 1px; }

/*----------------------- Static start page columns -------------------*/
.static-row { margin-bottom: 1px; }
.top-static {
	background-image: url(/img/top-static-end-line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 5px;
	margin-bottom: 4px;
}

/*----------------------- Fixed columns -------------------------------*/
.left-column {
	float: left;
	width: 188px;
	min-height: 300px;
	overflow: hidden;
}
.main-column {
	float: right;
	width: 792px;
	min-height: 1px;
}
/*----------------------- Top columns ---------------------------------*/
.top-columns {
	min-height: 200px;
	padding-right: 265px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	background-image: url(/img/top-columns-end-line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.top-columns-left {
	float: left;
	min-height: 200px;
	width: 100%;
}
.top-columns-right {
    float: left;
    margin-right: -100%;
	min-height: 200px;
	width: 264px;
	overflow: hidden;
}
/* Only left column (add to top-columns) */
.fullsize, .top-columns.fullsize { padding-right: 0; }
.fullsize .top-columns-right { display: none; }

/*----------------------- Full page column ----------------------------*/
.main-column.fullpage-wrapper  { width: 980px; }
.fullpage-wrapper .main-columns-left { width: 980px; }
.fullpage-wrapper .main-columns-right { display: none; width: 0; }
.fullpage-wrapper .top-columns-left { width: 980px; }
.fullpage-wrapper .top-columns-right {
	display: none;
	width: 0;
}

/*----------------------- Main columns --------------------------------*/
.main-columns {
	min-height: 200px;
	padding-right: 265px;
}
.main-columns-left {
	float: left;
	min-height: 200px;
	width: 100%;
}
.main-columns-right {
    float: left;
    margin-right: -100%;
	min-height: 200px;
	width: 264px;
	overflow: hidden;
	border-left: solid 1px #ffffff;
	background-color: #ffffff;
	padding-bottom: 20px;
}
/* Only main column (add to main-columns) */
.fullsize, .main-columns.fullsize { padding-right: 0; }
.fullsize .main-columns-right { display: none; }

/*----------------------- Columns in startpagelayout2 -----------------*/
body.startpagelayout2 .column.col-75 .inner { padding-left: 7px; }
body.startpagelayout2 .column.col-25 .inner { padding-left: 8px; }
body.startpagelayout2 .start-columns-row .column.col-50 .inner { padding-left:10px; padding-right:12px; }
body.startpagelayout2 .start-columns-row .column.col-25 .inner { padding-left: 12px; padding-right: 6px; }

/*----------------------- Columns in startpagelayout ------------------*/
body.startpagelayout .column.col-25.first .inner { padding-left: 6px; padding-right: 12px; }
body.startpagelayout .column.col-25.last .inner { padding-left: 12px; padding-right: 6px; }
/* Middle column needs extra padding, but Promotional blocks uses full column width */
body.startpagelayout .column.col-50 .inner { padding-left: 11px; padding-right: 11px; }
body.startpagelayout .column.col-50 .content-block.promotion { margin-left: -11px; margin-right: -11px; }

/*----------------------- Columns in entrypagelayout/subpagelayout ----*/
.left-column .inner { padding-right: 7px; }
/* Middle column needs extra padding, but Promotional blocks uses full column width */
.main-columns-left .inner { padding-left: 11px; padding-right: 11px; }
.main-columns-left .content-block.promotion { margin-left: -11px; margin-right: -11px; }
.main-columns-right .inner { padding-left: 8px; padding-right: 5px;  }
.top-columns-right .inner { padding-left: 8px; padding-right: 5px; }

/*----------------------- Split section modifications -----------------*/
.inner .split-sections .split-section .inner div.section { overflow: hidden; }
.inner .split-sections .split-section.first .inner { padding-left: 0px; }
.inner .split-sections .split-section.last .inner { padding-right: 0px; }
body.startpagelayout .inner .split-sections .split-section.first .inner { padding-right: 5px; }
body.startpagelayout .inner .split-sections .split-section.last .inner { padding-left: 5px; }

/* ************************** /2.4 Columns *************************** */

/* *************************** 2.5 Sections ************************** */
.section {
	padding: 0 0 6px 0;
	margin-bottom: 4px;
}
.start-columns-row.static-row.top-static .section { margin-left: 0; }
.split-section { margin: 0; }

/*----------------------- Splitted ------------------------------------*/
.split-sections .split-section { float: left; }
.split-sections .split-section.last { float: right; }

/*----------------------- Split 50 ------------------------------------*/
.split-50 {
	background-image: url(/img/divider-thin-vertical.gif);
	background-position: 50% top;
	background-repeat: repeat-y;
}
.split-50 .split-section { width: 49.5%; }
.split-sections .split-section .split-50 .split-section  { width: 49.5%; }
.split-sections .split-section .split-50 .split-section.last  { width: 49.5%; }

/*----------------------- Split heavy-left ----------------------------*/
.split-heavyLeft{
	background-image: url(/img/divider-thin-vertical.gif);
	background-position: 66.7% top;
	background-repeat: repeat-y;
}
.split-heavyLeft .split-section { width: 66.7%; }
.split-heavyLeft .split-section.last { width: 33.3%; }
/* For pages without left menu (search) */
.fullpage-wrapper .split-heavyLeft{
	background-image: url(/img/divider-thin-vertical.gif);
	background-position: 75% top;
	background-repeat: repeat-y;
}
.fullpage-wrapper .split-heavyLeft .split-section { width: 75%; }
.fullpage-wrapper .split-heavyLeft .split-section.last { width: 25%; }
/* ************************** /2.5 Sections ************************** */

/* *************************** 3. NAVIGATION ************************** */

/*----------------------- Left column menu ----------------------------*/
.menu {
	background-color: #dfdfdf;
	font-size: 100%;
	min-height: 1px;
	border-bottom: solid 3px #ffffff;
	padding-bottom: 0;
}
.menu div {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #ffffff;
}
.menu > ul {
  background-color: #002e5f;
  border-bottom: solid 3px #ffffff;
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu ul ul {
	padding: 0;
	background-image: none;
}
.menu ul li {
	margin: 0;
	padding: 0;
	line-height: 18px;
	background-image: url(/img/menu-top-level-gradient.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.menu ul ul li { background-image: none; }
.menu li.open ul div {
	border-bottom: solid 1px #fbfbfb;
	border-left: none;
	border-right: none;
}
.menu ul ul li.open div.opener {
	background-color: #e2e6e7;
	background-color: transparent;
}
.menu ul li.open div.opener { font-weight: bold; }
.menu li.open ul { background-color: #FFFFFF; }
.menu li.open ul ul{
	background-image: none;
	background-color: transparent;
}
/* --- Bullets */
.menu ul ul div {
	background-image: url(/img/icon-menu-default.gif);
	background-position: 9px 11px;
	background-repeat: no-repeat;
}
.menu div.opener {
	font-weight: bold;
	background-image: url(/img/icon-menu-open-2.gif);
	background-position: 8px 11px;
	background-repeat: no-repeat;
}
.menu ul ul div.opener {
	font-weight: bold;
	background-image: url(/img/icon-menu-open-2.gif);
	background-position: 8px 10px;
	background-repeat: no-repeat;
}
.menu div.parent {
	background-image: url(/img/icon-menu-parent-2.gif);
	background-position: 9px 10px;
	background-repeat: no-repeat;
}
.menu ul ul div.parent {
	background-image: url(/img/icon-menu-parent-2.gif);
	background-position: 9px 10px;
	background-repeat: no-repeat;
}
.menu div.selected {
	font-weight: bold;
	background-image: url(/img/icon-menu-selected-bullet.gif);
	background-position: 9px 10px;
	background-repeat: no-repeat;
	background-color: #002e5f;
	color: #ffffff;
}
/*level 3 fix*/
.menu ul ul li.open div.selected{background-color: #002e5f;}

/*----------------------- Links ---------------------------------------*/
.menu a:link, .menu a:active, .menu a:visited { text-decoration: none; }
.menu a:hover { text-decoration: underline; }
.menu ul ul a:link, .menu ul ul a:active, .menu ul ul a:visited { text-decoration: none; }
.menu ul ul a:hover { text-decoration: underline; }
.menu ul ul div.selected a:link, .menu ul ul div.selected a:active, .menu ul ul div.selected a:visited {
	color: #ffffff;
	text-decoration: none;
}
.menu ul ul div.selected a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.menu ul div.selected a:link, .menu ul div.selected a:active, .menu ul div.selected a:visited {
	color: #ffffff;
	text-decoration: none;
}
.menu ul div.selected a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.menu .open ul li{
    background: none;
}

/*----------------------- Levels --------------------------------------*/
.menu ul li.open ul div { padding-left: 20px; background-position: 10px 10px; }
.menu ul ul li.open ul div { padding-left: 30px; background-position: 20px 10px; }
.menu ul ul ul li.open ul div { padding-left: 40px;  background-position: 30px 10px; }
.menu ul ul ul ul li.open ul div { padding-left: 50px;  background-position: 40px 10px; }
.menu ul ul ul ul ul li.open ul div { padding-left: 60px;  background-position: 50px 10px; }
.menu ul ul ul ul ul ul li.open ul div { padding-left: 70px;  background-position: 60px 10px; }

/*----------------------- Path ----------------------------------------*/
ol.path {
	float: left;
	width: 75%;
	list-style-type: none;
	margin: 0;
	padding-top: 6px;
	padding-left: 7px;
	padding-right: 0;
	padding-bottom: 1px;
	min-height: 25px;
	color: #a0a0a0;
	font-size: 80%;
}
ol.path li {
	float: left;
	font-style: italic;
	padding: 0 11px 0 0;
	margin-right: 4px;
	background-image: url(/img/path-divider.gif);
	background-position: right;
	background-repeat: no-repeat;
}
ol.path li.first {
	padding-right: 7px;
	margin-right: 7px;
	background-image: url(/img/path-divider-first.gif);
	background-position: right;
	background-repeat: no-repeat;
}
ol.path li.last { background-image: none; }
.path a { font-style: normal; }
.path a:link, .path a:active, .path a:visited {
	color: #a0a0a0;
	text-decoration: none;
}
.path a:hover {
	color: #005b7f;
	text-decoration: underline;
}
/* ************************** /3. NAVIGATION ************************** */

/* *************************** 4. ELEMENTS **************************** */

/* *************************** 4.1 Path and tools ********************* */
.row-path-tools { margin-top: 1px; }
.tools {
	float: right;
	width: 15%;
	text-align: right;
	padding-right: 7px;
	min-height: 25px;
	font-size: 80%;
}
.tools-inner {
	float: right;
	min-height: 25px;
}
.tools a { margin-left: 8px; }

/* *************************** 4.2 Article related ******************** */
.main-article {
	min-height: 1px;
}

.article-related {
	background-image: url(/img/divider-thin-horisontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 80%;
	padding: 10px 0 0 0;
	margin-top: 16px;
	color: #666666;
	min-height: 1px;
}
.article-related-items {
	float: left;
	width: 50%;
}
.article-related-items ul {
	margin: 6px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.article-related-files li {
	position: relative;
	top: -6px;
}
ul.article-related-links {
	margin-right: 24px;
}
ul.article-related-links li.new-win a, a.new-win {
	background-image: url(/img/new-win.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
}
.article-related-items img {
	position: relative;
	top: 6px;
}

/*----------------------- Article info ---------------------------------*/
.article-info {
	background-image: url(/img/divider-thin-horisontal.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 0;
	margin-top: 16px;
	color: #666666;
	min-height: 1px;
}
.article-info-left {
	float: left;
	width: 50%;
}
.article-info-right {
	float: right;
	text-align: right;
	width: 50%;
}

/*----------------------- Article tools -------------------------------*/
.article-tools {
	background-image: url(/img/divider-thin-horisontal.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 80%;
	padding-top: 0;
	padding-bottom: 6px;
	min-height: 1px;
}
.article-tools-left {
	float: left;
	width: 65%;
}
.article-tools-left a { margin-right: 10px; }
.article-tools-right {
	float: right;
	width: 25%;
}
.article-tools-right a { margin-left: 10px; }

/* *************************** 4.3 Teaser list ************************** */
.teaser-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.teaser-list ul li {
	min-height: 1px;
	margin: 0 0 6px 0;
	padding: 8px 0 1px 0;
	background-image: url(/img/divider-thin-horisontal.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

body .suTeaser .content-block.block-soft.block-soft-margin img,
body.startpagelayout2 .col-mainNews .section.suTeaser .content-block img,
.teaser-list .content-block img.teaser-thumbnail,
.suTeaser .content-block img.teaser-thumbnail {
  float: left;
  display: inline;
  margin-right: 6px;
  padding: 8px 0;
  width: auto;
  max-width: inherit;
}
.teaser-list li.description {
	background-image: none;
	padding: 0;
	font-size: 0;
	position: absolute;
	font-size: 0;
	left: -9999px;
}
.teaser-list li.list-description, .teaser-list li.list-description {
	background-image: none;
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 110%;
	font-weight: normal;
	font-weight: bold;
	line-height: normal;
	padding: 0 0 0 0;
	color: #F36B22;
}

/* *************************** 4.4 Heading list ************************** */
.heading-list { padding: 0 0 0 0; }
.heading-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.heading-list li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 6px 0;
}
.heading-list .description {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 110%;
	font-weight: normal;
	font-weight: bold;
	line-height: normal;
	padding: 3px 0 8px 0;
	color: #F36B22;
}
.heading-list li a {
	margin: 0;
	background-image: url(/img/icon-bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 14px;
	line-height: normal;
}

/* *************************** 4.5 Image/Content blocks ************************** */
.image-block {
	min-height: 1px;
	font-size: 80%;
}
.image-block-left { float: left; padding-right: 14px; }
.image-block-right { float: right; padding-left: 14px; }
.image-block-description { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; }
.image-block b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding-bottom: 6px;
	display: block;
	color: #f46c22;
}
.image-block a img { border: 0px; }

.image-block-image embed {
    height: 100%;
    width: 100%;
}

.image-block .image-block-image .article-image {
    width: 100%;
    height: auto;
}

/* --- Image sizes */
.image-default { width: 505px; }
.start-columns .image-default { width: 465px; }
.image-half { width: 240px; }
.image-third { width: 165px; }

/**CKEDITOR ***/
.img-block img {
	padding:10px 0;
	width: 100%;
}
.img-right {
	float:right;
	margin-left:10px;

}
.img-left {
	float:left;
	margin-right:10px;
}
.img-33 {
	width: 33%;
}
.img-50 {
	width: 50%;
}
.img-100 {
	width: 100%;
}
/********/


/*----------------------- Content blocks ------------------------------*/
/* ----- Default */
.column-first .content-block { margin-left: 0; }
.column-last .content-block { margin-right: 0; }
.content-block .content-block-inner img { border: 0; margin-bottom: 3px; }
.content-block.colored-block .content-block-inner img, .content-block.colored-block-soft .content-block-inner img { margin-bottom: 0px; }
.content-block-link { min-height: 1px; padding: 0; }
div.section div.colored-block, div.section div.colored-block-soft {
	padding-bottom: 6px;
}
.colored-block-soft .content-block-link, .colored-block .content-block-link {
	padding: 4px 8px 0px 8px;
}

/* --- Right column defaults */
.main-columns-right .content-block {
	margin: 0;
	min-height: 80px;
	border: none;
}
.main-columns-right .content-block h2 {
	padding-top: 7px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 9px;
	border: none;
	margin: 0;
}
.main-columns-right .content-block h2 a:link, .main-columns-right .content-block h2 a:active, .main-columns-right .content-block h2 a:visited { text-decoration: none; }
.main-columns-right .content-block h2 a:hover { text-decoration: underline; }
.main-columns-right .content-block-link { text-align: right; }

/*----------------------- All content blocks --------------------------*/
.content-block-inner, .main-article .content-block-inner, .main-columns-right .content-block-inner {
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	min-height: 1px;
}
.static-row .col-25.column .content-block {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

/* *************************** 4.6 Dividers ************************** */
.dotted-divider {
	height: 1%;
	background-image: url(/img/divider-thin-horisontal.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 0 0 6px;
	margin: 0;
}
.main-columns-right .dotted-divider { padding: 0 0 8px 0; }

/* *************************** 4.7 Icons ****************************** */
a.icon-right {
	display: block;
	background-position: left;
	background-repeat: no-repeat;
}
a.icon-left {
	display: block;
	background-position: left;
	background-repeat: no-repeat;
}

/*----------------------- Bullets -------------------------------------*/
a.icon-go-1, a.icon-go-2, a.icon-arrow, a.icon-arrow-1, a.icon-arrow-2 {
	background-image: url(/img/icon-bullet.gif);
	padding-right: 14px;
	line-height: 16px;
}
a.icon-back-1, a.icon-back-2, a.icon-back-3, a.icon-back-4 {
	background-image: url(/img/icon-bullet-reverse.gif);
	padding-left: 14px;
	line-height: 16px;
}

/*----------------------- Others ---------------------------------------*/
a.icon-print, a.icon-feed, a.icon-share, a.icon-tip, a.icon-comment {
	padding-left: 19px;
	line-height: 23px;
	float: left;
}
a.icon-print	{ background-image: url(/img/icon-print.png); }
a.icon-feed		{ background-image: url(/img/icon-feed.png); }
a.icon-share	{ background-image: url(/img/icon-share.png); }
a.icon-tip		{ background-image: url(/img/icon-tip.png); }
a.icon-comment	{ background-image: url(/img/icon-comment.png); float: right; }

a.icon-fold, a.icon-unfold, a.icon-sort {
	padding-right: 15px;
	line-height: 23px;
	float: right;
}
a.icon-fold		{ background-image: url(/img/icon-fold.gif); }
a.icon-unfold	{ background-image: url(/img/icon-unfold.gif); }

a.ascend 		{ background-image: url(/img/icon-sort-ascend.gif); }
a.descend		{ background-image: url(/img/icon-sort-descend.gif); }

/* ************************** /4. ELEMENTS **************************** */

/* *************************** 5. LISTS ******************************* */
/*----------------------- Arrow lists ---------------------------------*/
ul.list-arrow-1 {
	list-style-type: none;
	list-style-image: url(/img/icon-bullet.gif);
	list-style-position: inside;
	margin: 0;
	padding-top: 3px;
	padding-left: 14px;
	padding-right: 7px;
	padding-bottom: 0;
}
ul.list-arrow-1 li { font-family: Verdana, Arial, Helvetica, sans-serif; }
ul.list-arrow-2 {
	list-style-type: none;
	list-style-image: url(/img/icon-arrow-2.gif);
	list-style-position: outside;
	margin: 0;
	padding-top: 3px;
	padding-left: 14px;
	padding-right: 7px;
	padding-bottom: 0;
}
ul.list-arrow-2 li { font-family: Verdana, Arial, Helvetica, sans-serif; }

/*----------------------- Box type lists ------------------------------*/
/* --- Default block (soft block) */
.block-soft .content-block ol, .block-soft ol { padding-left: 18px; padding-right: 0; }
.block-soft .content-block ul, .block-soft ul { padding-left: 0; padding-right: 0; list-style-type: none; margin-top: 4px; }

/* --- Color block */
.colored-block .content-block ol, .colored-block ol { padding-left: 26px; padding-right: 8px; }
.colored-block .content-block ul, .colored-block ul { padding-left: 8px; padding-right: 8px; list-style-type: none; margin-top: 4px; }

/* --- Displays the bullets for the teaser styles with some kind of block color/bakground color*/
.suTeaser .block-clear ul,
.suTeaser .colored-block ul,
.suTeaser .colored-block-soft ul { padding-left: 20px; padding-right: 8px; list-style-type: disc; margin-top: 4px; }

/* --- Soft color block */
.colored-block-soft .content-block ol, .colored-block-soft ol { padding-left: 26px; padding-right: 8px; }
.colored-block-soft .content-block ul, .colored-block-soft ul { padding-left: 8px; padding-right: 8px; list-style-type: none; margin-top: 4px; }

/* --- Color header block */
.block-clear .content-clear ol, .block-clear ol { padding-left: 26px; padding-right: 8px; }
.block-clear .content-clear ul, .block-clear ul { padding-left: 8px; padding-right: 8px; list-style-type: none; margin-top: 4px; }

/* ************************** /5. LISTS ******************************* */

/* ************************** 6. PROFILE PAGE ******************************* */

.profile-page .left-column {
  width: 28%;
  padding-left: 1%;
  padding-right: 1%;
}

.profile-page .left-column .inner{
	padding: 0;
}

.profile-image-container {
	max-width: 260px;
}

.profile-page .left-column .profile-image-container img {
  width: 100%;
  height: auto;
}

.department .profile-page .main-column {
  width: 70%;
}

.inner.people-su-container {
  padding: 0;
}

h2.employee-title {
  color: #000;
}

.profile-page .work-place-info {
  margin-top: 10px;
}

.profile-page .work-info-row {
  padding: 4px 0px;
  border: none;
}

.profile-page .main-columns-right .inner {
	padding: 0;
}
.profile-page .main-columns-right {
	min-height: unset;
}
.profile-page .main-columns-right h2 {
  font-size: 1.2em;
  margin-top: 2px;
}

.profile-list {
  margin-top: 0;
}

.profile-list.links {
  padding-left: 0;
  margin-bottom: 15px;
  list-style: none;
}

.profile-list.links li {
  background-image: url(/img/icon-bullet.gif);
  padding-left: 14px;
  background-position: left 5px;
  background-repeat: no-repeat;
}

.profile-list.published {
  list-style: none;
  padding-left: 0;
}

.profile-list.published li {
  margin-bottom: 8px;
  line-height: 1.3;
}

.inner.people-su-container .profile-info .work-place-info {
  width: 70%;
}

.profile-info .work-place-info div {
  width: 100%;
}

.profile-info .work-place-info .work-info-row td span:first-child {
  font-weight: bold;
  word-break: keep-all;
  display: inline-block;
  width: 100%;
}

.profile-info .work-place-info .work-info-row {
  border: none;
}

.profile-info .work-place-info .work-info-row.address-info td span {
  display: block;
}

.profile-info .work-place-info .work-info-row td {
  padding: 8px 0px;
}

.profile-info .work-place-info tr:last-child > td  {
  border: none;
}

.profile-info .work-place-info .work-info-row.address-info .info-headline {
  padding-right: 50px;
}

.small-info-table .profile-info .work-place-info .work-info-row.address-info .info-headline {
  padding-right: 6px;
}

.small-info-table {
	max-width: 260px;
}

.small-info-table .profile-info .work-place-info .work-info-row td,
.profile-info .work-place-info .work-info-row.address-info,
.profile-info .work-place-info .work-info-row  {
  text-align: left;
}

.person-description p {
  font-family: georgia;
  font-size: 1.1em;
  line-height: 1.5;
}

.profile-update-and-tools {
	font-size: 80%;
	color: #666666;
}

.profile-update-and-tools a {
	margin-right: 10px;
	float: none;
	display: inline;
}

.profile-page #MainLeft {
	width: 67%;
}

.profile-page .main-article {
	padding: 0 25%;
	margin-bottom: 15px;
}

.profile-page-lang {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin: 2px 0 0;
}

.edit-profile-link {
	margin-top: 60px;
}

.profile-info h1 {
	margin-bottom: 0;
}

.profile-page-lang {
	display: inline-block;
	margin-top: 5px;
}

.publication-type {
	padding: 2px 8px;
}

.publicationType-article {
	background-color: #a3a86b;
    color: #ffffff;
}

.publicationType-book {
	background-color: #eb7125;
    color: #ffffff;
}

.publicationType-conference {
	background-color: #9bb2ce;
    color: #ffffff;
}

.publicationType-report {
	background-color: #acdee6;
	color: #ffffff;
}

.publicationType-thesis {
	background-color: #002e5f;
    color: #ffffff;
}

/* ************************** /6. PROFILE PAGE ******************************* */

/* ************************** 6. HUMFAK COURSE LIST ******************************* */
.department #MainLeft.main-columns-left.humfak-main-column {
  width: 100%;
}

.humfak-course-container {
  margin-top: 15px;
}

.humfak-course-container .filter-container {
  padding-top: 5px;
  height: 64px;
}

.humfak-course-container .filter-container ul {
  padding: 0;
  margin: 0;
  float: left;
  list-style: none;
}

.humfak-course-container .filter-container .checkbox-container {
  margin-left: 20px;
}

.humfak-course-container .filter-container .filter-buttons .button,
.humfak-course-container .filter-container .chosen-filters li {
  display: inline-block;
  font-size: 1.1em;
  position: relative;
  cursor: pointer;
}

.humfak-course-container .filter-container .filter-buttons .button {
/*  border: 1px solid black; */
  padding: 2px 8px 2px 20px;
  margin-right: 6px;
  background: rgba(235, 113, 37, 1);
  color: #FFF;
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  position: relative;
}

.humfak-course-container .filter-container .filter-buttons .button:hover {
  text-decoration: underline;
}

.humfak-course-container .filter-container .filter-buttons .button:before {
  content: " ";
  position: absolute;
  left: 5px;
  top: 7px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #FFF;
}

.humfak-course-container .filter-container .filter-buttons .button.selected {
  text-decoration: underline;
}

.humfak-course-container .filter-container .filter-buttons .button.selected:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #FFF;
  top: 10px;
}

.humfak-course-container .filter-container .filter-buttons .button .sub-menu {
  display: none;
}

.humfak-course-container .filter-container .filter-buttons .button.selected .sub-menu {
  display: list-item;
  list-style: none outside none;
  position: absolute;
  top: 24px;
  left: 0px;
  border: 1px solid #EB7125;
  min-width: 100%;
  background: #FFF;
  color: #000;
  z-index: 1;
}

.humfak-course-container .filter-container .filter-buttons .button .sub-menu li {
  font-family: Verdana,Arial,Helvetica,Sans-serif;
  padding: 4px;
  margin: 0;
  border-bottom: 1px dotted #EB7125;
}

.humfak-course-container .filter-container .filter-buttons .button .sub-menu li:last-of-type {
  border: none;
}

.humfak-course-container .filter-container .filter-buttons .button .sub-menu li:hover {
  background: rgba(0, 0, 0, 0.2);
}

.humfak-course-container .filter-container label,
.humfak-course-container .filter-container input {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
}

.humfak-course-container .filter-container label {
  margin: -2px 0 0 5px;
}

.humfak-course-container .filter-container input[type="checkbox"] {
  clear: left;
  margin-bottom: 3px;
}

.humfak-course-container .filter-container input[type="checkbox"]:first-of-type {
  clear: none;
}

.humfak-course-container .filter-container .chosen-filters {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.humfak-course-container .filter-container .chosen-filters li {
  padding: 1px 6px 1px 4px;
  background: rgba(235, 113, 37, 0.4);
  color: rgba(0, 0, 0, 0.8);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.humfak-course-container .filter-container .chosen-filters li:after {
  content: "x";
  font-size: 15px;
  margin-left: 6px;
  font-weight: bold;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
}

.humfak-course-container .filter-container .chosen-filters li:hover:after {
  color: rgba(0, 0, 0, 0.8);
}

.humfak-course-container .filter-container .chosen-filters .clear-filters.hidden {
  display: none;
}

.humfak-course-container .filter-container .chosen-filters .clear-filters.visible {
  display: inline-block;
  padding: 2px;
  cursor: pointer;
  margin-left: 10px;
  color: #005B7F;
}

.humfak-course-container .filter-container .chosen-filters .clear-filters:hover {
  text-decoration: underline;
}

.humfak-course-container .course-list-container .course-list {
  float: left;
}

.humfak-course-container .course-list-container .course-list a,
.humfak-course-container .course-list-container .course-list a:active {
  text-decoration: none;
  color: inherit;
  display: block;
}

.humfak-course-container .course-list-container .course-list a:visited h3 {
  color: rgba(85, 26, 139, 0.5);
}

.humfak-course-container .course-list-container .course-list .detailed-description {
  font-size: 0.9em;
}

.humfak-course-container .course-list-container .course-list .detailed-description .language {
  margin:0;
  padding: 0;
}

.humfak-course-container .course-list-container .course-list .detailed-description .language:after {
  content: ",";
  margin-left: -2px;
}

.humfak-course-container .course-list-container .course-list .headers tr:hover {
  background: #FFF;
}

.humfak-course-container .course-list-container table.course-list th {
  font-size: 100%;
  font-weight: bold;
  padding-bottom: 0;
  color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
}

.humfak-course-container .course-list-container table.course-list th.disabled {
  cursor: inherit;
}

.humfak-course-container .course-list-container table.course-list th:hover {
  text-decoration: underline;
}

.humfak-course-container .course-list-container table.course-list th.disabled:hover {
  text-decoration: none;
}

.humfak-course-container .course-list-container .course-list td,
.humfak-course-container .course-list-container .course-list th {
  text-align: center;
  padding: 8px 4px;
  vertical-align: middle;
}

.humfak-course-container .course-list-container .course-list td:first-of-type,
.humfak-course-container .course-list-container .course-list th:first-of-type {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  width: 55%;
}

.humfak-course-container .course-list-container .course-list td:last-of-type,
.humfak-course-container .course-list-container .course-list th:last-of-type {
  width: 10%;
}

.humfak-course-container .course-list-container .course-list .course-semester,
.humfak-course-container .course-list-container .course-list .course-period {
  display: block;
  padding: 2px;
}

.humfak-course-container .course-list-container .course-list .course-semester.fall {
  background: rgba(0, 47, 95, 0.9);
  color: #FFF;
}

.humfak-course-container .course-list-container .course-list .course-semester.spring {
  background: rgba(0, 47, 95, 0.6);
  color: #FFF;
}

.humfak-course-container .course-list-container .course-list .course-semester.summer {
  background: rgba(0, 47, 95, 0.2);
}

.humfak-course-container .course-list-container .course-list .course-period.first {
  background: rgba(163, 168, 107, 1);
  color: #FFF;
}

.humfak-course-container .course-list-container .course-list .course-period.second {
  background: rgba(163, 168, 107, 0.4);
}
/* ************************** /6. HUMFAK COURSE LIST ******************************* */

/* ************************** Generals created for sisusearchform PP10-364 ********* */
.col-33 {
	float: left;
	width: 33.33%;
}
.right {
	float: right;
}
.transparent-su-blue {
	background: rgb(0, 46, 95); /* Fall-back for browsers that don't support rgba */
	background: rgba(0, 46, 95, .75);
}
.transparent-su-blue,
.transparent-su-blue label,
.transparent-su-blue a,
.transparent-su-blue a:link,
.transparent-su-blue a:visited,
.transparent-su-blue h2,
.transparent-su-blue h3,
.transparent-su-blue h4,
.transparent-su-blue label:hover {
	color: #ffffff;
}

.transparent-su-blue a:hover,
.transparent-su-blue a:active {
	color:#005b7f;
}

/* ************************** /6. PROFILES LISTS ******************************* */

/* ************************** Lists profile pages - PP10-288 ********* */
.profiles-list {
	overflow: hidden;
}

.profiles-list a.wrapper-a:link,
.profiles-list .profiles-name:link {
	text-decoration: none;
}

.profiles-list.generated-list.add-bullets li {
	background-position: left 7px;

}

.profiles-list a > p {
	color: #005b7f;
}

.profiles-list a.wrapper-a:hover h3,
.profiles-list a.profiles-name:hover {
	text-decoration: underline;
}

.profiles-list a.wrapper-a:hover p {
	color: #000000;
}

.profiles-list .sukat-item {
	display: block;
	margin-bottom: 2px;
	line-height: 14px;
	overflow: hidden;
	overflow-wrap: break-word;
}
.profiles-list.profiles_layoutNameSukatinfoImage .sukat-item {
	margin-bottom: 8px;
}

.profiles-list.profiles_layoutNameSukatinfo .sukat-item {
	display: inline;
}

.profiles-list > .profiles h3 {
	padding-bottom: 3px;
}

ul.profiles-list > .profiles img.teaser-thumbnail {
	padding-top: 3px;
}

ul.profiles-list > li.profiles {
	padding-bottom: 5px;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}

.profiles-list .profiles-title {
	font-weight: bold;
	font-size: 93%;
}

#MainLeft .profiles-list.profiles_layoutNameSukatinfoImage > .profiles,
#MainLeft .profiles-list.profiles_layoutNamePresentationImage > .profiles {
	height: 130px;
	width: 50%;
	float: left;
	clear: none;
	padding-right: 16px;
}

#MainLeft .split-sections .profiles-list.profiles_layoutNameSukatinfoImage > .profiles,
#MainLeft .split-sections .profiles-list.profiles_layoutNamePresentationImage > .profiles {
	height: auto;
	width: 100%;
	float: none;
	clear: both;
}

/* ************************** DIVA PUBLICATIONS LISTS ******************************* */

/* ************************** PP10-488 ********* */
.diva-publications {
	list-style: none;
	padding-left: 0;
	margin-top: 16px;
}

.diva-publications > li {
	border-bottom: 1px dotted #d8d8d8;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

.publication-title > a:link {
	text-decoration: none;
	font-size: 14px;
}

.publication-title > a:hover {
	text-decoration: underline;
}

.publication-title, .publication-reference {
	margin-bottom: 3px;
}
/* show-hiding: */
.publication-summary {
	max-height: 85px;
	position: relative;
	overflow: hidden;
	display: block; /* if inline element */
	cursor: pointer; /* if not a-tag */

	-moz-transition: max-height 0.2s;
	-webkit-transition: max-height 0.2s;
	transition: max-height 0.2s;
}

.publication-summary.open {
	max-height: 600px;
}

.publication-summary:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 10% 0;
	content: "";

	background-image: linear-gradient(to bottom, transparent, #ffffff);
}

.publication-summary.open:after {
	display: none;
	padding: 0;
}

/* ************************** NEWER GENERALS ******************************* */

/* good for sizing elements with percentage  */
.borderboxify {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pretty-phone-number {
	white-space: nowrap;
}

.chevron-external-link {
	margin-right: 6px;
	color: #005b7f;
	font-size: 11px;
}