html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,object { border:0 none; font-family:inherit; font-size:100%; font-style:inherit; outline-color:invert; outline-style:none; outline-width:0; vertical-align:baseline; margin:0; padding:0; }
html, body {-webkit-text-size-adjust: 100%;}
table { border-collapse:separate; border-spacing:0; }
caption,th,td { font-weight:400; text-align:left; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
em { font-style:italic; }
.table { display:table; }
.pointer { cursor:pointer; }


@-ms-viewport { width: device-width !important; }


@font-face {
	font-family: "febericons";
	src:url("/fonts/febericons.eot?2013-5");
	src:url("/fonts/febericons.eot?#iefix") format("embedded-opentype"),
	url("/fonts/febericons.ttf?2013-5") format("truetype"),
	url("/fonts/febericons.svg#febericons") format("svg"),
	url("/fonts/febericons.woff?2013-5") format("woff");
	font-weight: normal;
	font-style: normal;

}
		
		
#yodaContainer { overflow-x: hidden; }
		

.spacer { padding: 0 20px 20px 20px; background-color: white; margin: 0 auto; max-width: 1240px; }
.spacer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.spacerLeft { padding: 0 0 20px 20px; background-color: white; margin: 0 auto; max-width: 1260px; }
.spacerLeft:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.spacerBottom { padding: 0 0 20px 0; background-color: white; margin: 0 auto; max-width: 1280px; }
.spacerBottom:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.spacerNone { padding: 0 0 0 0; background-color: white; margin: 0 auto; max-width: 1280px; }
.spacerNone:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.spacerAll { padding: 20px 20px 20px 20px; background-color: white; margin: 0 auto; max-width: 1240px; }
.spacerAll:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.hidden { display: none; }

@media only screen and (max-width: 480px) {
	.spacer { padding: 0 15px 15px 15px; }
	.spacerLeft { padding: 0 0 15px 15px; }
	.spacerBottom { padding: 0 0 15px 0; }
	.spacerNone { padding: 0 0 0 0; }
	.spacerAll { padding: 15px 15px 15px 15px; }
}

body {
	background-color:#333;
	font-size: 13px;
	font-weight: normal;
	font-family: HelveticaNeue-Regular, Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height:16px;
	margin:0; padding:0;
	text-align: left;
	overflow-x: hidden;
}

.after:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.theafter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.hot, .hot a { bottom: auto; color: #ee4f0c !important; }
.hot75, .hot75 a { bottom: auto; color: #fc7533 !important; }
.hot50, .hot50 a { bottom: auto; color: #fd9866 !important; }

.hotBG { background-color: #f7520c !important; color: #fff !important; }
.hotBG75 { background-color: #fc7533 !important; color: #fff !important; }
.hotBG50 { background-color: #fd9866 !important; color: #fff !important; }
.hotBG a { color: #fff !important; }

.cold, .cold a { color:#4ebbe8 !important; }
.cold75, .cold75 a { color:#6ac8ee !important; }
.cold50, .cold50 a { color:#8fd6f2 !important; }

.coldBG { background-color:#4ebbe8 !important; color: #fff !important; }
.coldBG75 { background-color:#6ac8ee !important; color: #fff !important; }
.coldBG50 { background-color:#8fd6f2 !important; color: #fff !important; }
.coldBG a { color: #fff !important; }

.fifty { width: 50% !important; }
.onethird { width: 50%; }
.twothird { width: 50%; }

a { color:#05659c; font-weight:600; text-decoration:none; } a:hover { opacity: 0.8; }


/* Resize av reklam */


.reklam { background-color: rgba(0,0,0,0); padding: 0px 0px; max-width: 100%; margin-bottom: 0px; overflow: hidden; }
.feberReklam {  }
@media only screen and (max-width: 979px) {
	.feberReklam {  }
}
.tailsweep-div { max-width: 1280px; margin: 0 auto;}


.blocked { max-width: 980px; max-height: 300px; margin: 0 auto 20px auto; }
.closemeplease { background-color: #fff; padding: 3px 6px 0px; font-size: 11px; }
.closemeplease a { font-weight: 400; }

.header { margin:0 auto 20px; }

.statistics { display:none; width:1px; height:1px; }

.utfallande { margin: 0 !important; }



@media only screen and (max-width: 640px) {
	.onethird, .twothird {
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
}

.appicon { float: left; margin-right: 10px; }

#container { width: 100%; margin: 0 auto; overflow: hidden; }
#container_container { max-width: 1280px; margin: 0 auto; overflow: hidden; }





.puff5 { width: 24.5%; float: left; margin-right: 0.65%; overflow: hidden; position: relative; line-height: 1em; padding: 0; margin-left: 0; float: left;  text-align: left; margin-bottom: 0.65%; }
.puff5 a { color: #000; font-weight: 700; font-size: 0.9231em; border: 0; }

.puff5 .puff5header { padding: 10px 12px; background-color: white; }

.puff5 .vignette { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Arial, sans-serif; font-weight: 300; color: rgba(0,0,0,0.4); margin: 0 !important; padding: 0 !important;font-size: 14px; line-height: 16px; }
.puff5 .headline { font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700;font-size: 14px; line-height: 16px; color: rgba(0,0,0,0.8); }
.puff5 .preamble { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Arial, sans-serif; font-weight: 300; color: rgba(0,0,0,0.4); margin: 0 !important; padding: 0 !important;font-size: 14px; line-height: 16px; }


.puff5youtube, .puff5image { overflow: hidden; padding-bottom: 50%; position: relative; height: 0; overflow: hidden;background-repeat:no-repeat;
		background-position:center center;
		background-size: cover; }
.puff5image img { width: 100%; }
.puff5youtube img { width: 100%; margin-top: -3%; }

.puff5 .temp { display: inline; bottom:0; left: 0; margin:0;  position: absolute; padding: 4px 6px; float: right; color: #fff; background-color: #666; }




.puff5:nth-child(4n+0) { margin-right: 0; }

@media only screen and (max-width: 800px) {
    .puff5 { width: 32.8% }
    .puff5:nth-child(4n+0) { margin-right: 0.95%; }
    .puff5:nth-child(3n+0) { margin-right: 0%; }
}

@media only screen and (max-width: 600px) {
    .puff5 { width: 49.475% }
    .puff5:nth-child(3n+0) { margin-right: 1.05%; }
    .puff5:nth-child(2n+0) { margin-right: 0%; }
}

/* fade in */			.puff5, .art_container, .puffGrande { animation: fadein 0.8s; -moz-animation: fadein 0.8s; -webkit-animation: fadein 0.8s; -o-animation: fadein 0.8s; }
							@keyframes fadein { from { opacity:0; } to { opacity:1; } }
							@-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } }
							@-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } }
							@-o-keyframes fadein { from { opacity:0; } to { opacity: 1; } }
						
/* Spinner */			.spinner { position: relative; z-index: 1000; top:0; left: 0; width: 100%; margin-bottom: 300px; }
						.spinnerinline { width: 40px; height: 40px; position: relative; margin: 100px auto; }
						.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #f7520c; opacity: 0.8; 
							position: absolute; top: 0; left: 0; 
							-webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }
						.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
						@-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } }
						@keyframes bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% 
							{ transform: scale(1.0); -webkit-transform: scale(1.0); } }





/* 3-2. DATE HEADER */
	/* Base */ 				header.date { background-color: #222; color: #fff; margin:20px 0 10px; padding: 15px 20px; border-radius: 3px;
								font-family: "New Rail Alphabet Light", Arial, serif; font-size: 16px;
								font-weight: 200; font-style: normal; -webkit-font-smoothing: antialiased; }
	/* First letter big */ 	header.date:first-letter { text-transform: uppercase; }
	/* Icons */				header.date .icon { font-size: 20px; padding-top: 3px; }
	
	
	
	
	/* HOT OR NOT */ 		.feberhot, .feberhot a { bottom: auto; color: #f7520c !important; }
							.feberhot75, .feberhot75 a { bottom: auto; color: #f7520c !important; }
							.feberhot50, .feberhot50 a { bottom: auto; color: #f7520c !important; }
							
							.feberhotBG { background-color: #f7520c !important; color: #fff !important; }
							.feberhotBG75 { background-color: #f7520c !important; color: #fff !important; }
							.feberhotBG50 { background-color: #f7520c !important; color: #fff !important; }
							.feberhotBG a { color: #fff !important; }
							
							.febercold, .febercold a { color:#4ebbe8 !important; }
							.febercold75, .febercold75 a { color:#6ac8ee !important; }
							.febercold50, .febercold50 a { color:#8fd6f2 !important; }
							
							.febercoldBG { background-color:#4ebbe8 !important; color: #fff !important; }
							.febercoldBG75 { background-color:#6ac8ee !important; color: #fff !important; }
							.febercoldBG50 { background-color:#8fd6f2 !important; color: #fff !important; }
							.febercoldBG a { color: #fff !important; }
							
							.tjockhot, .tjockhot a { bottom: auto; color: rgb(220,26,0) !important; }
							.tjockhot75, .tjockhot75 a { bottom: auto; color: rgb(99,7,13) !important; }
							.tjockhot50, .tjockhot50 a { bottom: auto; color: rgb(99,7,13) !important; }
							
							.tjockhotBG { background-color: rgb(220,26,0) !important; color: #fff !important; }
							.tjockhotBG75 { background-color: rgb(99,7,13) !important; color: #fff !important; }
							.tjockhotBG50 { background-color: rgb(99,7,13) !important; color: #fff !important; }
							.tjockhotBG a { color: #fff !important; }
							
							.tjockcold, .tjockcold a { color: rgb(0,163,220) !important; }
							.tjockcold75, .tjockcold75 a { color: rgb(21,68,100) !important; }
							.tjockcold50, .tjockcold50 a { color: rgb(21,68,100) !important; }
							
							.tjockcoldBG { background-color: rgb(0,163,220) !important; color: #fff !important; }
							.tjockcoldBG75 { background-color: rgb(21,68,100) !important; color: #fff !important; }
							.tjockcoldBG50 { background-color: rgb(21,68,100) !important; color: #fff !important; }
							.tjockcoldBG a { color: #fff !important; }
							
							
							.feber.hot{ color: rgba(247,82,27,1); }
							.feber.cold { color: rgba(77,187,232,1); }
							.tjock.hot { color: rgba(252,22,27,1); }
							.tjock.cold { color: rgba(27,168,223,1); }
							
							.feber.hotBG{ background-color: rgba(247,82,27,1) !important; color: #fff !important; }
							.feber.coldBG { background-color: rgba(77,187,232,1) !important; color: #fff !important; }
							.tjock.hotBG { background-color: rgba(252,22,27,1) !important; color: #fff !important; }
							.tjock.coldBG { background-color: rgba(27,168,223,1) !important; color: #fff !important; }
							
							.feber.hotTopBorder { border-top-color: rgba(247,82,27,1); }
							.feber.coldTopBorder { border-top-color: rgba(77,187,232,1); }
							.tjock.hotTopBorder { border-top-color: rgba(252,22,27,1); }
							.tjock.coldTopBorder { border-top-color: rgba(27,168,223,1); }



							.puff5.inverted .puff5header { background-color: #292929; }
							.puff5.inverted .vignette { color: rgba(255,255,255,0.5); }
							.puff5.inverted .headline { color: rgba(255,255,255,0.9); } 
							.puff5.inverted .preamble { color: rgba(255,255,255,0.5); }
	
							.puff5 .stripe { background-color: white; }
							.puff5.inverted .stripe { background-color: #292929; }
							
							.puff5 .stripe .zoom { padding: 5px 12px 0 0; font-size: 14px; color: white; }

							.puff5 .temp7.feber { display: inline; bottom:0; left: 0; margin:4px; padding: 5px 6px; background-color: #333; color: #fff; float: right; 
								font-family: "New Rail Alphabet White", 'Helvetica Neue', Helvetica, Arial, Sans-serif; font-weight: 100; font-style: normal; -webkit-font-smoothing: subpixel-antialiased; font-size: 14px; }
							
							.puff5 .temp7.tjock { display: inline; bottom:0; left: 0; margin:4px; padding: 4px 8px; background-color: #333; color: #fff; font-family: "Lato"; font-weight: 300 !important; font-size: 12px; float: right; }
							
							.puff5 .temp7.tjockcircle { width: 66px; height: 66px; border-radius: 66px; top: 50%; left: 50%; line-height: 66px; margin:-33px 0 0 -33px;  position: absolute; padding: 0; color: #fff; background-color: #333; text-align: center; font-size: 16px;font-family: "Lato", HelveticaNeue-light, Helvetica, Arial, sans-serif; font-weight: 300; }
							
							.puff5 .commentcount { display: inline; bottom:0; right: 0; margin:0; padding: 5px 7px; float: right; color: #fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Arial, sans-serif; font-weight: 300; font-size: 14px; }
							.puff5 .commentcount a { color: white; }
							.puff5 .icon { float: right; margin: 5px 0 0 3px; color: #999; }
							
							.puff5 .bubblaContainer { position: relative; margin-left: 28px; }
							.puff5 .bubbla { position: absolute; margin:4px; background:#333; color: #fff; text-align: center; min-width: 16px; min-height: 0px;
								font-family:"New Rail Alphabet White", Arial, serif; font-weight:100; font-style:normal;
								font-size: 14px; padding: 5px 6px; }
							.puff5 .bubbla a { color: white !important; font-weight: normal !important; }
							.puff5 .bubbla:after { content:""; position: absolute; border-style:solid; display:block; width:0; top:9px; right:-5px; bottom:auto; left:auto; border-width:4px 0 4px 5px; border-color:transparent #333; }
							
							.puff5 .bubblaOverlay { position: absolute; width: 40px; height: 32px; cursor:pointer; }
							
							.puff5 .tempUP { padding: 5px 7px; margin: 4px 0 4px 4px; cursor:pointer; float: right; font-size: 16px; background-color: #333; color: #fff; }
							.puff5.tjock .tempUP { padding: 0; line-height: 22px; width: 22px; height: 22px; text-align: center; }
							.puff5 .tempDOWN { padding: 5px 9px; margin: 4px 0 4px 4px;  cursor:pointer; float: right; font-size: 16px;  }
							.puff5.tjock .tempDOWN { padding: 0; line-height: 22px; width: 22px; height: 22px; text-align: center; }
							.puff5 .tempers { margin: 0px 0px 0 0px; float: right; }
							
							.puff5 .avatar { margin: 4px 0 4px 4px; float: left; height: 24px; }
							.puff5 .avatar img { height: 24px; width: 24px; }
							
							.puff5.tjock .avatar { overflow: hidden; }
	







#sidebar { display: none; margin-left: 20px; background-color: #222; float: right; width: 200px; min-height: 100px;  height: 100%; border-right: 0px solid #444; border-left: 0px solid #444; }
#sidebar .puff5 { min-height: 100px; width: 175px; padding-left: 10px; font-size: 0.9231em; }
#sidebar .puff5 .headline { color: #ccc; }
#sidebar .puff5 .preamble { color: #666; }





.bg_light_grey { background-color:#ccc!important; }
.bg_grey { background-color:#666; }
.bg_dark_grey { background-color:#333; }


.light_grey { color:#ccc; }
.grey { color:#666; }
.white { color:#fff; }
.green { color:#9eb502; }
.black { color: #000; }

h1,h1.headline,h2,h3,h4,h5,h6 {
	font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:2.3077em;
	color:#000;
	line-height: 0.8125em;
	margin:0;
	padding:20px 20px 0 20px;
	font-weight: 700;
}



h1 a, h1.headline a { font-weight: 700; }

h1 .right, h1.headline .right { text-transform: lowercase; color: #ccc; margin-left: 15px; max-width: 30%; text-align: right; }
h1 .right a, h1.headline .right a { color: #ccc; }

.preamble {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Arial, sans-serif;
	color: #666;
	font-size:2.3077em;
	line-height:1.2em;
	font-weight: 300;
	margin: 0 20px 20px 20px;
}

.preamble a { color: #666; font-weight: 300; }

.preamble .right { color: #ccc; text-transform: lowercase; margin-left: 15px; }
.preamble .right a { color: #ccc; font-weight: 500; }

.vignette {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Roboto", Arial, sans-serif;
	color: #666;
	font-weight: 300;
}

@media only screen and (max-width: 768px) {
	h1,h1.headline { font-size: 2em; line-height: 0.9231em; }
	.preamble { font-size: 1.8462em; }
}

@media only screen and (max-width: 480px) {
	h1,h1.headline { font-size: 1.5385em; line-height: 1em; padding:15px 15px 0 15px; }
	.preamble { font-size: 1.3846em; line-height: 1em; margin: 0 15px 15px 15px; }
	/* h1 .right_content { display: none; } */
	/* .preamble .right_content { display: none; } */
}

.closeButton { float: right; margin-right: -20px; margin-top: 9px; opacity: 0.5; }
.closeButton a:hover { opacity: 1; }

.left {
	float:left!important;
}

.right {
	float:right!important;
}

.thumbnails { padding: 0 0 20px 20px; margin-bottom: 0px; font-size: 0.75em; }
.thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.thumbContainer { width: 15.15%; height: 80px; overflow: hidden; margin: 0 1.46% 1.46% 0; float: left; }


@media only screen and (max-width: 480px) {
	.thumbnails { padding: 0 0 15px 15px; }
	.thumbContainer { width: 30%; height: 80px; margin: 0 2% 2% 0;  }
}


.thumbnails img { width: 100%; } 
.thumbnails img:hover { opacity: 0.5; }

.allImages, .imageShower { width: 100%; margin: 0; text-align: center; }
.allImages img, .imageShower img { width: 100%; margin: 0; padding: 0; }

.imageWrapper { position: relative; height: 0; overflow: hidden; background-color: #fff; margin: 0 auto 20px auto; }
.imageWrapper a:hover { opacity: 1; }
.imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; }

.allImages .caption, .imageShower .caption, .image .caption, .caption { font-size: 0.8462em; padding: 4px 20px 7px 20px; text-align: left; }

/*.body1 iframe, .body1 object, .body1 embed, .body2 iframe, .body2 object, .body2 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/

.videox, .embeddat  { position: relative; padding-bottom: 56.2%; height: 0; }
.videohoger { padding-bottom: 177.96%; }
.videox iframe, .videox object, .videox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embeddat iframe,  .embeddat object, .embeddat embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embeddat .utfallande iframe,  .embeddat .utfallande object, .embeddat .utfallande embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videox .youtube_container { position: relative; width: 100%; padding-bottom: 56.3%; }
.videohoger .youtube_container { padding-bottom: 177.96%; }
.videox .youtube { position: absolute; width: 100%; height:100%; overflow: hidden; }
.videox .youtube img { width: 100%; margin-top: 0; margin-top: -9.375%; }
.videox .youtube .vimeoThumb { width: 100%; margin-top: 0; }
.videox .youtube_overlay { position: absolute; color: #fff; width: 100%;  }
.videox .youtube_overlay img { width: 100%; }



.sponsvideocontainer { margin: 0 auto; max-width: 980px; }
.sponsvideo  { position: relative; padding-bottom: 56.2%; height: 0; margin: 20px 0; }
.sponsvideo iframe, .sponsvideo object, .sponsvideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sponsvideo .youtube_container { position: relative; width: 100%; padding-bottom: 56.3%; }
.sponsvideo .youtube { position: absolute; width: 100%; height:100%; overflow: hidden; }
.sponsvideo .youtube img { width: 100%; margin-top: 0; margin-top: -9.375%; }
.sponsvideo .youtube .vimeoThumb { width: 100%; margin-top: 0; }
.sponsvideo .youtube_overlay { position: absolute; color: #fff; width: 100%;  }
.sponsvideo .youtube_overlay img { width: 100%; }
.sponsvideo .text { position: absolute; color: #fff; width: 97%; background-color: rgba(0,0,0,0.5); padding: 1.5%; 
	font-size: 20px; font-family:"New Rail Alphabet White", Arial, serif; font-weight:100; font-style:normal; -webkit-font-smoothing: antialiased; line-height: 20px; }
.sponsvideo .text .spons { opacity: 0.8; }
.sponsvideo .text b { font-family:"New Rail Alphabet Black", Arial, serif; font-weight:800; font-style:normal; opacity: 1; }
.sponsvideo .text a { color: white; }
.sponsvideo .logo { position: absolute; right: 0; bottom: 0; padding: 2%; }
.sponsvideo .logo img { max-width: 100px; }

@media only screen and (max-width: 600px) {
	.sponsvideo .text {
		width: 92%; padding: 3% 4%; font-size: 14px; line-height: 14px;
	}
	.sponsvideo .logo {
		padding: 4%;
	}
	
	.sponsvideo .logo img { max-width: 40px; }
}



.owl-carousel .videox { padding-left:20px; padding-right:20px; }

@media only screen and (max-width: 480px) {
	.owl-carousel .videox { padding-left:15px; padding-right:15px; }
}

/*
#SC_InPageLayer { width: 980px !important; height: 600px !important; }
#SC_InPageLayer #backGround { width: 980px !important; height: 600px !important; } 
#SC_InPageLayer #controlbar { width: 972px !important; margin-top: 524px !important; }
#SC_InPageLayer #controlbarBGHolder, #SC_InPageLayer #controlbarBG_canvas { width: 980px !important; }


 #SC_InPageLayer iframe, #SC_InPageLayer object, #SC_InPageLayer embed, #SC_InPageLayer video { width: 980px !important; height: 550px !important; } 
#SC_InPagePlayer { width: 980px !important; height: 550px !important; }
*/





.leMargins { margin: 0 2.04%; }

.polldaddy { padding: 0 20px 20px 20px; }
.spotify { padding: 0 20px 20px 20px; }
.soundcloud { padding: 0 20px 20px 20px; }
.twitter { padding: 0 20px 20px 20px; }
.kickstarter { margin: 0 20px 20px 20px; position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

#puffContainer { max-width: 1280px; text-align: left; padding-bottom: 20px; margin: 0 auto; margin-bottom: 20px; }
#puffContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#puffContainer h1 { padding: 20px 0 0 2.04% }

#puffContainer .info { padding: 0 2.04% 20px 2.04%; max-width: 600px; font-size: 0.8462em; line-height: 1.1538em; }







.internalLinks { padding: 0 20px 10px 20px; }

/* .internalLinks .puff5:first-child { margin-left: 1.5%; }
 .internalLinks .puff5 { width: 23.5%; margin-right: 0.8%; } */

@media only screen and (max-width: 800px) {
	.internalLinks .puff5:nth-child(n+4) { display: none; }
}

@media only screen and (max-width: 600px) {
	.internalLinks { padding: 0 15px 15px 15px; }
	.internalLinks .puff5:nth-child(n+3) { display: none; }
}



.elevenpoints {
	font-size:.9167em!important;
}

.specialEventHeader { max-width: 1280px; padding: 20px 2.04% 0 2.04%; color: #999; text-transform: uppercase; font-weight: 700; font-size: 0.8462em; margin-bottom: -10px;  }
.specialEventHeader a { color: #999; }
.specialEventHeader:after, #specialEvent:after, .specialEvent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#specialEvent { max-width: 1280px; margin: 0 auto; background-color: #222; margin: 0px auto 20px auto; }
#specialEvent .puff5 { width: 14.4%; padding: 20px 0 20px 0; min-height: inherit; }
#specialEvent .puff5 a { font-size: 0.8462em; line-height: 0.9em; }
#specialEvent .puff5 .headline { color: #fff; }

.specialEvent { max-width: 1280px; margin: 0 auto; background-color: #222; margin: -20px auto 20px auto; }
.specialEvent .puff5 { width: 14.4%; padding: 20px 0 20px 0; min-height: inherit; }
.specialEvent .puff5 a { font-size: 0.8462em; line-height: 0.9em; }
.specialEvent .puff5 .headline { color: #fff; }

@media only screen and (max-width: 600px) {
	#specialEvent { display: none; }
	#specialEvent .puff5 { width: 30.61%; margin-left: 2.04%; }
	.specialEvent { display: none; }
	.specialEvent .puff5 { width: 30.61%; margin-left: 2.04%; }
}

 


.newheader_spacer { height: 0px; }
.newheader_container { width:100%; background-color:#262626; margin:0 auto; overflow: hidden; }
.newheader { background-color: #262626; height: 180px; width: 2000px; margin: 0 auto; overflow: hidden; }
.newheader_container:after, .newheader:after, #section_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.newheader .left_content { float: left; }

.newheader .right_content { float: left; }

#newheader_fader {
	position: fixed;
	z-index: 105;
	top: 0px;
	right: 0px;
	height: 180px;
	display: none;
}

.feberlogo { padding:0; line-height: 0; padding: 30px 30px 15px 30px; }
.feberlogo img { max-width: 180px; }

.feberlogotjock { padding: 0 30px 30px 30px; margin: 0; }
.feberlogotjock img { max-width: 100px; }

@media only screen and (max-width: 500px) {
	.feberlogo { padding:0; line-height: 0; padding: 15px 15px; width: 100%; }
	.feberlogo img { width: 100px; }
	
	.feberlogotjock { display: none; }
	
	.newheader { height: 60px; }
	.newheader .puff5  { display: none; }
	
	#newheader_fader { display: none; }
}

.newheader .puff5 { height: auto; min-height: inherit; padding: 20px 0 20px 0; margin-left: 10px; margin-right: 10px; width: 150px; float: left; }
.newheader .puff5 a { font-size: 0.8462em; }
.newheader .puff5 .headline { color: #fff; }

.newheader .toppHot { float: left; }

#logo_share { padding-top: 20px; }

@media only screen and (max-width: 979px) {
	#logo_share { display: none }
}

/* Menyn på Feber5 */
#section_container { width:100%; background-color:#3d3d3d; margin: 0 auto; text-align: left; z-index: 1000; }
#section_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#section { width: 100%; position:static; margin:0 auto; text-align: left; font-family: 'Source Sans Pro' !important; }
#section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#section .menu { margin: 6px 1.5%; width: 97%;  font-size: 13px; font-weight: 600; text-transform: uppercase; }
#section .menu a { margin-right: 10px; color: #ccc; font-weight: normal; font-size: 0.9231em; }
#section .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#section .menu .list_buttons { float: right; padding: 1px 0 0 0; }
#section .menu .list_buttons a { float: right; padding-left: 10px; margin: 0; }

#section .submenu { padding: 6px 1.5%; background-clip: #111; width: 97%; background-color: #444; }
#section .submenu a { margin-right: 10px; color: #ccc; font-weight: normal; font-size: 0.7692em; }
#section .submenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 768px) {
	#section .submenu { display: none; }
}

#section .calc { width: 100%; margin: 0; float: none; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
#section .calc .item { float: right; width: 20%; text-align: center; padding: 6px 0; }
#section .calc a { padding: 6px 0; color: #fff; font-weight: 400;  }
#section .calc .sok { float: right; padding: 0px; overflow: hidden; background-color: #666; width: 19.02%; } 
#section .calc .sok input { float:right; font-size: 13px; padding: 6px 8%; border: 0; width: 84%; margin: 0; background-color: #666; color: #fff; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#section .calc .sok input:focus { background-color: #fff; color: #333; border: 0; outline: none; }
#section .calc .views { float: right; padding: 0; margin: 0; width: 48px; background-color: #555; }
#section .calc .views img {  }
#section .calc .views a { float: right; padding: 6px 6px 3px 0; }
#section .calc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


#mobilemenu { display: none; }
#mobilemenu select {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: 'Source Sans Pro';
	font-size: 12px; line-height: 1;
	text-transform: uppercase;
	display: inline-block; 
	padding: 3px 10px;  
	text-decoration: none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	border: 0;
	position: relative;
	cursor: pointer;
	width: 120px;
	color: #fff;
	background: #555;
	font-weight: 400;
	margin: 0;
}

@media only screen and (max-width: 766px) {
	#mobilemenu { display: block; }
	#desktopmenu { display: none; }
}


#feberSearchToggler {
	position: fixed;
	z-index: 110;
	top: 0px;
	right: 0px;
}


#feberSearch {
    position:fixed;
    height:40px;
    background-color:white;
    width:100%;
    top: 0px;
    left:0px;
    margin-top: 0px;
    z-index: 109;
    display: none;
}

#feberSearch .sok { float: left; padding: 0px; overflow: hidden; background-color: fff; width: 100%; } 
#feberSearch .sok input { float:right; font-size: 16px; padding: 11px 2%; border: 0; width: 96%; margin: 0; background-color: #fff; color: #999; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#feberSearch .sok input:focus { background-color: #fff; color: #333; border: 0; outline: none; }

#feberMenuToggler img, #feberMenuMobileToggler img, #feberSearchToggler img {
	width: 40px;
	height: 40px;
}



#workey_top_container { background-color: #fff; margin-bottom: 10px; }
#workey_top { max-width: 1280px; height: 60px; background-color: #fff; margin: 0 auto; margin-top: 0px; overflow: hidden; }

@media only screen and (max-width: 600px) {
	#workey_top { height: 55px; }
}

@media only screen and (max-width: 980px) {
	.newheader_container .right_content { display: none; }
	#workey_top {  }
	#section .calc .views { display: none; }
	#section .calc .item { width: 20%; }
	#section .calc .sok { width: 20%; } 
}

@media only screen and (max-width: 600px) {
	#section .calc .item { width: 25%; }
	#section .calc .recommended { width: 100%; }
}


#basic5Container { max-width: 1280px; margin: 0 auto; background-color: #fff; text-align: left; padding-bottom: 20px; margin-bottom: 20px; }
#basic5Container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#basic5Container h1 { padding: 20px 0 0 20px; text-transform: capitalize; }

#basic5Container .info { margin: 0px 20px 0 20px; }

.basic5 { margin-bottom: 0px; }
.basic5:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.basic5 h1, .basic .preamble, .basic .preamble a { font-size: 1.5em; line-height: 1.1em; text-transform: none !important; margin-top: 0px; }
.basic5 .text { margin: 5px 20px 0 20px; }



.basic5 .preamble {
    color: #666;
    font-size:1em;
    line-height:1.2em;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.basic5 .image { float: right; margin: 20px; height: 160px; overflow: hidden; }
.basic5 .image img { max-width: 300px; }
.basic5 .youtubeIMG { max-width: 300px; height: 160px; overflow: hidden; }
.basic5 .youtubeIMG img { max-width: 300px; margin-top: -36px; }

.basic5 .link, .basic5 .tags { margin: 5px 20px 0 20px; }
.basic5 .link a, .basic5 .tags a { font-weight: normal; }

@media only screen and (max-width: 599px) {
	.basic5 .image { float: none; height: auto;  }
	.basic5 .image img { width: 100%; max-width: 100%; }
	.basic5 .youtubeIMG { max-width: 100%;  }
	.basic5 .youtubeIMG img { max-width: 100%; }
}



/* Om artikeln är en annons */
.art_ad_sign { max-width:1260px; background-color:#05659c; color:#fff; overflow:hidden; text-align:center; margin:0 auto; padding:5px 10px; margin-bottom: -10px; }
.art_ad { background-color:#fff !important; margin-bottom:20px !important; }
.coolstuffstripe { background-color: #fb7300; height: 40px; color: white; margin: 0 auto;  }
.coolstuffstripe .text1 { float: left; padding: 14px 10px 14px 20px; color: white; font-size: 12px; }
.coolstuffstripe .text2 { float: right; padding: 14px 20px 14px 10px; font-size: 12px; }
.coolstuffstripe .text2 a { color: white; font-weight: normal; }
.coolstuffstripe .image { float: right; }
.coolstuffstripe .logo { float: left; }	


/* THE artikel */
.art_container { max-width: 1280px; width:100%; background-color:#fff; overflow:hidden; text-align:left; margin:0 auto; padding:0; position: relative; margin-top: 10px; }
.art_container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.art_container a, .art_container a:hover, .art_container a:active { border: 0; }

.art_container i {
	color:#666;
	font-family:Georgia, Times, Times New Roman, Serif;
	display:block;
	margin:0 20px;
}

.art_container .embed {
	margin:10px 0;
}

.art_container .category,.art_container .category a {
	color:#999;
	font-weight:400;
	font-size:1.0833em;
}
.art_container .body1, .art_container .body2 { font-family: "Open Sans"; }
.art_container .body1 { margin: 20px 20px; }
.art_container .body2 { margin: 20px 20px; padding: 20px 0 0 0; }
.art_container .body1:after, .art_container .body2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.art_container .body1 img, .art_container .body2 img { max-width: 100%; }
.art_container .body1 p, .art_container .body2 p { margin: 0 0 10px 0; }

.art_container .bodyCat, .art_container .bodyCat a { color: #999; font-weight: normal; font-family: Source Sans Pro; font-size: 10px; line-height: 13px; text-transform: uppercase; }

.theX, .theX img { width: 7px; height: 7px; margin: 0; padding: 0; }

@media only screen and (min-width: 640px) {
	.art_container .body1, .art_container .body2 { max-width: 800px; margin: 20px 20px; } 
}

@media only screen and (max-width: 840px) {
	.art_container .body1, .art_container .body2 { margin: 20px 20px; }
}

@media only screen and (max-width: 480px) {
	.art_container .body1, .art_container .body2 { margin: 15px 15px; }
}

.art_container .body1, .art_container .body2, .art_container .text {
	font-family: 'Helvetica Neue', arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 21px;
	color: rgb(63, 69, 73);
	-webkit-font-smoothing: antialiased;
}


.art_container .body1 i, .art_container .body2 i {
	color: rgb(63, 69, 73);
	font-family: 'Helvetica Neue', arial, sans-serif;
	background-color: #eee;
	display: block;
	margin:10px 0px 10px 0px;
	padding: 20px;
	font-style: normal;
}

.art_container .body1 a { font-weight: 400; }
.art_container .body1 b { font-weight: 700; color: #000; }

.art_container .bodyCat, .art_container .bodyCat a { font-family: Roboto, sans-serif; font-weight: 400; font-size: 11px; line-height: 12px; color: #777; }

.body1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.body1 img { width: 100%; }

@media only screen and (min-width: 980px) {
	.body1 img, .body2 img { width: 940px; }
}

.body1 .text { max-width: 800px; }
.body1 .te xt:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
		opacity: .6;}

.body1 .text-overlay { display: none;  }

@media only screen and (max-width: 768px) {
	.body1 { height: 100px; overflow: hidden; position: relative; }
	.body1 .text { position: absolute; top: 0; }
	.body1 .text-overlay { display: block; max-width: 700px; position: absolute; top: 0; width: 100%; height: 100px;
		background: linear-gradient(to top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 100% );
		background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  }
}


.art_container .right_column { float:right; margin: 0 20px 20px 20px; width: 50%; }
.art_container .right_column_utfallande { float:right; margin: 0px -20px 0 20px; }
.art_container .left_column { float: left; margin: 0 20px 20px 20px ; }
.art_container .left_column_utfallande { float:left; margin: 0px 20px 6px -20px; }

@media only screen and (max-width: 640px) {
	.art_container .right_column { float:none; margin: 0 0px 20px 0px; width: 100%; }
}





.app_image { height: 40px; margin-top: 10px; }

.art_collapsed { max-width: 1280px; background-color: #fff; margin: 0 auto; margin-bottom: 20px; }
.art_collapsed:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.art_collapsed h1 a, .art_collapsed .preamble a, .art_collapsed .vignette {  }
.art_collapsed h1 { font-size: 18px; line-height: 18px; }
.art_collapsed .preamble { font-size: 18px; line-height: 20px; }

.art_collapsed .showLink { float: right; margin: 37px 0; }
.art_collapsed .showLink a { color: #ccc; }
.art_collapsed .temp { float: right; font-size: 27px; line-height: 34px; color: #fff; padding: 3px 10px 3px 10px; font-family: HelveticaNeue-light, Helvetica, Roboto, Arial, sans-serif; background-color: #262626; margin: 20px; }

@media only screen and (max-width: 480px) {
	.art_collapsed h1 { padding: 10px 10px 0 15px; font-size: 14px; line-height: 14px; }
	.art_collapsed .preamble { margin-bottom: 0 10px 10px 15px; font-size: 14px; line-height: 14px; margin-top: 2px;  }
	.art_collapsed .showLink { margin: 24px 0 0 0; }
	.art_collapsed .tempContainer { margin: 14px; }
	.art_collapsed .temp { font-size: 22px; padding: 10px 8px; line-height: 14px; margin: 10px; }
}


.factBox { margin-bottom: 20px; }
.factHeader {
	background-color: rgba(0,0,0,0.05);
	padding: 8px 20px;
	margin-bottom: 1px;
	font-size: 12px;
	text-transform: uppercase;
	max-width: 600px;
}

.factHeader a { font-weight: 400; }

.factBody {
	background-color: rgba(0,0,0,0.05);
	padding: 8px 20px;
	margin-bottom: 0px;
	font-size: 12px;
	max-width: 600px;
	display: none;
}	


.tagline_v2 { max-width: 1240px; margin: 0 auto; background-color: #fff; color: #888; font-family: "Open Sans"; margin-bottom: 10px; padding: 20px; text-align: left; letter-spacing: normal; font-size: 12px; }
@media only screen and (max-width: 480px) {
	.tagline_v2 { margin-bottom: 15px; padding: 15px; }
}

.tagline_v2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
			
.tagline_v2 a { color: #888; }
.tagline_v2 a:hover, .tagline_v2 a:active { border: 0;}
			
.tagline_v2_lineOne { width: 100%; background-color: #fff; }
.tagline_v2_lineOne:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tagline_v2_lineTwo { width: 100%; background-color: #fff; margin-top: 10px; overflow: hidden; }
.tagline_v2_lineTwo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.tagline_v2 .commentsline { float: left; background-color: #fff; color: #999; font-size: 12px; text-align: left; display: block; width: 100%; }
.tagline_v2 .commentsline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tagline_v2 .commentsline a { color: #000; margin: 0; font-weight: normal; }
.tagline_v2 .commentsline .dascomments { float: left; margin-right: 10px; }
.tagline_v2 .commentsline .share { float: left; margin-right: 10px; }
.tagline_v2 .commentsline .dastags { float: left; margin-right: 10px; width: 100%; }
			
.tagline_v2 .tempContainer { float: left; }
.tagline_v2 .temp, .art_collapsed .temp { float: left; font-size: 27px; line-height: 34px; color: #fff; padding: 3px 10px 3px 10px;
	font-family:"New Rail Alphabet White", Arial, serif; font-weight:100; font-style:normal;
	background-color: #262626 }
.art_collapsed .temp { float: right; }
.tagline_v2 .tempUP { padding: 12px 12px; margin: 0 4px 0px 4px; cursor:pointer; float: left; font-size: 27px; }
.tagline_v2 .tempDOWN { padding: 10px 14px 14px 14px; cursor:pointer; float: left; font-size: 27px;  }
.tagline_v2 .tempDOWN img, .tagFooter .tempUP img { margin: 0; padding: 0; }
.tagline_v2 .tempers { margin: 0px 0px 0 0px; float: left; }

@media only screen and (max-width: 480px) {
	.tagline_v2 .temp { font-size: 22px; line-height: 28px; padding: 3px 10px 3px 10px; }
	.tagline_v2 .tempUP { padding: 9px 10px; margin: 0 4px 0px 4px; font-size: 20px; }
	.tagline_v2 .tempDOWN { padding: 7px 11px 11px 12px; font-size: 24px;  }
}
			
.tagline_v2 .bubblaContainer { position: relative; margin-left: 45px; }
.tagline_v2 .bubbla { position: absolute; margin:0; margin-right:50px; background:#333; color: #fff; text-align: center; min-width: 42px; min-height: 16px;
	font-family:"New Rail Alphabet White", Arial, serif; font-weight:100; font-style:normal;
	font-size: 24px; padding: 12px 6px 12px 5px; }
.tagline_v2 .bubbla a { color: white; font-weight: normal !important; }
.tagline_v2 .bubbla:after { content:""; position: absolute; border-style:solid; display:block; width:0; top:13px; right:-10px; bottom:auto; left:auto; border-width:7px 0 7px 10px; border-color:transparent #333; }
.tagline_v2 .bubblaOverlay { position: absolute; width: 80px; height: 40px; cursor:pointer; }

@media only screen and (max-width: 480px) {
	.tagline_v2 .bubblaContainer { margin-left: 39px; }
	.tagline_v2 .bubbla { margin-right:20px; min-width: 30px; font-size: 22px; padding: 9px 6px 9px 5px; }
}

.tagline_v2 .skribent { float: right; }
.tagline_v2 .skribent .avatar { margin-top: 0px; float: right; height: 40px; }
.tagline_v2 .skribent .avatar img { height: 40px; width: 40px; }
.tagline_v2 .skribent .nameDate { float: right; margin: 3px 10px 0 0; } 
.tagline_v2 .skribent .name, .tagline_v2 .skribent .date { text-align: right; }
.tagline_v2 .name a { color: #333; font-weight: normal; }




.fullSize { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.fullSizeHeader { position: relative; margin-top: -100px; }
.fullSizeArticle { max-width: 1280px; }

@media only screen and (max-width: 1688px) {
	.fullSize { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
}

@media only screen and (max-width: 640px) {
	.fullSizeHeader { position: relative; margin-top: 0px; }
}








.subcomment {
	background-color:#fff;
	width:100%;
	min-height:250px;
	margin:-20px auto 20px;
}





.comments .comment {
	width:440px;
	min-height:77px;
	display:block;
	position:static;
	margin:10px 0 0;
}

.comments .comment .text {
	width:353px;
	padding-left:77px;
	margin-bottom:10px;
}

.comments .comment .signatur {
	font-size:.8462em;
	color:#999;
	margin-top:5px;
	margin-bottom:10px;
}

.comments .comment .avatar {
	max-height:67px;
	width:67px;
	overflow:hidden;
	float:right;
}

.comments input[textarea] {
	width:440px;
}

.comments input.button,.comments input.submit {
	font:normal 1.3333em helvetica, arial, sans-serif;
	margin-top:10px;
}

.comments textarea {
	width:440px;
	height:100px;
	margin-top:10px;
}

.comments .loggedinas {
	float:right;
	color:#666;
}




#frontchooser {
	width:1240px;
	background-color:#fff;
	margin:0 auto;
	padding:20px;
}

#frontchooser a {
	font-weight:400;
	color:#000;
	border:0;
	text-decoration:none;
}

#frontchooser #grid {
	width:400px;
	margin-left:20px;
	border-right:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	float:right;
}

#frontchooser #grid .item {
	width:99px;
	height:20px;
	padding-top:4px;
	border-top:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	text-align:center;
	font-size:1.1667em;
	float:left;
}


/* Footer etc */

.page_nav_container { max-width: 1280px; mwidth:100%; font-size:1.3846em; background-color:#fff; text-align:center; font-weight:700; margin:0 auto 20px; }
.page_nav { padding: 20px; }
.page_nav .right { font-size: 1.5556em; }
.page_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 767px) {
	.page_nav .left { display:none; }
	.page_nav_container { font-size: 1.8em; line-height: 30px; }
	.page_nav .right { float: none !important; }
}

.jobbBottom { max-width: 1280px; margin: 0 auto; width: 100%; padding: 0px 0; background-color: #fff; }

@media only screen and (max-width: 979px) {
	.jobbBottom {  }
}

#rss-stripe { max-width: 960px; background-color: #ff6200; color: #fff; margin: 0 auto; padding: 10px; }
#rss-stripe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#rss-stripe a { color: #fff; }
#rss-stripe #rss-icon { float: left; margin-right: 10px; }
#rss-stripe #rss-text { padding: 5px; }

@media only screen and (max-width: 768px) {
	#rss-stripe { display:none; }
}

#tipsaFeber { max-width: 1240px; background-color: #222; padding: 20px; margin: 0 auto; text-align: center; }
#tipsaFeber:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#tipsaFeber a { font-size: 2em; color: #fff; text-decoration: none; }

#tipsaFeber #headline {  font-weight: bold; padding: 20px 0 0 3%; font-size: 1.5em; float: left; width: 12%; }
#tipsaFeber .holder { padding: 20px 0 0 3%; float: left; width: 25%; }
#tipsaFeber #formsTva { padding: 20px 3% 0 0; float: left;width: 45%; }

#tipsaFeber input, #tipsaFeber textarea { margin-bottom: 15px; float: left; width: 94%; background-color: white; border: 1px solid #ccc; padding: 1.5%; }
#tipsaFeber textarea { height: 55px; }
#tipsaFeber .submit { background-color: #999; color: #fff; width: 97%; padding: 2% }

#tipsaFeber #comment { visibility: hidden; height: 1px; width: 1px; padding: 0; margin: 0; }

#tipsa-stripe { background-color: #fff; color: #333; padding: 20px; width: 100%; margin: 0 auto; }
		
#footer_new { max-width: 920px; background-color: #2a2a2a; color: #fff; margin: 0 auto; padding: 1.54em 30px; font-size: 0.8462em; }
#footer_new:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer_new a { color: #929292; font-weight: normal; }
#footer_new .item { float: left; margin-right: 5%; width: 30%; }
#footer_new .grey { color: #929292; }
#footer_new_sub { max-width: 920px; background-color: #222;  margin: 0 auto; padding: 1.54em 30px; }
#footer_new_sub:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 600px) {
	#footer_new .item { float: none; width: 80%; } 
}



#pds-sharing { display: none; }



#disqus_container {
	background-color:#fff;
	width:96%;
	float:none;
	text-align:left;
	padding:0px 0px 20px 0px;
	margin: 0 20px 20px 20px;
}

@media only screen and (max-width: 480px) {
	#disqus_container { font-size: 0.8462em; margin: 0 5px 5px 5px; }
}

#commentsContainer { background-color: #fff; margin:0 auto 20px auto; max-width: 1280px; padding: 20px 0; }
#commentsContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



#disqus_thread h3 {
	font-size:1em;
	letter-spacing:0;
}

#disqus_thread {
	max-width: 800px; margin: 0 auto;
}





.dsq-comment-cite,.dsq-comment-cite a,.dsq-comment-header-time,.dsq-comment-header-time a,.dsq-comment-header-meta,.dsq-comment-header-meta a {
	font-weight:400!important;
	margin:0;
}

.dsq-list-style,.dsq-subscribe,.dsq-autheneticate-copy,.dsq-options,.dsq-comment-header-meta, .dsq-post-report,.dsq-post-report a {
	font-size:.9231em;
}

.dsq-header-meta {
	font-size:.9091em;
	font-weight:400;
	margin:0;
}




img,img a:hover,img a:active,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,#header .tipsa a {
	border:0;
}


.dark_grey,.tagline b {
	color:#333;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.tagline #headline a,.dustin .prodname a,#toolbar #headline a {
	color:#000;
}

.menutech .menuextras .selected {
	color:#999;
}

#rss_over_top a {
	margin-bottom:10px;
}

#rss_over_top .left,#frontchooser div {
	float:left;
	margin-right:20px;
}

.menutech .menuextras a,.buttons a {
	color:#fff;
	font-weight:400;
}

.newmenutech .menuitem_green a,.dustin .moreinfo a,.dustin .add a {
	color:#fff;
}


.topplistor .item .picture,.front_lista .item .picture {
	height:40px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}

.page_nav a,#toolbar #share a,.dsq-list-style a,.dsq-header-meta a,.dsq-comment-header !important,.dsq-comment-header a !important,,.dsq-widget-user,.dsq-widget-user a {
	font-weight:400;
}

#toolbar .urlcomments,.loading,.dsq-item-cp,.dsq-item-subscribe,#dsq-options,.dsq-comments-title,#dsq-combo-widget h3 {
	display:none;
}

#frontpage .tags,#frontpage .date {
	color:#666;
	margin-top:10px;
	font-size:.8333em;
}




			

	.toppPuff {
		width: 190px;
		height: 110px;
		overflow: hidden;
		border:0 none;
	}
	
	.toppPuff a {
		border:0 none;
	}
	
	.toppPufftextLayer {
		background-image: url(http://feber.se/templates/images/bg_black_70.png);
		width: 166px; 
		height: 26px;
		max-height: 26px;
		padding: 12px;
		margin-top: -50px;
		margin-left: 0px;
		z-index: 50;
		color: #fff;
		font-weight: bold;
		font-size: 12px !important;
		
		overflow: hidden;
		line-height: 14px;
	} 
	
	.toppPufftextLayer a {
		color: #fff;
		font-size: 12px !important;
	}
	
	.toppPuffimgLayer {
		margin-top: 0px;
		margin-left: 0px;
		
	}
		

#contest {
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #fff;
	width: 1240px;
	padding: 20px;
}

#contest .header {
	width: 1280px;
	margin: 0px 0 20px -20px;
}

		
		
		
		#myContent{
			margin: 0 auto;
			width: 1280px;
			height: 300px;
			margin-bottom: 20px;
			background-color: #fff;
			overflow: hidden;
		}		
			
					
		.takeover_left_container {
			margin-top: 20px; 
			right: 50%; 
			max-width: 550px; 
			height: 1280px; 
			margin-right: 490px; 
			position: absolute; 
			overflow: hidden;
		}

		.takeover_right_container {
			margin-top: 20px; 
			left: 50%; 
			max-width: 550px; 
			height: 1280px; 
			margin-left: 490px; 
			position: absolute; 
			overflow: hidden;
		}
		
		.takeover_left, .takeover_right {
			margin: 0 0 0 0; 
			overflow: hidden;
		}

		.takeover_mid_container {
			margin-top: 0px;
		}

		.takeover_mid_container .reklam {
			text-align: center; 
			margin-bottom: 0px;
		}




@media only screen and (max-width: 979px) {
	.takeover_left_container, .takeover_right_container { display: none; }
}



#adblocktester { display:none; }


.rubicon {
	padding-bottom: 20px;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
@media only screen and (max-width: 979px) {
	.rubicon object, .rubicon iframe, .rubicon img { width: 768px !important; height: 94px !important; }
}
@media only screen and (max-width: 479px) {
	.rubicon object, .rubicon iframe, .rubicon img { width: 320px !important; height: 39px !important; }
}

.rubicon_double { max-width: 980px; margin: 0 auto; margin-bottom: 20px; }
.rubicon_double_one { float: right; }
.rubicon_double_two { float: left; }

@media only screen and (max-width: 600px) {
	.rubicon_double_one { float: none; margin: 0 auto; max-width: 300px; margin-bottom: 10px; }
	.rubicon_double_two { float: none; margin: 0 auto; max-width: 300px; }
}


@media only screen and (min-width: 980px) {
	.rtb-boxxxx { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-height: 300px; }
}


.tjockStripe { cursor: pointer; max-width: 1280px; height: 100px; overflow: hidden; background-position:center center; margin: 0 auto; margin-bottom: 20px; background-size: cover; }
.tjockStripe .gradient { max-width: 1280px; height: 100px; position: relative; top: 0; left: 0; background-image: url('/images/tjock-puff-gradient-2560.png'); background-size: 100% 100%; color: #fff; padding: 16px 20px; font-family: Lato, Helvetica Neue, Arial; font-weight: 100; font-size: 20px; text-transform: uppercase; }

.tjockStripe .gradient .headline { font-family: Lato, Helvetica Neue, Arial; font-weight: 100; font-size: 20px; margin: 0;  color: #fff; }
.tjockStripe .gradient .preamble { font-family: Lato, Helvetica Neue, Arial; font-weight: 100; font-size: 20px; margin: 0;  color: #aaa; }

@media only screen and (max-width: 480px) {
	.tjockStripe .gradient .headline { font-size: 14px; }
	.tjockStripe .gradient .preamble { font-size: 14px; }
}



/* 
 * 	Core Owl Carousel CSS File
 *	v1.22
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-perspective: 1000;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.22
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 100px;
	background: url('http://feber.se/images/loading.gif') no-repeat center center
}


.unruly_native_placement::before { font-family:"New Rail Alphabet White", Arial, serif; font-weight:100; font-style:normal; content:"Hela denna post är en annons"; display: block; background-color: #05659c; padding: 5px 10px; color: #fff; }

.lazy {
  opacity: 0; transition: opacity .3s ease-in;
} 



.reklamDesktop { margin: 10px auto; overflow: hidden; }
.reklamDesktop div { margin: 0 auto; max-width: 980px; overflow: hidden; }
.reklamDesktop .caption { display: none; }
.reklamDesktopRTB { max-width: 980px; background-color: transparent; }
.reklamTablet { margin: 10px auto; }
.reklamMobil { margin: 10px auto; max-width: 320px; }
.reklamMobil .caption { display: none; }






/* ============================================================
  SECTIONS PARALLAX EFFECT
============================================================ */
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 0px;
  font-family: "Roboto Slab", serif;
  font-size: 50px;
}
section.module p {
  margin-bottom: 0px;
  font-size: 26px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 0px 0;
}
section.module.parallax {
  height: 300px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top:-10px;
  margin-bottom: -10px;
}


@media only screen and (min-aspect-ratio: 1/1) {
	
	section.module.parallax {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

}

@media only screen and (min-aspect-ratio: 4/3) {
	
	section.module.parallax {
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: 980px auto;
	}

}

@media only screen and (min-aspect-ratio: 8/5) {
	
	section.module.parallax { 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: 1280px auto;
	}

}

@media only screen and (min-aspect-ratio: 16/10) {
	
	section.module.parallax { 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: 980px auto;
	}

}


section.module.parallax h1 {
  color: rgba(255, 255, 255, 1);
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 300px;
  font-weight: 100;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  background-color: rgba(0,0,0,0.8)
}
@media only screen and (max-width: 600px) {
	
	section.module.parallax {
	  height: 320px;
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  -webkit-background-size: 100% auto;
	  -moz-background-size: 100% auto;
	  -o-background-size: 100% auto;
	  background-size: 100% auto;
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	section.module.parallax h1 {
	  color: rgba(255, 255, 255, 1);
	  font-size: 14px;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  line-height: 200px;
	  font-weight: 100;
	  text-align: center;
	  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	  background-color: rgba(0,0,0,0.8)
	}
}
section.module.parallax-1 {
  background-image: url("macbook2.jpg");
}
section.module.parallax-2 {
  background-image: url("porsche2.jpg");
}
section.module.parallax-3 {
  background-image: url("surface.jpg");
}
section.module.parallax-4 {
  background-image: url("volvo.jpg");
}
section.module.parallax-5 {
  background-image: url("ipadsony.jpg");
}
section.module.parallax-6 {
  background-image: url("huawei.jpg");
}
section.module.parallax-wall {
  background-image: url("wallpaper2.jpg");
}





#thisisforunruly { max-width: 640px; margin: 0 auto; }

.loadComments {
	background-color: #ccc;
	color: black;
	margin: 10px 20px;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	font-size: 20px;
	font-family: "New Rail Alphabet White", Arial, serif;
}



  .spoiler { opacity: 0.15; position: relative; -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px); }
.spoileroverlay { position: absolute; width: 100%; color: white; padding: 100px 0; max-width: 980px; text-align: center; cursor: pointer; z-index: 100;  }