﻿html, body {height:100%;}
body {
	color:#fff;
	font:12px "Trebuchet MS", arial, sans-serif;
	margin:0;
	background:#652905 url(../images/html-bg.jpg) 50% 0;
	min-width:970px;
}

/* Common Parts */
a {
	color:#fff;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
p {
	margin:0 0 5px;
	line-height:15px;
}
img {border:0;}
form, fieldset {
	margin:0;
	padding:0;
	border:0;
}
input, select, label, textarea {vertical-align:middle;}
input.text,
select,
textarea {
	font:10px "Trebuchet MS", arial, sans-serif;
	color:#000;
	background:#f8bd1e;
	border:1px solid #f8bd1e;
	text-transform:uppercase;
}
input.text {
	padding:4px 4px 3px;
}
ul {
	margin:0 0 15px 15px;
	padding:0;
}
ul ul {margin:2px 0 2px 15px;}
.sIFR-replaced object, .sIFR-replaced embed {
	margin:0;
	padding:0;
	display:block;
}


/* Main Blocks */
#page-box {
	min-height:100%;
	background:url(../images/body-bg.jpg) repeat-y 50% 0;
	position:relative;
}
* html #page-box {height:100%;}
#page-box:after {
	content:"";
	clear:both;
	display:block;
}
#main {
	width:970px;
	margin:0 auto;
	position:relative;
	padding-top:330px;
}
.logo {
	position:absolute;
	text-indent:-9999em;
	overflow:hidden;
	width:268px;
	height:66px;
	background:url(../images/logo.gif) no-repeat;
	top:177px;
	left:0;
	margin:0;
	z-index:2;
}
.logo a {
	display:block;
	height:100%;
}
#header {
	position:absolute;
	top:0;
	left:0;
	height:325px;
	padding-top:5px;
	z-index:1;
}
#header img {
	display:block;
	margin-bottom:10px;
}
.justnu {
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}
.justnu a {
	float:left;
	background:#d0162a url(../images/justnu-bg.gif) no-repeat 100% 0;
	width:82px;
	height:24px;
	padding:3px 10px 0;
	font-size:10px;
	overflow:hidden;
	line-height:10px;
}
.justnu a:hover {text-decoration:none;}
.running-line {
	overflow:hidden;
	width:866px;
	height:24px;
	margin:2px 0 0;
	float:left;
	background:#000;
	position:relative;
	text-transform:uppercase;
}
.running-line ul {		
	width:2000px;
	margin:6px 0 0 -1px;
	list-style:none;
	overflow:hidden;
}
.running-line li {
	float:left;
	padding:0 10px;
	border-left:1px solid #fff;
	line-height:12px;
}
.running-line span {
	position:absolute;
	width:100%;
	height:100%;
/*	background:url(../images/mask.png); */
	top:0;
	left:0;
}
.top-line {
	padding:10px 0 10px 268px;
	height:46px;
	overflow:hidden;
    background:url(../images/top-bg.gif); 
	margin-bottom:20px;
}
.top-line .text-box {
	float:left;
	border-right:1px solid #c9aa87;
	padding:0 30px 0 20px;
	font-size:11px;
	width:289px;
}
.top-line .text-box strong {
	display:block;
	font-weight:normal;
	text-transform:uppercase;
}
.top-line .text-box p {
	margin:0;
	line-height:14px;
}
.search {
	float:left;
	width:210px;
	padding:0 0 0 20px;
}
.search label {
	display:block;
	height:19px;
	overflow:hidden;
	background:url(../images/label-search.gif) no-repeat;
	text-indent:-9999em;
}
.search input.text {
	width:118px;
	margin-right:7px;
}

.day {
	float:right;
	margin:-10px 0;
	font:64px arial, helvetica, sans-serif;
	background:#4a98c8 url(../images/day-box-bg.gif) repeat-x;
}
.day span {
	display:block;
	padding:0 20px 0 35px;
	background:url(../images/title-day.gif) no-repeat 5px 0;
	line-height:66px;
}

#header .menu {
	margin:0;
	list-style:none;
	overflow:hidden;
	border-bottom:6px solid #0e99f0;
	width:100%;
	overflow:hidden;
}
#header .menu li {
	float:left;
}
#header .menu li a {
	width:162px;
	height:41px;
	display:block;
	background:url(../images/menu-bg.gif);
	text-indent:-9999em;
	overflow:hidden;
	margin:0 -5px 0 -6px;
	position:relative;
}
#header .menu li.start a {
	width:156px;
	z-index:6;
	margin-left:0;
}
#header .menu li.blog a {z-index:5;}
#header .menu li.forum a {z-index:4;}
#header .menu li.vimmel a {z-index:3;}
#header .menu li.evenemang a {z-index:2;}
#header .menu li.artiklar a {z-index:1;}
#header .menu li a.active {z-index:7 !important;}

#header .menu li.start a:hover, #header .menu li.start a.active {background-position:0 100%;}
#header .menu li.blog a {background-position:-156px 0;}
#header .menu li.blog a:hover, #header .menu li.blog a.active {background-position:-156px 100%;}
#header .menu li.forum a {background-position:-318px 0;}
#header .menu li.forum a:hover, #header .menu li.forum a.active {background-position:-318px 100%;}
#header .menu li.vimmel a {background-position:-480px 0;}
#header .menu li.vimmel a:hover, #header .menu li.vimmel a.active {background-position:-480px 100%;}
#header .menu li.evenemang a {background-position:-642px 0;}
#header .menu li.evenemang a:hover, #header .menu li.evenemang a.active {background-position:-642px 100%;}
#header .menu li.artiklar a {background-position:-804px 0;}
#header .menu li.artiklar a:hover, #header .menu li.artiklar a.active {background-position:-804px 100%;}


#container {
	width:100%;
	overflow:hidden;  
	/* background:url(../images/container-bg.png) repeat-y; */
	padding-bottom:78px;
}
#index #container {background-image:url(../images/container-bg-index.png);}

#main-content {
	float:left;
	width:749px;
}
#main-content h1, #main-content h2 {
	margin:0 0 10px;
	color:#faa11e;
	text-transform:uppercase;
	font-size:23px;
	font-weight:normal;
}
#main-content h1 strong, #main-content h2 strong {
	font-weight:normal;
	display:block;
}
#sidebar {
	float:right;
	width:202px;
}
.title {
	margin:0 0 10px;
	border-bottom:1px solid #90b7cf;
	background:#2176ab url(../images/title-bg.gif) repeat-x;
	padding:6px 13px 7px;
}
.title span {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/titles.gif) no-repeat 0 13px;
	height:13px;
}
span.vimmelbilder {background-position:0 0;}
span.veckans {background-position:0 -13px;}
span.nyhetsbrev {background-position:0 -26px;}
span.discusion {background-position:0 -39px;}
span.blogger {background-position:0 -52px;}
span.evenemang {background-position:0 -65px;}
span.recensioner {background-position:0 -78px;}
span.vimmelbilder {background-position:0 0;}

.button {
	height:1%;
	overflow:hidden;
	margin-bottom:20px;
	display:block;
}
.button span {float:right;}
.button span, .arrows li, .buttons li {
	padding:1px 12px 1px 7px;
    background:#d36900; 
	/*background:url(../images/btn-bg.png);*/
}
.button a, .arrows li a, a.more, .buttons li a {
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding-left:18px;
	font-size:10px;
	text-transform:uppercase;
	white-space:nowrap;
}
a.more {
	padding:0 4px 0 14px;
	background:#d46f00 url(../images/arrow.gif) no-repeat 2px 50%;
}
.arrows {
	margin:0 0 20px;
	list-style:none;
}
.arrows li {
	height:1%;
	overflow:hidden;
	margin-bottom:5px;
}
.buttons {
	height:1%;
	overflow:hidden;
	margin:0 0 20px;
	list-style:none;
}
.buttons li {
	float:right;
	margin-left:10px;
}
.gallery {
	margin:0 -10px 0 0;
	list-style:none;
	width:212px;
	overflow:hidden;
}
.gallery li {
	float:left;
	padding:0 10px 10px 0;
}
.gallery img {
	display:block;
	border:2px solid #fff;
}
.ad {
	display:block;
	margin-bottom:20px;
}
.form-content {
	margin:0 0 20px;
}
.form-content input.text {
	width:130px;
	margin-right:7px;
}
.main-column {
	float:right;
	width:469px;
}
#index .main-column {float:left;}
.add-column {
	float:left;
	width:260px;
}
#index .add-column {float:right;}
.large-news {
	width:100%;
	overflow:hidden;
	margin:0 0 20px;
	background:#fff;
	position:relative;
	height:298px;
}
.large-news img {
	display:block;
}
.tab {
	float:left;
	width:116px;
	overflow:hidden;
	margin-top:12px;
	height:298px;
}
.tab .top, .tab .btm {
	height:21px;
	width:116px;
	overflow:hidden;
	position:absolute;
	left:0;
}
.tab .top {
	background:url(../images/mask-g-2top.png);
	top:0;
}
.tab .btm {
	background:url(../images/mask-g.2png);
	bottom:0;                      
}
.tab ul {
	margin:0;
	list-style:none;
	height:2000px;
	padding:0 10px;
	overflow:hidden;
}
.tab li {
	margin:0 0 2px;
	position:relative;
	width:100%;
	float:left;
}
.tab li a {
	display:block;
	width:95px;
	height:67px;
	overflow:hidden;
}
.tab li a:hover, .tab li.active a {
	border:2px solid #f57300;
	width:91px;
	height:63px;
}
.tab li a:hover img, .tab li.active a img {
	margin:-2px;
}
.tab li span {
	left:4px;
	bottom:4px;
	cursor:pointer;
	position:absolute;
}
.label {
	background:#fff;
	text-transform:uppercase;
	color:#f35f00;
	padding:0 3px;
	font-size:9px;
	line-height:10px;
}
.content {
	position:relative;
	float:right;
	width:353px;
}
.heading {
	background:#f7941d url(../images/heading-bg.gif) repeat-x 0 100%;
	padding:20px 10px 10px;
	margin:0 0 20px;
}
.sub-holder .heading {
	padding:15px 10px 5px;
}
.heading strong {
	display:block;
	text-transform:uppercase;
	font-weight:normal;
	font-size:19px;
}
.large-news .heading {
	position:absolute;
	left:0;
	bottom:10px;
	padding:3px 20px 5px;
	width:300px;
	margin-bottom:0;
}
.sub-holder {
	width:100%;
	overflow:hidden;
}
.subleft {
	width:248px;
	float:left;
}
.subright {
	float:right;
	width:200px;
}
.news {
	margin:0 0 20px;
	list-style:none;
	overflow:hidden;
}
.news li {
	margin:0 0 10px;
	width:100%;
	overflow:hidden;
}
.news img {
	display:block;
	margin:0 0 10px;
	border-bottom:1px solid #948880;
}
.news p {margin:0;}
.news h3 {
	text-transform:uppercase;
	color:#f8bd1e;
	font-weight:normal;
	margin:0;
	font-size:12px;
}
.sIFR-hasFlash .news h3 {font-size:11px;}
.news h3 span {display:block;}
.news strong a {color:#f8bd1e;}
.discusion-list {
	margin:0 0 3px;
	list-style:none;
}
.discusion-list li,
.event-list li,
.recensioner-list li {
	border-bottom:1px dashed #815a0d;
	padding:1px 5px 1px 18px;
	background-position:0 6px;
	background-repeat:no-repeat;
}
.discusion-list li {background-image:url(../images/ico-forum.gif);}
.blog-list {
	margin:0;
	list-style:none;
	width:100%;
    margin-bottom:21px;
	overflow:hidden;
}
.blog-list ul {
	margin:0;
	list-style:none;
}
.blog-list li {
	float:left;
	width:100%;
	margin-bottom:11px;
	border-bottom:1px solid #a69d99;
	overflow:hidden;
}
.blog-list li li {
	float:none;
	margin:4px 0;
	border:0;
	width:auto;
	height:auto;
	padding-left:14px;
	background:url(../images/arrow.gif) no-repeat 0 4px;
	
}
.blog-list img {
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
.event-list {
	margin:0 0 3px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.event-list li {
	padding:2px 0;
	width:100%;
	float:left;
	display:inline;
}
.event-list li.general {
	border-bottom:1px solid #a59d99;
	padding:0;
}
.event-list img {
	float:left;
	margin:0 10px 0 0;
}
.event-list strong {
	float:left;
	font-weight:normal;
	padding-left:16px;
	background:url(../images/ico-date.gif) no-repeat 0 4px;
}
.event-list em {
	float:right;
	font-style:normal;
}
.event-list span, .event-list img {display:none;}
.event-list li.general strong, .event-list li.general em { float:none; }
.event-list li.general span, .event-list li.general img { display:block;margin-bottom:0; }

.recensioner-list {
	width:270px;
	margin:0 -10px 20px 0;
	list-style:none;
	overflow:hidden;
}
.recensioner-list li {
	background-image:url(../images/ico-recension.gif);
	float:left;
	width:102px;
	margin:0 10px 0 0;
}
#footer {
	position:absolute;
	bottom:0;
	left:50%;
	background:#4b1201;
	border-top:2px solid #5d2a1b;
	height:65px;
	width:920px;
	padding:13px 25px 0;
	margin-left:-485px;
	font-size:11px;
	overflow:hidden;
}
.logos {
	float:left;
	margin:0;
	list-style:none;
	width:245px;
}
.logos li {
	display:inline;
	margin-right:4px;
}
.main-info {
	float:left;
	width:435px;
	margin-left:45px;
	overflow:hidden;
}
.main-info ul {
	margin:0;
	list-style:none;
	float:left;
}
.main-info li {
	padding:0 10px;
	margin:0 10px 0 -10px;
	float:left;
	position:relative;
	background:url(../images/split.gif) no-repeat 0 3px;
}
.main-info ul.menu {
	float:none;
	width:100%;
	overflow:hidden;
}
.main-info ul.menu li {position:static;}
.main-info p {
	float:left;
	margin:0 17px 0 0;
}
.contact {
	width:187px;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
}
.contact p {margin:0;}
.contact ul {
	margin:0;
	list-style:none;
}
.primery-info {
	font-size:13px;
	margin-bottom:20px;
}
.primery-info .more {
	text-align:right;
	display:block;
}
.primery-info p {line-height:17px;}
.primery-info .more a {
	font-size:13px;
	text-transform:none;
	padding:0 0 0 18px;
	background:url(../images/arrow.gif) no-repeat 2px 50%;
	color:#faa11e;	
}
.text-list {
	margin:0 -10px 20px 0;
	list-style:none;
	width:479px;
	overflow:hidden;
	font-size:11px;
}
.text-list li {
	margin:0 10px 0 0;
	width:149px;
	float:left;
}
.text-list img {
	display:block;
	margin-bottom:5px;
}
.text-list p {line-height:17px;}
.events {
	width:100%;
	border-collapse:collapse;
	font-size:11px;
}
.events th {
	font-weight:normal;
	font-size:10px;
	text-transform:uppercase;
	border-bottom:1px solid #a89c99;
}
.events td, .events th {
	padding:3px 5px 3px 0;
	text-align:left;
}
.events td {border-bottom:1px dashed #815a0d;}
.events .date {
	text-align:right;
}
.events td.name {
	padding-left:18px;
	background:url(../images/ico-recension.gif) no-repeat 0 5px;
}
.blog-holder {margin-bottom:20px;}
.blog-holder h1, .blog-holder h2 {
	border-bottom:1px solid #a89c99;
	padding-bottom:3px;
	margin-bottom:3px !important;
	width:100%;
	line-height:normal;
}
.blog-holder p {
	font-size:13px;
	line-height:17px;
	margin:0 0 5px;
}
.blog-holder img {
	display:block;
	margin:0 0 20px;
}
.post-info {
	margin:0 0 20px;
	font-size:11px;
}
.post-info ul {
	display:inline;
	margin:0;
	list-style:none;
}
.post-info li {
	display:inline;
}
.post-info a {
	color:#faa11e;
	text-decoration:underline;
}
.post-info a:hover {text-decoration:none;}
.bottom {
	width:100%;
	font-size:11px;
	overflow:hidden;
	padding-top:17px;
	margin-bottom:5px;
}
.bottom a {color:#faa11e;}
.blog-holder .bottom img {
	float:left;
	margin:-17px 10px 0 0;
}
.bottom div {float:left;}
.bottom ul {
	float:right;
	margin:0;
	list-style:none;
	text-align:right;
}
.bottom li {
	padding-right:15px;
	background-repeat:no-repeat;
	background-position:100% 4px;
}
.bottom li.comment {background-image:url(../images/ico-forum.gif);}
.bottom li.skriv-comment {background-image:url(../images/ico-recension.gif);}
.bottom strong {
	display:block;
}
.bottom strong a {color:#fff;}
.bottom em {
	display:block;
	font-size:10px;
	text-transform:uppercase;
	font-style:normal;
	padding-left:14px;
	background:url(../images/arrow.gif) no-repeat 0 3px;
	color:#faa11e;
}
.tag {
	border:solid #a89c99;
	border-width:1px 0;
	padding:3px 0;
}
.tag strong {text-transform:uppercase;}
.tag ul {
	margin:0;
	display:inline;
	list-style:none;
	color:#faa11e;
}
.tag a {
	color:#faa11e;
	text-decoration:underline;
}
.tag a:hover {text-decoration:none;}
.tag li {display:inline;}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash .container h1 span {
	visibility: hidden;
}
.sIFR-hasFlash .container h2 span {
	visibility: hidden;
}
