/* #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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		/* vertical-align: baseline;*/}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; 
		margin-bottom:10px}
		
	table th{ font-weight:bold}
	table th.table-intro{ color:#A52A2A}
	table tr{ height:36px; border-bottom:1px solid #afafaf; box-shadow: rgba(255,255,255,.95) 0 2px 1px;}
	table td{ padding: 6px 0; line-height: 20px;}

/* #Mobile navigation
================================================== */
.uberwrapper{
		max-width:1100px;
		margin:0 auto;
}

.wrapper-push {
	margin-left:0%;
}
.space-top {
	width:100%;
	height:155px;
}
.front-space-top {
	height:102px;}
a {
	opacity: 1.0;
	text-decoration:none;
	color:#333333;
}

.header {
	background:none;
	height:101px;
	opacity: 1.0;
	width:100%;
	max-width:1100px;
	padding:0px;
	z-index:1;
	transition: opacity .40s ease;
	-moz-transition: opacity .40s ease;
	-webkit-transition: opacity .40s ease;
}
.logo {
	float:left;
	padding:14px 0 0 1px;
	font-size:28px;
	line-height:20px;
}
.logo strong {
	color:#069999;
	font-weight:normal;
}
@media screen and (max-width: 767px) {.logo img{
	width:84px;}}

.navigation {
	z-index:3;
}
.navigation.fixed {
	position:absolute;
	width:100%;
	max-width:1100px;
	margin:102px 0 0 0;
	}
#menu.scrolling {
	position:fixed;
	margin:0px 0 0 0 !important;}
#scroll-fixed-side{
	padding:0;
	z-index:100
	}
#scroll-fixed-side.scrolling{
	position:fixed;
	top:0;
	margin:54px 0 0 0;
	border-radius:5px;
	/*overflow:hidden;*/
	width:inherit;
	max-width:266px}
.fixed {
	position:fixed;
}
.navclosed,
.navclicked {
	display:none;
}
ul.menu {
	margin:0px;
	padding:0px;
	z-index:2;
	list-style:none;
	position:absolute;
	height:40px;
	background:rgba(255,255,255,0.75);
	width:100%;
	border-radius:4px;
	box-shadow:rgba(0,0,0,0.25) 0 0 5px;
}

#menu.scrolling ul.menu {border-radius:0 0 4px 4px; }


ul.menu li {
	margin:0px;
	padding:0px;
	/* tar bort Height då den föstör den infällda rubriken i sidebar-menyn.
	height:40px;*/ 
	float:left;
	position:relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e4e4e4;

}

.region-sidebar ul.menu,
.region-sidebar-sticky ul.menu  {
	height:auto;
	background:rgba(255,255,255,0.75);
	width:auto;
	position:relative;
}
.region-sidebar ul.menu li,
.region-sidebar-sticky ul.menu li  {
	float:none;
	display:block;
	width:100%;
}


ul.menu li a {
	font-size:15px;
	background:none;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	line-height:40px;
	display:block;
	color:#252525;
	text-decoration:none;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
}


ul.menu li a.dropdown
{
	background-color:#fff;
	font-size:15px;
	color:#252525;
	padding-left:40px;
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../images/globe.png);
	background-repeat: no-repeat;
	background-position: left center;
}
ul.menu li a.dropdown:hover,
ul.menu li:hover a.dropdown
{
	background-color:#333;
	font-size:15px;
	color:#fff;
	padding-left:40px;
	text-decoration:none;
	opacity: 1.0;
	background-image: url(../images/globe.png);
	background-repeat: no-repeat;
	background-position: left center;
}


/*
	Drop Down Menu
*/
ul.menu ul {
	background:#b0b0b0;
	list-style:none;
	position:absolute;
	padding:0px;
	width:230px;
	height:auto;
	left:-9999px;
	z-index:9999;
	border-radius:0;
}
ul.menu ul li {
	float:none;
	height:40px;
	border:0px;
}

ul.menu ul a.flag {
	display:block;
	margin:0px;
	/*padding-left:40px;*/
	color:#fff;	
}

span.flag{
	text-shadow:rgba(0,0,0,.6) 1px 1px;}

ul.menu a#globe:before,
ul.menu ul a.flag:before,
span.flag:before {
  content: "";
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 8px 0 -6px;
  background-image: url(../images/flag-sprite-40.png);
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi) {
ul.menu a#globe:before,
ul.menu ul a.flag:before,
span.flag:before {
		background-image:url(../images/flag-sprite-80.png);
		-moz-background-size:680px 40px;
		-o-background-size:680px 40px;
		-webkit-background-size:680px 40px;
		background-size:680px 40px;
	}
}
ul.menu a#globe:before{
	background-position:0 0
}
ul.menu ul a.flag.english:before,
span.flag.english:before {
	background-position:-40px 0
}
ul.menu ul a.flag.german:before,
span.flag.german:before  {
	background-position:-80px 0
}
ul.menu ul a.flag.swedish:before,
span.flag.swedish:before {
	background-position:-120px 0
}
ul.menu ul a.flag.french:before,
span.flag.french:before  {
	background-position:-160px 0
}
ul.menu ul a.flag.spanish:before,
span.flag.spanish:before {
	background-position:-280px 0
}
ul.menu ul a.flag.polish:before,
span.flag.polish:before  {
	background-position:-320px 0
}
ul.menu ul a.flag.portugese:before,
span.flag.portugese:before  {
	background-position:-360px 0
}
ul.menu ul a.flag.italian:before,
span.flag.italian:before  {
	background-position:-440px 0
}
ul.menu ul a.flag.russian:before,
span.flag.russian:before  {
	background-position:-520px 0
}
ul.menu ul a.flag.american:before,
span.flag.american:before  {
	background-position:-560px 0
}
ul.menu ul a.flag.turkish:before,
span.flag.turkish:before  {
	background-position:-600px 0
}

ul.menu li:hover a{
	background:#b0b0b0;
	color:#fff;
	text-shadow:rgba(0,0,0,1.0) 0 1px 1px;}
ul.menu li a.active, ul.menu li a.active-trail
{
	background:rgba(227,5,28,1.00);
	font-size:15px;
	color:#ffffff;
	text-decoration:none;
	opacity: 1.0;
}
ul.menu ul a:hover {
	background-color:#1f1f1f;
	color:#fff;
}
ul.menu ul li a.active {
	background:#e3051c;
	
}
ul.menu li:hover ul {
	left:0; /* Display the dropdown on hover */
}


/* Override the system.menu.css - BEGIN */
ul li.expanded {
  list-style-image: none;
  list-style-type: none;
}
ul li.collapsed {
  list-style-image:none; /* LTR */
  list-style-type: none;
}
ul li.leaf {
  list-style-image:none;
  list-style-type: none;
}
/* Override the system.menu.css - END */

@media screen and (min-width: 768px) {
	#menu ul.menu li.first {border-radius:4px 0 0 4px; overflow:hidden;}
	#menu.scrolling ul.menu li.first {border-radius:0 0 0 4px;}
	
	ul.menu ul.menu li.first {border-radius:0px; overflow:hidden;}
	#menu.scrolling ul.menu ul.menu li.first {border-radius:0px;}
	
	.header.scrolling {opacity: 0}



/* Här ska	koden i 'css-language-selector.txt' ligga när det finns fler språk på sajten igen. */
/* CSS för språkväljaren till höger. */
	
	#menu ul.menu li.last {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.27) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(10%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.27) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
		
	margin:0;
	float:right;
	border-right-width: 0px;
	border-right-style: none;
	
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e4e4e4;
	
	border-radius:0 4px 4px 0; overflow:hidden;
	}
	ul.menu li.last a#globe{
	background:rgba(0,0,0,0.10);
	text-shadow:rgba(255,255,255,0.8) 1px 1px;
	width:165px;}
	
	#menu.scrolling ul.menu li.last {border-radius:0 0 4px 0;}
	
	#menu ul.menu li.last:hover {overflow:visible}
	#menu ul.menu li.last a#globe:hover {
	border-radius:0 4px 0 0; overflow:hidden;
	}
	#menu.scrolling ul.menu li.last a:hover {
	border-radius:0 0 0 0;
	}
	
	
ul.menu ul{
	display:none}
	#menu ul.menu li.last a#globe ~ ul.menu {
		width:185px;
		display:block
		}

	#menu ul.menu li.last:hover a#globe{
		background:rgba(0,0,0,0.70);
		color:#fff;
		text-shadow:rgba(0,68,148,1.0) 1px 1px;
		border-radius:0 4px 0 0; overflow:hidden;}
	#menu.scrolling  ul.menu li.last:hover a#globe{
		border-radius:0;}


	#menu ul.menu ul li.last {
		margin:0px;
		float:none;
		background:none;
		border-left-width: 0px;
		border-left-style: none;
		border-radius:0;}

	.block-menu-block ul.menu li a{ overflow:hidden; border-radius:0;}
	.block-menu-block ul.menu li.first a{
	border-radius:4px 4px 0 0;}	
	.block-menu-block ul.menu li.last a{	
	margin:0;
	float:none;
	border:none;
	border-radius:0 0 4px 4px;}
	
	/* Admin-menyn i Infobanner */

	#infobanner .block-menu-block ul.menu li.first a{
	border-radius:4px 0 0 4px;}	
	#infobanner .block-menu-block ul.menu li.last a{	
	border-radius:0;}
	/* */
	
	#slider-div{}
}

ul.menu ul ul{
	display:none}

@media screen and (min-width: 768px) and (max-width: 1024px) {

/* Hide the logo, just so the navigation can be viewed full width of header 
.logo {
	display:none;
}*/
/*ul.menu li a.dropdown span {
	display:none;
}*/

}

.footer.mobile{ display:none}
.footer.desktop{display:block}

@media screen and (min-width: 0px) and (max-width: 767px) {

ul.menu li:hover a{
	background:#252525;
}


.footer.mobile{display:block}
.footer.desktop, .flex-footer{display:none}

.space-top, .front-space-top {
	width:100%;
	height:50px;
}

.clear {
	clear:both;
	height:0px;
}
.wrapper {
	left:0px;
	width:100%;
	position:absolute;
	z-index:1;
	transition-property: left;
	-moz-transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.wrapper-push {
	left:80%;
	top:0;
	position:absolute;
	transition-property: left;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.header {
	border-bottom-width: 0px;
	background-color:#aaa;
	height:40px;
	z-index:2;
}
.logo {
	font-size:16px;
	padding-top:10px;
	margin-left:40px;
}
.logo strong {
	color:#fff;
	font-weight:normal;
}

.navigation {
	display:none;
	z-index:2;
	background-color:#333;
	width:80%;
	min-height:110%;
	height:auto;
	max-height:2000px;
	position:absolute;
	left:0;
}
.navclosed.fixed {
	position:fixed;
	top:0;
	z-index:3;
}
.navigation.fixed {
	position:absolute;
	/*height:110%;*/
}
.navclosed {
	z-index:2;
	color:#fff;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#aaa;
	transition: background-color .70s ease;
	-moz-transition: background-color .70s ease;
	-webkit-transition: background-color .70s ease;
	display:block;
	text-decoration:none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	opacity:1;
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	transition-property: left;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.navclosed.slide + .navigation {
	display:block;
	overflow: hidden;
	max-width:0;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	-moz-transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.navclicked {
	color:#fff;
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#aaa;
	text-decoration:none;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	background-position: left -40px;
	z-index:100;
	width:20%;
	height:40px;
	left:80%;
	position:absolute;	
}
.navclicked.slide {
	transition-property: left;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function:ease;
}
.navclicked.slide + .navigation {
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	max-width: 80%;
	overflow: hidden;
}
.navclosed a {
	color:transparent;
	margin:0px;
	padding:0px;
	width:55px;
	height:40px;
	display:block;
}
.navclicked a {
	color:transparent;
	margin:0px;
	padding:0px;
	width:100%;
	height:250px;
	display:block;
}
ul.menu {
	float:none;
	width:100%;
	padding:0px;
	clear:both;
	position:static;
}
ul.menu li {
	background-color:transparent;
	color:#fff;
	width:100%;
	height:auto;
	margin-right:0px;
	float:left;
}
ul.menu li a {
	color:#fff;
	font-size:15px;
	display:block;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	line-height:40px;
	background-image:none;
	text-decoration:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background-color:#252525;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
}
ul.menu li a:hover,
ul.menu li a.active
{
	background-color:#101010;
	color:#069999;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	line-height:40px;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
}

/*
	Drop Down Menu
*/
ul.menu li a.dropdown {
	color:#ccc;
	background-color:#444;
	background-image:none !important;
	padding-left:10px !important;
}
ul.menu ul {
	background-color:#666;
	list-style:none;
	padding:0px;
	width:auto;
	float:none;
	left:0px;
	top:0px;
	position:relative;
}
ul.menu ul li {
	color:#fff;
	float:none;
	height:40px;
	width:100%;
}
ul.menu ul a {

	color:#999;
	font-size:15px;
	display:block;
	margin:0px;
	padding-top:0px;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	line-height:40px;
	background-image:none;
	text-decoration:none;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	background-color:#333;
	transition: color .20s ease;
	-moz-transition: color .20s ease;
	-webkit-transition: color .20s ease;
	transition: background-color .20s ease;
	-moz-transition: background-color .20s ease;
	-webkit-transition: background-color .20s ease;
	opacity: 1.0;
	width:auto;
}
ul.menu ul a:hover {
	background-color:#1f1f1f;
}

}


@media screen and (min-width: 0px) and (max-width: 479px) {
 /* Make the navigation text smaller on narrow width */
ul.menu li a,
ul.menu li a:hover,
ul.menu li a.active {
	font-size:14px;
}

}


@media
screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (-moz-min-device-pixel-ratio: 1.5),
screen and (min-device-pixel-ratio: 1.5) { 

.navclosed {
	background-image: url(../images/nav2x.png);
	background-repeat: no-repeat;
	background-position: left top;	
	background-size:40px;
	-moz-background-size:40px;
}
.navclicked {
	background-image: url(../images/nav2x.png);
	background-repeat: no-repeat;
	background-position: left -40px;
	background-size:40px;
	-moz-background-size:40px;
}
ul.menu li a.dropdown,
ul.menu li a.dropdown:hover,
ul.menu li:hover a.dropdown
{
	background-image: url(../images/navgrey2x.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:40px;
	-moz-background-size:40px;
}

}
/* #Mobile navigation END  */


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {

		font-weight: 700;
		font-family: 'Roboto Condensed', sans-serif;
		margin-bottom:10px;

	}
		
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;}
	h1 { font-size: 24px; line-height: 50px; }
	h2 { font-size: 21px; line-height: 30px; }
	h3 { font-size: 18px; line-height: 34px; }
	h4 { font-size: 16px; line-height: 30px;}
	h5 { font-size: 15px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }

	p { margin: 0 0 22px; line-height: 21px; text-align:left; font-size: 15px;}
	p.center{text-align:center}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: 700; color: #333; }
	small { font-size: 80%; }

	/* Orginal 
	hr { border-top: solid #777777; border-bottom:#efefef solid; border-width: 1px 0 1px; clear: both; margin: 10px 0 10px; height: 0; } */
	hr { border-top: solid rgba(227,5,28,1.00); border-bottom:#fff solid; border-width: 2px 0 1px; clear: both; margin: 10px 0 15px; height: 0; }

	.white{color:#fff;}

body {
	width:100%;
	margin:0 auto;
	background-color:#bfbfbf;
	font-size:14px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: none;
}
	body.i18n-en-gb {

	}
	body.i18n-en {

	}
	body.i18n-de {

	}
	body.i18n-sv {

	}
	body.i18n-fr {

	}
	body.i18n-ru {

	}
	body.i18n-pt-pt {

	}
	body.i18n-pl {

	}
	body.i18n-sv.page-news {
		
	}
	
	
html {
	margin:0 auto;
	overflow-x:hidden;
}
.animate {
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}

img,
img a {
	/*width:100%;*/
	max-width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
}
h1 {
	line-height:22px;
	padding-top:15px;
	padding-bottom:15px;
	margin:0 auto;
	font-weight:normal;
	font-size:25px;
}
.front h1 {
	font-weight:700;
	font-size:26px;
	line-height: 35px;
}


/*
	Footer Styles
*/

.footer {
	width:100%;
	background:rgba(0,0,0,0.55);
	margin:0 auto;
	z-index:1;
	position:relative;
	padding:18px 0 10px;
	border-top:1px solid rgba(0,0,0,0.20);

}
.footer.mobile { margin-top:0px;text-align:center;}
.footer.desktop { margin-top:40px;}


.flex-footer{
	background:rgba(0,0,0,0.55);}

.footer p {
	font-size:11px;
	color:#fff;
	margin-bottom:10px;
	line-height:18px;
}
.footer p a {
	font-size:11px;
	font-weight:normal;
	color:#E3051C;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
	.footer.mobile p{text-align:center;}

.footer p a:hover {
	color:#000;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}


.p1,
.p2,
.p3,
.p4,
.p5
{
	font-weight:normal;
	margin:0 auto 20px;
	background-color:none;
	 /*line-height:40px;This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
	clear:both;
}
.page-node-58 .p1,
.page-node-58 .p2,
.page-node-58 .p3,
.page-node-58 .p4,
.page-node-58 .p5
{
	 line-height:40px; /* Används bara av flaggorna på den internationella startsidan. */
}

.node-type-references .p1,
.node-type-references .p2,
.node-type-references .p3,
.node-type-references .p4,
.node-type-references .p5{line-height:30px; /*Drar ner line-height på referenserna där texten inte är inom en P-tag */}

.footer.desktop .p1,
.footer.desktop .p2,
.footer.desktop .p3,
.footer.desktop .p4,
.footer.desktop .p5
{ max-width:1100px; margin:0 auto;}

.p1 .one {
	border-radius:4px;
	overflow:hidden;
	margin:0 auto;
	
}
.p1 .one#slider-div {
	background-color:rgba(255,255,255,0.25); box-shadow:rgba(0,0,0,0.20) 0 1px 1px;
	border-bottom:rgba(0,0,0,0.60) 1px solid;
}
.p1 .one#infobanner{padding:0px; color:#fff !important; text-shadow:none; box-shadow:rgba(0,0,0,.2) 0 1px; height: 66px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 );
}

.p2 .one,
.p2 .two,

.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three,

.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four,

.p5 .one,
.p5 .one-two,
.p5 .one-three,
.p5 .one-four,
.p5 .two,
.p5 .two-three,
.p5 .two-four,
.p5 .two-five,
.p5 .three,
.p5 .three-four,
.p5 .three-five,
.p5 .four,
.p5 .four-five,
.p5 .five {

	border-radius:4px;
f
	/*overflow:hidden;*/
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
	text-decoration:none;

}


.p1 .one.dark-back,
.p2 .one.dark-back,
.p2 .two.dark-back,

.p3 .one.dark-back,
.p3 .one-two.dark-back,
.p3 .two.dark-back,
.p3 .two-three.dark-back,
.p3 .three.dark-back,

.p4 .one.dark-back,
.p4 .one-two.dark-back,
.p4 .one-three.dark-back,
.p4 .two.dark-back,
.p4 .two-three.dark-back,
.p4 .two-four.dark-back,
.p4 .three.dark-back,
.p4 .three-four.dark-back,
.p4 .four.dark-back,

.p5 .one.dark-back,
.p5 .one-two.dark-back,
.p5 .one-three.dark-back,
.p5 .one-four.dark-back,
.p5 .two.dark-back,
.p5 .two-three.dark-back,
.p5 .two-four.dark-back,
.p5 .two-five.dark-back,
.p5 .three.dark-back,
.p5 .three-four.dark-back,
.p5 .three-five.dark-back,
.p5 .four.dark-back,
.p5 .four-five.dark-back,
.p5 .five
{
	/*background-color:rgba(0,0,0,0.62);*/
	color:#fff;
}


.white-back{background:rgba(255,255,255,0.2);	box-shadow:rgba(0,0,0,0.2) 0 1px 1px;
	border-left:#E3051C 1px solid;}

.dark-back{
	background-color:rgba(0,0,0,0.75);
	color:#fff;
	border-top:rgba(0,0,0,0.55) solid 1px;
	border-bottom:none;}
	
.blue-back{
	background-color:#2C65A6;
	color:#fff;
	border-top:rgba(255,255,255,0.45) solid 1px;
	border-bottom:none;}
	
.red-back{
	background-color:#E3051C;
	color:#fff;
	border-top:rgba(255,255,255,0.45) solid 1px;
	border-bottom:none;}

.red-back a{
	color:#f8f8f8;}
.red-back a:hover{
	color:#ffffff;}

.dark-back a,
.footer a{
	color:#cfcfcf;}
.dark-back a:hover,
.footer a:hover{
	color:#ffffff;}

.one.no-back,
.two.no-back,
.two-three.no-back,
.three.no-back,
.four.no-back
{background-color:transparent;}
a.front-flag .dark-back:hover{
	background-color:rgba(0,0,0,0.75);
	box-shadow:rgba(255,255,255,0.9) 0px 0px 8px;
	-moz-transition: all 220ms ease-in-out;
	-o-transition: all 220ms ease-in-out;
	-ms-transition: all 220ms ease-in-out;
	transition: all 220ms ease-in-out;}
.padding{
	padding:/*10px*/ 10px 10px 10px 9px}
.padding-4px{
	padding:4px}
/* ==== Main END === */


.f_left{float:left;}
.f_right{float:right;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}
.width_100{width:100%;}
.width_75{width:75%;}
.width_50{width:50%;}
.width_30{width:30%;}
.width_25{width:25%;}
.width_20{width:20%;}
.width_10{width:10%;}
.absolute{position:absolute}
.bold{font-weight:bold}

.show_hide{display:block}
.hide_show{display:none}
@media screen and (max-width:767px){
.width_100, .width_75, .width_50, .width_30, .width_25, .width_20, .width_10{width:100%;}
.show_hide{display:none}
.hide_show{display:block}

}

.clear{clear:both;}
.button, .form-submit{
	display: block; width: 100%; position: relative; right:auto; left:auto; margin:0; padding:0; color:#000000; font-size:22px; cursor:pointer;
	line-height:60px;
	border-radius:3px; -webkit-transition: background-color 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	text-align:center;
	border-width:2px;
	border-top:#ccc 2px solid;
	border-bottom:#777 2px solid;
	height:60px;
	}
	.button:hover, .form-submit:hover{
	color:#fff; background:#e3051c;border-top:#236abe 2px solid;border-bottom:#0c3f7b 2px solid;box-shadow:#fff 0 0 8px;}
	.button:active{background:#236abe;border-top:#e3051c 2px solid;border-bottom:#5986bb 2px solid;box-shadow:#ddd 0 0 4px;
		}
	
.custom-input{
	width:100%;
	border:#aaa 1px solid; border-radius:4px; background:#FFFFFF; min-height:100px}

.column{margin:0}
img, object, video {height: auto; display:block;}
img {width: auto; border: 0; -ms-interpolation-mode: bicubic;}
.image-left {float: left; margin: 5px 15px 8px 0;}
.image-right {float:right; margin: 5px 0 8px 15px;}
.image-right, .image-left {padding: 5px; border: 1px solid #e0e0e0; max-width: 100%; border-radius: 3px; -webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03); box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);}






/*Clear the float on any element*/
.clearfix
{
    *zoom: 1;
}

    .clearfix:before,
    .clearfix:after
    {
        display: table;
        content: "";
        line-height: 0;
    }

    .clearfix:after
    {
        clear: both;
    }


/* #Lists
================================================== */
	ul, ol { margin: 0; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}
	li { line-height: 18px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

	.region-content ul { list-style: none /*disc outside*/; padding-left: 0 /*14px*/; margin-bottom:22px}
	.node-type-article .region-content ul,
	.node-type-event .region-content ul{ list-style: disc outside; padding-left: 14px; margin-bottom:22px}

	.region-content li{ line-height:21px;}
	.region-content .bundle-up ul { list-style: none outside; margin-bottom:0;}

/* =================================================================== */
/* Form
====================================================================== */






/*
=================================================== 
Style custom form inputs and textarea - like
text | tel | number | url | search | password
===================================================
*/
.form-item{
	max-width:100%;
	margin-right:7px !important}

.form-text, .textarea{
	width:100%;
	padding:0 0 0 5px;
	height:36px;
    color: #333;
	background:#fff;
	border: 1px #fff solid;
	border-color:#bbb;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-ms-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-o-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
} 

.form-text:focus, .textarea:focus, .select-multiple > select:focus{
	color:#fff;
	background:rgba(227,5,28,1.00);
 	border-color: #e8e8e8;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35), 0 1px 8px rgba(0,68,148,.9);
  	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35), 0 1px 8px rgba(0,68,148,.9);
  	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.35), 0 1px 8px rgba(0,68,148,.9);
} 


/* textarea resizeble 
-------------------------------- */
.textarea{ 	 
	padding:10px; 
	overflow: auto; 
	line-height:20px;
	min-height:140px;
	max-width:100%; 
	resize:vertical;
}

.textarea.mini{ min-height:110px; }
.textarea.auto { height: auto!important; }
.textarea.no-resize { resize: none;  }

/* validtion input | textarea */
.invalid > .form-text, 
.invalid > .textarea{ 
	color:#8F2424;
	background:#FAEBEB; 
	border:1px solid #DB6C6C;
}

.valid > .form-text, 
.valid > .textarea{
	color:#1A719D;
	background:#EBF7FC; 
	border:1px solid #3EA9DF;
}

.valid > .form-text:focus, 
.invalid > .form-text:focus { position: relative; z-index: 2; }
.valid:before,
.search:after,  
.invalid:after,
.search:before, 
.invalid:before, 
.select:before, 
.select:after{
    content: '';
    position: absolute;
	z-index:1;
}

.valid:before {
    top: 13px;
    right: 12px;
    width: 10px;
    height: 4px;
    border: solid #006699;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.invalid:before, 
.invalid:after {
    top: 13px;
    right: 16px;
    width: 3px;
    height: 12px;
    background: #CC0066;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.invalid:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.valid.success > .input,
.invalid.error > .input  { text-shadow: 0 1px rgba(255, 255, 255, 0.7); }
.valid.success > .input { color: #435c26; background: #E2FBCA; border-color: #92C058; }
.valid.success > .input:focus {	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(121,185,0,.7);
  	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(121,185,0,.7);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(121,185,0,.7);
}

.invalid > .input:focus  {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,0,.7);
  	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,0,.7);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.15), 0 0 8px rgba(228,70,52,.7);
}

.invalid.error > .input { color: #800000; background: #FCDACD; border-color: #E44634; }
.valid.success:before{ border-color: #4F8E28;}
.invalid.error:before, .invalid.error:after{ background: #AD3925; }



.select:hover, .select:focus{ background-color:#fff; }

.region-sidebar .block-block.sidebar-title-block{
	margin-bottom:0px;}
	.sidebar-title-block p{
		font-size:18px; margin:2px 0 4px 2px; text-shadow:rgba(0,0,0,0.4) -1px -1px;}
	.sidebar-title-block p a{ text-decoration:none; color:#ffffff;}
.corner-round{border-radius:4px;overflow:hidden;}
.corner-round-top{border-radius:4px 4px 0 0;overflow:hidden;}
a.translation-link{
	display:none;
}
.contact-front{}
img.file-icon{
	display:inline}

.field-name-field-recycling-areas .field-item{
	display:inline-block;
	padding-left:5px;}
.field-name-field-recycling-areas .field-item a{
	color:#fff; background:rgba(0,0,0,0.55); border-radius:2px; padding:2px 5px; transition:background 150ms ease-in-out;}
	.field-name-field-recycling-areas .field-item a:hover{
	color:#fff; background:rgba(0,0,0,0.75);}
	
.field-item span.file, .field-label-above .field-label{padding-left:5px}
	
.bundle-up{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */

-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;


margin:0;
}

.bundle-up .item-list ul li{
	margin:0;}
.bundle-up h2{
	margin-bottom:0px;}
	.bundle-up.sidebar{padding:5px 0 0 5px; border-bottom:rgba(0,0,0,0.39) solid 1px}
	.region-content .bundle-up.sidebar{padding:5px 0 5px 5px; margin-left:-20px;} /* Tidigare var det '.not-front' i stället för '.region-content', men det påverkade sidebars när de låg på andra sidor än startsidan.*/
	.bundle-up.roadshow{padding:5px 0 5px 5px; margin-left:-10px; margin-right: -10px;} /* Enbart Roadshow */
	.bundle-up.roadshow p{margin: 0 0 8px}
	.bundle-up.sidebar h2{ font-size:16px; line-height:20px;}
	.not-front .bundle-up.sidebar h2,
	.not-front .bundle-up.roadshow h2{ font-size: 17px; line-height:20px;}
.bundle-up h2{
	color:#222222;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;}
.bundle-up .tags{
	font-style:italic; color:#ffffff; font-size:11px; line-height:25px; width:auto; margin-left:18px; padding-left:4px; border-radius:2px; overflow:hidden; background:rgba(0,0,0,0.55)}
	.bundle-up.sidebar .tags{
	margin-left:0px; margin-top:4px;}
	.not-front .bundle-up.sidebar .tags{line-height:18px;}
.bundle-up .field-content img{
	float:left !important; border-radius:2px; overflow:hidden; display:inline; margin-right:8px; margin-bottom:5px; box-shadow: rgba(0,0,0,0.50) 0px 0px 2px;}
	.front .bundle-up .field-content img{ max-width:100px}
.bundle-up h4, .bundle-up h5{margin:0;}
	.bundle-up.sidebar h4{font-size:12px; line-height:18px; color:rgba(227,5,28,1.00);}
	.bundle-up.sidebar h5{font-size:12px; line-height:18px;}
.bundle-up:hover{
background: rgba(100,100,100,0.45);
}
.bundle-up:hover h2{
color:#fff;
text-shadow:rgba(0,0,0,.8) 0 0 1px;
}

#block-views-event-list-block h2:first-child,
#block-views-news-side-block-1 h2:first-child{
	background: #aaa;
    padding: 4px 4px 4px 10px;
    color: #fff;
    text-shadow: rgba(0,0,0,0.60) 1px 1px 1px;}

.player{}
@media screen and (max-width: 599px) {.contact-front{height:auto}}

/* 4:e nivån i sidomenyn. I stort sett identisk med den som Proline använder till medibanken, men här utan en <void>-kanpp som triggar med hjälp av jQuery. */

#block-menu-block-1 ul.menu li{
	height:auto;}
#block-menu-block-1 ul.menu li ul li{
	height:40px;}

#block-menu-block-1 ul.menu li ul,
#block-menu-block-1 ul.menu li:hover ul{
	display:none;}
	
#block-menu-block-1 ul.menu li.active-trail ul, .menu-block-1 ul.menu li.open ul{
	display:block;
	left:0;
	position:relative;
	border-left:#EA7307 solid 2px;
	float:none;
	clear:both;}
#block-menu-block-1 ul.menu li.active-trail ul li a, .menu-block-1 ul.menu li.open ul li a{font-size:12px}
/* */

.page-node-58 p{
	margin:0 0 0 0;}
.page-node-58 .navclosed{
	display:none;
}
.page-node-58 p img{ box-shadow:rgba(0,0,0,.80) 0 1px 6px}
#views-exposed-form-kontakt-test-view-page{
	margin-bottom:22px;}
	#views-exposed-form-kontakt-test-view-page .views-exposed-form .views-exposed-widget{padding:0}
#edit-code,
#edit-tid{
	background:none;
	font-size:19px;
	height:40px;
	border:1px solid #ddd;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;}
	#edit-code:hover,
	#edit-tid:hover{
		border:1px solid #aaa;
		cursor:pointer;
		background:rgba(255,255,255,0.53)}
#edit-submit-kontakt-test-view,
#edit-submit-roadshow{ margin-top:0; margin-left:0px; width:80px; height:40px; line-height:40px; border:1px solid #aaa; font-size:19px; opacity:0;
	-moz-transition: all 450ms ease-in-out;
	-o-transition: all 450ms ease-in-out;
	-ms-transition: all 450ms ease-in-out;
	transition: all 450ms ease-in-out;}
#edit-submit-kontakt-test-view.shrink,
#edit-submit-roadshow.shrink{ margin-top:0; margin-left:-25px; height:40px; opacity:1}
@media screen and (max-width: 480px) {
	#edit-submit-kontakt-test-view.shrink,
	#edit-submit-roadshow.shrink{ margin-left:0; display:block} 
}
.page-contact-country #block-system-main{border:1px solid #efefef; padding:3px 0 0 3px; box-shadow:rgba(0,0,0,.2) 0 1px 8px inset; border-radius:2px;}
.contact-bundle{margin-left:0; text-shadow:rgba(255,255,255,0.85) 1px 1px;}


.contact-person{ padding-left:6px; border-bottom: rgba(255,255,255,0.70) 1px solid; border-top:rgba(120,120,120,.40) 1px solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,005fd1+100&amp;0+0,0.05+100 */
background: -moz-linear-gradient(top,  rgba(240,249,255,0) 0%, rgba(0,95,209,0.05) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,0)), color-stop(100%,rgba(0,95,209,0.05))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(0,95,209,0.05) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(0,95,209,0.05) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(240,249,255,0) 0%,rgba(0,95,209,0.05) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(240,249,255,0) 0%,rgba(0,95,209,0.05) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#0d005fd1',GradientType=0 ); /* IE6-9 */
}
.contact-address{ padding-left:6px; border-bottom: rgba(0,0,0,0.80) 1px solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f0f9ff+100&amp;0.17+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.17) 0%, rgba(240,249,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.17)), color-stop(100%,rgba(240,249,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.17) 0%,rgba(240,249,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.17) 0%,rgba(240,249,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.17) 0%,rgba(240,249,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.17) 0%,rgba(240,249,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bffffff', endColorstr='#00f0f9ff',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 360px) {
	.page-contact-country #block-system-main{border:none; padding:0; box-shadow:none;}
	.contact-person, .contact-address{ padding-left:0px;}
}
.hidden{display:none;}


/* tar bort marginalen nedåt på demo-sliden */
#block-block-52 p{ margin-bottom:0}


/* REDOMA-MACHINES
	Kabelväljarens CSS.
*/

#redoma-machines-finder{

	padding:12px 5px 5px;
	margin:0 -10px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6195d8+0,6db3f2+100&0.56+1,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,5,0.5) 0%, rgba(109,179,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,5,0.5) 0%,rgba(109,179,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,5,0.5) 0%,rgba(109,179,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f6195d8', endColorstr='#006db3f2',GradientType=0 ); /* IE6-9 */


-webkit-transition: background 1.0s ease-in-out;
-moz-transition: background 1.0s ease-in-out;
-o-transition: background 1.0s ease-in-out; 
transition:  background 1.0s ease-in-out;
	
}
	#redoma-machines-finder.active{
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#143269+0,6db3f2+100&0.7+0,0+100 */
background: -moz-linear-gradient(top,  rgba(20,50,105,0.7) 0%, rgba(109,179,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(20,50,105,0.7) 0%,rgba(109,179,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(20,50,105,0.7) 0%,rgba(109,179,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3143269', endColorstr='#006db3f2',GradientType=0 ); /* IE6-9 */

		
	}

#machines-kg{float:left; width:52px; padding-right:8px}
#machines-content{float:left; 
width: -moz-calc(100% - 60px);
width: -webkit-calc(100% - 60px);
width: -o-calc(100% - 60px);
width: calc(100% - 60px);}


#kiloperton{
	height:36px;
	padding-top:16px;
	width:auto;
	background:#383838;
	text-align:center;
	color:#eee;
	font-size:18px}
	#kiloperton::after {
			border-bottom: 23px solid #383838;
    border-left: 23px solid transparent;
    border-right: 23px solid transparent;
    content: "";
    height: 0px;
    margin-left: -1px;
    position: absolute;
    margin-top: -2px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 0px;}

.row{
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	position:relative
	}
.row.meta{
	border-top:rgba(255,255,255,0.6) dotted 1px;
	border-bottom:rgba(255,255,255,0.6) dotted 1px;
	height:50px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.3+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=1 ); /* IE6-9 */

	}
	
.animation{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease; 
transition:  all 0.3s ease;}

.capacity{
	width:9.5%; 
	height:40px; 
	float:left; 
	margin:0 0.5% 0 0; 
	padding:5px 0; 
	text-align:center;
	position:relative;
	font-size:17px;
	}
	.capacity.last{
		width:10%;  margin:0;
		}
	.capacity.last.eldan{
		margin:-27px 0 0 0;
		}
	.meta .capacity{
		background:none;
		width:6%;
		margin:0 2% 0 2%;
		}
		.meta .capacity.bg10::before {
			content:'\A';
			position:absolute;
			background:#eee;
			bottom:0;
			left:0; 
			width:100%;
			height:110%;
			border-radius:3px;
		}
		.meta .capacity::after {
			content:'\A';
			position:absolute;
			background:#eee;
			bottom:0;
			left:0; 
			width:100%;
			height:0%;
			border-radius:3px 3px 1px 1px;
			-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease; 
transition:  all 0.3s ease;
		}
		.meta .capacity.active::after {
			background:#343434;
			box-shadow:rgba(255,255,255,1.00) 0 1px 8px;
		}
			.meta .capacity.bg1::after {height:9%;}
			.meta .capacity.bg2::after {height:18%;}
			.meta .capacity.bg3::after {height:27%;}
			.meta .capacity.bg4::after {height:30%;}
			.meta .capacity.bg5::after {height:36%;}
			.meta .capacity.bg6::after {height:42%;}
			.meta .capacity.bg7::after {height:59.5%;}
			.meta .capacity.bg8::after {height:75%;}
			.meta .capacity.bg9::after {height:100%;}
			.meta .capacity.bg10::after  {height:100%; border-radius:0 0 1px 1px;}
		

	
.bow{
	float:left; 
	position:absolute;  
	margin:-30px 0 0 0; 
	padding:0; 
	text-align:center; 
	border-bottom:solid 3px; 
	border-left:solid 1px; 
	border-right:solid 1px; 
	height:30px; 
	border-radius:0 0 25px 25px
	}
	
	.bow.first{
		margin-left:2%;
		width:26%; 
		border-color:#123456;
		}
	.bow.second{
		margin-left:32%; 
		width:26%; 
		border-color:#123456;
		}
	.bow.third{
		margin-left:62%;
		width:26%; 
		border-color:#123456;
		}
.margin-top{ margin:3px 0.5% 0 0;}
.capacity.margin-top{ margin:45px 0 0 0;}
.product{width:29.5%; float:left; padding:0; text-align:center;}

		svg{height:25px;}
		svg#Lager_4{height:50px;}
		.product.first svg{ fill:#123456}
		.product.second svg{ fill:#123456}
		.product.third svg{ fill:#123456}
		
		.machine-box:hover{ background:rgba(255,255,255,.50); cursor:pointer}
		
		.product.first:hover ~ .bow.first,
		.product.second:hover ~ .bow.second,
		.product.third:hover ~ .bow.third{ border-color:#E3051C;  
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 20%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 20%,rgba(255,255,255,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 20%,rgba(255,255,255,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

}
		
		
		.product.first.active ~ .bow.first,
		.product.second.active ~ .bow.second,
		.product.third.active ~ .bow.third{ border-color:#000;  box-shadow:rgba(255,255,255,.50) 0 -3px 4px inset;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */

}
		.product.first:hover svg,
		.product.second:hover svg,
		.product.third:hover svg,
		.last.eldan:hover svg {fill:#E3051C;}
		
		.product.first.active svg,
		.product.second.active svg,
		.product.third.active svg{ fill:#000;}
	
	.machine-box{ background:rgba(255,255,255,0.30); margin:-3px 0 0; height:95px; border-radius:3px; padding:5px; overflow:hidden}
		 a.machine-button{ opacity:0; 
		 margin-top:50px;
		 display:block;
		 background:#000; 
		 padding:10px 0;
		 	-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease; 
			transition:  all 0.5s ease;}
		.product.first .machine-box{ border:solid 1px #123456}
		.product.second .machine-box{ border:solid 1px #123456}
		.product.third .machine-box{ border:solid 1px #123456}
		.capacity .machine-box{ border:solid 1px #000099}
		
		.product.first:hover .machine-box,
		.product.second:hover .machine-box,
		.product.third:hover .machine-box,
		.last.eldan:hover .machine-box{ border-color:#E3051C;}
		
		.machine-box h4 {
			font-size:15px;
			font-weight:600;
			margin-top:-15px;
		}
		.machine-box p {
		  width: 90%;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
		}
		.product.active .machine-box p {
		  width: auto;
		  white-space:normal;
		  overflow: hidden;
		  text-overflow:ellipsis;
		}
		
		
		
		.product.active .machine-box{ background:rgba(0,0,0,0.80) url(../images/Redoma_Powercat_A_Standard_2D.png) no-repeat bottom; height:220px; border:rgba(0,0,0,1.00) solid 1px; color:#fff; box-shadow:rgba(255,255,255,1.00) 0 0 6px;}
			.product.active .machine-box.taller{ height:265px}	
		
			.product.active .machine-box a.machine-button{ color:#fff; margin-top:0; opacity:1}
			.product.active .machine-box a.machine-button:hover{ background:#c4c4c4}
		

@media screen and (max-width: 679px) {
	.machine-box h3 { font-size:16px}
	.machine-box h4 { font-size:12px}
	.machine-box p { display:none}
	#machines-kg{ display:none}
	#machines-content{float:none; width: 100%;}
	.bow{
	margin:-22px 0 0 0; 
	border-bottom:solid 3px; 
	border-left:solid 1px; 
	border-right:solid 1px; 
	height:22px; 
	border-radius:0 0 15px 15px
	}
	.product.active .machine-box{ height:130px;
	}
}

/* Sido-MENY */

/* Denna tar bort avrundningen i toppen för att få in customrubrikerna nedan.*/
.menu-block-3 ul.menu li.first a{	
	border-radius:0;}
/**/

.menu-block-3 ul.menu li.first:before{
	border-radius:3px 3px 0 0;}
.menu-block-3 ul.menu li.menu-mlid-2315:before,
.menu-block-3 ul.menu li.menu-mlid-2611:before,
.menu-block-3 ul.menu li.menu-mlid-2617:before,
.menu-block-3 ul.menu li.menu-mlid-2619:before,
.menu-block-3 ul.menu li.menu-mlid-3817:before,
.menu-block-3 ul.menu li.menu-mlid-3821:before,
.menu-block-3 ul.menu li.menu-mlid-3825:before,
.menu-block-3 ul.menu li.menu-mlid-3827:before,
.menu-block-3 ul.menu li.menu-mlid-3852:before{ 
	display:block;
	height:22px;
	background:rgba(0,0,0,0.5);
	padding:9px 0 3px 7px;
	color:#eee;
	font-size:12px;
	overflow:hidden;
	text-transform:uppercase;
	}
.menu-block-3 ul.menu li.menu-mlid-2315:before{
	content:'Cable Recycling Lines';
	}
.menu-block-3 ul.menu li.menu-mlid-3817:before{
	content:'Sistemas';
	}
.menu-block-3 ul.menu li.menu-mlid-3852:before{
	content:'Cистема';
	}
.menu-block-3 ul.menu li.menu-mlid-2611:before{
	content:'Single Machines';
	}
.menu-block-3 ul.menu li.menu-mlid-3821:before{
	content:'Máquinas individuales';
	}
.menu-block-3 ul.menu li.menu-mlid-2617:before{
	content:'Recovery of fine copper';
	}
.menu-block-3 ul.menu li.menu-mlid-3825:before{
	content:'Recuperación de cobre fino';
	}
.menu-block-3 ul.menu li.menu-mlid-2619:before{
	content:'Dust separation';
	}
.menu-block-3 ul.menu li.menu-mlid-3827:before{
	content:'Separación de polvo';
	}

@media screen and (min-width:768px){
.menu-block-3 ul.menu li a.active-trail::after{	
	border-bottom: 15px solid #E3051C;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: "";
    height: 0px;
    right: -20px;
    position: absolute;
    top: 13px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 0px;}
	
.menu-block-3 ul.menu li.menu-mlid-2315 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-2611 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-2617 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-2619 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-3817 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-3821 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-3825 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-3827 a.active-trail::after,
.menu-block-3 ul.menu li.menu-mlid-3852 a.active-trail::after{ 
    top: 47px;
}
}

table.single-machines-table tr td strong{
	font-weight:bolder;
	font-size: 20px;
}

table.single-machines-table tr td,
table.single-machines-table tr th {
	text-align:right;
	padding-right:5px;
	border-left:#aaa dotted 1px;
}
table.single-machines-table tr td:first-child,
table.single-machines-table tr th:first-child {
	text-align:left;
	padding-right:0;
	border-left:none;
}
table.single-machines-table tr td:first-child em {
	color:#114d75;
	float:right;
	width:30px;}


/* PDF'erna som listas i noderna */
.field-name-field-video .field-label{margin-top:8px;}
.field-name-field-video .field-items{margin:10px 0;}
.field-name-field-video .field-item{margin:5px 0 8px 0; border-top:#ccc solid 1px; padding-top:6px}
.field-name-field-video .field-item a:hover{ color:#000; text-shadow:rgba(255,255,255,1.00) 0 0 5px;}

/* SVG-loggorna */
#svg-logo{
	max-height: 50px;
    width: 75px;
    float: right;
    position: relative;
    margin-top: -55px;
	margin-right:10px;}
#svg-logo svg{
	height:50px;}
#svg-logo #svg-firefox{width: 60px;}
	
@media screen and (max-width:768px){
	#svg-logo{
	max-height: 00px;
	margin-right:5px;}
#svg-logo svg{
	height:40px;}
	}

.single-machines-puff{
	margin-bottom:10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease; 
	transition:  all 0.4s ease;}
.single-machines-puff:hover{
	background-color:rgba(0,0,0,0.90)}
.single-machines-puff:active{
	background-color:rgba(0,0,0,0.5)}
	
/* VIDEO */
.embedded-video {
	position: relative;
	padding-bottom: 56.25%; /* 56.25% är 16:9 */
	/* För VIMEO padding-top: 25px; */
	padding-top: 0px;
	height: 0;
	margin-bottom:5px;
}

.embedded-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Puffbild-hover */
.puffbild-hover {
    background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.puffbild-hover.youtube {
	background-image: url(../images/video-thumb-hover.png);
}
@media screen and (max-width: 767px) {
	.puffbild-hover {
	background-size: auto;
	background-position: left;
	}	
}
.puffbild-hover img{
	opacity: 1;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;}
.puffbild-hover img:hover{
	opacity: 0.5;}
/**/

.region-sidebar .block-block{ margin-bottom:10px;}

/* UL-lists 
	"important-list"-klassen försvinner från editorn, så därför har jag även lagt stylen på alla ul-li i brödtext-fältet (field-name-body).
*/
ul.important-list,
.field-name-body ul{
	list-style: disc;
}

ul.important-list li,
.field-name-body ul li {
    margin: 0 0 8px 25px;
    padding: 2px 0 2px 6px;
    background: rgba(255,255,255,.4);
    border-radius: 1px;
}
/* HR i de mörka blocken */
.block.dark-back hr{
    border-top: #333 solid;
    border-bottom: #999 solid;
    border-width: 1px;
}

.block.rss-feed-block h2{
	background:#aaa;
	padding: 4px 4px 4px 10px;
	color:#fff;
	text-shadow:rgba(0,0,0,0.60) 1px 1px 1px;
}
.block.rss-feed-block .feed-item-title{
	padding: 1px 0 10px;
	border-bottom: solid 1px #666;
}
.block.rss-feed-block .feed-item-title a{
	padding: 10px 0 10px 10px;
	background: #eee;
	display: block;
	transition: all 0.25s ease;
}
.block.rss-feed-block .feed-item-title a:hover{
	background: #cfcfcf;
}