/* 
Theme Name: ProdocPortalenFLAT
URI: http://prodoc.se
Description: ProdocPortalen FLAT
Version: 1.0 
Author: Mattay Akyol 
Author URI: http://portal.prodoc.se
*/


html, body, div, form, fieldset, legend, label, ul, ul li, a {
	margin: 0;
	padding: 0; 
	font-family: 'Open sans', verdana;
}

html, body {
    height: 100%;
}

.container {
  min-height: calc(100% - 180px);
	padding-bottom: 20px;
}

.container ul  {
padding-left: 40px;
}
.container:after {
  content: "";
  display: block;
}

.footer, .footer:after {
  /* .push must be the same height as footer */
    height: 160px !important; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td {
	text-align: left;
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

img, a img { border: 0; }

div.clear {width: 100%; clear: both; float: left; display: inline; margin-bottom: 80px;}

#wpadminbar { position: absolute !important;}

#cookie-notice .button { 
	box-shadow: none;
	border-radius: none;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: none;
	letter-spacing: none;
	line-height: none;
	color: #00A7E1;
}

input.error, select.error, textarea.error {
	border:1px solid #F66 !important;
}
label.error { visibility: hidden !important; height: 0 !important; display: none !important;}

.noscroll{
    position: fixed !important;
    overflow: hidden !important;
}

strong {font-weight: 400;}
/***********************
	SOCIAL BUTTONS 
************************/
div.ssba-wrap {margin-top: 50px; margin-bottom: 20px; float: left; clear: both; width: 100%; display: inline; }
div.ssba-wrap img {width: 32px; height: auto;}
div.ssba-wrap a {margin-right: 6px;}



/***********************
		Video Container 
************************/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/***********************
		HEADER 
************************/

#header-top {width: 100%; background: #000; height: 40px; color: #fff; line-height: 40px; vertical-align: middle;  }
#header-bottom {width: 100%; background: #fff; height: 100px; color: #fff; line-height: 100px; vertical-align: middle;}
.header-top, .header-bottom {width: 1180px; margin-left: auto; margin-right: auto;}

.header-top {
	font-weight: 600;
	font-size: 11px;
	color: #ffffff;
	color: rgba(255,255,255,0.90);
	letter-spacing: 0.91px;
	line-height: 40px;
	text-transform: uppercase;
}

.header-top ul li a { color: #fff; text-decoration: none; font-size: 11px;  }
.header-top ul li a:hover { opacity: 0.5;}
.header-top ul, .header-top ul li { text-decoration: none; list-style: none; float: left; display: inline; margin-left: 32px;}
.header-top ul {float: right;}

#logo {float: left; display: inline; width: 100px; line-height: 100px; vertical-align: middle;}
#logo a {height: 76px; vertical-align: middle; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}

#header-bottom #logo-nano {display: none; }


.header-bottom ul li a { color: #000; text-decoration: none; font-weight: 300;}
.header-bottom ul li a:hover { text-decoration: underline; }
.header-bottom ul, .header-bottom ul li { text-decoration: none; list-style: none; float: left; display: inline; margin-left: 32px;}
.header-bottom ul {float: right;}

.header-bottom ul li.ham-menu a img {margin-bottom: -1px; margin-right: 3px;}


.header-bottom {
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	letter-spacing: 0.6px;
	line-height: 100px;
}
.header-bottom ul li a , #header-bottom.sticky .header-bottom ul li a, #header-bottom #logo-nano , .header-top ul li a, .header-bottom ul, #logo a, #header-bottom {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#header-bottom.sticky #logo-nano {display: inline-block; height: 70px; width: 180px; line-height: 70px; }
#header-bottom.sticky #logo-nano img {display: inline-block; line-height: 70px; width: 180px; line-height: 70px; vertical-align: middle; height: 25px; width: auto;}
#header-bottom.sticky #logo {display: none;}
#header-bottom.sticky #logo, #header-bottom.sticky .header-bottom { height: 70px; line-height: 70px; }
#header-bottom.sticky #logo a {height: 70px;}
#header-bottom.sticky .header-bottom ul li a { color: #fff; text-decoration: none; font-weight: 300; }
#header-bottom.sticky ul li a:hover {height: 70px; text-decoration: underline !important;}
#header-bottom.sticky .header-bottom ul {  }
#header-bottom.sticky { position: fixed; background: #000000; background: rgba(0,0,0,0.90); z-index: 9999; top: 0; height: 70px; line-height: 70px; vertical-align: middle;}



/***********************
		MENU 
************************/

#menu {display: none; left:0; top: 0; position: fixed; background: #00A7E1; color: #FFF; width: 100%; height: 100%; z-index: 9999; overflow: auto; -webkit-overflow-scrolling: touch; }
#menu a.close-menu {  float: right; display: inline; margin-top: 70px; margin-right: 10px;}
#menu div.logo { float: left; display: inline; margin-top: 73px;}
div.menu-container {width: 1180px; margin-left: auto; margin-right: auto; }


/***********************
		HAM NAV
***********************/
#menu div.nav {position: absolute; top: 210px !important;}
ul#menu-ham-menu { padding: 0; margin: 0; list-style: none; float: left; display: inline; clear: both; padding-bottom: 60px; }
ul#menu-ham-menu li a { 
	font-size: 45px;
	color: #FFFFFF;
	line-height: 61px; 
	text-decoration: none;
}

ul#menu-ham-menu li { 
	float: left; 
	clear: both;
	display: inline;
}
ul#menu-ham-menu li.rubrik a {
	font-weight: 300;
	font-size: 18px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	line-height: 24px;
	text-decoration: none;
}


ul#menu-ham-menu li.rubrik  {
	margin-top: 40px;
}
.ham-logo {width: 100px; height: auto;}

/***********************
		MAIN 
************************/
#main {float: left; display: inline; clear: both; height: auto; width: 100%;}
div.home-text h1 {
	font-size: 45px;
	color: #040707;
	line-height: 61px;
	margin-top: 80px;
	width: 100%; 
	text-align: center;
	margin-bottom: 0;
	padding: 0;
}

div.home-text h3 {
	padding: 0;
	margin-bottom: 0;
	margin-top: 20px;
	font-size: 30px;
	color: rgb(0,0,0,0);
	color: rgba(0,0,0,0.54);
	width: 100%; 
	text-align: center;
	line-height: 41px;
}
div.home-text {margin-left: auto; margin-right: auto; width: 760px; }


/***********************
		BUTTONS 
************************/
.button {
	border-radius: 40px;
	text-decoration: none;
	padding: 14px;
	padding-left: 18px;
	padding-right: 18px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.57px;
	line-height: 22px;
	display: inline-block; margin-top: 15px;
}
.hero-button {margin-top: 20px; margin-right: 20px; margin-top: 40px; display: inline; float: left; transition: all 0.3s ease 0s;}
.blue {	background: #00A7E1; color: #FFF !important; border: 1px solid #00A7E1; }

.white { 
	background: none;
	border: 1px solid #FFFFFF;
	color: #fff;
	opacity: 1;
}
.white:hover  {
	opacity: 0.7;
}
/***********************
	BLOGG new
************************/
.wp-polls{
	width: 26%;
	display: inline-block;
	background-color: #F5F5F5;
	padding: 20px 30px 20px 30px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.wp-polls .pollbar{
	background: #6BC0F2!important;
	border: 1px solid #e7e7e7!important;
}
.wp-polls strong{
	font-weight: 600;
}
.poll-total-votes{
	font-size: 16px;
}
.wp-polls-ul{
	padding-left: 0px!important;
	margin-top: 30px!important;
	margin-bottom: 30px!important;
	margin-left: 0px;
}
.wp-polls-ul li input{
	width: auto;
	margin-right: 10px;
}
.wp-polls-ul li label{
	font-size: 14px;
}
.wp-polls-ul li{
	margin-top: 5px;
    margin-bottom: 5px;
}
#view-polls-button{
	color: #333333!important;
	font-size: 14px;
}
#poll-answer-button{
	background-color: #6BC0F2;
	max-width: 160px;
	padding: 10px;
	color: #fff;
	border: none;
	font-size: 18px;
	font-weight: 500;
	border-radius: 30px;
}

.ldc-ul_cont img{
	display: none;
}
.ldc-ul_cont{
	background-image: none!important;
	background-color: #6BC0F2!important;
	border: none!important;
	font-size: 20px!important;
	color: #fff;
	padding: 10px 30px 0px 30px!important;
	vertical-align: middle;
	font-weight: 400!important;
	margin-top: 20px;
	border-radius: 30px!important;
}
.ldc-ul_cont i{
	margin-right: 15px;
	font-size: 25px;
	vertical-align: middle;
}
.page-main-left{
	margin-left: 0px!important;
	margin-right: 1.5%!important;
	border-top: none!important;
	padding-top: 0px!important;
	padding-bottom: 40px!important;
	width: 72.5%!important;
}
.page-main-left.single{
	margin-right: 3.5%!important;
	width: 70.5%!important;
	padding-bottom: 60px!important;
}
.post-comments{
	background-color: #141717;
	padding: 60px;
	width: 100%;
	clear: both;
	float: left;
	box-sizing: border-box;
}
.post-comments .kommentarer.single{
	max-width: 650px;
	margin: 0 auto!important;
	display: block!important;
	float: none!important;
}
.post-comments .comments-title{
	text-align: center;
	color: #fff;
	font-size: 34px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}
.post-comments .comment-reply-title{
	color: #fff;
	text-align: center;
	margin-top: 60px!important;
	margin-bottom: 35px;
}

.post-comments .comment-respond{
	width: 100%!important;
}
.post-comments .avatar{
	border: none!important;
}
.post-comments .fn a,
.post-comments .fn{
	color: #fff!important;
}
.post-comments .comment-list p{
	color: rgba(255,255,255, 0.8);
	margin-bottom: 0px;
}
.post-comments .comment{
	padding: 30px;
	box-sizing: border-box;
	/*border-bottom: 1px solid #616362!important; */
	border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}
html > body .post-comments .comment-respond input[type="submit"]{
	border-radius: 40px;
	max-width: 250px;
	display: block;
	margin: 0 auto;
	margin-top: 40px!important;
	border: 1px solid #fff!important;
	background-color: transparent!important;
}
.post-comments #submit{
	border: 1px solid #fff!important;
}
.post-comments .comment-respond textarea{
	height: 90px!important;
	margin-bottom: 35px!important;
}
.blogg-rubrik.single h1{
	margin-bottom: 0px!important;
}
.news-image.single img{
	min-width: 100%;
}
.news-image.single{
	overflow: hidden;
	position: relative;
}
.post-author.over-news-image{
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	padding: 10px 30px;
	margin-top: -80px;
	position: absolute;
	color: #fff;
	font-size: 16px;
}
.post-author.over-news-image p{
	font-weight: 500;
}
.post-author.over-news-image .author-image{
	border: none;
	height: 55px;
	width: 55px;
	margin-bottom: 0px;
	vertical-align: middle;
}
.post-author.over-news-image p{
	vertical-align: middle;
}
.kommentarer.single{
}
.post-author.gray{
	color: rgba(0,0,0,0.60);
}
.sidebar-post-wide{
	width: 26%!important;
	box-sizing: border-box;
}
.sidebar-post-wide h2{
	margin-top: 0px;
}
.header-more{
	height: 320px!important;
	margin-bottom: 0px!important;
	background-size: cover!important;
	background-position: center center!important;
}
.header-more h2{
	padding-top: 120px!important;
}
.blog-category-tabs{
	width: 100%;
	height: 60px;
	background-color: #000;
	margin-bottom: 60px;
	padding-top: 7px;
}
.blog-category-tabs .blog-category-tab{
	display: inline-block;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
}
.blog-category-tabs a{
	text-decoration: none;
}
.content-middle{
	display: inline-block;
	text-align: center;
	width: 100%;
}
.text-center{
	text-align: center;
}
.blog-most-read{
	color: #6bc0f2;
	font-size: 12px;
	margin-bottom: 20px;
}
.blog-most-read:last-child{
	color: #6bc0f2;
	font-size: 12px;
	margin-bottom: 0px;
}
.blog-most-read p:last-child{
	margin-bottom: 0px;
}
.blog-most-read p{
	margin-top: 3px;
}
.blog-most-read a{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
}
.blog-grid-posts{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
}
.blog-grid-posts .grid-post-large{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-position: center center;
	background-size: cover;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.grid-post-large-button{
	width: 66%;
	height: 340px;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	display: inline-block;
	margin-right: 2%;
	margin-bottom: 15px;
	float: left;
}
.grid-post-large-button:hover .grid-post-large{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
 	-webkit-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	-ms-transform: scale(1.1); /* IE 9 */
 	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
 	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}
.grid-post-small-button:hover .grid-post-small{
	transform: scale(1.1);
	-moz-transform: scale(1.1);
 	-webkit-transform: scale(1.1);
 	-o-transform: scale(1.1);
 	-ms-transform: scale(1.1); /* IE 9 */
 	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')"; /* IE8 */
 	filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand'); /* IE6 and 7 */ 
}
.grid-post-small-button{
	width: 32%;
	height: 340px;
	position: relative;
	font-size: 14px;
	overflow: hidden;
	display: inline-block;
	margin: 0px;
	margin-bottom: 15px;
	float: left;
}
.blog-grid-posts .grid-post-small{
	width: 100%;
	height: 160px;
	background-color: #000;
	position: relative;
	background-size: cover;
	background-position: center center;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.grid-post-small-button:nth-child(3), .grid-post-small-button:nth-child(4), .grid-post-small-button:nth-child(5){
	width: 32%;
}
.grid-post-small-button:nth-child(3), .grid-post-small-button:nth-child(4){
	margin-right: 2%;
}
.post-large-content{
	background-color: #6bc0f2;
	padding: 15px;
	padding-bottom: 30px;
	max-width: 50%;
	color: #fff!important;
	bottom: 20px;
	left: 20px;
	position: absolute;
}
.post-large-content p{
	font-size: 12px;
	margin: 0px;
}
.post-large-content h3{
	margin-bottom: 10px;
	margin-top: 10px;
}
.post-large-content a{
	color: #fff!important;
}
.post-small-content{
	background-color: #6bc0f2;
	padding: 15px;
	padding-bottom: 30px;
	max-width: 100%;
	color: #fff;
	bottom: 0px;
	box-sizing: border-box;
	width: 100%;
	min-height: 180px;
	left: 0px;
	position: absolute;
}
.post-small-content p{
	font-size: 12px;
	margin: 0px;
}
.post-small-content h3{
	margin-bottom: 10px;
	margin-top: 10px;
}

.blog-list-posts .list-post{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	border-bottom: 1px solid #F5F5F5;
	margin-bottom: 15px;
}
.list-post .list-post-image{
	width: 32%;
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 2%;
	font-size: 14px;
	height: 160px;
	background-color: #000;
	background-size: cover;
	background-position: center center;
}
.list-post .list-post-content{
	width: 66%;
	display: inline-block;
	margin-bottom: 20px;
	font-size: 14px;
	float: right;
}
.list-post-content .post-date{
	font-size: 12px;
}
.list-post-content h3{
	margin-bottom: 0px!important;
	color: #000;
}
.list-post-content p{
	margin-top: 8px!important;
}
.list-post-content .post-author p{
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
}
.post-author.author-bottom{
	position: absolute;
	bottom: 25px;
}
.author-image{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #6bc0f2;
	display: inline-block;
	margin-bottom: -16px;
	background-color: #fff;
	background-size: cover;
	background-position: center center;
}
.post-author p{
	display: inline-block;
	margin-left: 10px;
}
.post-author b{
	font-weight: 600;
}

@media screen and (max-width: 1195px) {
    .sidebar-post-wide, .wp-polls{
    	display: none!important;
    }
    .page-main-left{
    	width: 100%!important;
    	box-sizing: border-box;
    	padding: 20px;
    }
    #page-container{
    	max-width: 100%;
    }
    .header-more h2{
    	max-width: 100%;
    }
    .page-main-left.single{
    	width: 100%!important;
    }

}
@media screen and (max-width: 850px){
	.grid-post-small-button .author-image, .grid-post-large-button .author-image{
		display: none;
	}
	.grid-post-small-button .post-author p, .grid-post-large-button .post-author p{
		margin-left: 0px;
	}
	.header-more{
		margin-top: 34px!important;
	}
}
@media screen and (max-width: 800px){
	.header-more h2{
		padding-top: 0px!important;
	}
	.blog-category-tabs{
		display: none;
	}
	.page-main-left{
		padding-top: 30px!important;
	}
}
@media screen and (max-width: 750px){
	.grid-post-large-button{
		width: 100%!important;
	}
	.grid-post-small-button{
		width: 49%!important;
	}
	.grid-post-small-button:nth-child(3){
		margin-right: 0px;
		margin-left: 2%;
	}
	.blog-list-posts .list-post{
		height: auto;
	}
}
@media screen and (max-width: 676px){
	.list-post-image, .list-post-content{
		width: 100%!important;
	}
	.list-post-content{
		float: none!important;
		padding-left: 20px;
		padding-right: 20px;
	}
	.list-post{
		border: 1px solid #F5F5F5;
	}
}
@media screen and (max-width: 620px){
	.post-author.over-news-image{
		font-size: 14px;
		padding-left: 10px;
	}
}
@media screen and (max-width: 570px){
	.grid-post-large-button{
		width: 100%!important;
	}
	.grid-post-large-button .post-large-content{
		max-width: 100%;
		left: 0px;
		bottom: 0px;
	}
	.grid-post-small-button .post-small-content{
		min-height: auto;
	}
	.grid-post-small-button{
		width: 100%!important;
	}
	.grid-post-small-button:nth-child(3), .grid-post-small-button:nth-child(4){
		margin-right: 0px;
		margin-left: 0px;
	}
	.blog-list-posts .list-post{
		height: auto;
	}
	.post-author.author-bottom{
		position: static;
	}
}
@media screen and (max-width: 495px){
	.post-author.over-news-image .author-image{
		display: none;
	}
}
@media screen and (max-width: 440px){
	.post-author.over-news-image i{
		display: none;
	}
}


/*****************************
			HERO
*****************************/

#hero {
	height: 395px;
	max-height: 395px;
	clear: both;
	float: left;
	display: inline;
	width: 100%;
	color: #ffffff;
}

#hero div {
	height: 395px; 
	width: 100%; 
	background-repeat: no-repeat; 
	background-size: cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: top center;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
}
div.hero-content { padding-left: 100px; width: 1080px !important; height: auto; position: relative; z-index: 999 !important; margin-left: auto; margin-right: auto; top: 80px;
	font-size: 20px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	line-height: 30px;
}
div.hero-content h2 {
	margin: 0;
	padding: 0;
	font-size: 64px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	line-height: 80px;
	width: 760px;
}


div.hero-img {  width: 100%; left: 0; height: 760px;}

#hero div.cycle-pager { 
	position: absolute; 
	z-index: 900; 
	display: block; 
	top: 130px !important; 
	left: 80px !important; 
	z-index: 900; 
	color: rgb(255,255,255); 
	color: rgba(255,255,255,0.70); 
	width: 15px !important;
	height: 200px !important; 
	line-height: 40px !important;
}

#hero div.cycle-pager span { cursor: pointer; width: 15px !important; height: 15px !important; display:inline; float: left; clear: both; text-indent: -9999px; background: url(images/hero-dot.svg) no-repeat; margin-bottom: 10px;}
#hero span.cycle-pager-active {color: green !important; background: url(images/hero-dot-active.svg) no-repeat !important;}



div.hero-services div.hero-content h2 { width: 480px; font-weight: 200; font-size: 45px; color: #000000; line-height: 61px; z-index: 100; }
div.hero-services div.hero-content p { 
font-weight: 200;
font-size: 18px;
color: rgb(0,0,0);
color: rgba(0,0,0,0.87);
line-height: 24px; 
width: 480px;
margin-top: 38px;
}
div.hero-services {
	width: 100%; 
	background-repeat: no-repeat;
	background-size: cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: center center;
	height: 479px !important;

}



/*****************************
		SIDEBAR PAGE
*****************************/

#page-container { width: 1180px; margin-left: auto; margin-right: auto; font-size: 16px;}

#page-header {
	background: #000;
	height: 240px;
	color: #fff;
	width: 100%; 
	margin-bottom: 80px;
}

#page-header h2 {
	margin:0; padding: 0;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
	font-size: 45px;
	color: #FFFFFF;
	line-height: 61px;
	padding-top: 80px;
}

#sidebar img {
	width: 260px;
	height: auto;
}

#sidebar {
	width: 260px;
	height: auto;
	background: #F5F5F5;
	font-weight: 200;
	font-size: 14px;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.87);
	line-height: 19px;
	float: left;
	display: inline;
	padding: 30px;
}
#page-main {
	border-top: 1px solid #D8D8D8;
	padding-top: 40px;
	width: 780px;
	height: auto;
	float: left;
	display: inline;
	margin-left: 80px;
	font-weight: 200;
	font-size: 15px;
	color: #000;
	color: rgba(0,0,0,0.87);
	padding-bottom: 60px;
}
#page-main a { color: #00A7E1; font-weight: 500; text-decoration: none;}

#page-main.faq {
	margin-right: 80px;
	margin-left: 0;
	border-top: 0;
}


#page-main h1 {
	font-weight: 400;
	font-size: 34px;
	color: #000;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	margin:0;
	padding: 0;
	margin-bottom: 60px;
	width: 100%;
}
/*****************************
			FOOTER
*****************************/

div.footer-logo { background: #000; width: 100%; clear: both; height: 100px;  text-align: center; vertical-align: middle; line-height: 120px;}
div.footer-social { 
	background: #000; 
	height: 80px;
	font-weight: 600;
	font-size: 11px;
	color: #ffffff;
	color: rgba(255,255,255,0.90);
	*color: #ffffff;
	letter-spacing: 0.90px;
	width: 100%;
	overflow: auto;
	
}

div.social-icons img {vertical-align: text-bottom; margin-right: 8px;}
div.social-icons {width: 535px; width: 565px\9; height: 16px; margin-left: auto; margin-right: auto; text-transform: uppercase; font-weight: 600;}
div.social-icons a {text-decoration: none; color: #ffffff; color: rgba(255,255,255,0.90); }
div.social-icons span { margin-right: 55px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
div.social-icons span {margin-top: 20px;}
div.social-icons span.instagram { margin-right: 0; }
div.social-icons span.youtube img {vertical-align: sub;}
div.footer-nav { 
	background: #333333;
	height: 60px;
	width: 100%;
}

div.footer-nav ul { list-style: none; text-align: center; height: 60px; line-height: 60px; vertical-align: middle;}
div.footer-nav ul li { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-right: 34px; }

div.footer-nav ul li a { 
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 11px;
	color: #ffffff;
	color: rgba(255,255,255,0.90);
	*color: #ffffff;
	letter-spacing: 0.91px;
	line-height: 15px;
}
div.footer-nav ul li.last { margin-right: 0 !important;}


/*****************************
			QUOTE
*****************************/
#quote {
	background: url(images/citat.svg) center 80px no-repeat #00A7E1;	
	width: 100%;
	font-size: 22px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	letter-spacing: 0.6px;
	line-height: 32px;
	clear: both;
	margin-top: 80px;
}
#quote.services {
	margin-top: 0;
}

#quote a {
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	text-decoration: none;
}
.quote {
	width: 780px;
	text-align: center;
	left: 50% !important;
	margin-left: -390px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	*color: #ffffff;
}

span.quoter {margin-top: 30px; display: inline-block; clear: both; font-size: 16px;}

#quote div.cycle-pager {  cursor: pointer;  display: inline-block !important; text-align: center; width: 100%; }

#quote div.cycle-pager span { background: url(images/hero-dot.svg) no-repeat; width: 15px; height: 15px; display: inline-block;  margin-left: 5px; text-indent: -9999px;}
#quote span.cycle-pager-active { background: url(images/hero-dot-active.svg) no-repeat !important;}


#quote.print-services {
	background: url(images/citat.svg) center 80px no-repeat #6BC0F2 !important;	
}
#quote.video-services {
	background: url(images/citat.svg) center 80px no-repeat #F7941E !important;		
}
#quote.document-services {
	background: url(images/citat.svg) center 80px no-repeat #00AC4F !important;		
}
#quote.office-services {
	background: url(images/citat.svg) center 80px no-repeat #794D9F !important;		
}

#quote div.quote {
	padding-top: 170px;
	padding-bottom: 40px;
}


/*****************************
	NEWS BLOGG PAGE HEM
*****************************/



div.pag-nav { 
	width: 1180px; 
	margin-left: auto; 
	margin-right: auto; 
	clear: both; 
	margin-top: 60px;
	margin-bottom: 100px; 
	padding-top: 20px; 
	border-top: 1px solid #D8D8D8; 	
	font-weight: 600; 
	font-size: 16px;
	line-height: 22px;
	height: 22px;
}
div.pag-nav div.left {width: 20%; float: left; display: inline; text-align: left;}
div.pag-nav div.right {width: 20%; float: right; display: inline; text-align: right;}
div.pag-nav img {  margin-right: 10px; margin-bottom: -6px; }

div.pag-nav a { text-decoration: none; vertical-align: middle; color: #000;}



#nyheter-blogg {width: 1180px; margin-left: auto; margin-right: auto; clear: both; overflow: auto;}

#nyheter-blogg.hem {margin-top: 60px;}
#nyheter-blogg.recommended { height: 580px; }

#nyheter-blogg h3 {
	font-weight: normal;
	font-size: 45px;
	color: #040707;
	line-height: 61px;
	margin-bottom: 40px;
	margin-top: 80px;
	text-align: center;
}

#nyheter-blogg div.news {width: 280px; float: left; display: inline; margin-right: 20px;}
#nyheter-blogg div.news div.image {width: 280px; height: 200px;}
#nyheter-blogg div.news div.image img {box-sizing: border-box; -webkit-box-sizing: border-box; border:1px solid #f1f1f1; width: 280px; height: auto; background-size: cover;}

#nyheter-blogg div.last {margin-right: 0 !important;}


#nyheter-blogg div.businessarea {
	font-weight: 700;
	font-size: 12px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	*color: #fff;
	letter-spacing: 1px;
	line-height: 17px;
	padding: 3px;
	text-transform: uppercase;
	padding: 7px 16px 6px 10px;
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	visibility: hidden;
	display: inline-block;
	width: auto !important;
	height: auto !important;
}

#nyheter-blogg div.image div.businessarea.stockholm, #nyheter-blogg div.image div.businessarea.goteborg, #nyheter-blogg div.image div.businessarea.malmo, #nyheter-blogg div.image div.businessarea.helsingborg    {
	background: rgb(107,192,242);
	background: rgba(107,192,242,0.78);
	visibility: visible;
}

#nyheter-blogg div.image div.businessarea.news {
	background: rgb(107,192,242);
	background: rgba(107,192,242,0.78);
	visibility: visible;
}
#nyheter-blogg div.image div.businessarea.bloggen {
	background: rgb(247,148,30);
	background: rgba(247,148,30,0.8);
	visibility: visible;
}
#nyheter-blogg div.image div.businessarea.kampanj {
	background: rgb(121,77,159);
	background: rgba(121,77,159,0.8);
	visibility: visible;
}
#nyheter-blogg div.image div.businessarea.rgs {
	background: rgb(0,172,79);
	background: rgba(0,172,79,0.8);
	visibility: visible;
}

#nyheter-blogg div.date {
	font-size: 12px;
	color: #000000;
	color: rgba(0,0,0,0.40);
	line-height: 17px;
	margin-top: 10px;
}

#nyheter-blogg div.content h4 {
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 30px;
	margin-top: 12px;
	margin-bottom: 0;
}

#nyheter-blogg div.content p {
	font-weight: 300;
	font-size: 14px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 19px;
	margin:0;
	padding:0;
	margin-top: 4px;
	width: 250px;
}

#news:hover div.news:not(:hover) {
        opacity: 0.5;
}
div.news { 
	transition: 0.25s ease-in;
}

div.news #xy2 { 
	margin-top: 45px !important;
} 
div.news #xy3 { 
	margin-top: 80px !important;
} 
div.news #xy4 { 
	margin-top: 115px !important;
} 


#nyheter-blogg #news:hover div.news:not(:hover) {
        opacity: 1;
}


/*****************************
	STYRELSE & LEDNING
*****************************/


#styrelse {width: 980px; margin-left: auto; margin-right: auto; clear: both; overflow: auto; border-top: 1px solid #E5E5E5; padding-top: 40px; height: 100% !important; margin-bottom: 80px;}
#styrelse strong { font-weight: 600; }
#styrelse h2 { font-weight: normal; font-size: 45px; color: #040707; line-height: 61px; padding-left: 20px;}
#styrelse div.person img { width: 160px; height: auto; display: block;}
#styrelse div.person { width: 160px; height: 320px; float: left; display: inline; margin-left: 50px; margin-right: 50px; margin-bottom: 60px;}



/*****************************
			MODULES
*****************************/

div.white-bg-center-780 {
	font-weight: 200;
	font-size: 18px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 26px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 80px;
	overflow: auto;
}

div.white-bg-center-780.om-oss { margin-top: 80px; clear: both;}
div.brand-story { margin-top: 80px;}
div.brand-story h3 { line-height: 80px;}
div.brand-story strong { color: #00A7E1;}


div.white-bg-center-780 h3 { 
	font-weight: normal;
	font-size: 45px !important;
	color: #040707 !important;
	line-height: 61px;
	margin-bottom: 38px !important;
	
}
div.white-bg-center-780 img {
	margin-top: 120px;
	margin-bottom: 40px;
}

div.white-bg-center-780 a.button { 
	background: #00A7E1;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.10);
	border-radius: 40px;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.57px;
	line-height: 22px;
	display: inline-block;
	margin-top: 65px;
}

#black-bg-three-column {
	background: #000000;
	background: rgba(0,0,0,0.80);
	height: 540px;
	width: 100%;
	text-align: center;
}

#black-bg-three-column h3 {
	font-size: 34px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	margin: 0 !important;
	line-height: 30px;
}

#black-bg-three-column h4 {
	margin-top: 24px;
	font-weight: 200;
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	margin-bottom: 0;
}

div.black-bg-three-column { 
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 110px;
}

div.black-bg-three-column div {
	width: 380px; 
	float: left; 
	display: inline;
	font-weight: 200;
	font-size: 14px;
	color: #ffffff;
	color: rgba(255,255,255,0.70);
	line-height: 19px;
	text-align: left;
	margin-right: 20px;
	margin-top: 63px;
}

div.black-bg-three-column div a {
	font-weight: 600;
	font-size: 16px;
	color: #00A7E1;
	line-height: 22px;
	text-decoration: none;
}

div.black-bg-three-column div p { margin: 0; padding: 0; padding-top: 10px; padding-bottom: 20px;}


div.black-bg-three-column div.column-3 {
	margin-right: 0;
}

div.black-bg-three-column div h3 {
	font-weight: normal;
	font-size: 20px !important;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	text-align: left !important;
}


#image-left-picture-right {
	height: 700px;
	width: 100%;
}

#image-left-picture-right div.left { width: 50%; height: 100%; float: left; display: inline; background: #f7f7f7; background: rgba(0,0,0,0.03); }
#image-left-picture-right div.left div.content { width: 380px; height: 20px; margin-left: auto; margin-right: auto; margin-top: 155px; text-align: center;}
#image-left-picture-right div.left div.content h4 { 
	font-size: 34px !important;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	margin:0;
	padding: 0;
}


#image-left-picture-right div.left div.content p { 
	margin:0;
	padding: 0;
	font-weight: 200;
	font-size: 18px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 26px;
	margin-top: 35px;
	margin-bottom: 10px;
}

#image-left-picture-right div.left div.content a { 
	margin:0;
	margin-top: 66px;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	text-decoration: none;
}


#image-left-picture-right div.right {width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: left top; float: left; display: inline; position: relative;}




img.kvalitet {display: block; position: absolute; left: 20px; bottom: 20px;}
img.miljo {display: block; position: absolute; right: 20px; bottom: 20px;}


#image-right-picture-left {
	height: 700px;
	width: 100%;
}

#image-right-picture-left div.right { width: 50%; height: 100%; float: left; display: inline; background: #f7f7f7; background: rgba(0,0,0,0.03);  }
#image-right-picture-left div.right div.content { width: 380px; height: 20px; margin-left: auto; margin-right: auto; margin-top: 155px; text-align: center;}
#image-right-picture-left div.right div.content h4 { 
	font-size: 34px !important;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	margin:0;
	padding: 0;
}


#image-right-picture-left div.right div.content p { 
	margin:0;
	padding: 0;
	font-weight: 200;
	font-size: 18px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 26px;
	margin-top: 35px;
	margin-bottom: 10px;
}

#image-right-picture-left div.right div.content a { 
	margin:0;
	margin-top: 66px;
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	text-decoration: none;
}


#image-right-picture-left div.left {width: 50%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: right top; float: left; display: inline; position: relative;}


#four-blocks {
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	width: 1180px;
}

#four-blocks a {color: #000; font-weight: 500; text-decoration: none; font-size: 15px;}

#four-blocks div { 
	width: 540px;
	height: 300px;
	float: left; 
	display: inline;
}

#four-blocks div img {
	max-width: 540px !important;
	height: auto;
}


#four-blocks div.first { 
	padding-left: 100px; 
}

#four-blocks div.second { 
	padding-right: 100px;
}

#four-blocks div { 
	width: 540px;
	height: 300px;
	float: left; 
	display: inline;
	font-weight: 200;
	font-size: 14px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 19px;
}

#four-blocks div h3 { 
	font-weight: normal;
	font-size: 34px;
	color: #000000;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	margin-top: 0;
}

#faq-services {
	background: #1D1D1D;
	width: 100%;
	float: left;
	display: inline;
	clear: both;
	padding-top: 120px;
}

#faq-services ul li {
	color: #fff;
	color: rgba(255,255,255,0.70);
	font-size: 14px;
}


div.prodoc-historia {	background: #00A7E1 !important;}

#faq-services div.faq {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}


#faq-services div.faq h2 {
	font-weight: normal;
	font-size: 45px;
	color: #FFFFFF;
	line-height: 61px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:60px;
	margin-top:0;
}


#faq-services div.faq h4 {
	font-weight: normal;
	font-size: 20px;
	color: #ffffff;
	color: rgba(255,255,255,0.87);
	line-height: 30px;
	margin-bottom:10px;
	margin-top:0;

}

#faq-services div.faq div.content, #faq-services div.faq div.handelse {
	display: block;
	width: 380px;
	margin-left: 100px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-bottom: 80px;
}

#faq-services div.faq div.content a, #faq-services div.faq div.handelse a {
	font-weight: 600;
	font-size: 14px;
	color: #00A7E1;
	line-height: 19px;
	text-decoration: none;
}

#faq-services div.faq div.content p, #faq-services div.faq div.handelse p {
	font-weight: 200;
	font-size: 14px;
	color: #ffffff;
	color: rgba(255,255,255,0.70);
	line-height: 19px;
	margin-bottom:0;
	margin-top:0;
}

#faq-services div.faq div.handelse { float: left; display: inline; }
div.historia-contianer {float: left; width: 480px; }


/*****************************
		CATEGORY POST
*****************************/

#category-post-container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
}

#sidebar-post {
	width: 260px;
	height: auto;
	background: #F5F5F5;
	font-weight: 200;
	font-size: 14px;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.87);
	line-height: 19px;
	float: left;
	display: inline;
	padding: 30px;
	margin-bottom: 60px;
}

#sidebar-post img {
	width: 260px;
	height: auto;
}


#sidebar-post form, #sidebar-post input, #sidebar-post label, #sidebar-post textarea  {width: 100% !important;}
#sidebar-post textarea {height: 100px;}
#sidebar-post label {display: none;}


input, textarea, input, textarea, select, select  {
	font-weight: 400;
	font-size: 12px;
	color: rgba(0,0,0,0.40);
	letter-spacing: 0.5px;
	line-height: 17px;	
	border: 0;
	margin-bottom: 10px;
	padding: 10px 0px 12px 11px;
}
#sidebar-post textarea { 	font-family: 'Open sans', verdana;}

#fm-form-3 {width: 100% !important}
#sidebar-post div {width: 100%;}
#sidebar-post #fm_form_submit {
	background: #00A7E1;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.57px;
	line-height: 22px;
	width: 100% !important;
	margin-top: 17px;
	padding: 13px 50px 15px 50px;
}
  input, textarea, select, div.wpcf7-response-output, textarea {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	font-family: 'Open sans', Verdana;
  }
  
  #submit {
	background: #00A7E1;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.57px;
	line-height: 22px;
	width: 100% !important;
	margin-top: 17px;
	padding: 13px 50px 15px 50px;
	cursor: pointer;
	border: none !important;
}

div.form-success, div.wpcf7-mail-sent-ok {background: #00AC4F; color: #fff; font-weight: 300; text-align: center; height: 42px; vertical-align: middle; line-height: 42px; width: 100%;}
div.wpcf7-validation-errors {background: #F66; color: #fff; font-weight: 300; text-align: center; min-height: 42px; vertical-align: middle; line-height: 42px; width: 100%;}
div.screen-reader-response {display: none !important; visibility: hidden;}

/* CONTACT FORM 7 */
img.ajax-loader { max-width: 10px !important; height: auto !important; }
div.wpcf7 ul {display: none !important; visibility: hidden !important;}
span.wpcf7-not-valid-tip { display: none !important;}
.wpcf7-not-valid {border: 1px solid #F66 !important;}

div.screen-reader-response {font-weight: 500 !important; margin-bottom: 10px;}
/* CONTACT FORM 7 */


  #page-main textarea {height: 125px;}
  #page-main input, #page-main textarea, #page-main select, div.popup-container input, div.popup-container textarea, div.popup-container select  {border: 1px solid #CFCFCF; }

  
#page-main img {max-width: 780px; height: auto;}

div.popup-container input.submit, #page-main input.submit {
	background: #00A7E1;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF !important;
	letter-spacing: 0.57px;
	line-height: 22px;
	width: 100% !important;
	margin-top: 17px;
	padding: 13px 50px 15px 50px;
	border: 0;
	cursor: pointer;
	text-align: center;
}

div.support-forms-left {
	width: 45%; float: left; display: inline; margin-right: 10%;
}
div.support-forms-right {
	width: 45%; float: left; display: inline;
}

#kontakt-popup, #kontakt-popup-stang {display: none;}

#category-post {
	width: 780px;
	font-weight: 200;
	font-size: 14px;
	color: rgba(0,0,0,0.87);
	line-height: 19px;
	float: left;
	display: inline;
	margin-left: 80px;
}
#category-post div.image {
	width: 100%;
}

#category-post h1 {
	font-family: 400;
	font-size: 34px;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	border-top: 1px solid #D8D8D8;
	padding-top: 38px;
	margin-bottom: 60px;
	width: 100%;
	display: inline; 
	float: left;
	clear: both;
}

div.category-post-title {width: 100%; float: left; display: inline; clear: both;}
div.category-post-title div.left {
	width: 50%; 
	float: left; 
	display: inline;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	color: rgba(0,0,0,0.40);
	letter-spacing: 1px;
	line-height: 17px;
}

div.category-post-title div.right {
	width: 50%; 
	float: left; 
	text-align: right;
	display: inline; 
	font-weight: 400;
	font-style: italic;
	font-size: 12px;
	color: rgba(0,0,0,0.20);
	line-height: 17px;
}


div.category-post-links { width: 100%; float: left; display: inline; clear: both; margin-bottom: 95px; padding-top: 20px; border-top: 1px solid #D8D8D8; }
div.category-post-links a { text-decoration: none; color: #000; margin:0 auto; }
div.category-post-links img { margin-right: 10px; margin-bottom: -6px; }
div.category-post-links div.left, div.category-post-links div.right, div.category-post-links div.center {
	width: 33%; 
	float: left; 
	display: inline;
	font-weight: 600;
	font-size: 16px;
}

div.category-post-links div.right {
	text-align: right;
}

div.category-post-links div.center {
	text-align: center;
}



div.category-post-content {height: 100%; float: left; display: inline; clear: both; width: 100%;}

div.category-post-content a { color: #00A7E1; text-decoration: none; font-weight: 500;}
div.category-recommend {
	background: #f2f2f2;
	width: 100%;
	clear: both;
	height: 750px;
	padding-top: 65px;
	clear: both;
}
div.category-recommend h4 {
	margin-top:0;
	margin-bottom: 35px;
	font-weight: 400;
	font-size: 20px;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.87);
	line-height: 26px;
}
div.category-recommend h4.instruktionsvideo { width: 100%; text-align: center; 
font-weight: normal;
font-size: 34px;
color: rgba(0,0,0,0.87);
line-height: 46px;
margin-bottom: 55px;
}

div.category-recommend div.news { height: 100px !important;}


#category-pagination {width: 1400px; position: absolute; top: 800px; left: 50%; margin-left: -700px;}
#category-pagination div.left {float: left; }
#category-pagination div.right {float: right;}


#category-pagination a {text-decoration: none; font-size: 80px; font-weight: 100; color: #000;}

#category-header {width: 100%; background: #000; height: 260px; }

#category-main {width: 1180px; margin-left: auto; margin-right: auto; clear: both; margin-top: 90px; overflow: auto;}

#category-header h2 {
	font-weight: 400;
	font-size: 56px;
	color: #FFFFFF;
	line-height: 76px;
	width: 1180px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top:0;
	padding-top: 80px; 
}
#category-header p {
	width: 1180px; 
	margin-left: auto;
	margin-right: auto;
	font-weight: 200;
	font-size: 18px;
	color: #fff;
	color: rgba(255,255,255,0.87);
	line-height: 24px;
	margin-top: 9px;

}

#category-nav {
	margin:0;
	padding:0;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

#category-nav ul {
	margin:0;
	padding: 0;
	list-style: none;
	float: left; display: inline;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 18px;
	width: 100%;
	margin-bottom: 80px;
}


#category-nav ul li a {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	text-decoration: none;
	margin-right: 20px;
}

#category-nav ul li {float: left; display: inline;}

#category-nav ul li a.active {
	color: #00A7E1;
}

#category-main #nyheter-blogg div.news {margin-bottom: 50px;}

div.load-more {width: 100%; margin-top: 100px; clear: both; float: left; display: inline;}


/*****************************
		KONTAKTA OSS
*****************************/

table.kontakt-table, td, tr { margin-top: 60px; font-weight: 300; }

table.kontakt-table td {width: 33%;}

table.kontakt-table a { color: #00A7E1; text-decoration: none; font-weight: 600;}



#kontakt-header {
	background: #00A7E1;
	height: 240px;
	color: #fff;
	width: 100%; 
	margin-bottom: 80px;
}

#kontakt-header h2 {
	margin:0;
	padding: 0;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
	font-size: 45px;
	color: #FFFFFF;
	line-height: 61px;
	padding-top: 80px;
}

#kontakt-container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	overflow: auto;
}

div.valj-stad label { display: inline; width: 31%; padding-right: 4%; }
div.valj-stad select { width: 70%; 	font-weight: 400;
	font-size: 12px;
	color: #000;
	letter-spacing: 0.5px;
	line-height: 17px;	
	border: 1px solid #000;
	padding: 10px 0px 12px 11px;
}
div.valj-stad option, div.valj-stad select  { outline: none;}

div.valj-stad { width: 100%; float: left; 	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 10px; margin-bottom: 40px;     display: table-cell;
    vertical-align: text-bottom;
}


#kontakt-main {
	width: 350px;
	float: left;
	display: inline;
	margin-right: 50px;
	font-size: 18px;
	color: rgba(0,0,0,0.87);
	line-height: 24px;
	font-weight: 200;
}

#kontakt-main strong.rubrik { font-size: 24px; font-weight: 500; padding-top: 20px;}

#kontakt-content {width: 100%; clear: both; float: left; display: inline;}

#kontakt-main a {
	font-weight: 400;
	font-size: 16px;
	color: #00A7E1;
	line-height: 22px;
	text-decoration: none;
}

#kontakt-main h1 {
	margin:0; padding:0;
	font-weight: normal;
	font-size: 34px;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
	margin-bottom: 35px;
}


#kontakt-map {
	width: 780px;
	height: 500px;
	float: left;
	display: inline;
	background: rgba(0,0,0,0.53);
}

#kontakt-footer {
	margin-top: 80px;
	border-top: 1px solid #E5E5E5;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	padding-top: 60px;
}

#kontakt-footer div.location {
	width: 250px; 
	font-weight: 200;
	font-size: 14px;
	color: #212121;
	line-height: 19px;
	float: left;
	display: inline;
	margin-right: 50px;
	height: auto;
	margin-bottom: 60px;
}

#kontakt-footer div.location a {
	color: #00A7E1;
}

#kontakt-footer div.location a h3 {
	font-weight: normal;
	font-size: 20px;
	color: #00A7E1;
	line-height: 26px;
	margin:0;
	padding: 0;
	text-decoration: none;
}
#kontakt-footer div.last { margin-right: 0 !important;}

#kontakt-footer div.location a { text-decoration: none;}


#support-header {
	background: #00A7E1;
	height: 240px;
	color: #fff;
	width: 100%; 
	margin-bottom: 80px;
}

#support-header h1 {
	margin:0;
	padding: 0;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 400;
	font-size: 45px;
	color: #FFFFFF;
	line-height: 61px;
	padding-top: 80px;
}

#support-container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	margin-bottom: 60px;
	overflow: auto;
}

#support-container div.support-pre {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	clear: both;
	text-align: center;
	font-weight: 200;
	font-size: 18px;
	color: #212121;
	line-height: 26px;
}

#support-container div.support-pre h2 {
	font-weight: normal;
	font-size: 45px;
	color: #040707;
	line-height: 61px;
	margin-bottom: 38px;
}

#support-main {
	width: 100%;
	float: left;
	display: inline;
	font-size: 18px;
	color: #212121;
	line-height: 24px;
	font-weight: 200;
	clear: both;
	margin-top: 60px;
}

#support-main h1 {
	margin:0; padding:0;
}
#start-no-login {width: 1180px; margin-left: auto; margin-right: auto; clear: both; margin-top: 80px; overflow: auto;}

#main div.tools h3 {color: #000; margin-top: 40px;}
#support-main div.tools, #page-main div.tools, #main div.tools {
	width: 280px;
	height: 240px;
	position: relative;
	text-align: center;
	background-color: #F7F7F7;
	float: left; 
	display: block;
	margin-right: 20px;
	margin-bottom: 40px;
}

#support-main div.tools.last, #page-main div.tools.last, #main div.tools.last {
	margin-right: 0 !important;
}

#support-main div.tools.help, #page-main div.tools.help, #main div.tools.help {
	padding: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	color: #202020;
	line-height: 22px;
}


#support-main div.tools.help h3, #page-main div.tools.help h3, #main div.tools.help a h3 {
	font-weight: normal;
	font-size: 20px;
	color: #202020;
	line-height: 26px;
}


#support-main div.tools.help a, #page-main div.tools.help a, #main div.tools.help a {
	font-family: 600;
	font-size: 16px;
	color: #000000;
	line-height: 22px;
	text-decoration: none;
}

#support-main div.tools img, #page-main div.tools img, #main div.tools img {
	margin-top: 70px;
}

#support-main div.tools div.tool, #page-main div.tools div.tool, #main div.tools div.tool {
	width: 100%;
height: 66px;
position: absolute;
bottom: 0px;
background: #00A7E1;
line-height: 24px;
vertical-align: middle;
text-align: center;
font-weight: normal;
font-size: 18px;
color: #FFFFFF;
padding: 15px 0 0;
}


/*****************************
			FAQ
*****************************/

#page-main.faq h2 {
	font-weight: normal;
	font-size: 20px;
	color: rgba(0,0,0,0.87);
	line-height: 26px;
	margin-top: 60px;
} 

#page-main.faq h3 {
	font-family: 500;
	font-size: 16px;
	color: #00A7E1;
	border-top: 1px solid #D8D8D8;
	margin:0;
	padding:0;
	cursor: pointer;
	display: inline-block;
	height: auto !important;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

#page-main.faq h3 img {
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-bottom: 1px;
}

#page-main.faq div a {color: #00A7E1; text-decoration: none; font-weight: 500;}


/*****************************
			OM OSS
*****************************/

#samarbeten {
	background: #333;
	width: 100%;
	height: 125px;
	clear: both;
	line-height: 150px;
	text-align: center;
	vertical-align: middle;
}

/*****************************
			POPUP
*****************************/

#popup-background a.close { position: absolute; right: 40px; top: 40px; }
#popup-background { width: 100%; height: 100%; left:0; top: 0; position: fixed; z-index: 99999; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.50); }
.loading { background-image: url(images/loading.svg); background-repeat: no-repeat; background-position: 50% 50%; }
div.popup-container {    
	position: fixed;
    top: 50%;
    left: 50%;
    margin: -390px 0 0 -390px;
    width: 780px;
    height: 380px;
    background-color: #fff;
    overflow: auto;
	padding: 80px 95px 90px 95px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
	z-index: 9999999;
}

div.popup-container h1 {
	font-weight: normal;
	font-size: 34px;
	color: rgba(0,0,0,0.87);
	line-height: 46px;
}

div.popup-container {
	font-weight: 200;
	font-size: 18px;
	color: rgba(0,0,0,0.87);
	line-height: 24px;
	text-align: center;
}

div.tyck-till-om-oss {height: auto; width: 500px; margin: -352px 0 0 -250px; text-align: left; font-size: 15px;}
div.video-popup {
	width: 980px; height: 551px; margin: -275px 0 0 -490px;
}

div.video-popup div.ssba-wrap {display: none;}

div.video-popup iframe,  
div.video-popup object,  
div.video-popup embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

#popup-background h2.video-popup {
	font-weight: normal;
	font-size: 34px;
	color: #FFFFFF;
	line-height: 46px;
	text-align: center;
	position: fixed;
    top: 45%;
    left: 50%;
    margin: -285px 0 0 -390px;
    width: 780px;
	height: 80px;
}

#logga-in {width: 400px; margin-left: auto; margin-right: auto; background: #000; padding: 30px; color: #fff; font-weight: 100; margin-top: 60px; margin-bottom: 60px;}
#logga-in input {width: 100%; padding: 10px;}


#partnerprogrammet-wrap { width: 1120px; background: url(images/om-partner-programmet-bg.png) no-repeat #fff; margin-left: auto; margin-right: auto; clear: both; height: 1400px;}
#partnerprogrammet { width: 960px; margin-left: 115px;}

#partnerprogrammet ul, #partnerprogrammet ul li { margin: 0; padding: 0; list-style: none; font-size: 13px;}
#partnerprogrammet ul li.header { padding-top: 10px; font-size: 18px; font-weight: normal;}
#partnerprogrammet h2 { font-size: 24px; color: #67a5d5; padding:0; margin: 0; padding-bottom: 15px; font-weight: normal;}
#partnerprogrammet ul, #partnerprogrammet h2 {  }
#partnerprogrammet span { font-size: 13px; color: #499cca;font-weight: normal;}

#partnerprogrammet .sec ul li { font-size: 24px !important; }
#partnerprogrammet .third ul li { font-size: 18px !important; }

#partnerprogrammet .first { margin-left: 30px; width: 930px; display: inline; float: left; height: 300px; margin-top: 47px;}
#partnerprogrammet .sec { margin-left: 80px; margin-top: 60px; width:860px; display: inline; float: left; height: 435px;}
#partnerprogrammet .third { width:900px; text-align: center; display: inline; float: left; }
#partnerprogrammet .third ul { margin-bottom: 300px; color: #fff; margin-top: 40px !important;}
#partnerprogrammet .third .las-mer a { margin-bottom: 300px; color: #fff; font-size: 13px; color: #fff; text-decoration: none; padding-left: 10px;}




#nivaer .pabyggt {margin-top: 10px !important; margin-bottom: 5px !important; font-weight: bold !important;}

#nivaer-wrap { width: 1076px; background: url(images/nivaer-bg.png) no-repeat #fff; margin-left: auto; margin-right: auto; clear: both; height: 2400px;}
#nivaer { width: 960px; margin-left: 60px;}

#nivaer #partner { height: 600px; clear: both; float: left; display: inline; margin-top: 60px;}
#partner h3 { color: #fff; font-weight: normal; margin:0; padding: 0; font-size: 32px; margin-bottom: 20px;}

#nivaer #business-partner { height: 600px; clear: both; float: left; display: inline; margin: 0;}
#business-partner h3 { color: #fff; font-weight: normal;  margin:0; padding: 0; font-size: 32px; margin-bottom: 20px;}

#nivaer #strategic-partner { height: 600px; clear: both; float: left; display: inline;}
#strategic-partner h3 { color: #fff; font-weight: normal;  margin:0; padding: 0; font-size: 32px; margin-bottom: 20px;}

#nivaer #enterprise-partner { height: 540px; clear: both; float: left; display: inline;}
#enterprise-partner h3 { color: #fff; font-weight: normal;  margin:0; padding: 0; font-size: 32px; margin-bottom: 20px;}


#nivaer #partner ul { margin:0; padding: 0; width: 590px; color: #fff; margin-left: 320px; float: left; display: inline; clear: both; margin-top: 80px;}
#nivaer #partner ul li { margin:0; padding: 0; width: 590px; font-size: 13px; font-weight: normal;float: lefT; display: inline; margin-left: 0px; margin-bottom: 5px;}
#nivaer #partner ul li.rubrik { margin:0; padding: 0; width: 590px; font-size: 16px; font-weight: normal; margin-bottom: 20px;}

#nivaer #business-partner ul { margin:0; padding: 0; width: 590px; color: #fff; margin-left: 60px; float: left; display: inline; clear: both; margin-top: 80px;}
#nivaer #business-partner ul li { margin:0; padding: 0; width: 590px; font-size: 13x; font-weight: normal;float: lefT; display: inline;}
#nivaer #business-partner ul li.rubrik { margin:0; padding: 0; width: 590px; font-size: 16x; font-weight: normal; margin-bottom: 20px;}

#nivaer #strategic-partner ul { margin:0; padding: 0; width: 590px; color: #fff; margin-left: 320px; float: left; display: inline; clear: both; margin-top: 70px;}
#nivaer #strategic-partner ul li { margin:0; padding: 0; width: 590px; font-size: 13px; font-weight: normal;float: lefT; display: inline; margin-left: 0px;}
#nivaer #strategic-partner ul li.rubrik { margin:0; padding: 0; width: 590px; font-size: 16px; font-weight: normal; margin-bottom: 20px;}

#nivaer #enterprise-partner ul { margin:0; padding: 0; width: 590px; color: #fff; margin-left: 60px; float: left; display: inline; clear: both; margin-top: 80px;}
#nivaer #enterprise-partner ul li { margin:0; padding: 0; width: 590px; font-size: 13px; font-weight: normal;float: lefT; display: inline;}
#nivaer #enterprise-partner ul li.rubrik { margin:0; padding: 0; width: 590px; font-size: 16px; font-weight: normal; margin-bottom: 20px;}




#ansok { width: 960px; height: 600px; background: url(images/ansok-bg.png) top no-repeat;  color: #fff; text-align: center; overflow-y:hidden;  overflow-x:hidden; }
#ansok h1 { font-size: 22px; }
#ansok-form { background: url(images/ansok-form-bg.png) repeat; width: 380px; padding-top: 5px; padding-bottom: 5px; height: 100%;  float: right; display: inline;}

#ansok-enkelt { background: url(images/ansok-form-bg.png) repeat;  padding: 20px; float: left; display:inline; width: 350px; text-align: left; margin-left: auto; margin-right: auto; margin-left: 300px; margin-top: 80px; }

#ansok-overlay { background: url(images/ansok-form-bg.png) repeat;  padding: 15px; position: absolute; margin-left: 300px; bottom: 15px; width: 200px; height: auto; text-align: left;}


#ansok-overlay a {color: #fff;}

#ansok-form input, #ansok-form textarea, #ansok-enkelt input { 
	width: 100%; 
	border: 0;    
	-webkit-border-radius:2px; 
	-moz-border-radius:2px; 
	border-radius:2px; 
	padding: 8px;
	width: 300px; 
   }
#ansok-enkelt h1 { color: #fff; }
   
#ansok-form textarea { height: 30px;     resize: none; overflow: auto;}
#ansok-form label { width: 100%; text-align: left; float: left; padding-left: 30px; padding-bottom: 2px; }
#ansok-form .user-submit, #ansok-enkelt .user-submit { background: #3c7c9f; color: #fff; width: auto; padding: 10px; font-weight: bold; font-size: 18px;
   -moz-border-radius:4px; 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   }
   
input, textarea, select { font-family: 'Open Sans', sans-serif; }



/***********************
		DROPDOWN-NAV 
************************/


div.kontaktguide-block {
	border-top: 1px solid #ccc; width: 100%; margin-top: 20px; margin-bottom: 20px; clear: both; float: left; 
}
div.kontaktguide-block div.left {
	width: 65%; float: left; display: inline; padding-right: 3%;
}
div.kontaktguide-block div.right {
	float: left; width: 28%; background: #000; color: #fff; padding: 2%; margin-top: 20px;
}



/***********************
		TOOLS
************************/
#category-main div.tool {width: 326px; height: 166px; position: relative; margin-right: 101px; float: left; display: inline; margin-bottom: 80px;}
#category-main div.tool.last {margin-right: 0 !important; }

#category-main div.tool div.caption {width: 100%; background: rgba(0,0,0,0.8); min-height: 80px; position: absolute; bottom: 0; left: 0; font-size: 14px; font-weight: 200; margin: 0; padding: 0; padding: 9px 21px 9px 21px; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box; }
#category-main div.tool div.caption h3 {font-weight: normal; font-size: 20px; color: #FFFFFF; line-height: 31px; margin: 0; padding: 0; }
#category-main div.tool div.caption p {padding:0; margin: 0;}

#category-main a div.tool {color: #fff !important; text-decoration: none; }


/***********************
	LOGGED IN USER
************************/

div.logged-in-user-avatar img {width: 30px; height: auto; border-radius: 100px; display: inline-block; vertical-align: middle; line-height: 40px; margin-right: 13px;}
div.logged-in-user-avatar { float: left; display: inline; width: 200px; height: 40px; vertical-align: middle; line-height: 40px;}
a.showprofile { color: #fff; text-decoration: none;}

div.logged-in-user-content {  height: 80px; position: absolute; top: 80px; background: #ccc; color: #fff; width: 250px; color: #fff; line-height: 20px !important; font-size: 12px; z-index: 9998; padding: 10px 20px 10px 20px; font-weight: 200; display: none;}

a.showprofile:hover + div.logged-in-user-content {
 display:block;
 
}

/***********************
	PROFILE
************************/

.profile-image {border-radius: 99px; width: 48px; height: auto; margin-right: 20px; vertical-align: text-bottom;}




/* PRODUKTER */



#product_info { width: 750px; float: right; display: inline; margin-bottom: 20px; }
.product_img { border: none; border:0; width: 200px; height: auto;}
#product_info .ingress {width: 100%; float: left; clear: both; display: inline; }
#product_info .body {height: 200px; width: 100%; float: left; clear: both; display: inline; margin-top: 20px;}
#product_info .custom {float: left; clear: both; display: inline;}
#product_info span.body_text { display: inline; float: left; width: 500px; font-size: 13px; font-weight: normal;}
#product_info span.ingress_text { display: inline; float: left; width: 500px; font-family: 'Open sans', Verdana; font-size: 22px; font-style: normal;}
#product_info span.ingress_text p { }


#product_info span.namn { font-size: 28px; float: left; display: inline; margin-bottom: 10px; width: 300px;}
#product_info span.namn_wide {float: left; display: inline; clear: both; font-size: 22px; margin-bottom: 20px; }
#product_info span.body_text_wide { display: inline; float: left; width: 600px; font-size: 22px; font-weight: normal;}
#product_info span.ingress_text_wide { display: inline; float: left; width: 575px;  margin-bottom: 10px; font-family: 'Open sans', Verdana; font-size: 22px; font-style: italic;}

ul#options { margin:0; padding: 0; float: left; display: block; clear: both; margin-top: 30px; width: 460px; }
ul#options li { float: left; display: block; margin-right: 20px; font-size: 11px;}
ul#options li span {display: inline; float: left; line-height:13px; vertical-align: middle; font-size: 13px;}
ul#options li img { float: left; display: inline; margin-right: 5px; width: 13px !important; height: 13px !important}

ul#spec { margin:0; padding: 0;float: left; display: inline; clear: both; width: 460px; margin-top: 20px; font-size: 11px;}
ul#spec li { width: 100%; list-style: none; display: block; float: left; clear: both; width: 460px; border-bottom: 1px solid #D1393F;}
ul#spec li textarea {width: 220px; border: none; height: auto; padding: 4px; height: 20px; overflow: auto;}
ul#spec li.head { background: #323232; color: #fff; font-size: 13px; padding-left: 2px; margin-top: 25px;}
ul#spec li span {width: 220px; display: inline; float: left; background: inherit; padding: 4px;}
ul#spec h5 { font-size: 16px;  font-weight: 700;}

ul#product_files {margin:0; padding: 0;float: left; display: inline; clear: both; margin-top:30px; width: 460px; }
ul#product_files li {float: left; display: inline; clear: both; margin-bottom: 15px; line-height: 32px; vertical-align: middle;}
ul#product_files li a { color: inherit; text-decoration: none; margin-left: 12px;  font-size: 12px; font-weight: normal; float: left; display: inline;}
ul#product_files li a:hover { text-decoration: underline;}
ul#product_files li img {float: left; display: inline;  }
ul#product_files li input { width: 160px;}
ul#product_files li a.delete {float: right; display: inline;}

ul#files {margin:0; padding: 0; float: left; display: inline; clear: both; margin-top:30px; width: 460px; }
ul#files li {float: left; display: inline; clear: both; margin-bottom: 15px; line-height: 32px; vertical-align: middle;}
ul#files li a { color: #535354; text-decoration: none; font-size: 11px; margin-left: 12px;  font-size: 14px; font-weight: normal; float: left; display: inline;}
ul#files li a:hover { text-decoration: underline;}
ul#files li img {float: left; display: inline;  }
ul#files li input { width: 160px;}
ul#files li a.delete {float: right; display: inline;}

#pro_left {float: left; display: inline; width: 200px; margin-right: 30px; margin-bottom: 10px;}
#pro_left small {font-size: 9px; display: inline; clear: both; float: left;}
#pro_right {float: left; display: inline; width:200px;}

ul#product_body { color: #333 !important; width: 730px; float: right; display: inline; margin-bottom: 20px; margin:0; padding:0; }
ul#product_body li { width: 100%; list-style: none; border-bottom: solid 1px #ccc; padding-top: 20px; padding-bottom: 20px;  float: left; clear: both; margin: 0 auto; display: inline;}
.product { float: left; display: inline; width: 180px; }
ul#product_body li:hover { border-bottom: solid 1px #D1393F;}
ul#product_body li span { float: left; display: inline; width: 500px; padding-top:5px; padding-bottom: 5px;}

ul#product_body li span h6 { color: #333; font-size: 18px; font-weight: 500; margin: 0; padding: 0 !important;}
ul#product_body li p.ingress { color: #333; font-weight: normal; padding-top: 8px; font-size: 12px; display: inline; float: left; width: 100%;}
ul#product_body li img.arrow { border:0; border: none; margin: 0 auto; display: inline; float: left;}
ul#product_body li img {border: none; border: 0; width: 150px; height: auto;}

#produkter { margin-left: 70px; margin-top: 40px; float: left; display: inline; width: 850px; font-size: 13px; color: #616362; }
#produkter h1 { font-size: 32px; font-weight: normal; color: #616362; margin-top: 0; border-bottom: 5px #616362 solid; padding-bottom: 10px; width: 850px;}

ul#arkiv { margin-right: 120px !important; float: left; display: inline; margin: 0; padding: 0; width: 240px;  list-style: none; border-right: 1px solid #eee; }
ul#arkiv li {  float: left; display: inline; margin: 0; padding: 0; width: 100%; list-style: none; clear: both;  font-size: 14px; color: #616362; margin-bottom: 17px;}
ul#arkiv li a { color: inherit; font-weight: 500; font-size: 14px; text-decoration: none;}
ul#arkiv li small { color: #499cca; font-weight: 300; font-size: 10px; text-decoration: none;}

ul#arkiv.produkter { background:url(images/produkter-dots.png) no-repeat; padding-top: 10px; margin-top: 0; width: 300px; }
ul#arkiv.produkter span.nyhet { color: red; font-size: 10px;}

#support-left {width: 500px;}

ul#support-stader {float: left; margin:0; padding:0; width: 100%;}
ul#support-stader li {float: left; margin:0; padding:0; width: 150px;}

#support-karta {float: left; display: inline; margin-left: 60px;}
#support-karta img { width: 300px; height: auto; border-radius: 5px;}
#support-button {float: left; display: inline; clear: both; margin-top: 20px;}


h1.entry-title {border-bottom: 1px solid #dedede; padding-bottom: 9px; width: 1180px; margin-left: auto; margin-right: auto;}
.product_img {width: 200px !important; height: auto;}
.product_img_wide {width: 580px !important; height: auto;}
div#pro-container { width: 1180px; margin-left: auto; margin-right: auto;}



/***********************
		DROPDOWN-NAV 
************************/

ul.sub-menu {display: none; background: #00A7E1 !important; width: 800px; position: absolute; color: #fff; top: 140px; z-index: 99999; list-style: none; margin:0; padding: 0; }
ul.sub-menu li a {color: #fff !important; }
ul.sub-menu li {width: 160px; float: left; display: inline;  padding: 0; margin: 0; line-height: 20px; list-style: none; padding-left: 20px;}

ul.sub-menu li ul.sub-menu {width: 140px; float: left; display: inline; position: relative; top: 0; left: 0; }
ul.sub-menu li ul.sub-menu li { padding-left: 0;}

ul.sub-menu li#menu-item-6840.rubrik a, ul.sub-menu li#menu-item-6839.rubrik a, ul.sub-menu li#menu-item-6817.rubrik a,
ul.sub-menu li#menu-item-9709.rubrik a {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
	color: #FFFFFF;
	letter-spacing: 0.43px;
}

ul.sub-menu li#menu-item-6840.rubrik li a, ul.sub-menu li#menu-item-6839.rubrik li a, ul.sub-menu li#menu-item-6817.rubrik li a,
ul.sub-menu li#menu-item-9709.rubrik li a {
	font-weight: 300;
	text-transform: none;
	font-size: 14px;
	color: #FFFFFF;
}

li.padding-top {padding-top: 20px !important;}

ul.sub-menu li#menu-item-6840, ul.sub-menu li#menu-item-6839, ul.sub-menu li#menu-item-6817, ul.sub-menu li#menu-item-9709 {padding: 20px;}

ul.sub-menu li.produkt-rubrik a { pointer-events: none;cursor: default;}

ul.sub-menu li.produkt-rubrik li a {  cursor: pointer; pointer-events: auto !important;}


#menu-item-1548 ul.sub-menu {width: 200px !important; padding: 10px;}
#menu-item-1548 ul.sub-menu li { float: left; display: inline; clear: both; font-weight: 300; padding-top: 5px;}



.buzz-container {width: 100%; margin-top: 20px; float: left; clear: both;}
.buzz {width: 100%; float: left; clear: both; margin-bottom: 10px; }

a.buzz {color: #D0393F; text-decoration: none;}


div.options { width: 100%; float: left; display: inline; }
a div.options { color: #333 !important; text-decoration: none; font-size: 13px;}
img.dot {  margin-left: 20px; width: 13px !important; height: 13px !important;}
img.dot.first {  margin-left: 0; }


div.product-image {height: 100%; width: 150px; float: left; display: inline; overflow: auto;}


/***********************
	    BLOGG 
************************/


div.news-image, div.news-content, div.blogg-hr, div.blogg-placeholder, div.kommentarer {width: 100%; float: left; display: inline; clear: both; overflow: auto; }

div.blogg-hr {border-bottom: 1px solid #ccc; margin-bottom: 80px; padding-top: 60px;}

div.blogg-rubrik small {font-size: 12px; position: relative; top: -50px; left: 80px;}

img.bloggare {width: 64px !important; border-radius: 50%; border: 2px solid #00A7E1; margin-right: 20px; float: left; display: inline; }

ul.comment-list {margin:0; list-style: none !important; padding: 0; }

ul.comment-list li {margin:0; padding: 0; list-style: none !important; border-bottom: 1px solid #ccc; padding-top: 10px; float: left; display: inline; clear: both; width: 100%;}

.avatar-50, .avatar {width: 50px !important; border-radius: 50%; border: 2px solid #00A7E1; margin-right: 20px; float: left; display: inline; }

.form-allowed-tags, .logged-in-as, #commentform label, .says, .comment-edit-link {display: none;}

#comment {float: left; display: inline; clear: both; width: 100%; margin-bottom: 20px; height: 60px;}

h3#reply-title {margin-top: 40px;}

cite.fn {font-weight: 400; font-style: normal; font-size: 18px;}
cite.fn a {font-weight: 400; font-style: normal; font-size: 18px; color: #000 !important; color: rgba(0,0,0,0.87) !important;}


a.url, .comment-meta a {
   pointer-events: none;
   cursor: default;
   text-decoration: none;
   color: #616362;
}

h2.comments-title { border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 4px;}

.comment-author, .comment-meta {font-size: 13px;}
input#submit { background: #00A7E1;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.57px;
	line-height: 22px;
	width: 100% !important;
	margin-top: 17px;
	padding: 13px 50px 15px 50px;}
a.url, .comment-meta a {font-size: 10px;}

.comment-count {background: url(images/comments.png); width: 40px; height:40px; line-height: 37px; vertical-align: middle; font-size: 11px; color: #fff; text-align: center; float: left; display: inline;}
.read-comments {float: left; display: inline; margin-left: 7px; margin-top: 10px;}

.comment-list p {float: left !important; display: inline !important; width: 470px;}

#respond {margin-top: 0px !important; float: left; display: inline; width: 535px;}

#comments {clear: both; padding-top: 20px;}
.avatar-50 {}

.blogg-avatar {float: left; display: inline; width: 80px;}
#blogg-rubrik {float: left; display: inline; width: 450px;}
#blogg-rubrik h1 {float: left; display: inline; width: 450px;}
#blogg-placeholder {width: 552px; float: left; display: inline; clear: both;}


/***********************
  BESTÄLLNINGSFORMULÄR 
************************/
form.bestallning input, form.bestallning textarea {border: 1px solid #ccc !important; float: left; display: inline; }
ul.bestallning {float: left; display: inline; }
ul.bestallning li {list-style: none; }
ul.bestallning li input {margin-bottom: 10px;}
ul.bestallning li input.antal { width: 50px; display: inline; float: left;}
ul.bestallning li input.artikel { width: 140px; display: inline; float: left; margin-left: 10px;}
ul.bestallning li input.benamning { width: 140px; display: inline; float: left; margin-left: 10px;}
ul.bestallning li input.modell { width: 140px; display: inline; float: left; margin-left: 10px;}

ul.bestallning p {margin-top: 20px; display: inline;}
ul.bestallning p.antal {}
ul.bestallning p.artikel {margin-left: 45px;}
ul.bestallning p.benamning {margin-left: 65px;}
ul.bestallning p.modell {margin-left: 65px;}

.dolj {display: none;}


.ieonly{display: none;}
.notie{display: inline;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ieonly{display: inline;}
   .notie{display: none;}
}



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}