/*---------------------
General
---------------------*/
a						{color:#333; text-decoration:underline;}
a:hover					{text-decoration:none;}

h1, h2, h3				{font-weight:300; line-height:1;}
h1						{font-size:49px; padding:0; margin:0 0 10px 0; color:#0a5595;}
h2						{font-size:33px; padding:0; margin:15px 0 5px 0;}
h3						{font-size:22px; padding:0; margin:15px 0 5px 0;}
h4						{padding:0; margin:15px 0 5px 0; }
p						{margin:0 0 10px 0;}

.color1        {color:#a8c421 !important;}
.color2        {color:#c57b0e !important;}
.color3        {color:#419586 !important;}
.color4        {color:#a5736a !important;}
.color5        {color:#05a4c1 !important;}
.color6        {color:#88765e !important;}

hr              {border:0; height:2px; margin:0px 0 15px 0; }
hr.color1       {background:#a8c421;}
hr.color2       {background:#c57b0e;}
hr.color3        {background:#419586;}
hr.color4        {background:#a5736a;}
hr.color5        {background:#05a4c1;}
hr.color6        {background:#88765e;}


::selection             {background:#d0e8ff;}
::-moz-selection        {background:#d0e8ff;}

table,
table tr,
table tr td				{}

img, table				{border:0;}
html 					{margin:0; padding:0;}
body 					{margin:0 0 20px 0; padding:0; COLOR:#000000; font:normal 400 18px/1.5 "myriad-pro", Sans-serif; text-align:center; background-color:#f1f1f1;}

/*---------------------
Body layout
---------------------*/
#wrapper 					{width:100%; margin:0 auto; text-align:left;}

.topNavigation              {background-color:#0c4980; width:100%;}
.topNavigation .inner       {width:1200px; margin:0 auto; text-align:right; color:#ffffff; font-size:14px; height:52px; overflow:hidden;}
.topNavigation .inner .contact      {float:right; line-height:52px; margin-right:20px;}
.topNavigation .inner #lang         {float:right; }
.topNavigation .inner #lang ul		{margin:15px 0 0 0px; padding:0px 0 0 15px; list-style:none; display:block; border-left:1px solid #41719c;}
.topNavigation .inner #lang ul li	{margin:0 0 0 0px; padding:0; display:inline; float:right;}
.topNavigation .inner #lang ul li img   {width:27px; height:auto;}

#header 					{width:100%; height:105px; margin:0; padding:0; background-color:#0a5595;}
#header .inner              {width:1200px; height:105px; margin:0 auto; text-align:left; position:relative;}
#header #logo               {position:absolute; left:0; top:25px;}
#header #logo img           {height:58px; width:204px; border:0;}
#header #contact				{position:absolute; right:20px; top:10px;}

#header #search                 {width:154px; height:43px; position:absolute; top:30px; right:0; color:#686868; background-color:#ffffff; border:1px solid #d2d2d2;-webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
#header #search .tbxon		    {width:74px; padding:0; color:#686868; overflow:hidden; position:absolute; z-index:10; top:12px; left:5px; border:0; outline-style:none; outline-width:0pt; background-color:transparent; font-size:14px;}
#header #search .tbxoff           {width:74px; padding:0; color:#686868; overflow:hidden; position:absolute; z-index:10; top:12px; left:5px; border:0; outline-style:none; outline-width:0pt; background-color:transparent; font-size:14px; }
#header #search .btn              {width:22px; height:22px; background-color:transparent; border:0; position:absolute; z-index:99; top:10px; right:10px; outline-width:0;background:url('/gfx/search.png') no-repeat top left;}

#header #nav					{position:absolute; left:230px; top:36px;width:820px; margin:0; padding:0; overflow:hidden; height:35px;}

#header #nav ul#menu                  {list-style:none; margin:0; padding:0; width:820px; overflow:hidden; display:block;}
#header #nav ul#menu li			    {float:left; padding:0 12px 0 12px; display:inline; overflow:hidden;}
#header #nav ul#menu li a			    {font-size:17px; color:#FFF; text-decoration:none; padding:5px 0px 0px 0px; margin:0; display:block; font-weight:300;}
#header #nav ul#menu li.on a		    {color:#ffffff; border-bottom:2px solid #ffffff;}
#header #nav ul#menu li a:hover       {cursor:pointer; text-decoration:none;}
#header #nav ul#menu li a.haschild    {display:none;}
#header #nav ul#menu li ul            {display:none;}

#header #nav ul#responsive, .childs, #responsive-menu-btn            {display:none;}

#overlay-search                         {height:100%; width:60%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:999 !important; padding:0 20%; text-align:left; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.90); display:none;}
.overlay-search-close                   {text-decoration:none; font-size:40px; line-height:40px; position:fixed; top:4%; right:2%; color:#999; padding:0 5px; margin:0; cursor:pointer; display:block;}
.overlay-search-close:hover             {color:#000;}
.overlay-search-title                   {font:bold 60px/60px Arial, Sans-serif; color:#000; margin:0; padding:5% 0 2% 0; display:block; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.overlay-search-tbx                     {font-size:40px; padding:1% 2%; margin:0; border:2px solid #ccc; width:100%; outline-style:none; outline-width:0pt; background-color:#f7f7f7; color:#bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;}
.overlay-search-tbx:focus               {background-color:#fff; color:#000; border:2px solid #2980b9;}
.overlay-search-result                  {padding:3% 0 5% 0; margin:0; list-style:none; width:100%;}
.overlay-search-result li               {padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #ccc;}
.overlay-search-result li:last-child    {padding:0; margin:0; border:0;}
.overlay-search-result li p.title       {padding:0; margin:0; font-size:20px; font-weight:bold; color:#000;}
.overlay-search-result li p.hits        {padding:2px 0 0 0; margin:0; font-size:10px;}
.overlay-search-result li a             {font-size:14px; text-decoration:none;}
.overlay-search-result li a:hover       {text-decoration:underline;}
.overlay-search-info                    {font:normal 20px/20px Arial, Sans-serif; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;}
.overlay-search-alert                   {font:normal 20px/20px Arial, Sans-serif; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;}
.overlay-search-preloader               {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.content					{width:100%; margin:0; padding:20px 0; background:#fff url(/gfx/content-bg.jpg) no-repeat fixed top center;}
.content .inner             {width:1200px; margin:0 auto; padding:0; min-height:450px; overflow:hidden; border:1px solid #c8c8c8; border-collapse:collapse; background-color:#ffffff;}
.contentleft				{width:192px; margin:0; padding:30px 25px 30px 30px; float:left; overflow:hidden; /*background:url(/gfx/left-menu-bg.gif) top left repeat-x;*/}
.contentright				{width:920px; margin:0; padding:30px 30px 30px 0px; float:right; overflow:hidden;}

.contentright .main			{width:650px; margin:0; padding:0 20px 0 0; float:left; overflow:hidden;}
.contentright .column		{width:250px; margin:0; padding:0; float:left; overflow:hidden; }


.column-puffs .banner       {min-height:98px; margin-bottom:10px; margin-top:15px;}
.column-puffs .banner-nobg  {background:0;}
.column-puffs .banner .banner-content {width:250px;margin:0px auto; overflow:hidden;}
.column-puffs a {background:#e6e6e6; margin-top:10px; webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; display:block; text-decoration:none; display:inline-block; padding:10px 20px;}
.column-puffs .linktext {background:url('/gfx/read-more-bg.png') no-repeat 0px 3px; padding-left:20px; padding-top:0px; padding-bottom:10px; }
.column-puffs .banner .banner-content .banner-text {width:228px; margin:0px; border:1px solid #c9c9c9; border-collapse:collapse; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; background-color:#edf5f6; text-align:center; padding:0 10px 10px 10px;}
.column-puffs .banner .banner-content .banner-text h3 {font-size:20px;}
.column-puffs .banner .banner-content .banner-text p {font-size:15px;}
.column-puffs .banner-nobg .banner-content .banner-text {border:0; background:none;}

/*---------------------
Left menu
---------------------*/ 
#leftmenu ul					    {width:192px; margin:0; padding:0 0 0px 0; list-style:none; overflow:hidden; border:1px solid #d8d8d8; border-collapse:collapse;}
#leftmenu ul li				        {width:100%; margin:0; padding:0; border-bottom:1px solid #d8d8d8; }
#leftmenu ul li:last-child          {background:none; border:0;}
#leftmenu ul li a				    {margin:0; padding:10px 0 10px 25px; text-decoration:none; display:block; background:url('/gfx/submenu-li.png') no-repeat 10px 17px; font-size:16px; }
#leftmenu ul li a:hover             {color:#333;}
#leftmenu ul li.on                  {background-color:#115a98;}
#leftmenu ul li.on a			    {color:#ffffff; background:url('/gfx/submenu-li-on.png') no-repeat 10px 17px;}
#leftmenu ul li.on-childs           {background-color:#115a98;border:0;}
#leftmenu ul li.on-childs a	        {color:#ffffff; background:url('/gfx/submenu-li-on.png') no-repeat 10px 17px;}

#leftmenu ul li.on-childs ul            {margin:0 0 0 15px !important; border:0 !important; padding-bottom:10px;}
#leftmenu ul li.on-childs ul li         {background:none; border:0;}
#leftmenu ul li.on-childs ul li a       {background:none !important; font-size:14px; padding-top:2px; padding-bottom:2px;}
#leftmenu ul li.on-childs ul li a:hover {}
#leftmenu ul li.on-childs ul li.on a    {color:#c8c8c8; font-weight:bold !important;}

/*---------------------
Footer layout
---------------------*/
#footer					{width:100%; margin:0; padding:0; position:relative; border-top:1px solid #e6e6e6; background:#f1f1f1 url('/gfx/footer-bg.jpg') repeat-x top left;}
#footer .inner          {width:1200px; min-height:40px; margin:0 auto; text-align:center; font-size:17px; padding:40px 0;}
#footer .inner img      {margin-bottom:30px;}
#footer .inner p.webbp      {font-size:15px;}
#footer .inner a            {text-decoration:none;}
#footer .inner a:hover      {text-decoration:underline;}



.cookiesInfo {text-align:center;width:100%; position:absolute; top:0; display:none; max-height:100px}
.cookiesContent {width:100%; background-color:#c7c8ca; border-bottom:1px solid #999999; margin:0 auto; position:relative; padding:1% 0 1% 0; font-size:14px; min-width:1100px;}
.cookiesContent p       {display:inline-block; margin:0; padding:0;}
.cookiesContent p a  {text-decoration:underline;}
.cookiesContent .btnCookiesAccept {background-color:#666666; padding:5px 10px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color:#ffffff; text-decoration:none;margin:0 0 0 10px; line-height:30px; white-space:nowrap; cursor:pointer;}

@media screen and (max-width: 860px)
{
    h1  {font-size:24px;}
    h2  {font-size:18px;}
    h3  {font-size:14px;}
    
    html                                { -webkit-text-size-adjust: 100%;}    
    
    /*body, form                          {background:none !important;}*/
    #wrapper 					        {width:auto; height:auto; margin:0; text-align:left;}

    #header 						        {width:auto; height:auto; height:50px; margin:0; padding:0; position:relative;}
    #header .inner                        {width:auto; height:auto; z-index:999;}
    #header #logo                         {position:absolute; left:10px; top:10px;}
    #header #logo img                     {display:block; height:30px; width:auto; border:0;}
    
    .topNavigation .inner               {width:auto; height:auto;}
    
    #overlay-search                     {width:90%; overflow:auto; overflow-x:hidden; padding:0 5%;}
    .overlay-search-close               {font-size:25px; line-height:25px; top:4%; right:5%; position:absolute;}
    .overlay-search-title               {font:bold 24px/24px Arial, Sans-serif; margin:0 0 1.5% 0;}
    .overlay-search-tbx, 
    .overlay-search-tbx:focus           {font-size:18px; line-height:18px; padding:1% 2%; margin:0 0 1.5% 0; border-width:1px;}
    .overlay-search-result li p.title   {font-size:14px;}
    .overlay-search-result li p.hits    {font-size:10px; padding:0;}
    .overlay-search-result li a         {font-size:12px;}
    .overlay-search-info, 
    .overlay-search-alert               {font:normal 14px/14px Arial, Sans-serif; border-width:1px; padding:2%;}
    
    #header .inner #shopping-cart         {display:none;}
    
    #header #nav					        {position:static; top:0; left:0; height:auto; min-height:50px; width:100%; padding:0; margin:0; z-index:9; display:none;}
    #header #nav ul#menu                  {display:none;}

    #header #responsive-menu-btn          {position:absolute; right:5px; top:5px; display:block; height:35px; padding:0 14px; z-index:999; color:#fff; font-size:30px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; cursor:pointer; border: 2px solid #ffffff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
    #header #responsive-menu-btn img        {width:30px; margin-top:7px;}
    #header #search                       {position:absolute; right:80px; top:10px; display:block; height:10px; padding:10px; z-index:999; color:#fff; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:50px; text-decoration:none; width:20px;}
    #header #search .tbxoff                 {display:none;}
    #header #search .btn                {top:5px;}
        
    #header #nav ul#responsive		    {display:block; width:100%; height:auto; padding:0; margin:50px 0 7px 0; position:static; z-index:9999;}
    #header #nav ul#responsive li         {display:block; width:100%; height:auto; position:relative; padding:0; margin:0; overflow:hidden;}
    #header #nav ul#responsive li a       {width:92%; height:auto; padding:0.5em 0 0.5em 15px; margin:0; display:block; color:#fff; text-decoration:none; font-size:1.2em;}
    #header #nav ul#responsive li span    {width:8%; float:right; display:block; padding:0; margin:0; text-align:center; font-weight:bold; color:#fff; font-size:1.2em; line-height:2.5em; cursor:pointer;}
    
    #header #nav ul.childs                {display:none; width:100%; height:auto; padding:0; margin:50px 0 7px 0; position:static; z-index:9999;}
    #header #nav ul.childs li             {display:block; width:100%; height:auto; position:relative; padding:0; margin:0;}
    #header #nav ul.childs li.back        {background:url(/gfx/webbedit/light-arrow-left.png) no-repeat; background-position:1.2em 1.2em; padding-left:15px;}
    #header #nav ul.childs li a           {height:auto; padding:0.5em 0 0.5em 15px; margin:0; display:block; color:#fff; text-decoration:none; font-size:1.2em;}
    #header #nav ul.childs li span        {width:8%; float:right; display:block; padding:0; margin:0; text-align:center; font-weight:bold; background:url(/gfx/webbedit/arrow-right.png) center center no-repeat; color:#fff; font-size:1.2em; line-height:2.5em; cursor:pointer;}
    
    /* Färger för respektive element */
    #header #responsive-menu-btn.on       {color:rgba(255, 255, 255, 0.5);}
    #header #nav ul#responsive, 
    #header #nav ul.childs                {background-color:#333; box-shadow:0 1px 7px rgba(0, 0, 0, 0.5);}
    #header #nav ul#responsive li,
    #header #nav ul.childs li             {border-bottom:1px solid #2d2d2d !important;}
    
    #header #nav ul#responsive li span, 
    #header #nav ul.childs li span, 
    #header #nav ul#responsive li.on span, 
    #header #nav ul.childs li.on span     {background:url(/gfx/webbedit/light-arrow-right.png) center center no-repeat;}

    #header #nav ul.childs li.back        {background-color:#3c3c3c;}
    #header #nav ul#responsive li.on, 
    #header #nav ul.childs li.on          {background-color:#2980b9;}

    #header #nav ul#responsive li:last-child, 
    #header #nav ul.childs li:last-child      {border:0 !important;}
    
    .content					{width:auto; height:auto; min-height:100px; margin:0; padding:0;}
    .content .inner             {width:auto; height:auto; min-height:100px; padding-bottom:2%;}
    .contentleft				{display:none;}
    .contentright				{width:-moz-calc(100% - 20px)!important; width:-webkit-calc(100% - 20px)!important; width:calc(100% - 20px)!important; height:auto; margin:0; padding:10px; float:left;}
    .contentright .main         {width:75%;}
    .contentright .column       {width:20%;}
    .contentright .column img   {width:100%;}
    .column-puffs .banner .banner-content   {width:100%;}
    .column-puffs .banner .banner-content .banner-text {width:-moz-calc(100% - 30px)!important; width:-webkit-calc(100% - 30px)!important; width:calc(100% - 30px)!important; }
    .column-puffs a             {padding-left:5px; padding-right:5px;}

    #footer					    {width:auto; margin:0; padding:2% 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px;}
    #footer .inner              {width:auto; height:auto; }
        
	table.responsive-table, 
	table.responsive-table thead, 
	table.responsive-table tbody, 
	table.responsive-table th, 
	table.responsive-table td, 
	table.responsive-table tr           {display:block; border:0;}
	table.responsive-table thead tr     {position:absolute; top:-9999px; left:-9999px;}
	table.responsive-table tr           {border:1px solid #ccc;}
	table.responsive-table td           {padding:4px 6px;}
	table.responsive-table td           {border:none; border-bottom:1px solid #ddd; position:relative; padding-left:50%; white-space:normal; text-align:left !important;}
 	table.responsive-table td:before    {position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight: bold;}
	table.responsive-table td:before    {content:attr(data-title);}
	
	.cookiesContent {min-width:0;}
	
	    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; min-height: 35px; }
a.pp_close { right: 10px!important; top: 10px!important; }
}

@media screen and (max-width: 600px)
{
    h1  {font-size:20px;}
    h2  {font-size:16px;}
    h3  {font-size:14px;}
        
    .overlay-search-preloader           {width:80px; height:80px; margin-left:-40px; margin-top:-20px;}
    
    .contentright .main         {width:100%; float:none;}    
    .contentright .column       {width:100%; float:none; max-width:250px; margin:0 auto;}
    
    .topNavigation .inner .contact      {float:none; width:100%; line-height:20px; padding-bottom:10px;}    
    .topNavigation .inner #lang   {float:none; width:100%;}    
}

@media screen and (max-width: 480px)
{
    
    /*#smallpuffs .puffitem .rub          {width:98%; padding:1%;}
    #smallpuffs .puffitem .rub, 
    #smallpuffs .puffitem .rub a, 
    #smallpuffs .puffitem .rub a:hover  {font-size:11px;}
    #smallpuffs .puffitem .content p, 
    #smallpuffs .puffitem .content p a  {line-height:12px; font-size:10px;}*/
    
    
    .overlay-search-preloader           {width:50px; height:50px; margin-left:-25px; margin-top:-25px;}
}

/* Andra tips och trix */
/* Sätter en max-gräns för text och lägger till ... när det behövs */
/*max-width:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/