/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


.cursor { cursor: pointer; }

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


body { margin: 0; padding: 0; background-color: #e7e7e7; color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 1em; }

embed, object, img, div { margin: 0; padding: 0; overflow: hidden;  }

a { color: #FF396F; text-decoration: none; font-weight: 500; font-family: Helvetica, Arial, sans-serif; }

.left { float: left; }
.right { float: right; }
.extra { margin-bottom: 20px; }
.breakAll { margin: 0; padding: 0; height: 0; visibility: hidden; }
.breakAll:before { content: "." }
.fifty { width: 50% !important; }
.pink { color: #ff396f; }
.pinkBG { background-color: #ff396f; color: #fff; }
.white { color: #fff !important; }
.whiteBG { background-color: #fff !important; }


/* Containers and Headers */
#container { width: 100%; margin-left: auto; margin-right: auto; }

#header_container { max-width: 980px; background-color: white;  }
#header_container #header { overflow: hidden; text-align: center; font-family: BebasNeue; padding: 0; margin: 0; }
#header_container #header img { width: 100% }
#header_container #header a { margin: 0; padding: 0; }


#contact { font-family: BebasNeue; font-size: 1.2em; background-color: #000; color: #fff; padding: 7px 7px; text-align: center; font-size: 1em; margin-bottom: 20px; position: absolute;}
#contact a { font-family: BebasNeue; color: #fff; text-decoration: underline; }

#sharingTop { text-align: center; font-family: BebasNeue; font-size: 1.125em; padding: 0px 0 20px 0; margin-top: -4px; }
#sharingTop a { font-family: BebasNeue; font-size: 1.125em; color: #000; }

#worldDesc { text-align: left; font-family: BebasNeue; font-size: 1.25em; margin: 0px 0 20px 0; }
#worldDesc a { font-family: BebasNeue; font-size: 1em; color: #ff396f; margin-top: -30px; margin-left: 10px; }

/* Menyer */


#CMenuContainerContainer { max-width: 980px; margin: 0 auto; }
#CMenuContainer { background-color: #fff; font-family: BebasNeue; border-bottom: 1px solid #e7e7e7; }
#CMenuTwoContainer { background-color: #000; font-family: BebasNeue; }

#CMenuMobile { display: none; }			

#CMenu .menuitem, #CMenuTwo .menuitem, #CMenu .menuitem_pink, #CMenuTwo .menuitem_pink { 
	float: left; border-left: none; padding: 6px 6px 6px 6px; height: 16px; font-weight: normal;  margin: 0px; }
#CMenuTwo .menuitem, #CMenuTwo .menuitem_pink { 
	height: 16px; }
#CMenu .menuitem a, #CMenuTwo .menuitem a, #CMenu .menuitem_pink a, #CMenuTwo .menuitem_pink a { 
	font-weight: normal; font-family: BebasNeue; font-size: 13px; letter-spacing: 1px; }

#CMenu .menuitem { border-right: 1px solid #e7e7e7; }
#CMenu .menuitem a { color: #000; }
	
#CMenuTwo .menuitem { padding: 3px 0 3px 1%; }
#CMenuTwo .menuitem a { color: #999; font-size: 13px; }

#CMenu .menuitem_pink { background-color: #fff; border-right: 1px solid #e7e7e7; }
#CMenu .menuitem_pink a { color: #000; }

#CMenuTwo .menuitem_pink { padding: 3px 0 2px 1%; }
#CMenuTwo .menuitem_pink a { color: #fff; font-size: 13px;  }			

#CMenu .live { float: right; background-color: red; padding: 7px 1.5% 7px 1.5%; height: 14px; font-weight: normal;  margin: 0px; }
#CMenu .live a { font-weight: normal; font-family: BebasNeue; font-size: 13px; letter-spacing: 1px; color: #fff; }

.worldTab { float: right; background-color: #000; padding: 7px 1% 7px 1%; height: 14px; font-weight: normal;  margin: 0px; }
.worldTab a { font-weight: normal; font-family: BebasNeue; font-size: 13px; letter-spacing: 1px; color: #fff; }


/* Articlestuff */

#articles { max-width: 980px;  margin: 0 auto; margin-top: 10px; }
.article { background-color: white; margin: 0; padding: 0; margin-bottom: 20px; padding-top: 20px; padding-bottom: 10px;  }
.article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.article .line_heart { margin-top: 10px; width: 100%; } 

.article .small { display: none;}

.article .videox  { position: relative; padding-bottom: 53.8%; padding-top: 30px; height: 0; overflow: hidden; }
.article .videox iframe, .article .videox object, .article .videox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.article .imageWrapper { position: relative; height: 0; overflow: hidden; background-color: #e7e7e7; }
.article .imageWrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.instagramPic { padding: 0 19.387%; }

.headlineContainer { max-width: 980px; background-color: white; margin: 0 auto; }
h1 { margin: 0; padding: 0; line-height: 0.8333em; font-size: 5em; text-align: center; }
.vignette { color: #ff396f; font-family: BebasNeue; font-weight: 500; }
.headline { color: #000; font-family: BebasNeue; font-weight: 500; }
.preamble { color: #999999; font-family: BebasNeue; font-weight: 500; font-size: 0.5em; line-height: 0.62em; display: block; margin: 10px 0; }

.article .headlineContainer .date { text-align: center; font-family: Cuprum; font-size: 13px; text-transform: uppercase; margin: 10px 0; color: #999; }

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

.article .allImages .imageWrapper { margin-bottom: 20px; }

.article .body1, .article .body2 { padding: 0 20px 20px 20px; color: #222;  float: none; overflow: visible; font-weight: 500; line-height: 1.3em; }
.article .body1 { font-size: 0.9375em; }
.article .body1:after, .article .body2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.article .body1 embed, .article .body1 object, .article .body2 embed, .article .body2 object { max-width:940px; max-height: 529px; }
.article .body2 { display: none; }

.article .body1 img, .article .body2 img { width: 100%; }

@media only screen and (min-device-width: 1025px) and (min-width: 980px) {

	.article .body1 img, .article .body2 img { width: 980px; margin-left: -20px; text-align: center; padding: 20px 20px 10px 20px;; } 

}

.article .thecat { text-align: center; }

.article .thecat a { font-family: 'Lovers Quarrel', cursive; text-transform: lowercase; font-size: 40px; width: 100%; line-height: 1.4em;color: black; font-weight: normal; }

.article .embedHtml img { width: 100%; }

.article .inlineImage { width: 50%; float: right; margin: 0px 0 20px 20px; overflow: visible; }
.article .inlineImage img, .article .inlineImage .image { overflow: visible; }

.article .thumbnails { padding: 10px 0px 10px 10px; margin-bottom: 8px; font-size: 0.75em; text-align: center; }
.article .thumbnails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.article .thumbContainer, .article .showAllIMG { width: 60px; height: 60px; overflow: hidden; margin: 0 0 10px 10px; float: left; }
.article .thumbContainer { border: 1px solid #ccc; }
.article .thumbnails img { width: 100%; } 
.article .thumbnails img:hover { opacity: 0.5; }

.article .showAllIMG { background-color: #000; text-align: center; padding-top: 18px; height: 62px; font-size: 2em; }
.article .showAllIMG a { color: #fff; font-family: 'BebasNeue'; }

.article .allImagesLink { display: block; width: 100%; margin-top: 7px; }

.article .allImages, .article .imageShower { max-width: 980px; margin: 0 0 10px 0; text-align: center; }
.article .allImages img, .article .imageShower img { width: 100%; margin: 0; padding: 0; }


.article .tagHeader { padding: 10px 0 0 20px; }
.article .tagHeader span { background-color: white; color: black; padding: 0; float: left; font-family: BebasNeue; }

.article .tagPicsContainer { padding: 10px 0 0 0;  margin-bottom: 8px; color: #333; width: 100%;  }

.article .tagPics { float: left; margin-left: 0; width: 100%;  }
.article .tagPics:first-child { margin-left: 20px; }
.article .tagPics img { width: 9.69%; margin: 0 1% 1% 0; float: left; border: 1px solid #ccc; }
.article .tagPics .tagLink { color: #000; font-family: BebasNeue; font-size: 1em; }
.article .tagPics img:hover { opacity: 0.5; }

.article .addthis_toolbox { float: left; }
.article .addthis_toolbox a { background-color: white; margin: 0; padding: 0; }

.article .mainLinkContainer { height: 22px; margin: 20px 0 10px -20px; font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif; font-size: 1em; max-width: 300px; }
.article .mainLink { color: #fff; background-color: #FF396F; padding: 4px 8px 4px 20px; line-height: 14px; float: left; }
.article .mainLink:hover { background-color: #FF396F; }
.article .mainLinkPlus { color: #fff; background-color: #FF396F; padding: 4px 8px 4px 8px; line-height: 22px; }

.article .linkContainerInline { height: 22px; margin-bottom: 20px; min-width: 300px; font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif; font-size: 1em;}
.article .linkContainerInline .link { color: #FF396F; background-color: #fff; padding: 4px 8px 4px 8px; line-height: 22px; }
.article .linkContainerInline .link:hover { background-color: #e7e7e7; }
.article .linkContainerInline .linkPlus {  float: left;color: #FF396F; background-color: #fff; padding: 4px 8px 4px 0px; line-height: 14px; border-right: 1px solid #ccc; }

.article .linkContainer { height: 22px; margin-bottom: 20px; min-width: 300px; font-family: 'MuseoSlab500', Helvetica, Arial, sans-serif; font-size: 0.75em;}
.article .link { color: #FF396F; background-color: #fff; padding: 4px 8px 4px 8px; line-height: 22px; }
.article .link:hover { background-color: #e7e7e7; }
.article .linkPlus {  float: left;color: #FF396F; background-color: #fff; padding: 4px 8px 4px 20px; line-height: 14px; border-right: 1px solid #ccc; }

.article .showDisqus { display: none; padding: 20px; }

.article .footer { font-size: 0.75em; color: #fff; background-color: #222; font-size: 0.625em; padding: 4px 6px; margin: 0 auto; max-width: 980px;  }
.article .footer a { color: #bbb;  }

.article .question { width: 940; font-size: 0.75em; padding: 0 20px 20px 20px; margin: 0; }
.article .question .questionHeadline { padding: 0 0 6px 0; }
.article .question .resultContainer { width: 100%; margin: 0; height: 22px; background-color: #6E6E78; border-bottom: 2px solid white; }
.article .question .resultText { width: 100%; height: 22px; padding: 5px 7px; color: white;  font-size: 0.875em; }

.article .interaction { font-family: Cuprum; text-decoration: uppercase; margin-bottom: 10px; font-size: 13px; }
.article .interaction .commentCount { font-family: Cuprum; text-transform: uppercase; font-size: 13px; margin-left: 20px; margin-top: 4px; color: #999; }
.article .interaction .commentCount a { color: #999; font-family: Cuprum; }
.article .interaction .commentCount a:hover { color: #666; }
.article .interaction .share { margin-top: 0px; margin-right: 20px; float: right;  }
.article .interaction .love { float: left; width: 30%; color: #ff396f; margin-left: 20px; font-size: 2em; display: none; }
.article .interaction .love a { color: #ff396f; font-family: Cuprum; font-weight: normal; }
.article .interaction .love .heart { height: 0.695em; float: left; margin: 3px 0 0 5px; }
.article .interaction .labels {  font-family: Cuprum; text-transform: uppercase; margin: 0px 20px 0 20px; margin-right: 20px; float: right; color: #999; }
.article .interaction .labels a { background-color: white; color: #999; font-family: Cuprum; text-transform: uppercase; padding: 4px 5px 3px 0; margin-left: 4px; display: table; float: left; font-size: 13px; }
.article .interaction .labels .labelLabel { display: table; float: left; padding: 3px 7px; }

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

.prenext { font-family: BebasNeue; max-width: 980px; margin: 0 auto; margin-bottom: 20px; background-color: white; padding: 20px 0 10px 0; }
.prenext a { color: #000; font-family: BebasNeue; }
.prenext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.prenext .pages { font-size: 3em; float: left; margin-left: 20px; padding-top: 10px; }
.prenext .pages a { margin-right: 6px; }

.prenext .next { font-size: 4.5em; float: right; margin-right: 20px; }

@media only screen and (max-width: 480px) {
	.prenext .pages { display: none; }
	.prenext .next { font-size: 3em; }
}




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

#basic5Container h1 { padding: 0px 0 0 20px; text-transform: capitalize; text-align: left; font-family: BebasNeue; }
#basic5Container h1 a { color: black; font-family: BebasNeue; }

#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; font-size: 13px; }



.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: 240px; 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; }


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

.basic5 .link, .basic5 .tags { margin: 5px 20px 0 20px; font-family: Cuprum; text-transform: uppercase; color: #999; font-size: 12px; }
.basic5 .link a, .basic5 .tags a { font-weight: normal; font-family: Cuprum; text-transform: uppercase; color: #999; font-size: 12px; }






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

.smallArtHeader { margin: 15px 0 5px 13px; padding: 5px 7px; background-color: white; position: inline; }
.smallArtHeader a { color: black; font-family: BebasNeue; font-size: 1.25em;	 }
.smallArtHeader:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.smallArt { width: 19%; margin: 0 0 0.83% 0.83%; position: relative; float: left; border: 0px solid #000; }
.smallArt img { width: 100%; }
.smallArt a { color: #000; font-size: 0.875em; }
.smallArt .image { width: 100%; height: 190px; overflow: hidden; background-size: cover; background-position:center; }
.smallArt .text { padding: 3px 5px; background-color: black; position: absolute; overflow: hidden; text-transform: uppercase; margin-top: 100px; font-size: 1.125em; }
.smallArt .text a { color: #fff; font-family: BebasNeue; font-size: 0.875em; }
.smallArt .preamble, .smallArt .vignette, .smallArt .preamble a, .smallArt .vignette a { color: #999 !important; }



#footerlisting_load { background-color: #000; text-align: center; }
#footerlisting_load { background-color: #000; text-align: center; }
#footerlisting_load a { background-color: #fff; color: #000; font-family: BebasNeue; font-size: 2em; padding: 6px 6px; }

#toplisting { background-color: #fff; margin-bottom: 20px; }
#toplisting .smallArt { border: 0; width: 20%; margin: 0 0 0 0; height: 196px; }
#toplisting .smallArt:first { border: 0; width: 25%; margin: 0 0 0 0; }



.loadmore { font-size: 1.5em; background-color: white; padding: 8px 0; margin-bottom: 50px; text-align: center; }
.loadmore a { font-family: BebasNeue; }

.theComments { line-height: 1.3em; font-size: 0.8125em; }
#theComments #disqus_container #dsq-global-toolbar, #theComments #dsq-like-tooltip, #theComments #dsq-sort-by, #theComments h3, #theComments #dsq-subscribe, #theComments .dsq-options, #theComments #dsq-new-post h3, #theComments .dsq-trackback-url { display: none; }
#theComments .dsq-reply h3 { display: block; }

#theComments #dsq-comments-title h3 { text-align: center; font-family: BebasNeue; font-size: 3em; }

#commentsContainer { line-height: 1.3em; font-size: 0.8125em; padding: 0 20px; }
#commentsContainer #disqus_container #dsq-global-toolbar, #commentsContainer #dsq-like-tooltip, #commentsContainer #dsq-sort-by, #commentsContainer h3, #commentsContainer #dsq-subscribe, #commentsContainer .dsq-options, #commentsContainer #dsq-new-post h3, #commentsContainer .dsq-trackback-url { display: none; }
#commentsContainer .dsq-reply h3 { display: block; }

#commentsContainer #dsq-comments-title h3 { text-align: center; font-family: BebasNeue; font-size: 3em; }



.reklam { max-width: 980px; margin: 0 auto 20px auto; overflow: hidden; }
.rek lam iframe { width: 980px; height: 300px; overflow: hidden; }
.adform-adbox { width: 100% !important; height: auto !important; }
/* .reklam img, .adform-adbox img { width: auto !important; height: auto !important; } */


#footer { background-color: #000; padding: 20px; color: #fff; font-size: 1em; font-family: BebasNeue; max-width: 940px; margin: 0 auto; }
#footer a { color: #000; background-color: #fff; padding: 3px 7px; font-family: BebasNeue; display: table; }
#footer span { background-color: #fff; color: black; display: table; padding: 3px 7px; }




.statistics { background-color: #000; max-width: 980px; margin: 0 auto; }
.statistics img { width: 1px; height: 1px; }

@media only screen and (min-device-width: 1025px) and (min-width: 980px) {

	.article .body1, .article .body2 { max-width: 600px; }
	
	.article .inlineImage { width: 460px; margin-right: -340px; }
	.article .inlineImage img, .article .inlineImage .image { width: 460px; }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
	#header_container #header a { font-size: 7em; }
	
	.article .image img { width: 100%; }
	.article embed, .article object, .article .youtube { width: 768px; height: 432px; }
	
	.article .body1, .article .body2 { width: 728px; font-size: 0.875em; }
	.article .body1 embed, .article .body1 object, .article .body2 embed, .article .body2 object { max-width:728px; max-height: 410px; }
	
	.article .inlineImage { width: 350px !important; }
	.article .inlineImage img, .article .inlineImage .image { width: 350px !important; }
	
	.article .allImages, .article .imageShower { width: 768px; }
	.article .allImages img, .article .imageShower img { max-width: 768px; }
	
	.article .mainLinkContainer { font-size: 0.875em; }
	.article .mainLink { padding: 4px 6px 4px 20px; margin-bottom: 20px; }
	.article .mainLink:hover { background-color: #045582; }
	
	.article .linkContainer { font-size: 0.875em; }

	.article .question { float: none; padding: 10px 20px 20px 20px; }

	
	.article .artFooter .commentCount { width: 351px; }
	.article .artFooter .share { width: 351px; }
	.article .artFooter .tempContainer { width: 275px; }
	.article .artFooter .hideLink { width: 152px; }
	.article .artFooter .name { width: 265px; }
	
	#header_container #header img { width: 768px; }
	

		
}
 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
	#coin tainer { padding: 0 22px; }

}



@media only screen and (max-width: 500px) {

	
	#header_container { overflow: hidden; }
	#header_container #header a { font-size: 2em; }
	
	.smallArtContainer, .tagHeader, .tagPicsContainer { display: none;  } 	
	

	
	.headlineContainer { padding: 20px 20px 20px 20px; }
	h1 { margin: 0; padding: 0; line-height: 0.8333em; font-size: 3.5em; text-align: center; }
	.vignette { color: #ff396f; font-family: BebasNeue; font-weight: 500; }
	.headline { color: #000; font-family: BebasNeue; font-weight: 500; }
	.preamble { color: #9999aa; font-family: BebasNeue; font-weight: 500; font-size: 0.8571em; }
	
	#newsticker_container { display: none; width: 320px; overflow: hidden; }
	
	.article .sma ll { display: block; } 
	.article .lar ge { display: none; }
	
	#CMenu, #CMenuTwo { display: none; }
	
	#CMenuMobile { background-color: #000; padding: 5px 10px; margin: 0; display: block; }
	#CMenuMobile form { margin: 0; padding: 0; }
	#CMenuMobile select { background-color: #000; color: #fff; border: 0; font-family: BebasNeue; font-size: 1.2em; margin: 0; padding: 0; position:relative; z-index:10; width: 80% !important; height:26px !important; line-height:26px; -webkit-appearance: none; -moz-appearance: none; background-image: url(http://feber.se/images/arrow_down.png); background-repeat:no-repeat; background-position:right 10px; }
	
	.article .body1, .article .body2 { width: 300px; padding: 0 10px 20px 10px; font-size: 0.875em; float: none;  }
	.article .body1 embed, .article .body1 object, .article .body2 embed, .article .body2 object { max-width:300px; max-height: 169px; padding: 0; }
	
	.article .inlineImage { width: 300px; float: none; margin: 0 0 10px 0px; overflow: visible; }
	.article .inlineImage img, .article .inlineImage .image { width: 300px; overflow: visible; }
	
	.article .image { padding: 0; }
	.article .image img { width: 100%; }
	
	.article .tagHeader { padding: 10px 0 0 10px; }

	.article .tagPicsContainer { padding: 10px 0 0 0;  margin-bottom: 10px; color: #333; width: 100%;  }
	.article .tagPics { float: left; width: 100%; margin-left: 0px; }
	.article .tagPics:first-child { margin-left: 10px; }
	.article .tagPics img { width: 18%; margin: 0 1% 1% 0; float: left; border: 1px solid #ccc; }
	
	.article .allImages, .article .imageShower { width: 320px; margin: 20px 0 20px 0; }
	.article .allImages img, .article .imageShower img { max-width: 320px; margin-left: 0px; }

	.article .addthis_toolbox { margin-bottom: 10px;  }
	
	.article .mainLinkContainer, .article .linkContainer { font-size: 0.875em; margin-left: -10px; }
	.article .mainLink { padding: 4px 6px 4px 10px; margin-bottom: 10px; }
	.article .mainLink:hover { background-color: #045582; }
	
	.article .linkContainer { margin-left: -10px; }

	.article .thumbContainer, .article .showAllIMG { width: 30%; height: 50px; overflow: hidden; margin: 0 0 2% 2%; float: left; }
	
	.article .showAllIMG { background-color: #000; text-align: center; padding-top: 8px; height: 44px; font-size: 1.375em; }
	.article .showAllIMG a { color: #fff; font-family: 'BebasNeue'; }

	
	.article .interaction .commentCount { margin-left: 10px; }
	.article .interaction .labels {  margin: 0px 10px 0 10px; }	
	
	.smallArtContainer { padding-top: 0px; }
	.smallArt { width: 33%; margin: 0; border: 0; }
	.smallArt .image { height: 150px; }
	.smallArt .text { margin-top: 80px; font-size: 1em; }
	.smallArt .text a { color: #fff; font-family: BebasNeue; font-size: 1em; }

}





.daycounter {
	font-size: 10px;
	margin: -5px 0 0 -1px;
	color: #666;
}

.underlined {
	border-bottom:1px solid #999;
}

.white {
	color: #fff;
}



#instaStripe { background-color: #342d25; padding: 2.0408%; margin-bottom: 20px; }
#instaStripe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#instaPics {  }
#instaPics img { width: 10.204%; float: right; margin-left: 1.0204%; }
#instaText { color: #fff; font-family: BebasNeue; font-size: 2.5em; float: left; width: 17.2448%; }
#instaText img { width: 100%; }







/* Resize av reklam */
.reklam { width:100%; text-align:center; margin:0 auto; margin-bottom: 20px; overflow: hidden; }



@media only screen and (max-width: 843px) {
	.reklam img, .reklam iframe, .reklam embed, .reklam object { width: 800px !important; height: 245px !important; }
	.reklam .tailsweep-div img, .reklam .tailsweep-div iframe, .reklam .tailsweep-div embed, .reklam .tailsweep-div object { width: 800px !important; height: 245px !important; }
	.adform-adbox { width: 800px !important; height: 245px !important; }
	.reklam .galactus { width: 800px !important; height: 653px !important;  }
}
@media only screen and (max-width: 799px) {
	.reklam img, .reklam iframe, .reklam embed, .reklam object { width: 768px !important; height: 235px !important; }
	.reklam .tailsweep-div img, .reklam .tailsweep-div iframe, .reklam .tailsweep-div embed, .reklam .tailsweep-div object { width: 768px !important; height: 235px !important; }
	.adform-adbox { width: 768px !important; height: 235px !important; }
	.reklam .galactus { width: 768px !important; height: 623px !important;  }
}
@media only screen and (max-width: 767px) {
	.reklam img, .reklam iframe, .reklam embed, .reklam object { width: 480px !important; height: 147px !important; }
	.reklam .tailsweep-div img, .reklam .tailsweep-div iframe, .reklam .tailsweep-div embed, .reklam .tailsweep-div object { width: 480px !important; height: 147px !important; }
	.adform-adbox { width: 480px !important; height: 147px !important; }
	.reklam .galactus { width: 480px !important; height: 392px !important;  }
}
@media only screen and (max-width: 479px) {
	.reklam img, .reklam iframe, .reklam embed, .reklam object { width: 320px !important; height: 98px !important; }
	.reklam .tailsweep-div img, .reklam .tailsweep-div iframe, .reklam .tailsweep-div embed, .reklam .tailsweep-div object { width: 320px !important; height: 98px !important; }
	.adform-adbox { width: 320px !important; height: 98px !important; }
	.reklam .galactus { width: 320px !important; height: 261px !important;  }
}




.middlepuffcontainer { max-width: 980px; margin: 0 auto; margin-bottom: 20px; }
	
.middlepuff { background-color: white; width: 49%; float: left; }
.middlepuff:first-child { margin-right: 2%; }

.middlepuff .header { text-align: center; font-family: BebasNeue; font-weight: 500; font-size: 3em; padding: 20px 20px; }
.middlepuff .header a { color: #000; font-family: BebasNeue; font-weight: 500; }
@media only screen and (max-width: 640px) {
	.middlepuff .header { font-size: 2em; } 
}
.middlepuff img { width: 100%; margin: 0; padding: 0; }
.middlepuff .header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

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





.bigPuffcontainer { margin: 0 auto; max-width: 980px; margin-top: 20px; }
.bigPuffs { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; margin-bottom: 2%; }
.bigPuff { position: relative; width: 49%; padding-bottom: 50%; float: left; background-color: white; }
.bigPuffs .first { margin-right: 2% }
.bigPuffImage { position: absolute; width: 100%; height:100%; overflow: hidden; background-size: cover; background-position: center center;}
.bigPuffHeadline { position: absolute; width: 100%; font-family: BebasNeue; color: #fff; padding-top: 70%;  }
.bigPuffHeadline .theheadline, .bigPuffHeadline .sitename { background-color: black;  position: static; }
.bigPuffHeadline .theheadline { padding: 15px 15px 15px 15px; color: #fff; font-size: 35px; display: table; overflow: visible; }
.bigPuffHeadline .theheadline:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bigPuffHeadline .sitename { padding: 5px 15px 15px 15px; color: #999; display: table; overflow: visible; margin-top: -20px; }

@media only screen and (max-width: 768px) {
.bigPuffHeadline { padding-top: 60%;  }
.bigPuffHeadline .theheadline { padding: 15px 15px 15px 15px; font-size: 30px; }
.bigPuffHeadline .sitename { padding: 5px 15px 15px 15px; }
}

@media only screen and (max-width: 480px) {
.bigPuffHeadline { padding-top: 50%;  }
.bigPuffHeadline .theheadline { padding: 10px 10px 10px 10px; font-size: 18px; }
.bigPuffHeadline .sitename { padding: 10px 10px 10px 10px; font-size: 12px; }
}




