/* @override http://www.olofssonsbygg.se/templates/olofssons/css/template.css */

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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

html {overflow-y: scroll;}body{
}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{
	font: 13px/16px Arial,"Trebuchet MS","Lucida Grande",Verdana;
	color: #535353;

}

/* @group Layout */

/* @group tjänster */

div.col1 {
	float: left;
	width: 280px;
	margin-right: 50px;
}

div.col2 {
	float: left;
	width: 262px;
}

div.col1 h2 a, div.col2  h2 a {
	background-color: #edc82f;
	color: #333;
	font-size: 18px;
	border: 1px solid #c8c8c8;
	width: 100%;
	float: left;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 17px;
	text-transform: uppercase;
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
	position: relative;
}

div.col1 h2 span, div.col2  h2 span {
	position: absolute;
	right: 19px;
	top: 6px;
}

div.col1 ul, div.col2 ul {
	background-color: #f9f7f7;
	color: #333;
	font-size: 13px;
	border: 1px solid #c8c8c8;
	width: 100%;
	float: left;
	margin-bottom: 27px;
	padding: 16px 10px 11px 7px;
	line-height: 19px;
}

div.col1 ul li, div.col2 ul li {
	margin-bottom: 9px;
	background-position: 0 6px !important;
}



/* @end */

div#yoo-zoo.yoo-zoo.blog-default.blog-default-startsidan h3 {
	margin-bottom: -3px;
}

#header a img.logo {
	margin-top: 4px;
}

.container_12 .grid_9{width: 697px;}

div.frontpage-slideshow {
	float: left;
	clear: both;
	margin-top: 0;
}

div.inside {
	padding: 20px 40px 30px;
	border: 1px solid #dadada;
}

/* @group ZOO ITEM */

.item div.pos-media.media-right {
	float: right;
	background-color: #e9e9e9;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
}

div.images-container {
	float: right;
	width: 282px;
	margin-right: 0;
	padding-left: 30px;
}

div.pos-top {
	float: left;
	position: relative;
	left: -8px;
}

div.pos-top p {
	margin-bottom: 0;
	font-size: 11px;
	color: #a2a2a2;
	margin: 0;
}

div#zoo-gallery-1.yoo-zoo.yoo-gallery.lightbox.default {
	float: left;
	
	padding-top: 0;
	margin-right: -20px;
	margin-left: -4px;
	margin-top: -6px;
}

div.element.element-gallery{
	float: left;
	margin-right: -20px;
	margin-left: 2px;
	margin-top: 11px;
	width: 280px;
}

#yoo-zoo div.item div.pos-bottom div.element {
	margin-bottom: 19px;
	font: 13px/16px Arial,"Trebuchet MS","Lucida Grande",Verdana;

}



#yoo-zoo div.item div.pos-bottom div.element h3 {
	margin-bottom: 0;
	font-weight: bold;
}



/* @end */

/* @group ZOO ITEM LIST MODULE */

div.zoo-item.list-v ul {
	list-style-type: none !important;
	padding-left: 0;
	margin-left: 0;
}

div.zoo-item.list-v ul li {
	list-style-type: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	background-image: none !important;
	float: left;
	clear: both;
	width: 100%;
	border-top: 1px solid #c4c4c4;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

div.zoo-item.list-v ul li div.element.element-itemlink.last  {
	float: right;
	font-size: 12px;
	font-weight: bold;
}



div.zoo-item.list-v ul li div.description {
	float: left;
	font-size: 12px;
	line-height: 21px;
}

div.zoo-item.list-v ul li h3 {
	margin: 0;
	padding: 0;
}

table.referenslista {
	width: 100%;
}

table.referenslista td {
	vertical-align: top;
	padding-left: 15px;
}

table.referenslista td.media {
	padding-right: 15px;
	width: 106px;
	border-right: 1px solid #e4e4e4;
	padding-left: 0;
}

table.referenslista div.element.element-gallery{
	float: left;
	margin-right: 0;
	margin-left: -2px;
	margin-top: 0 !important;
	width: 400px;
}



/* @end */



/* @end */

/* @group corners */

#mycontent div.corners-container-top {
	width: 100%;
	z-index: 910;
	float: left;
	position: relative;
	top: 11px;
	margin-top: -11px;
	padding: 0;
}

#mycontent div.corners-container-bottom {
	width: 100%;
	z-index: 910;
	float: left;
	position: relative;
	top: -11px;
	margin-bottom: -11px;
	padding: 0;
}

div.corners-container-top {
	width: 696px;
	z-index: 910;
	float: left;
	position: relative;
	top: 11px;
	margin-top: -11px;
}




div.corners-container-top div.corner-left {
	width: 11px;
	height: 11px;
	background: url(../images/corners.png) -11px -11px;
	float: left;
	
}

div.corners-container-top div.corner-right {
	width: 11px;
	height: 11px;
	background: url(../images/corners.png) 0 -11px;
	float: right;
}

div.corners-container-bottom {
	width: 696px;
	z-index: 910;
	float: left;
	position: relative;
	top: -11px;
}

div.corners-container-bottom div.corner-left {
	width: 11px;
	height: 11px;
	background: url(../images/corners.png) -11px 0;
	float: left;
}



div.corners-container-bottom div.corner-right {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/corners.png) 0 0;
}








/* @end */

/* @group menu */

div.grid_1.push_7.right ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.grid_1.push_7.right ul.menu li {
	margin: 6px 0;
	padding: 0;
	width: 167px;
	height: 39px;
	background: url(../images/li_button.gif) no-repeat;
}

div.grid_1.push_7.right ul.menu li.active, div.grid_1.push_7.right ul.menu li.active:hover {
	background: url(../images/li_button-active.gif) no-repeat;
}


div.grid_1.push_7.right ul.menu li:hover {
background: url(../images/li_button-hover.gif) no-repeat;
}

#area_content div.grid_1.push_7.right div.moduletable div.module_body ul.menu li a {
	font-size: 16px;
	color: #3b3b3b;
	line-height: 38px;
	width: 137px;
	height: 39px;
	padding-left: 30px;
	float: left;
	text-shadow: rgba(255,255,255,0.8) 0 1px 0;
}



/* @end */

a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{
	font-size: 29px;
	margin-bottom: 17px;
	color: #b8140c;
	text-transform: uppercase;
	line-height: 40px;
	
}

body#id1 h1{

	color: #000;
	margin-bottom: 6px;
}

body#id1 .pos-content p{
	margin-bottom: -2px;
}

.item img
 {
	border: 3px solid #d6d6d6 !important;
}

.item .images-container  img,
img.no-border
 {
	border: none !important;
}

h2{
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 4px;
	padding-top: 20px;
	color: #5a5a5a;
}

h3{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #535353;
	font-weight: normal; !important
	font-style: normal; !important
}

h4{
	font-size: 15px;
	color: #535353;
	margin-top: 0;
	margin-bottom: 2px;
}

h5{
	font-size:14px
}

h6{
	font-size:13px
}

span.highred {
	color: #b8140c;
	text-transform: uppercase;
}

p{
	color: #535353;
}

ol{list-style:decimal}ul{list-style:disc;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

div.grid_9.maincontent  ul li {
	margin-left: 11px;
	background: url(../images/li.png) no-repeat 0 8px;
	padding-left: 19px;
}


#headWrapper{
	height: 120px;
	overflow: hidden;
	background-image: url(../images/header_bg.png);
}

#footerWrapper{
	height: auto;
	overflow: hidden;
}

#footer{
	height: auto;
	min-height: 178px;
	background: url(../images/footerfade.png) repeat-x;
}

#footer a{
	color: #898988;
}

#footer a:hover{
	color: #b8140c;
}

#footerdiv .module{
	width: auto;
	margin: 17px auto;
	text-align: center;
	width: 100%;
}

#footerdiv .module{
	color: #898988;
	font-size: 11px;
}

#headerWrapper {
	height: 120px;
	overflow: hidden;
}

#header{
	float: left;
	height: 120px;
	overflow:hidden;
	width: 265px;
	margin-top: 0px;
}

#header-right{
	float: right;
	height: 71px;
	overflow:hidden;
}

/* TOP MENU */

#menu{
	height: 35px;
	width: auto;
	overflow:hidden;
	margin-top: 29px;
	float: right;
}

#menu ul { 
	list-style: none; 
	margin: 0px;
	
	
}

#menu ul li { 
	float: left; 
	margin: 0px auto;
	height: 35px;
	line-height: 39px;
	padding: 0px;
}

#menu ul li a {
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	padding: 0px 17px 0px 17px;
	color:#50171a;
	font-weight: bold;	
	margin-left: auto;
	height: 30px;
	text-transform:uppercase;
}

#menu ul li span{
	margin-left: auto;
	margin-right: auto;
	text-shadow: rgba(252,254,255,0.42) 0 1px 0;
}

#menu ul li.current, #menu ul li.haschild-active  { 
	background: url(../images/link_active_left.gif) top left;
	background-repeat: no-repeat;

	
}

#menu ul li.current a, #menu ul li.haschild-active a {
	height: 35px;
	color: #edc117;
	background: url(../images/link_active_right.gif) top right;
	background-repeat: no-repeat;
	padding: 0px 7px 0px 7px;

}

#menu ul li.current a span, #menu ul li.haschild-active a span {
	display: inline-block;
	height: 35px;
	background: url(../images/link_active_bg.gif);
	background-repeat: repeat-x;
	padding: 0px 10px 0px 10px;
	text-shadow: #544a16 0 1px 0;

}

#menu ul ul {
	position: absolute;
	list-style: none;
	margin: 0 0 0 9px;
	left: -9999px;
	z-index: 9999;
}

#menu ul ul ul {
	top: 0;
	margin: 0 0 0 300px;
	left: -9999px;
	z-index: 9999;
}

#menu ul ul li {
	margin: 0;
	float: none;
}
 
#menu ul ul li a {
	margin: 0;
	padding: 10px;	
	border-right: none;
}
 
#menu ul ul a, #menu ul li#current ul a {
	width: 280px;
	font-size: 16px;
	text-align: left;
	margin: 0;
	background: none;
}
 
#menu ul ul li a:hover, #menu ul li#current ul li a:hover {
	background: #87ce13;
}
 
#menu ul li:hover ul, #menu ul li.hover ul {left: auto;}
#menu ul li:hover ul ul, #menu ul li.hover ul ul {left: -9999px;}
#menu ul ul li:hover ul, #menu ul ul li.hover ul { left: auto; }

/* END TOP MENU */

/*--MAIN AREA--*/
#main_wrapper { line-height: 1.9em; font-size: .9em; }
#main_area_wrapper {  }
#area_content {
	padding: 0px 0px 20px 0px;	
}


#mycontent{
	margin-top: 0px;
	background-color: #fff;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#mycontent_wrap{
	min-height: 105px;
	margin: 0px 11px;
	padding-top: 0px;
	background: url(../images/content_bg.gif) repeat-x;
}

div.module-fpss{
	position: relative;
}

.moduletable_menu{
	width: 100%;
	margin-bottom: 10px;
}

.moduletable_menu ul { 
	list-style: none; 
	margin: 0; 
}

.moduletable_menu ul li { 
	margin-left: auto;
	height: auto;
	line-height: 40px;
	padding: 0px;
	border-bottom: 1px solid #F7F7EF;
}

.moduletable_menu ul li.active{
	background: url(../images/link_haschild_top.jpg) no-repeat top #3C3E3B;
	
}

.moduletable_menu ul li a {
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color:#636363;
	font-weight: bold;
	background:url(../images/link_left_arrow.jpg) no-repeat 22px 14px;
	margin-left: auto;
	height: auto;
	line-height: 40px;
}

.moduletable_menu ul li.active a {
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color: #8D8C8A;
	font-weight: bold;
	background:url(../images/link_left_green_arrow.gif) no-repeat 22px 14px;
	margin-left: auto;
	height: auto;
}

.moduletable_menu ul li a span{
	display: block;
	height: auto;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 130px;
	margin-left: -44px;
	padding-left: 44px;
}

.moduletable_menu ul li.active a span{
	display: block;
	height: auto;
	line-height: 20px;
	width: 130px;
	margin-left: -44px;
	background: url(../images/link_haschild_bottom.jpg) no-repeat 0px bottom;
	padding-left: 44px;
}

.moduletable_menu ul li.haschild-active{
	margin-top: 10px;
	height: auto;
	border-bottom: none;
	background: url(../images/link_haschild_top.jpg) top no-repeat #3C3E3B;	
}



.moduletable_menu ul li.haschild-active ul{
	display:block;
	position: relative;
	float: none;
	padding-bottom: 20px;
	background: url(../images/link_haschild_bottom.jpg) bottom no-repeat;
	
}
.moduletable_menu ul li.haschild-active ul li{
	display:block;
	position: relative;
	float: none;
	border-bottom: none;
	height: auto;
}

.moduletable_menu ul li ul li.active {
	background-image: none;
}

.moduletable_menu ul li.haschild-active a.haschild-active, 
.moduletable_menu ul li.haschild-active a.haschild,
.moduletable_menu ul li.haschild-active a.child{
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color: #8D8C8A;
	font-weight: bold;
	background: url(../images/link_left_active_arrow.jpg) no-repeat 22px 14px;
	margin-left: auto;
	height: auto;
	text-transform: uppercase;
}

.moduletable_menu ul li.haschild-active a.haschild-active, .moduletable_menu ul li.current a.haschild {
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color: #8D8C8A;
	font-weight: bold;
	background: url(../images/link_left_green_arrow.gif) no-repeat 22px 14px;
	margin-left: auto;
	height: auto;
	text-transform: uppercase;
}

.moduletable_menu ul li.haschild-active a.haschild-current {
	display: block;
	font-size: 1em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color: #8D8C8A;
	font-weight: bold;
	background: url(../images/link_left_active_arrow.jpg) no-repeat 22px 14px;
	margin-left: auto;
	height: auto;
	text-transform: uppercase;
}

.moduletable_menu ul li.haschild-active ul li a{
	display: block;
	font-size: 0.9em;
	text-decoration: none;
	padding: 0px 44px 0px;
	color:#8D8C8A;
	font-weight: bold;
	background: url(../images/sublink_left_arrow.gif) no-repeat 22px 7px;
	margin-left: auto;
	height: auto;
	line-height: 23px;
}

.moduletable_menu ul li.haschild-active ul li.active a {
	color: #5EA116;
}

.moduletable_menu ul li ul li a span, .moduletable_menu ul li ul li.active a span{
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: none;
}



.module .side, .moduletable .side, .moduletable-right .side, .moduletable-search .side, .moduletables1 .side, .moduletables2 .side, .moduletables3 .side, .moduletables4 .side { 
	position: absolute; 
	width: 14px; 
	height: 14px; 
	font-size: 0%; 
}

.moduletable{
	margin-bottom: 15px;
	position: relative;
}

.moduletable h3{
	background:url(../images/module_bg.gif) repeat-x;
	color: #1c1c1c;
	height: 47px;
	padding-left: 25px;
	font-size: 16px;
	line-height: 50px;	
	margin: 0;
	font-weight: bold;

	
}

#area_content div.grid_1.push_7.right div.moduletable h3 {
	padding-left: 17px;
	color: #676667;
	text-shadow: #fff 0 1px 0;
}

.moduletable .module_body{
	background-color: #fff;
	color: #1c1c1c;
	padding-bottom: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 14px;
}

.moduletable .module_body a{
	text-decoration: none;
	color: #b8140c;
	font-size: 11px;	
}

ul.newsfeed li  {
	line-height: 13px;
	margin-bottom: 7px;
	margin-top: 10px;
}

.moduletable .TL { position: absolute; top: 0; left: 0; background-image:url(../images/module_tl.gif); background-repeat: no-repeat; }
.moduletable .TR { position: absolute; top: 0; right: 0; background-image:url(../images/module_tr.gif); background-repeat: no-repeat; }
.moduletable .BL { position: absolute; bottom: 0; left: 0; background-image:url(../images/module_bl.gif); background-repeat: no-repeat; }
.moduletable .BR { position: absolute; bottom: 0; right: 0; background-image:url(../images/module_br.gif); background-repeat: no-repeat; }

li.slick-rss-item-right {
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 16px;
}

.moduletable-search, #main_breadcrumb{
	margin-bottom: 8px;
	position: relative;
}

.moduletable-search h3, #main_breadcrumb h3{
	background-color: #32342F;
	color: #C0C0C0;
	height: 31px;
	padding-left: 15px;
	font-size: 13px;
	line-height: 30px;
}

.moduletable-search .module_body{
	border: 1px solid #E5E5E5;
	color: #5A8F19;
	background:url(../images/search.gif) no-repeat 10px 5px #F6F6F6;
	padding-left: 30px;
	height: 24px;
	line-height: 24px;
}

.moduletable-search .module_body input#mod_search_searchword{
	margin-top: 3px;
	border: none;
	font-size:12px;
	color: 575742;
	background-color: #F6F6F6;
}

.moduletable-search .module_body a{
	text-decoration: none;
	color: #5A8F19;
}


.moduletable TL, .moduletable-search .TL, #main_breadcrumb .TL { position: absolute; top: 0; left: 0; background-image:url(../images/mod_search_TL.jpg); background-repeat: no-repeat; }
.moduletable TR, .moduletable-search .TR, #main_breadcrumb .TR { position: absolute; top: 0; right: 0; background-image:url(../images/mod_search_TR.jpg); background-repeat: no-repeat; }
.moduletable BL, .moduletable-search .BL, #main_breadcrumb .BL { position: absolute; bottom: 0; left: 0; background-image:url(../images/mod_right_BL.jpg); background-repeat: no-repeat; }
.moduletable BR, .moduletable-search .BR, #main_breadcrumb .BR { position: absolute; bottom: 0; right: 0; background-image:url(../images/mod_right_BR.jpg); background-repeat: no-repeat; }

.module-footer{
	color: #737373;
	font-size: 11px;
	
}

.module-footer .module_body{
	width: 209px;
	margin-top: 30px;
	margin-left: 40px;
}

.module-footer3{
	color: #737373;
	font-size: 11px;
	
}

.module-footer3 .module_body{
	width: 209px;
	margin-top: 30px;
	margin-left: 10px;
}

.module-footer a.footer-link{
	font-size: 10px;
	color: #578c1a;
}

.module-footer div#footer-addr{
	background:url(../images/footer_addr.gif) no-repeat;
	line-height: 20px;
	padding-left: 25px;
	height: 21px;
}

.module-footer div#footer-phone{
	background:url(../images/footer_phone.gif) no-repeat;
	line-height: 20px;
	padding-left: 25px;
	height: 21px;
}

.module-footer div#footer-email{
	background:url(../images/footer_email.gif) no-repeat;
	line-height: 20px;
	padding-left: 25px;
	height: 21px;
}


#main_breadcrumb{
	margin-bottom: 29px;	
}

#main_breadcrumb .module_body{
	background-color: #F5F5F5;
	border: 1px solid #E5E5E5;
	color: #333331;
    height: 29px;
	line-height: 30px;
}

#main_breadcrumb .module_body a{
	padding: 0px 16px;
	color: #5A8F19;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
	line-height: 30px;
}

#main_breadcrumb .module_body span.breadcrumbs span{
	padding: 0px 16px;
	
}

#main_breadcrumb .module_body span.breadcrumbs img{
	height: 31px;
	margin-top: -1px;
	
}

#main_breadcrumb .module_body span.breadcrumbs span.dividerImage{	
	background:url(../images/breadcrumb_arrow.jpg) no-repeat 0px 0px;
	background/*\**/:url(../images/breadcrumb_arrow.jpg) no-repeat 0px 1px\9;
	height: 30px;
	padding: 9px 5px 16px 5px;	
}

.componentheading{
	color: #b8140c;
	font-size: 29px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 10px;
}

a:link, a:visited{
	color: #b8140c;
	text-decoration: none;
}

/** CONTENT **/

table.contenttoc{float:right;margin:5px;padding:1px;}
table.contenttoc th{padding:2px 10px;}
table.contenttoc td{font-size:0.9em;font-weight:400;text-align:left;padding:2px 0 2px 4px;}
table.contenttoc a{text-decoration:none;line-height:1em;}
table.contentpane,table.contentpaneopen{width:100%;margin:0 auto;padding:0;}

.small{
	color:#999999;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
	margin: 0px;
	padding: 0px;
}

.createdate, .modifydate{
	color:#999999;
	font-size:0.9em;
	font-weight:normal;
	text-align:left;
	padding: 0px;
	margin: 0px;
	line-height: 1px;
	margin-bottom: 10px;
}

p{
	margin-top: 0px;
	margin-bottom: 15px;
}

#mycontent {
	font-size: 14px;
}


.article-icons{
	float: right;
}

.counter{
	text-align:center;
	margin-top: 35px;
}

.pagenavWrapper{
	text-align: center;
	margin-top: -50px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}