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

h1, h2, h3				{font:700 37px "abril-text", Serif; color:#202020;}
h1						{font-size:59px; padding:0; margin:0 0 20px 0; }
h2						{font-size:30px; padding:0; margin:25px 0 5px 0;}
h3						{font-size:18px; padding:0; margin:25px 0 5px 0;}
h4						{padding:0; margin:25px 0 5px 0; font-weight:bold; line-height:1.5;}
p						{margin:0 0 10px 0;}

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

img, table				{border:0;}
html 					{margin:0; padding:0;}
body 					{margin:0 0 20px 0; padding:0; COLOR:#333232; font:normal 18px/1.5 "abril-text", serif; text-align:center; background:#161616 url('/gfx/top-bg.jpg') no-repeat top center; }

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

#head 						{width:100%; height:150px; margin:0; padding:0; }
#head .inner                {max-width:1300px; height:150px; margin:0 auto; text-align:left; position:relative;}
#head .logo                 {position:absolute; z-index:5; width:131px; height:97px; left:0; right:0; margin:auto; top:20px;}
#head .logo img             {border:0;}

#head #nav					{position:absolute; left:0; right:0; bottom:50px; max-width:1300px; margin:0; padding:0; overflow:hidden; text-align:center; z-index:2;}
#head #responsive-menu-btn  {display:none;}

#head #nav ul#menu                  {list-style:none; margin:0 auto; padding:0; overflow:hidden; display:inline-block; max-width:1300px;}
#head #nav ul#menu li			    {padding:0 0px 0 0; /*display:inline-block;*/ float:left; overflow:hidden;}
#head #nav ul#menu li a			    {font-size:15px; color:#FFF; text-decoration:none; padding:15px 15px; margin:0; display:inline-block; font-family:Verdana, sans-serif;}
#head #nav ul#menu li.on		    {background:url('/gfx/topmenu-on.png') no-repeat center center; background-size:contain; }
#head #nav ul#menu li.on a          {color:#2e2e2d; }
#head #nav ul#menu li a:hover       {cursor:pointer; text-decoration:none;}
#head #nav ul#menu li a.haschild    {display:none;}
#head #nav ul#menu li ul            {display:none;}
#head #nav ul#menu li:nth-child(5)  {margin-right:250px;}

#head #nav ul#responsive            {display:none;}

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

.contentborder              {background:url('/gfx/content-top-border.png') no-repeat bottom center; background-size:cover; width:100%; height:38px; }

#wrapper > .content					{width:100%; margin:0; padding:0 0 20px 0; background:#fff url('/gfx/main-content-bg1.jpg') no-repeat bottom center; min-height:1000px; }
#wrapper > .content.start			{background-image:none; width:100%; margin:0; padding:0 0 20px 0; background:url('/gfx/start-content-bg1.png') no-repeat bottom center; min-height:1000px; }
#wrapper > .content .inner          {width:100%; margin:0 auto; padding:0; overflow:hidden;}
.contentleft				{width:100%; margin:0; padding:0; overflow:hidden; /*background:url(/gfx/left-menu-bg.gif) top left repeat-x;*/}
.contentright				{max-width:1100px; margin:0 auto; padding:0 0 10px 0; min-height:100px;}
.textcontent                {padding-top:50px; text-align:center;width:100%; margin-left:auto; margin-right:auto;}
.pageContent                {width:80%; margin:0 auto;}
.pageContent ul             {display:inline-block;}

.openings                   {min-height:355px;text-align:center; margin:100px auto 0 auto; font-family:Verdana, sans-serif;}
.puffitem				    {vertical-align:top; display:inline-block; width:304px; height: 347px; border:1px solid #e1e3e0; text-align:center; overflow:hidden; position:relative; border-collapse:collapse; box-sizing:border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:0 8px; background-color:#f9efe2; color:#000000; font-size:15px; margin-bottom:10px;}
.puffitem .maincontent      {width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px); margin:10px; height:100%; background:url('/gfx/puff-bg.png') no-repeat center center; background-size:contain; height:-moz-calc(100% - 20px); height:-webkit-calc(100% - 20px); height:calc(100% - 20px); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; overflow:hidden;}
.puffitem .rub              {background-size:contain; height:72px; color:#ffffff; line-height:72px; font-size:21px;}
.puffitem .rub a            {color:#ffffff;}
.puffitem:first-child .rub  {background:url('/gfx/firstpuffheader-bg.png') no-repeat top center;}
.puffitem:nth-child(3) .rub {background:url('/gfx/secpuffheader-bg.png') no-repeat top center;}
.puffitem:nth-child(2) .rub   {background:url('/gfx/thirdpuffheader-bg.png') no-repeat top center;}
    .puffitem:nth-child(4) .rub { background: url('/gfx/fourthpuffheader-bg.png') no-repeat top center; }
.puffitem a                 {color:#000000;}
.puffitem a:hover           {text-decoration:none;}
.puffitem td                {padding:5px 0;}
.puffitem table             {border:0; border-collapse:collapse; margin-bottom:5px;}
.puffitem table tr:nth-child(even)  {background-color:rgba(238, 225, 198, 0.5);}
.puffitem table tr td:first-child   {padding-left:10%;}
.puffitem table tr td:nth-child(2)  {color:#895b39; font-weight:bold;}
.maincontent > .content         {padding-top:10px; text-align:left;}
.puffitem .content p            {margin-bottom:5px;}
.facebook                       {margin:0; padding:0; text-align:left; margin:0px 0; list-style-type:none; font-size:13px;}
.facebook li                    {margin:0; padding:15px 0; width:95%; padding-left:5%;}
.facebook li:nth-child(even)    {background-color:rgba(238, 225, 198, 0.5);}
.facebook li a                  {color:#895b39; font-weight:bold; font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; display: block;}

.map                        { text-align:center; max-width:1100px; margin:0px auto 0 auto; padding-top:0px; font-family:Verdana, sans-serif;}
.map h2                     {color:#ffffff; padding-bottom:20px; }
.map p                      {color:#bb8a65; padding-bottom:20px;}
.mapsale                    {width:100%; height:411px; background-color:#f9efe2; border-collapse:collapse; box-sizing:border-box; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

/*---------------------
Start page
---------------------*/
.startslidearea         {max-width:1100px; margin:0 auto; height:505px; }
#start-slideshow        {position:relative;}
.flexslider             {width:608px; height:420px; position:absolute !important; right:0; top:0; background:url('/gfx/slideshow-border.png') top left;}
.slides                 {margin-top:20px !important; margin-left:20px !important; width:565px; height:380px;}
.slides li              {height:381px !important; position:initial !important; overflow:visible !important; max-width:565px;}
.flexslider .slides img {width:100% !important; height:100% !important; }
.flex-caption           {background:none !important; position:absolute !important;top:20px !important; bottom:auto !important; width:450px !important;left:-450px !important;-ms-filter:unset !important; filter:unset !important; padding:0 !important; }
.flex-control-nav       {left:-440px !important; width:400px !important; bottom:30px !important; text-align:left !important;}
.flex-control-paging li a   {background:rgba(255,255,255,0.9) !important; }
.flex-control-paging li a.flex-active {background:#54b965 !important;}


/*---------------------
Left menu
---------------------*/ 
.firstsubmenu ul					    {margin:0; padding:0 0 10px 0; list-style:none; overflow:hidden; text-align:center;}
.firstsubmenu ul li				        {margin:0 10px 10px 0; padding:0 10px 0 0; display:inline-block; background:url('/gfx/submenu1-div.png') no-repeat right center;}
.firstsubmenu ul li a				    {margin:0; padding:5px 10px; color:#000000; text-decoration:none; display:inline-block; font-family:"abril-text", serif; font-weight:700; font-size:20px;}
.firstsubmenu ul li a:hover             {text-decoration:underline;}
.firstsubmenu ul li.on a, .firstsubmenu ul li.on-childs a 			    {color:#c09373;}
.firstsubmenu ul li:last-child          {background:none;}

.secsubmenu                             {background-color:#c09373;}
.secsubmenu ul                          {margin:0; padding:10px 0; text-align:center; background-}
.secsubmenu ul li                       {margin:0 20px; padding:0 5px; display:inline-block;}
.secsubmenu ul li a                     {color:#ffffff; font-family:"abril-text", serif; font-weight:700; font-size:20px;}
.secsubmenu ul li.on a                  {text-decoration:underline;}

/*---------------------
Footer layout
---------------------*/
#footer					{width:100%; margin:40px 0 0px 0; padding:0px 0 40px 0; clear:left; position:relative; color:#9f9f9f; text-align:center; font-size:14px; font-family:Verdana, sans-serif;}
#footer .inner          {max-width:1100px; margin:0 auto; text-align:center; }
#footer a				{font-weight:normal; color:#fff; text-decoration:none;}
#footer a:hover         {text-decoration:underline;}

#footer .links                  {margin-bottom:10px; text-align:center;display:block; width:auto; font-size:15px; padding-bottom:10px; padding-top:40px;}
#footer .links .left		    {display:inline-block; overflow:hidden; margin:0 1% 0 1%; text-align:left;}
#footer .links .left li         {list-style-type:none; margin-left:0; padding-left:0;}
#footer .links .left.first	    {padding-left:0px;}
#footer .links .left p a		{color:#fff; display:block; line-height:20px; }
#footer .links .left p a strong	{color:#4f4f4f; font-weight:normal;}

.cookiesInfo {position:absolute; top:0; left:0; right:0; margin:auto; text-align:center; min-width:990px; z-index:9999; display:none;}
.cookiesContent {width:100%; background-color:#161616; margin:0 auto; position:relative; padding:10px 0 0 0; font-size:14px;}
.cookiesContent p   {display:inline-block; margin:0; padding:0; color:#ffffff;}
.cookiesContent p a  {text-decoration:underline;}
.cookiesContent .btnCookiesAccept {background-color:#895b39; 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;}

.mm-menu            {text-align:left; font-family:Verdana, sans-serif;}


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

    #head 						        {width:auto; height:auto; height:80px; margin:0; padding:0; position:relative;}
    #head .inner                        {width:auto; height:auto; z-index:999;}    
    #head .logo                         {top:5px;}
    #head .logo img                     {height:80px;}
    
    #head #nav					        {position:static; top:0; left:0; height:auto; min-height:50px; width:100%; padding:0; margin:0; z-index:9; display:none;}
    #head #nav ul#menu, .firstsubmenu, .secsubmenu  {display:none;}

    #head #responsive-menu-btn          {position:absolute; left:0; top:10px; display:block; height:50px; 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; }
    #head #responsive-menu-btn span     {color:#ffffff; /*color:rgba(0, 0, 0, 0.9);*/ line-height:50px;}
    #content					{width:auto; height:auto; min-height:100px; margin:0; padding:0;}
    #content .inner             {width:auto; height:auto; min-height:100px; padding-bottom:2%;}
        
    .flexslider                 {left:0; margin:auto !important; top:20px; width:100%; max-width:508px; height:auto !important; background-image:none; /*background-repeat:no-repeat; background-size:contain;*/}
    .flexslider li              {height:auto !important;}
    .flexslider .slides img     {height:auto !important;}
    .flexslider .slides         {width:auto !important; height:auto !important; margin:0 !important; max-height:380px; overflow:hidden;}
    .startslidearea             {height:705px;}
    
    /*.flexslider .slides         {width:calc(100% + 20px); height:calc(100% + 20px);}*/
    /*.flexslider .slides img     {height:-moz-calc(100% - 40px) !important; height:-webkit-calc(100% - 40px) !important; height:calc(100% - 40px) !important; width:-moz-calc(100% - 40px) !important; width:-webkit-calc(100% - 40px) !important; width:calc(100% - 40px) !important; }*/
    /*.flexslider             {width:608px; height:420px; position:absolute !important; right:0; top:0; background:url('/gfx/slideshow-border.png') top left;}*/    
    /*.slides                 {margin-top:20px !important; margin-left:20px !important; width:565px; height:380px;}
    .slides li              {height:381px !important; position:initial !important; overflow:visible !important;}
    .flexslider .slides img {width:100% !important; height:100% !important; }
    .flex-caption           {background:none !important; position:absolute !important;top:140px !important; bottom:auto !important; width:400px !important;left:-450px !important;-ms-filter:unset !important; filter:unset !important; padding:0 !important; }
    .flex-control-nav       {left:-440px !important; width:400px !important; bottom:130px !important; text-align:left !important;}
    .flex-control-paging li a   {background:rgba(255,255,255,0.9) !important; }
    .flex-control-paging li a.flex-active {background:#54b965 !important;}*/

    .flex-caption           {top:380px !important; left:0 !important; right:0 !important; margin:auto !important; text-align:center; width:100% !important; }
    .flex-control-nav       {left:0px !important; right:0 !important; bottom:20px !important; margin:auto !important; text-align:center !important; width:100% !important;}
    
    .textcontent                {padding-top:20px;}

    .content-movie              { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; max-width: 90%; margin-left:auto; margin-right:auto;}
    .content-movie iframe, .content-movie object, .content-movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    #wrapper > .content.start   {background-position:center 660px;}
    .content.start .openings           {margin-top:200px !important;}

    .pageContent img {
        max-width:100%;
        height:auto;
    }

    #footer					    {}
    #footer .inner              {width:99%; margin-left:auto; margin-right: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);}

    .cookiesInfo                        {min-width:0;}

    .mapsale                            {width:90%; margin-left:auto; margin-right:auto; height:auto;}
    .mapsale img                        {width:95%; margin:10px; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:calc(100% - 20px);padding-bottom:10px;}
}

@media screen and (max-width: 600px)
{
    .slides li a    {display:block; position:absolute; z-index:99;}
}

@media screen and (max-width: 480px)
{
    .puffitem       {width:99%; margin-left:auto; margin-right:auto; height:auto; max-width:356px; }
    .puffitem .maincontent  {background-size:cover;}
    .textcontent    {width:90%; }
}

/* 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;*/