<style type="text/css">
/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
	overflow:auto;
	overflow-x:hidden; 
}
body{
	
	text-align:center;
	background-color:#1d1d1d;
	background-image:url(grafik/bakgrund2.png); 
	background-repeat:repeat;

	color: #000000;

		
}
#outer{
	min-height:100%;
	width:800px;
	color: #000000;
	text-align:left;
	margin:0px auto 0;/* negative top margin top make room for footer*/
	position:relative;
	}
	
#header{
	margin-bottom:0px;
	width:800px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	Margin : 0;
	padding : 0;
	height:auto;
	color: #000000;
	z-index:100;
}
	
* html #outer{
	height:100%; /*IE treats height as min-height anyway*/
	width:800px;
	w\idth:800px;
}

#maincontainer{
	width:802px;
	height:auto;
	margin : 0;
	padding : 0;
	
	top:0px;
	border: 1px solid black;
	border-bottom:0px;
	}
	
#innermain{
	padding:0px;
	margin:0px;
	width:auto;
	height:auto;
	background-color:#1d1d1d;
	background-image:url(grafik/totalbg.png); 
	background-repeat:repeat-y;
	}


#menu{
	background-color:red;
	width:804px;
	height:27px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(grafik/menybakgrund.png);
	background-repeat:repeat-x;
	background-color:black;
	}
.yellowlink{
	font: normal 11px Arial;
	margin-top:12px;
	margin-left:20px;
	color: yellow;
	text-decoration:underline;	
}

#nyheter {
	margin-top:-15px;
/*	background-image:url(grafik/nyheterbakgrund.png); */
	width:220px; 
height: auto !important; /* for modern browsers */
height: 100%; /* for IE */
 HEIGHT:800PX;
	float:right;
	right:0px;
	margin-right: 1px;

}

#left {
	position:relative;
	margin-left:35px;
	margin-right:40px;
	width:auto;
	height: auto;
	float:left;
}
.facebook a {
display:block;
width: 216px;
padding: 0px; margin:0px; 
font: bold 13px sans-serif;
	margin-left:5px;
	clear:both;
	height:71px;
color:#333;
background: url("grafik/facebookbutton.jpg") 0 0 no-repeat;
text-decoration: none;
}
.facebook a:hover { 
background-position: 0 -71px;

}

.kuriosa {
clear:left; 
font:10px Arial; 
margin-left:10px;
color:white;
	}
	
.kuriosa a {
	color:white;	
}
.kuriosa a:hover {
	color:yellow;	
}

#menyskugga {
	width:581px; 
	height:12px;
	background-image:url(grafik/menyskugga.png);
	margin:0px;
	padding:0px;
}


#hbuttons a{
	display: block; 
	text-decoration: none;
	font: bold 11px Arial;
/*	text-transform:uppercase; */
	color: white ;
	width: 89px;
	height: 20px;
	float: left;
	left:0px;
	position:relative;
	background-image:url(grafik/menyknapp.png);
	background-repeat: no-repeat;
	padding-top:8px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:center;
	}
	
	#hbuttons2 a{
	display: block; 
	text-decoration: none;
	font: bold 11px Arial;
/*	text-transform:uppercase; */
	color: white ;
	width: 102px;
	height: 20px;
	float: left;
	left:0px;
	position:relative;
	background-image:url(grafik/hbutton_up.png);
	background-repeat: repeat-x;
	padding-top:8px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:center;
	border-left:1px solid #804a4a;
	border-right:1px solid #430b0b;
	}

#hbuttons a:hover{
background-image:url(grafik/menybakgrund.png);
margin-bottom:0px;
padding-bottom:0px;
}
#hbuttons2 a:hover{
background-image:url(grafik/menybakgrund.png);
margin-bottom:0px;
padding-bottom:0px;
}

#affisch {
	margin:0px;
	padding:0px;
	float:left;
}
.huvudtext {
	margin:0px;
	margin-top:0px;
	width:500px;
	margin-bottom:20px;
	padding:0px;
	float:left;
	color:white;
}

.partner {
	background-image:url(grafik/varavanner_bakgrund.png); 
	background-repeat:repeat-x; 
	border: 1px solid white; 
	position:relative;
	height:110px; 
	padding:5px;
	margin:0px;
	margin-bottom:15px;
	width:475px;
}
.partner h2 {
	margin-top:5px;
}
.partner a {
}
.partner p {
	color:white;
	width:260px;
	
}


	
#button {
	float:left;
	width: 140px;
	margin-left:10px;
	margin-top:8px;
	margin-right:20px;
	height:300px;
	border-right: 1px solid #ced7dd;
	padding: 0;
	padding-right:20px;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	color: black;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px dotted #bdbdbd;
		margin: 0;
		margin-left:0px;
		padding-left:20px;
		background-image: url(img/bullet1.gif);
		background-repeat:no-repeat;
		background-position:center left;
		}

#button li a {
		display: block;
		padding: 5px 0px 5px 0px;

		color: #5b5b5b;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		color: black;
		}

.line {
  border:0;
  margin-left:-2px;
  margin-top:1px;
  margin-bottom: 25px;
  padding:0 0 0 0;
  height: 1px;
  width:100%;
  color: white;
  background-color: white;
  line-height:0;
  display:block;
  width:500px;
  }
  



h1 {
	margin-top:35px;
	margin-bottom:0px;
	font:bold 24px Arial;
	color:white;
	text-transform:uppercase;	
}
h2 {
/*	font-variant:small-caps; */
	font-size:14px;
	margin-bottom:03px;
	color:white;
	font-family:Arial;
	text-align:left;
	}
.smallcaps
{
	text-transform:none;
	color: #4a6d82;
	font-weight:500;
	margin-left:0px; 
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	
	font-size:30px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}
.priceul
{
	margin-bottom:35px;
	margin-top:0px;
}
.smallercaps
{

	color: #4a6d82;
	font-weight:500;
	margin-left:0px; 
	margin-top:35px;
	margin-bottom:20px;
	padding-top:0px;
	padding-left:0px;
	
	font-size:18px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}
.pheader
{
	font-style: italic;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #4a81ff;
}
h3 {
	font-size:16px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding:0 0 0 0; 
	text-align:left; 
	margin:0 0 0 0;
	color:white;
}
	
#centrecontent {
	float:right;
	width:350px;
	
	float:right;
	}

.box {
	width:339px;
	height:199px;
	margin-bottom:30px;
	background-image:url(img/box.png);
	background-repeat:repeat-x; 
	position:relative; 
	}

	
.innerbox{ width:auto; height:auto; position:relative; padding-left:20px; padding-top:15px; padding-right:20px;}

li {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:-20px;
	
}
p {
	padding:0px;
	margin:0px; 
	text-align: justify;
	text-indent: 0;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:white;
}

.ordinary
{
	width:350px; 
	margin-bottom:20px;
	margin-left:0px; 
	padding-left:0px; 
	top:0px;
}

	
.justedP {
			padding:0px 0px;
			margin:10px 0px 10px 10px;
			text-align:justify;
			width:220px;
			position:relative;
			text-indent: 0;
			font-size:11px; 
			font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		}
#footer {
	width:802px;
	clear:both;
	border: 1px solid black;
	
	height:20px;
	color: #000000;
	background-image:url(grafik/fot.png);
	background-repeat:repeat-x;
	text-align:center;
	margin:auto;
}
#footer p {
	clear:both;
font-size:11px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	
	}
/*
<!-- only ie gets this style -->
* html #footer {
	\height:52px;      for ie5 
	he\ight:50px;      for ie6 
	
}

html>body #minHeight{float:right;width:0;height:100%;margin-bottom:-52px;}
*/
.clearer{height:1px;overflow:hidden;clear:both}



div.post {
	padding: 1px;
	margin-bottom: 16px;
	color:white;
	font:11px Arial;
	
}

.question{ background: #454545; border:1px solid white;	}
.answer{ color:silver;font-style:italic;}
.posttop { padding: 4px;}
.username {
	width: auto;
	float: left;
	font-weight: bold;
}
.date { width: auto; text-align: right;}
.posttext {
	width:485px;
	padding:4px;
	font:10px Arial;
}

</style>