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

div#leftContainer {
float:left; width:146px; margin-right:36px; margin-top:55px;
}
.blueLineTxt {
font-size:16px; letter-spacing:-0.02em; border-right:3px solid #004eb2; text-align:right; padding-right:4px; padding-top:4px; padding-bottom:4px;
}
.blueLineTxt a {
color:#000; text-decoration:none;
}
div#rightContainer {
float:left; width:685px;
}
div#catalogueContainer {
width:710px; margin-top:34px;
}

div#pageHeader div#leftH.cat {
width:195px;
}
div#pageHeader div#midH.cat {
width:295px;
}
div#pageHeader div#rightH.cat {
width:195px;
}
div#pageHeader div#midH.catFlip {
font-size:16px; line-height:18px;
}
div#pageHeader div#midH.catFlip a {
font-size:16px; text-decoration:none; color:#3694d6;
}
div#pageHeader div#midH.catFlip a:hover {
color:#3694d6;
}
div#pageHeader div#rightH.cat a {
text-decoration:none; color:#3694d6;
}
div#pageHeader div#rightH.cat a:hover {
text-decoration:none; color:#000;
}



a.profileLinkList {
display:block; width:161px; height:189px; float:left; text-decoration:none; color:#3694d6; font-size:12px; line-height:14px; margin-right:13px; overflow:hidden;
}
a.profileLinkList img {
border:1px solid #D8D8D8; margin-bottom:5px; width:159px; height:126px;
}
a.profileLinkList em {
color:#000; font-size:11px;
}


#article { display:block; height:624px; overflow:hidden; margin-bottom:16px; width:686px; }

#article table td { vertical-align:top; }

div#profileViewContainer {
width:692px; margin-top:16px;
}
.profileContainer {
width:686px; padding-top:16px;
}
.profileContainer a {
	text-decoration:none;
	color:#444;
}
.profileContainer a:hover {
	text-decoration:underline;
}
.profileContainer h1 {
padding:0px; margin:0px 0px 10px 0px; font-size:16px; font-weight:normal;
}
.profileContainer h1 a {
	text-decoration:none;
	color:#000;
}
.profileContainer div.FirstRowLeft {
float:left; width:511px; margin-right:14px;
}
.profileContainer div.FirstRowRight {
width:160px; float:left; border-top:3px solid #5299d3; padding-top:12px;
}
.profileContainer div.FirstRowRight div.PostInfo {
width:160px; font-size:11px; line-height:14px;
}
.profileContainer div.FirstRowRight div.PostInfo h3 {
font-size:9px; line-height:14px; font-weight:normal; margin:14px 0px 3px 0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#2c68b6;
}
.profileContainer div.FirstRowRight div.PostInfo a {
	color:#000; text-decoration:none;
}
.profileContainer div.FirstRowRight div.PostInfo a:hover {
	color:#3694d6;
}

.profileContainer div.FirstRowRight div.ShareInfo {
height:16px; width:160px;
}
.profileContainer div.FirstRowRight div.ShareInfo a {
margin-right:12px;
}
.profileContainer div.FirstRowRight div.CommentInfo {
width:160px;
}
.profileContainer 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:#a0e058;
}
.profileContainer 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/_events/commentbubble_small.gif); background-repeat:no-repeat; background-position:0px 7px;
}



/* 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; }


#CompanyListing .artrow-1 { height:273px; }
#CompanyListing .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:#3694d6; }
#prevPage a:hover { color:#3694d6; }

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:#3694d6; }

#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 */





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;
}

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 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 #5299d3; padding:0px 0px 8px 0px; margin:0px 0px 10px 0px; font-size:11px; font-weight:bold; text-transform:uppercase;
}

div.adStartMag {
	width:685px; height:338px; margin-bottom:30px; 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 #5299d3; 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:#5299d3;
}
.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:#5299d3;
}
.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:#5299d3;
}
.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;
}
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:hidden; 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.02em; 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.008em; padding:0px; margin:0px 0px 15px 0px; border-bottom:3px solid #5299d3; line-height:25px;
}
div#boxTwo {
width:335px; height:344px; float:left; margin-top:60px;
}
div#boxTwo h2 {
font-weight:normal; letter-spacing:-0.008em; 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.008em; 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.008em; 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 #5299d3; margin-top:30px; margin-bottom:60px;
}
div#PageFlipFooter a {
display:block; color:#000; text-decoration:none; font-size:12px; font-weight:bold; margin-top:8px; margin-bottom:8px;
}
div#PageFlipFooter a:hover {
color:#5299d3;
}
div#PageFlipFooter a.prev {
float:left;
}
div#PageFlipFooter a.mid {
float:left; margin-left:210px;
}
div#PageFlipFooter a.next {
float:right;
}

div.menuCategoriesAddition {
height:40px;
}



/* menu styling */
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font-size:16px; letter-spacing:-0.02em; border-right:3px solid #5299d3; 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; 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:#5299d3;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0px;
	font-size:0.9em;	
	position:relative;
}
/* end of menu styling */