@charset "utf-8";
/* Fonter importeras HB*/

body{
	padding:0px;
	margin:0px;
	background-color:#F5F5F5;
	}

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

}

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

}

/* Style för komponenter HB */



.cabin {
	font-family:'cabin-bold';

	}
.nobile{
	font-family:'nobile-medium';
	}

.bildspel {
	height: 400px;
	background-color: #a0a0a0;
	margin-top: 20px;
	background-image:url(../img/bildspel1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:5px;
	-webkit-box-shadow: 2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	}

.kartan {
	height: 400px;
	background-color: #a0a0a0;
	margin-top: 20px;
	border-radius:5px;
	-webkit-box-shadow: 2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 1px 12px 0px rgba(50, 50, 50, 0.75);
	}

.header {
	float:left;
	margin-top:40px;
	}

nav {
	}

ul li a:link, ul li a:visited {
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	color:#FFF;
	font-size:2em;
	/*margin-left:90px;*/
	padding-bottom:4px;
	}
ul {
	list-style:none;
	}
ul a:hover{
	border-bottom: 2px solid #fe8101;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	}

.current{
	border-bottom: 2px solid #fe8101;
	}

.logo {
	float:left;
	}

.content {
	background-color: #F5F5F5;
	height:400px;
	position:relative;
	z-index:3;
	}

.samarbete{
	border-top: 1px solid #a0a0a0;
	margin-bottom: 20px;
}

.contentkarta {
	background-color: #F5F5F5;
	height:500px;
	font-size: 1.25em;
	}

/*css för tjänster-sidan*/
.contenttjanster {
	background-color: #F5F5F5;
	height:800px;
	}

.robin {
	background-image:url(../img/robin.png);
	height:200px;
	background-size:cover;
	-webkit-box-shadow: inset 0px -3px 10px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    inset 0px -3px 10px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         inset 0px -3px 10px 0px rgba(0, 0, 0, 0.75);
	}

.tjanster {
	font-size: 1.5em;
	text-align:center;
	color: #FFF;
	margin-top: 30%;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.84);
	}

.fs{
	font-size: 1.25em;
	color:#FFF;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.84);

	}

.foten {
	background-image:url(../img/low_contrast_linen/low_contrast_linen_@2X.png);
	height:100px;
	clear:both;
	}

.ellipse{
	background-color: #ff7f00;
	border-radius: 450px;
	height: 950px;
	margin-top: 50px;
	margin-bottom: 50px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.76);
	-moz-box-shadow:    2px 2px 5px 0px rgba(0, 0, 0, 0.76);
	box-shadow:         2px 2px 5px 0px rgba(0, 0, 0, 0.76);
}
/*slut på tjänster-sidan*/

/*css för personal-sidan*/

.contentpersonal {
	background-color: #F5F5F5;
	height:1600px;
	}

.bildAnstalld {
	height: 400px;
	width: 400px;
	/*background-image:url(../img/joel.png);
	background-repeat:no-repeat;
	background-size:cover;*/
	margin-top:20px;
	border-radius: 10px;
	border: 1px solid #333;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	display:block;
	float:left;
	}

.pers2 {
	height: 400px;
	background-image:url(../img/robin_anstalld.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:20px;
	border-radius: 10px;
	border: 2px solid #333;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	display:block;
	float:left;
	}

.pers3 {
	height: 400px;
	background-image:url(../img/anst%C3%A4lld_utan_bild.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin-top:20px;
	border-radius: 10px;
	border: 2px solid #333;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	display:block;
	float:left;
	background-color:#d3d6db;
	}
.anstalldaparagraf{
	font-size:1.25em;
	margin:0px;
	}
.anstalldaheader{
	font-size:1.75em;
	padding-top:10px;
	margin:0px;
	}

.anstalldaparagraf2{
	font-size:1.25em;
	margin:0px;
	text-align:right;
	}
.anstalldaheader2{
	font-size:1.75em;
	padding-top:10px;
	margin:0px;
	text-align:right;
	}
.anstalldarubrik{
	font-size:1.75em;
	padding-top:20px;
	padding-bottom:10px;
	margin:0px;
	text-align:center;
	}

.floatanstalld{
	float: right;
}

.marginAnstallda{
	margin-top: 50px;
}
/*slut på personal-sidan*/
.kartan {
	margin-bottom: 50px;
	}

.telefon{
	padding-left: 50px;
	}

.epost {
	padding-left: 50px;
	float:right;
	text-align:right;
	}

.about {
	height:400px;
	border-right: 1px solid #a0a0a0;
	margin-top:20px;
	}
.news {
	height:400px;
	margin-top:100px;
	}
.flytta{
	margin-left:10px;
	}

.h1 {
	font-size:1.5em;
	text-align:center;
	color:#000;
	padding:0xp;
	margin-top:5px;
	}
.p1{
	font-size:0.9em;
	margin-left:0px;
	margin-right:15px;
	}

.borderbild{
	background-image:url(../img/IMG_2781(1).jpg);
	height:100px;
	}

.bg1{
	background-image:url(../img/low_contrast_linen/low_contrast_linen_@2X.png);
	height: 400px;
	}

.bg3{
	background-image:url(../img/low_contrast_linen/low_contrast_linen_@2X.png);
	height: 150px;
	}

.fot {
	background-image:url(../img/low_contrast_linen/low_contrast_linen_@2X.png);
	height:100px;
	clear:both;
	}

.fottext{
	text-align:center;
	color:#FFF;
	}
.nobile {
	font-family: 'nobile-medium';
	}

/* MOBIL */
@media only screen and (max-width: 767px) {
.main{
	display:none;
}

.bildspel{
	height:200px;
}


.about{
	border-right: 0px solid #a0a0a0;
	text-align:center;
	height:400px;
}

.nastSista{
	display:none;
	}
.Sista{
	display:none;
}

.news{
	height:200px;
}

.fot{
	height:150px;
}

.menuMobile{
	width:50px;
	height:50px;
	float:right;
  	position:relative;
	z-index: 12;
}

.bg1{
	height: 300px;
	z-index:4;
}

.fottext{
	font-size: 0.8em;
}


.bla{
	background-color:#F60;
}

.zindex11{
	z-index: 11;
	background-color:#ff7f00;
	height:120vh;
	float:right;
}

.zindexmenu{
	z-index: 12;
}



.posfix{
	position:fixed;
}

/* Div för meny på mobil AG */
.divmenymobil {
		position:absolute;
		z-index:2;
		top:0px;
		right:0px;
		float:right;
}

.mobnav {
		float:right;
}

/* Transition för mobilnavigation AG */
.transit {
		-webkit-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		-ms-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
}

.height100 {
		height:120%;
	}
.menyn {
		float:right;
	}
.mobile{
	z-index:9;
	position:relative;
}

.gom{
	position:relative;
	z-index	:2;
	display:none;
}

.content{
	z-index:1;
}

.marginmenu{
	margin-top: 40px;
	margin-bottom: 20px;
}

.current{
	border-bottom: 2px solid #FFF;
}

ul a:hover{
	border-bottom: 2px solid #333;
}

ul li a:link, ul li a:visited {
	padding-bottom: 10px;
	padding-top: 10px;
}
.tjanster {
	font-size: 1em;
}
.fs{
	font-size: 0.9em;
}

.ellipse{
	height: 650px;
	background-image:url(../img/low_contrast_linen/low_contrast_linen_@2X.png);
}
.epost {
	padding-left: 50px;
	float:right;
	text-align:center;
	}
.telefon{
	padding-left: 50px;
	text-align: center;
	}
.adress{
	text-align: center;
}

.bildAnstalld {
	height: 250px;
	width: 250px;
	/*background-image:url(../img/joel.png);
	background-repeat:no-repeat;
	background-size:cover;*/
	margin-top:20px;
	border-radius: 10px;
	border: 1px solid #333;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.75);
	display: inline-block;
	float:none;
}

.align{
	text-align: center;
}

.foten{
	height: 150px;
}

}
@media only screen and (min-width: 768px) {
.mobile{
	display:none;
	}
}