/* Facket Försäkrar */
div.ffgreen, div.fkgreen { 
	background-color:#009f1a;
}

div.fkgreen p {
	float:left;
	max-width: 95%;
	margin-top: 0;
}

div.ffcontent, div.fkgreen h1 { 
	width: 95%;
}



div.ffintro {
	float: left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 11px;
	padding: 1.3em 0 10px 19px;
	margin-bottom: 20px;
	/* width: 100%; */
}
@media (max-width: 768px) {
	div.ffintro {
		width: 100%;
	}
}

div.ffintro h1 { 
	color:#fff;
	margin-bottom: 8px;
	width: 100%;
	float: none;
}

div.ffintro h2 {
	font-size: 22px;
	margin-top: 0;
} 

div.ffintro p {
	color:#fff;
	font-weight: bold:
}

div.ffimggreen {
	float:right;
	margin-right: 7px;
}

div.ffgrey {
	background-color:#9B9E9F;
}
div.ffgrey p {
	max-width: 73%;
	display: inline;
	float: left;
	margin-top: 0;
	margin-right: 10px;
}

div.ffgrey .ffimg {
	margin-top:7px;
}

#ff-forbundsel {
	background-color: #fff;
	width:100%;
	max-height: calc(1.2em + 16px);
    height: calc(1.2em + 16px);
}

div.ffmovie {
	float: left;
	margin-top: 20px;
}
div.ffmovie iframe {
	margin-bottom: 10px;
}

.facket_forskrar div.social-content-links {
	/*width: auto;
	float: right;*/
}
/* fk formulär */ 
div.box label {
	width: 100%;
	float: left;
}

div.box input[type="text"], div.box select {
	width: 298px;
	border: 1px solid #DADADA;
	height: auto;
}
div.box #riktnr {
	width: 50px;
	margin-right: 4px;
}

div.box #phonenr {
	width: 235px;
	margin-left: 4px;
}

div.box p {
	float: left;
	width: 100%;
}

div.box p label.clear {
	width: 100%;
	clear: both;
}

#employer, #kommun, div.box textarea {
	width: 100%;
}

div.box textarea {
	height: 100px;
	border: 1px solid #DADADA;
}

div.text-bild-box img {
	border: 1px solid #E5E5E5;
}

div.f-film {
	background-image: url("/home/lo/res.nsf/vRes/global_1345213335968_forsakringsfilm_jpg/$File/forsakringsfilm.jpg");
	background-repeat: no-repeat;
	min-height: 125px;

}

div.f-film a img {
	border: 0;
}

div.f-film a {
	display: block;
	padding-top: 25px;
}

div.box input[type="submit"], div.box input[type="reset"], #modForm input[type="submit"] {
	border: 1px solid #cbcbcb;
    border-radius: 3px 3px 3px 3px;
    box-shadow:  1px 1px 3px #e4e4e4;
    -moz-box-shadow: 1px 1px 3px #e4e4e4;
	-webkit-box-shadow: 1px 1px 3px #e4e4e4;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: auto;
    line-height: 21px;
    outline: medium none;
    padding: 7px 12px 6px;
    width: auto;
    background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

/*#modForm label 					{ display:inline-block; vertical-align:top; width:90px; }*/
#modForm label {
	color: #363636;
	font-family: 'Open Sans',Arial,sans-serif;
	font-size: 14px;
	line-height: 25px;
}
#modForm input, #modForm textarea	{ width: 100%; display: inline-block; font-family: Verdana,Geneva,sans-serif; }
#modForm input					{ }
#modForm textarea				{ height: 80px; }
#modForm > div    					{ display:block; padding:10px 0 0 10px; }
#formMod						{ margin-top: 20px; background-color:#F4F4F4; display:inline-block; padding:0 20px 20px 10px; width:100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 30px;}


#modForm input[type="checkbox"], #modForm input[type="radio"] {
	width: auto;
}

/* kampanj 201403 */
.ffbox {
	-moz-border-radius: 11px;
	border-radius: 11px;
	position:relative;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 1px 13px;
}
.ffbox > .img-btn-wrap {
	float: right;
	/* width: 100px; */
	width: inherit;
	margin-top: 30px;
	margin-left: 6px;
	/*position: absolute;*/
}
.ffbox > .img-btn-wrap > img {
	/* position:absolute; */
}
.ffbox > p {
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
}
.ffbox > p.fixyfixy {
	max-width: 135px;
}
.ffbox > h3 {
	/* text-transform: uppercase; */
	font-size: 18px;
}
.ffbox > h3 > .fixyfixy {
	word-break: break-all;
	display: block;
}
.ffslogan {
    margin: -9px 0 13px;
	font-size: 21px;
	/* font-weight: bold; */
}
.ffshowbig {
	display: none;
}
.ffshowsmall {
	display: block;
}
.ffbox div > a {
	width: 100%;
}
.ing.ffshowsmall {
	margin-bottom: 20px;
	/* display:block; */
}

@media (min-width: 480px) {
	.ffbox {
		padding: 1px 13px 8px;	
	}
	.ffbox > p.fixyfixy {
		max-width: inherit;
	}
	.ffbox > h3 > .fixyfixy {
		word-break: normal;
		display: inline;
	}
}

@media (min-width: 624px) {
	div.box label {
		width: 114px;
		float: left;
	}

	.ffbox {
		padding: 10px 20px;	
	}
	.ffshowbig {
		display: inline;
	}
	.ffshowsmall {
		display: none;
	}
	.ffbox > .img-btn-wrap {
		margin-top: 0;
		width: inherit;
	}

}

@media (min-width: 768px) {
	div.fkgreen div.ffimg {
		height: 122px;
		/* margin-left: 27px; */
		margin-left: 475px;
	}

	div.ffcontent, div.fkgreen h1 { 
		float: left; 
		max-width: 55%; 
	}	
}

@media (min-width: 1024px) {


}

@media (min-width: 939px)
div.topimgsmall {
    display: none!important;
}