/*
Theme Name: Handelsklubben
Description: Tema för Handelsklubben
Author: Emil Dorbell, Mecka Reklambyrå
Version: 1.0
*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: background-color 0.3s ease-in;
	font-family: verdana;
}

@font-face {
    font-family: 'cosregular';
    src: url('fonts/cos-regular-webfont.eot');
    src: url('fonts/cos-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cos-regular-webfont.woff') format('woff'),
         url('fonts/cos-regular-webfont.ttf') format('truetype'),
         url('fonts/cos-regular-webfont.svg#cosregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#toggleme {
	position: relative;
}
.videoWrapper {
	/*
    display: none;
    */
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#content ul {
	margin: 10px 15px;
	padding: 10px 15px;
}

.single-post #leftcolumn a {
	font-size: 12px;
}

h1, h2, h3, h4, h5 {
	font-family: 'cosregular';
	font-weight: normal;
}

h1 {
	font-size: 22px;
	margin: 0 0 15px 0;
	padding: 0;
}

h3 {
	margin: 20px 0 0 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 10px 0;
}

.gallery-item {
	width: auto !important;
	margin: 5px !important;
}

#page {
	margin: 0 auto;
}

#header {
	background-color: #00254b;
	position: relative;
	text-align: center;
}

#header img {
	margin: 20px 0 0 0;
}

.menu-huvudmeny-container {
	padding: 20px 0;	
}

#menu-huvudmeny {
	list-style-type: none;
	padding: 10px 10px 10px 25px;
	font-size: 14px;
}

#menu-huvudmeny li {
	float: left;
	padding: 0 15px 0 0;
}

#menu-huvudmeny a {
	color: #fff;
	font-family: 'cosregular';
	text-transform: uppercase;	
}

.sub-menu {
	list-style-type: none;	
}

.current-menu-item, .current-page-ancestor {
	background-image: url('images/handelsklubben-pil.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 30px;
}

#loginlogout {
	float: right;
	position: relative;
	
	margin-top:30px;
	padding: 0 20px;
	font-size: 14px;	
	font-family: 'cosregular';
	text-transform: uppercase;	
}

#loginlogout a {
	font-family: 'cosregular';	
}

/* Justerar login-knappens höjd när man är på undersidor med utfälld meny... */
.page-parent #loginlogout,
.page-child #loginlogout,
.single-post #loginlogout {
	
}

#loginlogout a {
	color: #fff;
}

.mecka-sub-menu {
	background: #ccc;
	padding: 10px 10px 10px 25px;
	height: 38px;
}

.mecka-sub-menu ul {
	list-style-type: none;
}

.mecka-sub-menu ul li {
	float: left;
	padding: 0 15px 0 0;
}

.mecka-sub-menu ul a {
	color: #000;	
	font-size: 13px;	
	font-family: 'cosregular';
	text-transform: uppercase;		
}

.mecka-sub-menu .current_page_item {
	text-decoration: underline;
}

#content {
	line-height: 21px;
	font-size: 0.80em;
}

#content a {
	color: #00254b;
}

#leftcolumn {
	width: 75%;
	float: left;
	
	padding: 40px 50px 60px 25px;
	
	background-image: url('images/handelsklubben-stor-bakgrundslogotyp.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-position-y: 60px;

	min-height: 700px;
	height:auto !important;
	height: 700px;
}

.home #leftcolumn {
	padding: 20px 20px 40px 0;
}

#rightcolumn {
	width: 25%;
	float: right;	
	padding: 20px 0 60px 0;
}

#leftcolumn h2 {
	margin: 25px 0 0 0;
	padding: 0;
}

#rightcolumn h2 {
	background-color: #00254b;
	color: #fff;
	padding: 6px 0 5px 10px;
	margin: 0 0 10px 0;
	font-size: 14px;
	text-transform: uppercase;
}

#rightcolumn .attachment-post-thumbnail {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

#rightcolumn a {
	text-decoration: none;
}

#rightcolumn h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.lasfler {
	margin: 0 0 20px 0;
}

.searchfield {
	height: 30px;
	width: 180px !important;
	font-size: 12px;
	padding: 0 0 0 6px;
	margin: 0 6px 0 0;
}

.searchbutton {
	height: 30px;
	width: 40px;
}

.single .wp-post-image {
	max-width: 100%;
	height: auto;
	margin: 15px 0 10px 0;
}

#footer {
	clear: both;
	padding: 0px 20px 20px 0;
	overflow: auto;
	
	background-color: #ccc;
	color: #FFF;
	max-width: 100%;
	font-size: 13px;
}

#footer a {
    color: #FFF;
}

#footer-inner {
    clear: both;
    margin: 20px auto;
    max-width: 960px;
}

.column_1,
.column_2,
.column_3 {
    float: left;
    padding: 20px;
    width: 33%;
}

a.datelink {
	font-weight: normal !important;
}

.sidebarimage {
	width: 100%;
	height: auto;
}

.sidebarlecturesimage {
	width: 130px;
}

.sidebarlecturesdate {
	font-size: 12px;
	padding: 6px 0;
	display: block;
}

/* Loginruta popup */

.white-popup {
  position: relative;
  background: #fff;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  font-size: 13px;
  font-family: verdana;
}

#test-popup input {
	font-size: 13px !important;
}

#test-popup h1 {
	background-color: #00254b;
	color: #fff;
	width: 100%;
	padding: 20px;
	text-transform: uppercase;
}

#login-popup input {
	font-size: 13px !important;
}

#login-popup h1 {
	background-color: #00254b;
	color: #fff;
	width: 100%;
	padding: 20px;
	text-transform: uppercase;
}

/* Nyhetsarkiv */

.page-template-tpl-nyheter-php .attachment-post-thumbnail {
	width: 200px;
	height: auto;	
	margin: 0 15px 0 0;
	float: left;
}

.page-template-tpl-nyheter-php hr {
	margin: 25px 0;
}

.page-template-tpl-nyheter-php a {
	text-decoration: none;
}

.page-template-tpl-nyheter-php h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#nyheter-text {
	padding: 10px 0;
}

.page-template-tpl-nyheter-php #leftcolumn img /* Nyhetsarkivet */ {
	float: left;
	margin: 0 20px 0 0;
}

.whitelink {
	color: #fff !important;
	font-family: cosregular !important;
}

/* Listor */

.memberwrapper {
	padding: 0;
	margin: 0;
}

.memberwrapper table {
	float: left;
	width: 60px;
	height: auto;		
}

.memberwrapper td {
	height: 60px;
	vertical-align: middle;
}

.memberwrapper:hover {
	background-color: #eee;
}

.memberinfo, .companyinfo, .lecturesinfo {
	padding: 15px;
	height: 75px;
	margin-left: 65px;
}

.memberinfo-specific a {
	font-weight: bold;
}

.memberimage, .companyimage, .lecturesimage {
	float: left;
	width: 60px;
	height: auto;	
}

.hr-medlemslista {
	margin: 10px 0;
	background: #00254b;
	border: 0;
	height: 1px;
}

#alfabetet, #year {
	margin: 10px 0 30px 0;
}

#alfabetet a, #year a {
	font-weight: normal;	
}

#datepicker {
	margin: 20px 0 30px 0;
}

.sort-smalltext {
	font-size: 12px;
}

.page-item-92,
.page-item-94,
.page-item-97 {
	display: none;
}

#foredragsarkiv_arsrutor {
	display: inline-block;
}

#foredragsarkiv_visaalla {
	float: right;
}

/* Startsida */

.startsida-puff h1 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	margin: 10px 0;
	padding: 0;
}

.startsida-puff h2 {
	background: none;
	padding: 0;
	color: #000;
}

.page-template-tpl-startsida-php #leftcolumn h3 {
    clear: both;
	background-color: #00254b;
	color: #fff;
	margin: 30px 0 5px 0;
	padding: 6px 0 5px 10px;
	font-size: 14px;
	text-transform: uppercase;		
}

.page-template-tpl-startsida-php #leftcolumn h4 {
	font-size: 26px;
	margin: 0 0 15px 0;
}

.pufflink {
	text-decoration: none !important;
	color: #000 !important;
}

.startsidapuffimage {
	width: 200px;
	margin: 0 15px 10px 0;
	float: left;
}


.startsida-puff {
	margin: 0 0 20px 0;
	padding: 10px 20px 20px 10px;
	min-height: 240px;
	background: #cdd4db;
	overflow: auto;
}

.startsida-puff:hover {
	background: #e1e6eb;
}

.highlights {
    overflow: auto;
}

#start-banners {
    clear: both;
    margin: 10px 0 0 0;
}

.scaleimg,
#start-banners img {
    height: auto;
    width: 100%;
}

#ad-slider {
    width: 100%;
}

.rsMainSlideImage {
    margin: 0 0 0 0 !important;
}

#anmalanknapp-start {
	background-color: #00254b;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 6px 0 5px 10px;
	font-size: 14px;
	float: right;
	width: 145px;
	text-transform: uppercase;
}

.padder {
	padding: 10px 20px 15px 20px;
}

.item {
	width: 94px;
  height: 107px;
	margin: 0 6px 6px 0;
	background-size: cover;
	position: relative;
	float: left;
}

.overlay {
	padding: 6px;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	width: 94px;	
	color: #fff;
	background-color: #00254b;
	opacity: 0.8;
	transition: background-color 0.4s ease-in-out;
	height: 107px;
	overflow: visible;
	font-size: 12px;
}

#random-company {
	border: 1px #000 solid;
	margin: 10px 0;
	padding: 20px;
	text-align: center;
	overflow:hidden;
	height:1%;	
	font-size: 13px;
}

.randomcompanyimage {
	width: 80%;
	margin: 0 0 10px 0;	
}

.random-company-member {
	float: left;
	width: 50%;
	height: 100px;
	margin: 16px 0 32px 0;
	overflow: none;
	line-height: 15px;
}

.random-company-member img {
	height: 70px;
	width: auto;	
	float: none;
	margin: 10px 0;
}

/* Enskilda poster */

.memberimage-large {
	width: 200px;
	margin: 0 0 10px 0;
	float: left;
}

.memberinfo-specific {
	margin-left: 220px;
	min-height: 270px;
}

.companyinfo-specific {
	margin-left: 220px;
}

.hr-medlem {
	margin: 30px 0;
	background: #00254b;
	border: 0;
	height: 1px;	
}

.mecka-sub-menu .page-item-9, .mecka-sub-menu .page-item-13, .mecka-sub-menu .page-item-23 {
	display: none;
}

label {
	display: inline-block;
	width: 110px;
}

/* Formulär */

input[type="text"],
input[type="password"],
input[type="email"] {
	padding: 4px;
	margin: 2px 0;
	width: 200px;
}

input[type="submit"],
input[type="button"],
input[type="file"] {
	padding: 6px;
	width: auto;
}

.asterisk {
	color: #ff0000;
}

.fullwidth-label {
	width: 100%;
}

.bluebutton {
	display: block;
	padding: 8px 8px 8px 16px;
	margin: 20px 0 0 0;
	background-color: #00254b;
	width: 180px;
	color: #fff !important;
	text-transform: uppercase;
}

.page-template-tpl-sokresultat-php #leftcolumn h3 {
	display: block;
	padding: 8px 8px 8px 16px;
	margin: 20px 0 0 0;
	background-color: #00254b;
	width: 100%;
	color: #fff !important;
	text-transform: uppercase;
}

a.bluebutton:hover {
	background-color: #ccc;
	text-decoration: none;	
}

.profilemessage {
	padding: 8px 8px 8px 16px;
	margin: 0 0 20px 0;
	background-color: #00254b;
	color: #fff !important;
	text-transform: uppercase;
}

.resetmessage {
	padding: 8px 8px 8px 16px;
	margin: 0 0 20px 0;
	background-color: #00254b;
	color: #fff !important;
	text-transform: uppercase;
}

.resetmessage-email {
	padding: 18px 0 16px 18px;
	margin: 0 0 20px 0;
	background-color: #b6d7a8;
	text-transform: uppercase;
}

#loginform label {
	width: 80px;
}

.error {
	color: #ff0000;
}

textarea {
	vertical-align: top;
	margin: 5px 0;
	padding: 5px;
	width: 100%;
	height: 200px;
}

#fakturaadress {
	margin: 0 0 8px 0;
	padding: 0;
}

.pickcompany-label {
	width: 300px;
}

label.error {
	width: 100%;
	margin: 0 0 10px 110px;
	font-size: 12px;
}

.formimage {
	width: 150px;
}

#anmalan-andringar {
	float: right;
}

#avanmaldig {
	display: inline-block;
}

#andraantaletgaster {
	display: inline-block;
	margin-right: 8px;
}

#forelasare-anmalan {
	background: #cdd4db;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
}

#forelasare-anmalan h4 {
	font-family: "verdana";
	font-weight: bold;
	margin:0 auto;
	text-align: center;
	font-size:16px;
	margin-bottom:6px;
}
#forelasare-anmalan form {
	width: 100%; 
}

#forelasare-anmalan textarea {
	width:80%;
	height:100px;
}

.jquery-select-step-element {
	width:200px !important;
	height:37px;
	border:0px !important;
	line-height: 27px !important;
}

.decrementStep, .incrementStep {
	background-color: #fff !important;
	background-image: none;
	height:37px;
	width: 37px;
}
.large-link {
	background-color: #00254b;
	color: #fff !important;
	margin: 0 auto;
	padding: 10px 15px 10px 15px;
	font-size: 14px;
	font-weight: normal !important;
	  -webkit-appearance: none;
	text-transform: uppercase;
}
.checkbox {
	font-size: 16px;
	font-weight: bold;
	font-family: "verdana";
	margin-bottom:20px;
}
.checkbox:before {
	content: " ";
	width:30px;
	height:30px;
	background-size: 30px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAxLjM2IDMwMS40OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzAxLjM2IDMwMS40ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fS5zdDF7ZmlsbDojMTIyNjRCO308L3N0eWxlPjxnPjxnIGlkPSJYTUxJRF8xXyI+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIzNi44Myw5Ny4yMWM2LjU3LDcuMDgsMy43OSwxNC4zMi0yLjE5LDIwLjM4Yy0yMC4zMiwyMC41OS00MC43OSw0MS4wMy02MS4yMiw2MS41MmMtMTAuMDEsMTAuMDMtMjAuMDIsMjAuMDUtMzAuMTEsMzBjLTQuMjMsNC4xNi04LjcxLDguMDQtMTUuMDksOC40NGMtNS43NC0wLjA4LTEwLjE0LTMuMS0xMy45NS02Ljg3Yy0xNS41My0xNS4zNi0zMS4wMS0zMC43OC00Ni4zNi00Ni4zMmMtNi40NS02LjUzLTkuNzItMTQuMTMtMi4wOC0yMS42OGM3LjM4LTcuMywxNS41Mi00LjUyLDIyLjI2LDEuMjZjOC4wNSw2LjksMTUuNDMsMTQuNTksMjIuOTgsMjIuMDZjMTYuOSwxNi43MywxNi44OSwxNi43OSwzMy4xNywwLjU1YzIwLjA2LTIwLjAyLDQwLjA2LTQwLjA5LDYwLjEyLTYwLjEyYzMuMzQtMy4zMyw2LjYtNi44LDEwLjI5LTkuNzJDMjIyLjA2LDkwLjg0LDIzMC4wNSw4OS45MSwyMzYuODMsOTcuMjF6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTMwMC43NSwzNy40M2MwLjgyLDc2LjEyLDAuNzgsMTUyLjI2LDAuMSwyMjguMzljLTAuMjEsMjQuMDktMTMuMDgsMzUuNDUtMzYuODUsMzUuNTFjLTc1LjU1LDAuMTktMTUxLjEsMC4yLTIyNi42NCwwLjAxYy0yNy40Ny0wLjA4LTM3LjA3LTkuOTEtMzcuMjQtMzcuNjVjLTAuMjMtMzcuMTgtMC4wNi03NC4zNi0wLjA1LTExMS41NGMwLjAxLTM4LjM3LTAuMTgtNzYuNzMsMC4wOC0xMTUuMDlDMC4zLDE0LjA5LDExLjMyLDAuODUsMzQuMTYsMC42MWM3Ni43MS0wLjgsMTUzLjQ1LTAuODIsMjMwLjE2LTAuMDFDMjg4LjM3LDAuODYsMzAwLjQ5LDEzLjE3LDMwMC43NSwzNy40M3ogTTIzNC42NCwxMTcuNTljNS45OC02LjA2LDguNzYtMTMuMywyLjE5LTIwLjM4Yy02Ljc4LTcuMy0xNC43Ny02LjM3LTIyLjE4LTAuNWMtMy42OSwyLjkyLTYuOTUsNi4zOS0xMC4yOSw5LjcyYy0yMC4wNiwyMC4wMy00MC4wNiw0MC4xLTYwLjEyLDYwLjEyYy0xNi4yOCwxNi4yNC0xNi4yNywxNi4xOC0zMy4xNy0wLjU1Yy03LjU1LTcuNDctMTQuOTMtMTUuMTYtMjIuOTgtMjIuMDZjLTYuNzQtNS43OC0xNC44OC04LjU2LTIyLjI2LTEuMjZjLTcuNjQsNy41NS00LjM3LDE1LjE1LDIuMDgsMjEuNjhjMTUuMzUsMTUuNTQsMzAuODMsMzAuOTYsNDYuMzYsNDYuMzJjMy44MSwzLjc3LDguMjEsNi43OSwxMy45NSw2Ljg3YzYuMzgtMC40LDEwLjg2LTQuMjgsMTUuMDktOC40NGMxMC4wOS05Ljk1LDIwLjEtMTkuOTcsMzAuMTEtMzBDMTkzLjg1LDE1OC42MiwyMTQuMzIsMTM4LjE4LDIzNC42NCwxMTcuNTl6Ii8+PC9nPjwvZz48L3N2Zz4=");
	top: 10px;
left: -10px;
}

.large-red-button {
	background-color: #aa0000;
	border:0px;
	width: 80% !important;
	color: #fff !important;
	margin: 0 auto;
	padding: 10px 25px 10px 25px !important;
	font-size: 14px;
	  -webkit-appearance: none;
	border-radius: 0px;
	text-transform: uppercase;
}
.forelasare-info-ruta {
	width:80%;
	margin:0 auto;
	margin-bottom:20px;
}
.large-blue-button {
	background-color: #00254b;
	border:0px;
	width: 80% !important;
	color: #fff !important;
	margin: 0 auto;
	padding: 10px 25px 10px 25px !important;
	font-size: 14px;
	  -webkit-appearance: none;
	  border-radius: 0px;
	
	text-transform: uppercase;
}


/*****************/
/* gallery       */
/*****************/
#leftcolumn p img,
#leftcolumn h1 img {
	width: 100%;
	height: auto;
}

.gallery {
	clear: both;
    overflow: hidden;
}

.gallery .gallery-item {
	width: 200px !important;
	height: 150px !important;
	overflow: hidden;
	
	
}

.gallery .gallery-item img {
    max-width: 200px;
	max-height: 150px;
	width: auto;
    height: auto;
}

.gallery .gallery-item .gallery-icon {
   background-color: #F4F4F4;
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;

}


.gallery img { border: none !important; }


.gallery br { display: none; }

@media all and (max-width: 750px) {
	.gallery .gallery-item { max-width: none; height: auto !important; width: 100% !important; }
	.gallery .gallery-item img { max-width: none; max-height: none; width: 100%; height: auto; }
}




/*****************/
/* MEDIA QUERIES */
/*****************/

@media all and (min-width: 980px) {

	#page {
		width: 960px;
	}
	

	html {
		background-image: url('images/handelsklubben_header_bg.png');
		background-repeat: repeat-x;
		background-position: center top;
	}	

}

@media all and (max-width: 979px) {

	#page {
		width: 100%;
	}
	
	#header img {
		width: 95%;
	}
	
	.startsida-puff {
		line-height: 17px;
	}
	
	.startsida-puff h1, .padder h4 {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	
	.startsida-puff h2 {
		font-size: 16px;
		margin: 0 !important;
	}
	
	.searchfield {
		width: 130px;
	}
	
	.random-company-member img {
		height: 90px;
		width: auto;
	}
	
	#leftcolumn {
		width: 70%;
	}
	
	.home #leftcolumn {
		padding: 20px 10px 0 10px;
	}
	
	#rightcolumn {
		width: 30%;
		padding: 20px 10px 0 0;
	}
	
	.memberimage-large {
		width: 130px;
	}
	
	.memberinfo-specific {
		margin-left: 150px;
	}
	
	.companyinfo-specific {
		margin-left: 150px;
	}	
	
	#menu-huvudmeny {
		font-size: 11px;
	}
	
	#loginlogout {
		font-size: 11px;
		
	}
	
	/* Justerar login-knappens höjd när man är på undersidor med utfälld meny... */
	.page-parent #loginlogout,
	.page-child #loginlogout,
	.single-post #loginlogout {
		
	}
	
	input {
		width: 55%;
	}

	label {
		width: 35%;
	}

}

@media all and (min-width: 751px) {
	
	#loginlogout-mobile {
		display: none;
	}
	
	#togglebutton {
		display: none;
	}
	
	#toggleme {
		display: block !important;
	}
	
	.sub-menu {
		display: none;
	}

}

/* Menyswitch sker här */
@media all and (max-width: 750px) {

	#togglebutton {
		width: 100%;
		background-color: #ccc;
		background-image: url('images/handelsklubben-menubg.png');
		background-position: right center;
		background-repeat: no-repeat;
		margin: 20px 0 0 0;
		padding: 10px 10px 10px 25px;
		text-align: left;
		text-transform: uppercase;
		font-family: 'cosregular';
	}
	
	#toggleme {
		display: none;
	}
	
	.mecka-sub-menu {
		display: none;
	}
	
	.sub-menu {
		display: block;
	}

	.menu-huvudmeny-container {
		padding: 10px 0 0 0;
	}

	#menu-huvudmeny {
		text-align: left;
	}

	#menu-huvudmeny a {
		font-size: 13px;
	}
	
	#menu-huvudmeny .sub-menu {
		margin: 0 0 0 10px;
	}

	#menu-huvudmeny li {
		float: none;
		margin: 5px 0;
	}
	
	.current-menu-item, .current-page-ancestor {
		background: none;
		height: auto;
	}
	
	#loginlogout {
		display: none;
	}
	
	#loginlogout-mobile {
		text-align: left !important;
		padding: 0 0 25px 25px;
	}
	
	#loginlogout-mobile a {
		color: #fff;
		font-family: 'cosregular';
		font-size: 13px;
		text-transform: uppercase;
	}
	
    .column_1,
    .column_2,
    .column_3 {
        float: left;
        width: 100%;
    }

}

@media all and (max-width: 700px) {

	#leftcolumn {
		width: 100%;
		float: none;
		padding: 40px 20px;
	}
	
	.home #leftcolumn {
		padding: 40px 20px;		
	}
	
	#rightcolumn {
		width: 100%;
		float: none;
		clear: both;
		padding: 40px 20px;		
	}
	
	.searchfield {
		width: 80%;
	}
	
	#random-company {
		width: 250px;
		margin: 30px auto 0 auto;
	}
	
	.random-company-member img {
		height: 90px;
		width: auto;	
		float: none;
		margin: 10px 0;
	}	

	.pickcompany-label input, .fullwidth-label input {
		width: auto;
	}

}

@media all and (max-width: 568px) {
	
	#page {
		width: 100%;
	}
	
	#leftcolumn {
		padding: 40px 20px;
	}
	
	.home	#leftcolumn {
		padding: 40px 20px;
	}
	
	#rightcolumn {
		padding: 0 20px 20px 20px;
	}
	
	.startsida-puff {
		height: auto;
		margin: 0 0 20px 0;
	}
	
	.startsidapuffimage {
		width: 150px;
	}	
	
	.memberimage-large {
		width: 60%;
		margin: 0 0 20px 0;
		float: none;
	}
	
	.memberinfo-specific {
		margin: 0;
	}
	
	.companyinfo-specific {
		margin-left: 0;
	}	
	
	.memberinfo {
		height: 100px;
		padding-top: 0;
	}
	
	.hr-medlemslista {
		margin: 10px 0 20px 0;
	}
	
	.page-template-tpl-nyheter-php #leftcolumn img /* Nyhetsarkivet */ {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 0 20px 0;
	}
	
	label {
		display: block;
		width: auto !important;
		margin: 10px 0 0 0;
	}

	#foredragsarkiv_arsrutor {
		display: block;
		margin: 20px 0;
	}

}

@media all and (max-width: 450px) {
	
	.startsida-puff {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.startsidapuffimage {
		width: 50%;
	}
	
	
	.item {
		width: 86px;
	}	
	
}