@charset "ISO-8859-1";
/* CSS Document */

div#leftContainer {
float:left; width:146px; margin-right:36px; margin-top:55px;
}
.orangeLineTxt {
font-size:16px; letter-spacing:-0.01em; border-right:3px solid #c70000; text-align:right; padding-right:4px; padding-top:4px; padding-bottom:4px;
}
div#rightContainer {
float:left; width:685px;
}
div#magazineContainer {
width:710px; margin-top:22px;
}
div#magazineFrontContainer {
width:686px;
}
div#magazineFrontContainer div#leftColumn {
width:335px; margin-right:15px; float:left;
}
div#magazineFrontContainer div#leftColumn h1 {
font-size:60px; letter-spacing:-0.05em; font-weight:normal; padding:0px 0px 5px 0px; margin:0px;
}
div#magazineFrontContainer div#leftColumn h2 {
font-size:22px; letter-spacing:-0.02em; font-weight:normal; padding:0px 0px 64px 0px; margin:0px; font-family:Georgia, 'Times New Roman', Times, serif;
}
div#magazineFrontContainer div#leftColumn p {
text-align:justify; font-size:12px; line-height:16px;
}

div#magazineFrontContainer div#rightColumn {
width:336px; float:left; margin-top:12px;
}
div#magazineFrontContainer div#rightColumn a {
text-decoration:none; display:block; color:#000; clear:both; height:150px; overflow:hidden; margin-bottom:15px;
}
div#magazineFrontContainer div#rightColumn p {
text-decoration:none;
}
div#magazineFrontContainer div#rightColumn ins {
text-decoration:none;
}
div#magazineFrontContainer div#rightColumn a:hover {
opacity: 0.8;
filter: alpha(opacity = 80);
-moz-opacity: 0.8; 
}
div#magazineFrontContainer div#rightColumn img {
width:161px; height:150px; border:0px none; display:block; float:left; margin-right:14px;
}
div#magazineFrontContainer div#rightColumn div {
float:left; width:161px; height:150px; overflow:hidden;
}
div#magazineFrontContainer div#rightColumn h3 {
border-bottom:3px solid #c70000; padding:0px 0px 8px 0px; margin:0px 0px 10px 0px; font-size:11px; font-weight:bold; text-transform:uppercase;
}

div.adStartMag {
	width:685px; height:300px; margin-top:15px;
}




.noteContainer {
width:685px; background:url(_images/_notes/endcommentHr.gif); background-position:bottom; background-repeat:no-repeat;
}
.noteContainer a {
	text-decoration:none;
	color:#444;
}
.noteContainer a:hover {
	text-decoration:underline;
}
.noteContainer h1 {
padding:0px; margin:0px 0px 10px 0px; font-size:16px; font-weight:normal;
}
.noteContainer h1 a {
	text-decoration:none;
	color:#000;
}
.noteContainer div.FirstRowLeft {
float:left; width:511px; margin-right:14px;
}
.noteContainer div.FirstRowRight {
width:160px; float:left; border-top:3px solid #c70000; padding-top:12px;
}
.noteContainer div.FirstRowRight div.PostInfo {
width:160px; height:111px;
}
.noteContainer div.FirstRowRight div.PostInfo strong {
font-size:12px;
}
.noteContainer div.FirstRowRight div.PostInfo em {
font-size:11px; line-height:19px;
}
.noteContainer div.FirstRowRight div.PostInfo a.permalink {
	color:#c70000;
}
.noteContainer div.FirstRowRight div.ShareInfo {
height:45px; width:160px;
}
.noteContainer div.FirstRowRight div.ShareInfo a {
margin-right:12px;
}
.noteContainer div.FirstRowRight div.CommentInfo {
width:160px;
}
.noteContainer div.FirstRowRight div.CommentInfo h2 {
padding:0px 0px 0px 0px;; margin:0px 0px 0px 0px; font-size:11px; font-weight:normal; text-transform:uppercase; color:#c70000;
}
.noteContainer div.FirstRowRight div.CommentInfo a {
display:block; width:140px; padding-left:20px; padding-top:6px; border-top:1px solid #DADADA; margin-top:8px; background:url(_images/_notes/commentbubble_small.gif); background-repeat:no-repeat; background-position:0px 7px;
}
.noteContainer div.SecondRowContainer {
clear:both; width:685px;
}
.noteContainer div.SecondRowLeft {
display:table-cell; width:511px; overflow:hidden; padding-right:14px;
}
.noteContainer div.SecondRowLeft p {
padding:0px; margin:22px 0px 40px 0px;
}
.noteContainer div.SecondRowLeft p a {
color:#c70000;
}
.noteContainer div.SecondRowRight {
width:160px; display:table-cell; vertical-align:bottom;
}
.noteContainer div.SecondRowRight a {
display:block; width:160px; height:109px; background:url(../_images/_notes/commentbubble_on.gif); text-align:center; color:#FFF; font-size:16px; text-decoration:none; letter-spacing:-0.01em;
}
.noteContainer div.SecondRowRight a p {
padding-top:36px;
}
.noteContainer div.SecondRowRight a.noComment {
display:block; width:160px; height:109px; background:url(../_images/_notes/commentbubble_off.gif); text-align:center; color:#FFF; font-size:16px; text-decoration:none; letter-spacing:-0.01em;
}
.noteContainer div.SecondRowRight a.noComment p {
padding-top:25px;
}
div.comment {
clear:both; width:685px; padding-bottom:25px; padding-top:16px; background:url(../_images/_notes/endcommentHr.gif); background-position:bottom; background-repeat:no-repeat;
}
div.comment div.CommentForm {
background:url(../_images/_notes/commentBg.gif) no-repeat; width:336px; height:373px; margin-right:14px; float:left;
}
div.comment div.CommentForm div.Name {
margin-left:16px; margin-top:14px; width:145px; height:19px; overflow:hidden;
}
div.comment div.CommentForm div.Email {
float:left; margin-left:16px; margin-top:14px; width:145px; height:19px; overflow:hidden;
}
div.comment div.CommentForm div.Website {
float:left; margin-left:16px; margin-top:14px; width:145px; height:19px; overflow:hidden;
}
div.comment div.CommentForm div.Name input, div.Email input, div.Website input {
width:100%; border:0px none; background-color:#FFF; height:16px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
div.comment div.CommentForm div.Message {
clear:both; width:308px; margin-left:14px; padding-top:14px; height:265px; overflow:hidden; text-align:center;
}
div.comment div.CommentForm div.Message textarea {
width:100%; border:0px none; height:264px; font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
div.comment div.CommentForm div.SecurityQuestion {
float:left; margin-left:16px; margin-top:5px; width:218px; height:19px; overflow:hidden;
}
div.comment div.CommentForm div.SecurityQuestion input {
width:20px; border:0px none; background-color:#FFF; height:16px;
}
div.comment div.CommentForm div.SubmitButton {
float:left; margin-top:5px; width:96px; height:19px; overflow:hiddenx; text-align:right;
}
div.comment div.CommentForm div.SubmitButton input {
font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#E8E8E8; border:0px none; height:17px;
}
div.comment div.CommentList {
width:335px; float:left;
}
div.comment div.CommentList div.CommentText {
background-color:#e2eff3; margin-bottom:14px; padding:14px; line-height:13px;
}
div.comment div.CommentList div.CommentText strong {
line-height:16px;
}
div.comment div.CommentList div.CommentText a {
text-decoration:none; color:#666; display:block; margin-top:4px;
}
div.comment div.CommentList div.CommentText a:hover {
text-decoration:underline;
}
div.comment div.CommentList div.CommentPageFlip {
background-color:#e8e8e8; height:31px; padding-left:14px; overflow:hidden;
}
div.comment div.CommentList div.CommentPageFlip a.prev {
display:block; line-height:32px; color:#000; text-decoration:none; width:90px; float:left;
}
div.comment div.CommentList div.CommentPageFlip a.next {
display:block; line-height:32px; color:#000; width:90px; text-decoration:none; float:right; text-align:right; margin-right:14px;
}

div.notesSpacer {
height:30px; overflow:hidden;
}



div#startContainer h1 {
padding:0px; margin:0px 0px 0px 0px; font-size:72px; letter-spacing:-0.01em; font-weight:normal;
}
div#startContainer a {
text-decoration:none;
}
div#startContainer p {
font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px;
}
div#boxOne {
width:335px; height:344px; float:left; margin-right:15px; margin-top:60px;
}
div#boxOne h2 {
font-weight:normal; letter-spacing:-0.007em; padding:0px; margin:0px 0px 15px 0px; border-bottom:3px solid #C70000; line-height:25px;
}
div#boxTwo {
width:335px; height:344px; float:left; margin-top:60px;
}
div#boxTwo h2 {
font-weight:normal; letter-spacing:-0.007em; padding:0px; margin:0px 0px 15px 0px; border-bottom:3px solid #f86500; line-height:25px;
}
div#boxTwo a {
display:block; height:56px; overflow:hidden; margin-bottom:8px; text-decoration:none; color:#000;
}
div#boxTwo h3 {
font-weight:bold; color:#f96500; padding:0px; margin:0px 0px 0px 0px; font-size:11px;
}
div.noteImage {
float:left; width:99px;
}
div.noteImage img {
	border:0px none; width:91px; height:56px;
}
div.noteTxt {
font-size:11px; float:left; width:180px;
}
div.noteHr {
width:335px; background-color:#E6E6E6; height:1px; margin-bottom:8px; overflow:hidden; clear:both;
}
div#boxThree {
width:335px; height:520px; overflow:hidden; float:left; margin-right:15px; margin-top:60px; clear:both;
}
div#boxThree h2 {
font-weight:normal; letter-spacing:-0.007em; padding:0px; margin:0px 0px 15px 0px; border-bottom:3px solid #3694d5; line-height:25px;
}
div#boxThree a.leftPuff {
display:block; width:161px; height:189px; float:left; text-decoration:none; color:#3694d6; font-size:13px; line-height:16px; margin-right:13px;
}
div#boxThree a.rightPuff {
display:block; width:161px; height:189px; float:left; text-decoration:none; color:#3694d6; font-size:13px; line-height:16px;
}
div#boxThree a.leftPuff img, a.rightPuff img {
border:1px solid #D8D8D8; margin-bottom:5px; width:159px; height:126px;
}
div#boxThree a.leftPuff em, a.rightPuff em {
color:#000;
}
div#boxFour {
width:335px; height:520px; float:left; margin-top:60px;
}
div#boxFour h2 {
font-weight:normal; letter-spacing:-0.007em; padding:0px; margin:0px 0px 15px 0px; border-bottom:3px solid #85d519; line-height:25px;
}
div.clearDiv {
clear:both; height:1px; overflow:hidden;
}
div#PageFlipFooter {
width:685px; border-top:3px solid #c70000; margin-top:6px; margin-bottom:60px;
}
div#PageFlipFooter a {
display:block; color:#000; text-decoration:none; font-size:12px; font-weight:bold; margin-top:8px;
}
div#PageFlipFooter a:hover {
color:#c70000;
}
div#PageFlipFooter a.prev {
float:left;
}
div#PageFlipFooter a.next {
float:right;
}

div.menuCategoriesAddition {
height:40px;
}


#article { display:block; height:554px; overflow:hidden; margin-top:36px; margin-bottom:36px; width:686px; }
#article div, #notiser div { text-align:justify; }

#article table td { vertical-align:top; }
#article table td div.articlePage{width:686px; line-height:14px; letter-spacing:-0.003em !important; }
#article table td div.articlePageColumnLeft{width:336px; float:left; text-align:justify;}
#article table td div.articlePageColumnRight{width:336px; float:right; text-align:justify;}
#article table td div.articleHeadLine{text-align:left; height:144px;}
#article table td div.articleHeadLine span.header{font-size:30px;text-align:left; letter-spacing:-0.02em; line-height:32px;}
#article table td div.articleHeadLine em.subHeader{font-family:Georgia, 'Times New Roman', Times, serif; font-size:20px; line-height:24px;}
#article table td div.articleHeadLine span.author{font-family:Georgia, 'Times New Roman', Times, serif; font-size:9px;}
#article table td div.articlePage a {color:#c70000; text-decoration:none;}



/* från gamla */
.right { float:right; }
.left { float:left; }
.center { margin:auto; }
.text-right { text-align:right; }
.text-center { text-align:center; }

div.hr, div.hr-empty { clear:both; float:none; width:100%; height:25px; }
div.hr { height:50px; background:url('../img/hr.jpg') 0 50% repeat-x; }

div.br-10, div.br-15, div.br-20, div.br-25 { clear:both; float:none; width:100%; display:block; }
div.br-10  { height:10px; }
div.br-15  { height:15px; }
div.br-20  { height:20px; }
div.br-25  { height:25px; }

.border-top { border-top:1px solid #e5e5e5; }
.border-bottom { border-bottom:1px solid #e5e5e5; }
.divider { width:955px; background:url('../img/divider.gif') 0 0 no-repeat; }
.divider-padding-25, .divider-padding-50 { width:955px; }

.divider-580 { width:580px; background:url('../img/divider_580.gif') 0 0 no-repeat; }
.divider-580-padding-25, .divider-580-padding-50 { width:580px; }

.divider-420 { width:420px; background:url('../img/divider_420.gif') 0 0 no-repeat; }
.divider-420-padding-25, .divider-420-padding-50 { width:420px; }

.divider, .divider-580, .divider-420 { height:9px; display:block; overflow:hidden; margin:auto; text-align:center; }

.divider-padding-25, .divider-580-padding-25, .divider-420-padding-25 { height:25px; display:block; overflow:hidden; margin:auto; background:#fff; }
.divider-padding-50, .divider-580-padding-50, .divider-420-padding-50 { height:50px; display:block; overflow:hidden; margin:auto; background:#fff; }


#notiser { height:676px; }


#article .artrow-1 { height:273px; }
#article .artrow-2 { height:571px; }

#browseArticles { display:block; width:875px; overflow:hidden; }
#browseArticles tr, #browseArticles td { vertical-align:top; }
#browseArticles .span-1 { display:inline; }
#browseRedaktion { display:block; overflow:hidden; }


#prev a, #next a, #prevPage a, #nextPage a , #prevArt a, #nextArt a  { font-size:12px; font-weight:bold; }

#nextArt, #prevArt { height:104px; }
#nextArt a, #prevArt a { margin-top:42px; }
#nextPage a:hover { color:#c30000; }
#prevPage a:hover { color:#c30000; }

div.pagerbar a {
	cursor:pointer;
}

.span-1 { width:120px; }
.span-2 { width:336px; }
.span-3 { width:515px; }
.span-4 { width:696px; }
.span-5 { width:875px; margin:0; }
.column { display:block; float:left; margin-right:12px; overflow:hidden; }
.articleHolder .articleHeader { border-bottom:1px solid #e5e5e5; margin-bottom:25px; }

.designArticle .articleHeader { border-color:#ffe635; height:25px;  }
.modeArticle .articleHeader { border-color:#a8ea65; height:25px;  }
.musikArticle .articleHeader { border-color:#73d3e6; height:25px;  }
.kulturArticle .articleHeader { border-color:#1e769b; height:25px;  }
.matdryckArticle .articleHeader { border-color:#b03370; height:25px;  }
.resorArticle .articleHeader { border-color:#f06c7d; height:25px;  }
.superblueArea .articleHeader { border-color:#dbf1f5; }

.articleHeader { position:relative; color:#fff; }
.articleHeader a { color:#fff; }
.articleHeader .right img { position:absolute; bottom:-3px; right:0; padding-left:5px; background:#fff; }
.articleHeader .left img { padding-right:4px; margin-top:0px; background:#fff; }


#superlounge-vol1 { background:url('../img/superlounge_vol1.jpg') 5px 50% no-repeat; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }

/* slut rån gamla */

/*  Pagerbar / Functionbar */


.functionbar a.fakta, .functionbar a.tipsa , .functionbar a.kommentera , .functionbar a.skrivut  { position:relative; display:block; height:17px; margin-top:11px; margin-bottom:10px; line-height:17px; } 

.functionbar a span { position:absolute; top:2px; left:45%; display:block; height:17px; }

.designArticle .functionbar a:hover { background-position:30% -34px; }
.modeArticle .functionbar a:hover { background-position:30% -51px; }
.musikArticle .functionbar a:hover { background-position:30% -68px; }
.kulturArticle .functionbar a:hover { background-position:30% -85px; }
.matdryckArticle .functionbar a:hover { background-position:30% -102px; }
.resorArticle .functionbar a:hover { background-position:30% -119px; }

.designArticle .functionbar a:hover span  { background-position:45% -34px; }
.modeArticle .functionbar a:hover span { background-position:45% -51px; }
.musikArticle .functionbar a:hover span { background-position:45% -68px; }
.kulturArticle .functionbar a:hover span { background-position:45% -85px; }
.matdryckArticle .functionbar a:hover span { background-position:45% -102px; }
.resorArticle .functionbar a:hover span { background-position:45% -119px; }


#pager a { display:block; width:17px; height:13px; margin-left:1px; margin-right:1px; float:left; overflow:hidden; display:inline; text-align:center; font-size:12px; font-weight:bold; }

#pager div { margin:auto; }

#pager a.active {color:#c30000; }

#pager div.p1 { width:24px; }
#pager div.p2 { width:48px; }
#pager div.p3 { width:72px; }
#pager div.p4 { width:96px; }
#pager div.p5 { width:120px; }
#pager div.p6 { width:144px; }
#pager div.p7 { width:168px; }
#pager div.p8 { width:192px; }
#pager div.p9 { width:216px; }
#pager div.p10 { width:240px; }
#pager div.p11 { width:264px; }
#pager div.p12 { width:288px; }
#pager div.p13 { width:312px; }
#pager div.p14 { width:336px; }
#pager div.p15 { width:360px; }
#pager div.p16 { width:384px; }
#pager div.p17 { width:408px; }
#pager div.p18 { width:432px; }


/* slut functionbar */

.menuHeader{
	font-size:18px; letter-spacing:-0.01em; border-bottom:2px solid #c70000; margin-left:30px; text-align:right; padding-right:8px; padding-top:4px; padding-bottom:4px; margin-bottom:5px;
}
.menuSubHeader
{
	text-align:right; font-size:10px; vertical-align:top; margin-top:-3px; margin-bottom:10px;
}
.menuSubHeader a
{
	color:black; text-decoration:none;
}
/* menu styling */
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font-size:16px; letter-spacing:-0.01em; border-right:3px solid #c70000; text-align:right; padding-right:4px; padding-top:4px; padding-bottom:4px; margin-bottom:5px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border-right:1px solid #d8d8d8; text-align:right; padding-right:4px; margin-right:1px; line-height:18px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}

html:not([dummy]) .dhtmlgoodies_answer{	/* hack it for saf and ff */
	/* Start layout CSS */
	border-right:1px solid #d8d8d8; text-align:right; padding-right:4px; margin-right:1px; line-height:18px;
	margin-bottom:29px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}


.dhtmlgoodies_answer a {
	text-decoration:none;
	color:#000;
}
.dhtmlgoodies_answer a:hover {
	color:#c70000;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0px;
	font-size:0.9em;	
	position:relative;
}
/* end of menu styling */

p.magArchList {
	font-size:12px;
	line-height:20px;
}
p.magArchList a {
	text-decoration:none;
	color:#777;
}
p.magArchList a:hover {
	text-decoration:none;
	color:#999;
}
p.magArchList strong {
	font-size:16px;
}
.redLineTxt {
font-size:16px; letter-spacing:-0.02em; border-right:3px solid #c70000; text-align:right; padding-right:4px; padding-top:4px; padding-bottom:4px; 
}
.redLineTxt a {
color:#000; text-decoration:none;
}