
body {
background: #fff;
font-family: "Museo W01 300";
font-size: 14px;
line-height: 22px;
}

b, strong {
	
	font-family: "Museo W01 700";
	
}

em, i {
	
	font-family: "Museo W01 300 Italic";
}

em b,
em strong,
i b,
i strong,
strong i,
strong em,
b i,
b em{
	
	font-family: "Museo W01 700 Italic";
	
}

.gotomedia {
	
	position: absolute;
	right: 160px;
	top:50px;
	background: #000;
	color:#fff;
	margin-top:8px;
}

.gotomedia a {
	color:#fff;
	display: block;
	padding:11px 12px 9px 12px;
	text-decoration: none;
	font-size: 12px;
}


h1,h2,h3,h4,h5,h6 {
font-weight: 200;
}


h1 {
font-size: 40px;
line-height: 1.4em;
}

h2 {
font-size: 34px;
line-height: 1.15em;
}

h3 {
font-size: 28px;
line-height: 1.3em;
}

h4 {
font-size: 20px;
line-height: 0.8em;
}

.fler {
	color:#fff !important;
	background: #000;
	padding:10px 15px;
	text-decoration: none;
	margin-left: 330px;
}

.header {
position: relative;
height:350px;
background: url("images/header_mec.png") no-repeat top left;
overflow-x:inherit;
width:1270px !important;
margin-left: -155px;
}

a.logoarea {
	position: absolute;
	top:20px;
	left:155px;
	width:200px;
	height:160px;
	display: block;
	text-decoration: none;
	background: url("images/logofix.jpg") no-repeat top left;
}

.mainhead {
margin-top: 10px;
}

.leftside {
background: #fdb72c;
padding-bottom: 20px;
}

.rightside {
background: #fff;
}

.navcontain {
float: left;
background: #000;
padding-top: 10px;
padding-bottom: 3px;
}

.navcontain ul {
list-style: none;
}

a.loggain {
float: right;
margin-left: 10px;
margin-right: 10px;
}

nav {
float: left;
background: #000;
}

nav ul {
list-style:none;
float: left;
height: auto;
height:10px;
}

nav ul li {
float: left;
margin:2px 2px 0 0;
}

nav ul li a {
color:#fff;
text-decoration: none;
font-family:"Museo W01 300";
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px;
padding:10px 8px 9px 10px;
}

body.en nav ul li a {
	font-size: 14px;
	padding: 10px 3px 9px 10px;
}

nav ul li.current-menu-item a {
background: #febf35;
}

nav ul li a:hover {
color: #fff0c2;
}

.wrapper {
background: #fff;
}

.wrapper a {
color:#000;
}

.slideshow {
width:650px;
height:320px;

margin-bottom:20px;
}


.centered {
text-align: center;
}


a.readmore {
display: block;
float: left;
margin-top: 20px;
}


p.centered {
text-align: center;
font-weight: 100;
font-size: 14px;
/*font-family:"Museo W01 500";*/
}


.featured h2 {
font-size: 40px;
font-weight: 100;
}

.info {
font-family:"Museo W01 700";
padding-bottom:10px;
}

.info a {
text-decoration: none;
}

.theimg {
float: left;
width:290px;
height:290px;
background: #ececec;
margin-bottom: 25px;
}



#posts {
width:580px;
height:auto;
float: left;
padding:30px 20px;
}

body.home #posts {
	background: #FEBF35;
}

#posts h2 {
font-size: 34px;
color:#fff;
}

.specialpost {
padding:20px;
background: #f6882a;
float: left;
width:580px;
}

.specialpost .contents {
float: right;
width:270px;
}

.featimg {
width:290px;
height:135px;
background: #000;
float: left;
margin-right: 20px;
}

.featimg img {
width:290px;
height:200px;
}


.thepost {
width:260px;
float: left;
}


.calendar {
width:290px;
height:320px;
background: #000;
float: right;
}

.home .calendar h2 {
color:#fff;
margin:30px 0 20px 20px;
font-size: 44px;
}

.selectroom {
display: block;
float: left;
margin-left: 20px;
}

.selectroom select {
display: block;
background: none repeat scroll 0 0 #F9B90E;
  border: 0 none;
  color: #000000;
    font-size: 16px;
    padding: 8px 10px;
    width: 230px;
}

.home .calendar a {
color:#fff;
}

.home .calendar p {
color:#fff;
margin-right:30px;
margin-left: 20px;
}

.workhere {
height:90px;
background: url("images/workhere.jpg") repeat-x top left;
margin-right: -10px;
margin-top:5px;
margin-bottom: 5px;
color:#fff;
padding-top: 25px;
}

.workhere a.work {
padding-left: 20px;
font-size: 36px;
margin-bottom: 3px;
/*font-family:"Museo W01 500";*/
letter-spacing: 2px;
color:#fff;
text-decoration: none;
}

.workhere p {
padding-left:20px;
}

.leftimg {
display: block;
float: left;
width:80px;
height:50px;
background: #ececec;
margin-right: 10px;
}

.rightcontents {
float: left;
width:210px;
margin-bottom: 25px;
}

.rightcontents .info {
margin-bottom: 0;
padding-bottom: 4px;
line-height: 15px;
}

.rightcontents h3 {
margin: 0;
line-height: 20px;
padding-bottom: 4px;
font-size: 18px;
font-weight: 900;
}


.bottom {
padding:40px 0;
background: #000;
margin-top: 20px;
}

.bottom ul {
list-style: none;
margin: 0 0 2px 0;
}


.thelogo {
float: left;
margin-left:20px;
}


p.adress {
display: block;
float: left;
width:160px;
margin-right: 20px;
margin-left: 30px;
}



.bottomlinks {
float: left;
margin:50px 0 0 20px;
color:#fff;
width:500px;
}


.bottomlinks ul {
float: left;
margin-left: 40px;
}

.bottomlinks ul li {
margin:0 0 4px 0;
height: 15px;
}


.bottomlinks ul li a {
text-transform: uppercase;
color:#fff;
font-size: 11px;
padding: 0 10px;
margin: 0;
text-decoration: none;
font-family:"Museo W01 700";
}

.bottom .sociallinks {
margin-top: 90px;
float: left;
margin-left: 60px;
}


.sociallinks {
float: right;
margin-right:20px;
}

.sociallinks ul li {
float: left;
margin:0 0 0 2px;
}

.rssfeed {
width:auto;
background: #febf35;
min-height: 200px;
color:#fff;
padding-bottom: 20px;
min-height:805px;	
}

.mecnyheter {
width:250px;
margin:0 auto;
padding-top:40px;
}

.mecnyheter ul {
list-style: none;
margin: -20px 0 0 0;
padding: 0;
}

.mecnyheter li {
margin-bottom: 40px;
margin-left: 0;
color:#000;
}

.mecnyheter a {
font-family: "Museo W01 300";
font-size: 16px;
color:#fff;
text-decoration: none;
float: left;
clear: right;
width:100%;
}

.containdaily {
float: left;
}

.thedailyevents {
padding:20px 0;
width:auto;
float: left;
background: #fff;
}

.thedailyevents .grid_3 {
	margin-bottom: 20px;
	font-size: 13px;	
}

.thedailyevents .grid_3 p {
	margin-bottom: 0;
	line-height: 20px;
}

.whatelse { 
background: #f9b90e;
width:900px;
float: right;
padding:10px 20px;
margin-left: 9px;
height:290px;
font-size: 13px;	
}

.whatelse.one {
	width: 660px;
}

.whatelse.two {
	width: 420px;
}

.whatelse.three {
	width: 180px;
	padding-top:20px;
}

.whatelse.break {
	margin-right: 10px;
	height:auto;
}

.whatelse h2 {
color:#fff;
font-size: 40px;
margin-top: 10px;
width: auto:
}

.dailyevents {
padding-bottom: 30px;
}

.theoffice {
background: #ececec;
min-height: 300px;
}

.priceinfo {
background: #f9f9f9;
padding:15px;
}


.separator {
padding:25px 0;
float: left;
}

.fullcontent {
padding:20px 0;
}

.types {
min-height: 300px;
width:300px !important;
margin:15px 0 0 0;
}

.types ul {
float: left;
list-style: none;
padding: 0;
}

.types li {
display: block;
margin-left: 0;
}

.types li a {
font-size: 18px;
padding:8px;
background: #ececec;
text-decoration: none;
display: block;
float: left;
width:270px;
margin-bottom: 5px;
}

.types li a:hover {
background: #aaa;
}


.thebigcalendar {
background: #ececec;
min-height: 300px;
}

.therooms ul {
list-style: none;
width:100%;
margin:30px 0 0 0;
padding:0;
}

.therooms li {
float: left;
width:450px;
height:260px;
margin-left: 0;
padding-right: 20px;
}

.theroom {
float: left;
margin:0 20px 0 0
}

.aroom {
padding-top: 35px;
}


.attachment-newdaily-thumb {
width:220px;
margin-bottom: 10px;
}

.ovrigt {
	padding:10px;
	float: left;
}

.medianyheter {
	width:250px;
	background: url("images/medianyheter.png") no-repeat top left;
	padding-left: 45px;
	padding-top: 8px;
	float: left;
	height:34px;
	color:#000;
	/*font-family: "Museo W01 500";*/
	font-size: 18px;
	margin-bottom: 20px;
	
}

.newsletter {
background: #000;
color:#fff;
height:120px;
padding:20px;
}

.today {
float: left;
clear: left;
font-size: 18px;
padding:10px 15px;
text-align: center;
background: #f9b90e;
margin:20px 0 0 10px;
font-style: italic;
/*font-family: "Museo W01 500";*/
font-weight: 100;
text-decoration: none;
}

.medianyheter {
margin-top: 30px;
}

.mainall {
background: #FEBF35;
float: left;
}


.mainall.subpages {
background: #fff;
padding:30px 0;
}

a.workherenow {
display: block;
float: right;
padding:20px 90px 10px 60px;
margin:250px 165px 10px 0;
color:#fff;
font-size: 32px;
text-decoration: none;
background:#000 url("images/workhere.png") no-repeat top left;
}

a.workherenow span {
font-size: 12px;
margin:0;
padding:0;
}

a.workherenow:hover {
background-color: #373737;
}


.contentexcerpt {
background: #fff;
float: right;
width: 250px;
padding:20px;
}

.image {
margin-bottom: 10px;
}

.story {
padding-bottom: 20px;
}


.story .contents {
padding:10px 0;
}

.story .contents h2 {
margin-bottom: 10px;
}

.nivoSlider.bigger {
margin:10px 0;
}

.nivoSlider.bigger .nivo-caption {
width:870px !important;
}

.nivoSlider.bigger .nivo-controlNav {
display: none;
}

.page-template-kontor-php .nivo-controlNav {
	display: none;
}

.desk {
position: relative;
}

.deskinfo h2 {
padding:10px 10px 5px 10px;
background: #f6882a;
color:#fff;
font-size: 40px;
}

.deskinfo h2 a {
color:#fff;
}

.specs {
background: #f6882a;
height:auto;
float: left;
padding:20px 10px 15px 10px;
color:#000;
width:600px;
}

.desk .nivoSlider {
margin: 0;
}

.deskright, .deskleft {
padding-bottom: 40px;
float: left;
}

.deskright h2 {
margin-left: -10px;
}


.deskright .desk {
float: right !important;
margin-right:-10px !important;
}

.desk .nivoSlider .nivo-controlNav, .single-offentliga-rum .nivoSlider .nivo-controlNav, .single-flexdesk .nivoSlider .nivo-controlNav, .single-interna-rum .nivoSlider .nivo-controlNav, .single-foretagsinfo .nivoSlider .nivo-controlNav{
position: absolute !important;
top:10px;
left:500px !important;
width:auto !important;
height:100px;
}

.single-offentliga-rum .nivoSlider .nivo-controlNav, .single-interna-rum .nivoSlider .nivo-controlNav, .single-flexdesk .nivoSlider .nivo-controlNav {
	 left: 550px !important;
 }

.desk .nivoSlider .nivo-control, .single-offentliga-rum .nivoSlider .nivo-control, .single-interna-rum .nivoSlider .nivo-control, .single-flexdesk .nivoSlider .nivo-control, .single-foretagsinfo .nivoSlider .nivo-control{
background: #fff;
padding:12px;
margin-bottom: 3px;
opacity: 0.5
}

.desk .nivoSlider .nivo-control.active, .single-offentliga-rum .nivoSlider .nivo-control.active, .single-interna-rum .nivoSlider .nivo-control.active, .single-föexdesk .nivoSlider .nivo-control.active, .single-foretagsinfo .nivoSlider .nivo-control.active{
opacity: 1.0;
}

.desk .nivo-directionNav, .single-offentliga-rum .nivo-directionNav, .single-interna-rum .nivo-directionNav, .single-flexdesk .nivo-directionNav, .single-foretagsinfo .nivo-directionNav  {
top:90px !important;
}

.specs .col {
float: left;
width:555px;
margin-left: 20px;
}

.flexfix {
	clear: left;
}

a.bigbuttons {
background: #f6882a;
width:260px !important;
float: left;
padding:20px 15px 10px 15px;
color:#fff;
font-size: 34px;
text-decoration: none;
margin-left: -20px;
margin-top:0;

}

a.bigbuttons span {
font-size: 12px;
color:#000;
padding: 0;
}


.specialinfo {
background: #000;
color:#fff;
margin-bottom: 30px;
padding:20px 15px;
width:900px !important;
}

.specialinfo h2 {
float: left;
margin-top: 15px;
}

.specialinfo.foretag {
width:902px !important;
padding-left:28px;
}

.specialinfo.foretag h1 {
text-align: center;
font-size: 70px;
}

.specialinfo.foretag p {
margin:10px 40px 10px 40px;
}

.specialinfo p {
margin:0;
}

.specialinfo a {
display: block;
color:#fff;
margin-bottom:25px;
}

.specialinfo.fix a {
margin-bottom: 0 !important;
}


.contacts {
float: left;
margin-bottom:20px;
}

.contacts .adress {
margin-right: 50px;
}

.kontaktinfo {
width:270px;
float: left;
margin-right: 57px;
margin-bottom: 40px;
}

.kontaktinfo .themail {
	font-size: 11px;
}

.kontaktinfo .jobtitle {
	font-size: 12px;
}

.kontaktinfo p {
	float: left;
	margin: 0;
}

.kontaktinfo a {
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
}

.kontaktbilden {
	width:82px;
	height:82px;
	float: left;
	background: #ececec;
	margin-right: 10px;
}

.people {
margin-left: 220px;
}

.people.social {
margin-top:-60px;
}

.people.social a {
float: left;
margin-right: 10px;
}


.socials {
clear: left;
width:120px;
}

.socials h5, .contacts h5 {
padding:12px 10px 10px;
width:150px;
background: #febf35;
color:#000;
margin-left: -15px;
font-style: italic;
}

.thepress {
clear: left;
}

.press {
float: left;
margin-bottom: 30px;
height:120px;
}

.pressbild {
float: left;
width:220px;
height:102px;
}

.press.fix {
width:450px;
margin-bottom: 80px;
}

.press .texten {
float: left;
margin-left: 20px;
width:200px;
}

.press .texten p {
	margin-bottom: 10px;
}

span.kap {
	font-size: 13px;
}

.yellowlabel {
background: none repeat scroll 0 0 #FEBF35;
color: #000000;
font-style: italic;
padding: 12px 10px 10px;
width: 150px;
font-size: 18px;
float: left;
clear: right;
margin-left: 10px;
}

.booking_form input[type=text] {
width:200px !important;
border-radius: 0 !important;
-moz-border-radius: 0;
-webkit-border-radius: 0 !important;
}

.booking_form select {
width:220px;
margin-bottom: 30px;
}

.calfields {
float:left; 
margin-right:30px; 
width:340px;
margin-top: 30px;
}

.calfields.boka {
width:102px;
float: right;
}

.page .calfields.boka input[type=button], .single .calfields.boka input[type=button] {
background: #000 url("images/skicka.png") no-repeat top left;
width:101px;
height:26px;
border:0;
}

.wpdev-form-control-wrap textarea {
width:220px !important;
height:160px;
}

span.txt {
    display: block;
    float: left;
    padding-top: 12px;
    width: 75px;
    color:#999999;
    clear: left;
}

span.txt.en {
	width: 85px;
}


.anews {
	height:350px;
}
.wpdev-form-control-wrap {
    float: right;
    margin-bottom: 10px;
}

select.choose {
background: #f9b90e;
border:0;
padding:10px;
width:230px;
float: right;
font-size: 16px;
color:#000;
margin:15px 0;
}

#signupFormEmail {
	width:165px;
	float: left;
	height:18lpx;
}

input.wpcf7-submit {
	float: right;
	background: url("images/skicka.png");
	width:101px;
	height: 25px;
	border:0;
	cursor: pointer;
	margin-top:-17px;
}

div.wpcf7-response-output {
	margin-top: -180px;
	font-size: 11px;
}

.bokaden {
	
}

img.loginlogo {
	display: block;
	width:700px;
	margin:10px auto;
}


.alignright {
	 float: right;
	 margin-left:10px;
 }
 
 .alignleft {
	 float: left;
	 margin-right:10px;
 }
 
 .sociallinks .alignleft {
	 margin-right: 2px;
 }


.customlogin {
	display: block;
	width:500px;
	height:auto;
	margin: 10px auto;

	padding:20px;
}

.customlogin h2 {
	text-align: center;
}

.customlogin a {
	display: block;
	text-align: center;
	color:#000;
}

.customlogin a.reset {
	text-align: left;
}

.customlogin input[type = text], .customlogin input[type = password] {
	border:1px solid #ececec;
	padding:8px;
	clear: left;
}

.customlogin input[type = submit] {
	background: url("images/loggain2.png") no-repeat top left;
	border:0;
	width:101px;
	height:26px;
	cursor:pointer;
 }
 
 
 .menu-footer-container {
	 float: left;
 }
 


 .submiting_content {
	 border:none !important;
	 margin-left: 10px;
	 font-size: 14px;
	 font-weight: 100;
 }


.languagechoice {
	position: absolute;
	top:30px;
	right: 160px;
	z-index: 9999;
}

/******* Smartphones ********/

#menu_toggle{
	display: none;
}

@media only screen and (max-device-width: 480px), only screen and (max-width: 480px){
	html body{
		width: 100% !important;
		max-width: 100% !important;
		min-width: initial;
		margin: 0 !important;
	}
	.container_12, .grid_12, .grid_8, .grid_4, .grid_6{
		width: 100% !important;
		max-width: 100 !important;
		margin: 0;
		background-size: cover;
	}
	.header{
		height: 240px;
		background-position: center center;
	}
	.header .languagechoice{
		top: 10px;
		right: 10px;
	}
	#lang_sel ul ul {
		visibility: visible;
	}
	#lang_sel a.lang_sel_sel {
		background: white;
	}
	.header .logoarea{
		top: 10px;
		left: 10px;
		width: 100px;
		height: 77px;
		background-size: cover;
	}
	.containdaily {
		width: 100%;
	}
	a.workherenow{
		float: left;
		margin: 160px 0 0 0;
		width: 100%;
		box-sizing: border-box;
	}
	.navcontain{
		float: left;
		clear: left;
		margin: 0;
		padding: 15px 0 0;
	}
	.navcontain nav{
		width: 100%;
		display: none;
	}
	.menu-huvudmeny-container, .menu, .slideshow{
		float: left;
		width: 100%;
	}
	.navcontain ul{
		height: inherit;
		margin: 10px 0 0 0;
	}
	.navcontain nav ul li{
		clear: left;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	.current-menu-item{
		margin-bottom: 9px;
	}
	a.loggain{
		width: 100%;
		text-align: center;
		margin: 0;
		display: none;
		padding-bottom: 10px;
	}
	.nivoSlider, .nivoSlider img{
		width: 100% !important;
		height: auto !important;
	}
	.nivo-caption{
		display: none !important;
	}
	.calendar{
		width: 100%;
	}
	.slideshow{
		height: auto;
		margin-bottom: 0;
	}
	a.today{ 
		margin: 0 !important;
	}
	.grid_3{
		width: 100% !important;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	.whatelse{
		width: 100% !important;
		margin: 0;
		box-sizing: border-box;
		height: auto;
	}
	.mainall{
		margin-top: 10px !important;
	}
	#posts{
		width: 100%;
		box-sizing: border-box;
		padding: 30px 15px;
	}
	.featimg{
		height: auto;
	}
	.fler{
		float: left;
		margin-left: 10px;
	}
	.rightside{
		width: 100% !important;
	}
	.newsletter .wpcf7-submit{
		float: left;
		margin-top: 10px;
		margin-left: 0;
		clear: left;
	}
	.mecnyheter{
		float: left;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.medianyheter{
		width: 100%;
		background-position: center center;
		text-align: center;
		text-indent: 33px;
		padding-left: 0;
	}
	.rssfeed{
		float: left;
		min-height: 0;
	}
	.thelogo{
		display: none;
	}
	.bottomlinks{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.bottomlinks ul{
		margin: 0 20px;
		width: 90%;
	}
	.textwidget{
		float: left;
	}
	.bottom .sociallinks{
		display: none;
	}
	.lbltoggle{
		font-size: 3em;
		width: 100%;
		text-align: center;
		float: left;
		display: block;
		margin-top: 10px;
		padding: 10px 0;
		background: #f9b90e;
		color: black;
	}
	#menu_toggle{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#menu_toggle:checked + nav, #menu_toggle:checked ~ .loggain{
		display: block;
	}
	.newsletter{
		float: left;
		height: auto;
	}
	.thedailyevents {
		padding: 10px 0;
	}
	
	.contentexcerpt{
		padding: 0;
		float: left;
		margin: 0;
		width: 100%;
		padding-top: 10px;
	}
	.contentexcerpt a{
		width: 100% !important;
		padding: 10px;
		box-sizing: border-box;
		margin: 0;
	}
	.mainall.subpages {
		padding: 0;
		margin: 0;
	}
	
	.deskleft{
		width: 100%;
	}
	.specs{
		width: 100%;
		box-sizing: border-box;
	}
	.specs .col{
		width: 100%;
		margin: 0;
	}
	.deskinfo p{
		padding: 0 10px;
	}
	.deskright .desk{
		margin: 0 !important;
	}
	.deskinfo.omega h2 a{
		/*padding: 0 10px;*/
	}
	.deskright h2{
		margin: 0;
	}
	
	/* motesrum */
	.page-id-571 .mainall.subpages{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.page-id-571 .mainall img{
		width: initial;
	}
	.page-id-571  .pressbild{
		height: auto;
	}
	.page-id-571  .texten{
		clear: left;
		margin: 0;
		margin: 5px 0 20px 0;
		width: 100%;
	}
	.page-id-571  .press.fix{
		margin: 0;
		float: left;
		height: auto;
		width: 100%;
	}
	
	/* kontor */
	.page-id-753 .mainall img{
		width: 100%;
		height: auto;
	}
	
	/* */
	.page-id-98 .specialinfo.foretag{
		width: 100% !important;
		padding: 10px;
		box-sizing: border-box;
	}
	.specialinfo.foretag h1 {
		font-size: 60px;
	}
	
	/* results */
	#result{
		float: left;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	#result ul{
		float: left;
		padding: 0;
	}
	.specialinfo.foretag p {
		margin: 0;
	}
	
	/* single */
	.single .mainhead h2, .single .mainhead p, .single .mainall p{
		padding: 0 10px;
	}
	.single .specialinfo{
		width: 100% !important;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.single .datepick-one-month{
		margin: 15px 0 0;
		height: auto;
		margin-top: 15px;
	}
	.single .booking_form input[type=text]{
		/*width: 160px !important;*/
	}
	.single .booking_form select{
		width: 94%;
	}
	.single .booking_form input[type=button]{
		margin-left: 30px;
	}
	.single .calfields{
		width: 100%;
	}
	.single .calfields p{
		padding: 0 !important;
	}
	.single .booking_form textarea{
		width: 91% !important;
	}
	
	/* */
	.attachment-top-thumb{
		width: 100%;
		height: auto;
	}
	.page .mainall h3, .page .mainall p{
		padding: 0 10px;
	}
	.page .story{
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	/* */
	.contacts .people, .people.social{
		float: left;
		margin: 18px 0;
	}
	.contacts, .contacts .people{
		width: 100%;
	}
	
	.thepress .press{
		height: auto;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.specialinfo{
		margin: 0;
		box-sizing: border-box;
	}
	.thepress .press .texten{
		margin: 10px 0;
		width: 100%;
	}
	.specialinfo.foretag {
		width: 100% !important;
	}
	.sociallinks {
		display: none;
	}
	
}






/******* iPads (portrait and landscape) *******/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait), only screen and (min-width : 481px) and (max-width : 768px) {
	html body{
		width: 100% !important;
		max-width: 100% !important;
		min-width: initial;
		margin: 0 !important;
	}
	.container_12, .grid_12, .grid_8{
		width: 100% !important;
		max-width: 100 !important;
		margin: 0;
		background-size: cover;
	}
	.grid_6, .grid_4{
		width: 50%;
	}
	.header{
		height: 240px;
		background-position: center center;
	}
	.header .languagechoice{
		top: 10px;
		right: 10px;
	}
	#lang_sel ul ul {
		visibility: visible;
	}
	#lang_sel a.lang_sel_sel {
		background: white;
	}
	.header .logoarea{
		top: 10px;
		left: 10px;
		width: 100px;
		height: 77px;
		background-size: cover;
	}
	.containdaily {
		width: 100%;
	}
	a.workherenow{
		float: left;
		margin: 160px 0 0 0;
		width: 100%;
		box-sizing: border-box;
	}
	.navcontain{
		float: left;
		clear: left;
		margin: 0;
		padding: 15px 0 0;
	}
	.navcontain nav{
		width: 100%;
		display: none;
	}
	.menu-huvudmeny-container, .menu, .slideshow{
		float: left;
		width: 100%;
	}
	.navcontain ul{
		height: inherit;
		margin: 10px 0 0 0;
	}
	.navcontain nav ul li{
		clear: left;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	.current-menu-item{
		margin-bottom: 9px;
	}
	a.loggain{
		width: 100%;
		text-align: center;
		margin: 0;
		display: none;
		padding-bottom: 10px;
	}
	.nivoSlider, .nivoSlider img{
		width: 100% !important;
		height: auto !important;
	}
	.calendar{
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.calendar a{
		float: left;
	}
	.calendar .selectroom{
		float: left;
		clear: left;
	}
	.slideshow{
		height: auto;
		margin-bottom: 0;
	}
	a.today{ 
		margin: 0 !important;
	}
	.grid_3{
		width: 24% !important;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	.whatelse{
		width: 24% !important;
		margin: 0;
		box-sizing: border-box;
		height: auto;
		float: left;
	}
	.thedailyevents img{
		width: 100%;
		height: auto;
	}
	.mainall{
		margin-top: 10px !important;
	}
	#posts{
		width: 100%;
		box-sizing: border-box;
		padding: 30px 15px;
	}
	.featimg{
		height: auto;
	}
	.fler{
		float: left;
		margin-left: 10px;
	}
	.rightside{
		width: 100% !important;
	}
	.newsletter .wpcf7-submit{
		float: left;
		margin-top: 10px;
		margin-left: 0;
		clear: left;
	}
	.newsletter{
		width: 100%;
		box-sizing: border-box;
	}
	.mecnyheter{
		float: left;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.medianyheter{
		width: 100%;
		background-position: center center;
		text-align: center;
		text-indent: 33px;
		padding-left: 0;
	}
	.rssfeed{
		float: left;
		min-height: 0;
	}
	.thelogo{
		display: none;
	}
	.bottomlinks{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.bottomlinks ul{
		margin: 0 20px;
		width: 90%;
	}
	.textwidget{
		float: left;
	}
	.bottom .sociallinks{
		display: none;
	}
	.lbltoggle{
		font-size: 3em;
		width: 100%;
		text-align: center;
		float: left;
		display: block;
		margin-top: 10px;
		padding: 10px 0;
		background: #f9b90e;
		color: black;
	}
	#menu_toggle{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#menu_toggle:checked + nav, #menu_toggle:checked ~ .loggain{
		display: block;
	}
	.newsletter{
		float: left;
		height: auto;
		width: 100%;
		box-sizing: border-box;
	}
	.thedailyevents {
		padding: 10px 0;
	}
	
	.contentexcerpt{
		padding: 0;
		float: left;
		margin: 0;
		width: 100%;
		padding-top: 10px;
	}
	.contentexcerpt a{
		width: 100% !important;
		padding: 10px;
		box-sizing: border-box;
		margin: 0;
	}
	.mainall.subpages {
		padding: 0;
		margin: 0;
	}
	
	.deskleft{
		width: 100%;
	}
	.specs{
		width: 100%;
		box-sizing: border-box;
	}
	.specs .col{
		width: 100%;
		margin: 0;
	}
	.deskinfo p{
		padding: 0 10px;
	}
	.deskright .desk{
		margin: 0 !important;
	}
	.deskinfo.omega h2 a{
		/*padding: 0 10px;*/
	}
	.deskright h2{
		margin: 0;
	}
	
	/* motesrum */
	.page-id-571 .mainall.subpages{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.page-id-571 .mainall img{
		width: initial;
	}
	.page-id-571  .pressbild{
		height: auto;
	}
	.page-id-571  .texten{
		clear: left;
		margin: 0;
		margin: 5px 0 20px 0;
		width: 100%;
	}
	.page-id-571  .press.fix{
		margin: 0;
		float: left;
		height: auto;
		width: 50%;
	}
	
	/* kontor */
	.page-id-753 .mainall img{
		width: 100%;
		height: auto;
	}
	
	/* */
	.page-id-98 .specialinfo.foretag{
		width: 100% !important;
		padding: 10px;
		box-sizing: border-box;
	}
	.specialinfo.foretag h1 {
		font-size: 60px;
	}
	
	/* results */
	#result{
		float: left;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
		
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
	}
	#result ul{
		float: left;
		padding: 0;
		width: 245px;
	}
	#result ul:nth-child(2){
		clear: left;
	}
	.specialinfo.foretag p {
		margin: 0;
	}
	
	/* single */
	.single .mainhead h2, .single .mainhead p, .single .mainall p{
		padding: 0 10px;
	}
	.single .specialinfo{
		width: 100% !important;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.single .datepick-one-month{
		margin: 15px 0 0;
		height: auto;
		margin-top: 15px;
		margin-right: 20px;
	}
	.single .booking_form input[type=text]{
		/*width: 160px !important;*/
	}
	.single .booking_form select{
		width: 94%;
	}
	.single .booking_form input[type=button]{
		margin-left: 30px;
	}
	.single .calfields{
		width: 45%;
	}
	.single .calfields p{
		padding: 0 !important;
	}
	.single .booking_form textarea{
		width: 91% !important;
	}
	
	/* */
	.attachment-top-thumb{
		width: 100%;
		height: auto;
	}
	.page .mainall h3, .page .mainall p{
		padding: 0 10px;
	}
	.page .story{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.page .story:nth-child(2n), .container_12 .grid_6:nth-child(2n+1){
		clear: left;
	}
	.container_12 .grid_6 {
		width: 45%;
	}
	
	/* */
	.contacts .people, .people.social{
		float: left;
		margin: 18px 0;
	}
	.contacts, .contacts .people{
		width: 100%;
	}
	
	.thepress .press{
		height: auto;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.specialinfo{
		margin: 0;
		box-sizing: border-box;
	}
	.thepress .press .texten{
		margin: 10px 0;
		width: 100%;
	}
	.specialinfo.foretag {
		width: 100% !important;
	}
	.sociallinks {
		display: none;
	}
	
	
}
