/* -----------------------------------------------------------------------
MSN Playground
All browsers
Robin Jakobsson for Fröjd Interactive AB
Last changed: 08/12/2008
------------------------------------------------------------------------*/
/* Eric Meyer's super reset
********************************************/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: #fff;
	font: 0.69em/1.64em Tahoma, Verdana, Arial;
	background: url('../img/site/gradient.gif') repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*=Framework
*******************************************/
.hide {
	display:none;
}
/*=Layout
*******************************************/
#brand #logo a.name {
	bottom:7px;
	padding:0;
	position:relative;
	width:165px;
}
#brand #logo a.name img {
	width:165px;
}
.container {
	margin:0 auto;
	width:960px;
}
.container ul {
	float:left;
	padding-bottom:10px;
}
.container ul li {
	/*border:1px solid red;*/
	float:left;
	height:51px;
	margin-right:11px;
	width:110px;
}
.container ul.navigation li a {
	/*border:1px solid yellow;*/
	display:block;
	height:51px;
	text-indent:-9999px;
	width:110px;
}
.container .main {
	/*background:red;*/
	float:left;
	margin-right:15px;
	_margin-right:10px;/*IE6*/
	width:636px;
}
.container .mainFlash {
	padding-left:4px;
}
.container .main .puffArea {
	/*background:blue;*/
}
.container .main .puffArea .puff {
	/*background:green;*/
	float:left;
	height:128px;
	margin:4px;
	width:304px;
	_width:302px;/*IE6*/
}
.container .main .puffArea .puff img {
	float:left;
}
.container .sub {
	/*background:green;*/
	float:left;
	width:304px;
	_width:302px;/*IE6*/
}
/*=Meny standard,hover and active.
*******************************************/
.container ul.navigation li#start a {
	background: transparent url('../img/site/meny/start_102x50.gif') no-repeat bottom left;
}
.container ul.navigation li#start a:hover, .container ul.navigation li#start a:focus {
	background: transparent url('../img/site/meny/start_102x50_hover.gif') no-repeat bottom left;
}
.container ul.navigation li#start a:active, .container ul.navigation li#start a.active {
	background: transparent url('../img/site/meny/start_102x50_active.gif') no-repeat bottom left;
}

.container ul.navigation li#aktiviteter a {
	background: transparent url('../img/site/meny/aktiviteter.gif') no-repeat bottom left;
} 
.container ul.navigation li#aktiviteter a:hover, .container ul.navigation li#aktiviteter a:focus {
	background: transparent url('../img/site/meny/aktiviteter.gif') no-repeat bottom right;
}
.container ul.navigation li#aktiviteter a:active, .container ul.navigation li#aktiviteter a.active {
	background: transparent url('../img/site/meny/aktiviteter.gif') no-repeat bottom center;
}

.container ul.navigation li#spel a {
	background: transparent url('../img/site/meny/spel_102x47.gif') no-repeat bottom left;
} 
.container ul.navigation li#spel a:hover, .container ul.navigation li#spel a:focus {
	background: transparent url('../img/site/meny/spel_102x47_hover.gif') no-repeat bottom left;
} 
.container ul.navigation li#spel a:active, .container ul.navigation li#spel a.active  {
	background: transparent url('../img/site/meny/spel_102x47_active.gif') no-repeat bottom left;
}  

.container ul.navigation li#mobil a {
	background: transparent url('../img/site/meny/mobil_99x46.gif') no-repeat bottom left;
} 
.container ul.navigation li#mobil a:hover, .container ul.navigation li#mobil a:focus {
	background: transparent url('../img/site/meny/mobil_99x46_hover.gif') no-repeat bottom left;
} 
.container ul.navigation li#mobil a:active, .container ul.navigation li#mobil a.active {
	background: transparent url('../img/site/meny/mobil_99x46_active.gif') no-repeat bottom left;
} 

.container ul.navigation li#downloads a {
	background: transparent url('../img/site/meny/downloads_107x38.gif') no-repeat bottom left;
} 
.container ul.navigation li#downloads a:hover, .container ul.navigation li#downloads a:focus {
	background: transparent url('../img/site/meny/downloads_107x38_hover.gif') no-repeat bottom left;
} 
.container ul.navigation li#downloads a:active, .container ul.navigation li#downloads a.active {
	background: transparent url('../img/site/meny/downloads_107x38_active.gif') no-repeat bottom left;
} 

.container ul.navigation li#chatta a {
	background: transparent url('../img/site/meny/chattaSakert_101x46.gif') no-repeat bottom left;
} 
.container ul.navigation li#chatta a:hover, .container ul.navigation li#chatta a:focus {
	background: transparent url('../img/site/meny/chattaSakert_101x46_hover.gif') no-repeat bottom left;
} 
.container ul li#chatta a:active, .container ul li#chatta a.active {
	background: transparent url('../img/site/meny/chattaSakert_101x46_active.gif') no-repeat bottom left;
} 

.container ul.navigation li#help a {
	background: transparent url('../img/site/meny/hjalp_99x43.gif') no-repeat bottom left;
} 
.container ul.navigation li#help a:hover, .container ul.navigation li#help a:focus {
	background: transparent url('../img/site/meny/hjalp_99x43_hover.gif') no-repeat bottom left;
} 
.container ul.navigation li#help a:active, .container ul.navigation li#help a.active {
	background: transparent url('../img/site/meny/hjalp_99x43_active.gif') no-repeat bottom left;
} 

.container ul.navigation li#feedback {
	margin-right:0;
}
.container ul.navigation li#feedback a {
	background: transparent url('../img/site/meny/feedback_104x47.gif') no-repeat bottom left;
} 
.container ul.navigation li#feedback a:hover, .container ul.navigation li#feedback a:focus {
	background: transparent url('../img/site/meny/feedback_104x47_hover.gif') no-repeat bottom left;
} 
.container ul.navigation li#feedback a:active, .container ul.navigation li#feedback a.active {
	background: transparent url('../img/site/meny/feedback_104x47_active.gif') no-repeat bottom left;
}
/*=Main
*******************************************/
/*=mainMob
**********************/
.container .main #mainMob {
	background:url('../img/site/mob_626x328_2.gif') no-repeat 5px 0px;
	height:290px;
	margin:0;
	padding:38px 25px 10px;
	width:585px;
}
.container .main #mainMob h3 {
	text-indent:-9999px;
}
.container .main #mainMob p {
	padding:10px 0 11px;
}
.container .main #mainMob p a{	
	color:#fff;
	text-decoration:underline;
}
.container .main #mainMob ul {
	height:205px;
	width:340px;
}
.container .main #mainMob ul li {
	float:left;
	height:90px;
	margin:0;
	padding:0 17px 20px 0;
	width:83px;
}
.container .main #mainMob ul li img {
	padding-bottom:4px;
}
.container .main #mainMob ul li a {
	background:transparent url('../img/site/pil_18x18.gif') no-repeat top right;
	color:#fff;
	font-size:1.3em;
	padding:0 26px 2px 7px;
}
.container .main #flashBack {
	background:transparent url('../img/site/flashBack_630x121.png') no-repeat;
	float:left;
	height:101px;
	margin:0 0 0 4px;
	padding:10px 0 10px 10px;
	width:620px;
}
.container .main #flashBack div {
	float:left;
	margin:0;
	padding:0 8px 0 0;
	width:301px;
}
/*=puffArea
**********************/
.container .main .puffArea .puff {
	background: url('../img/site/puff_309x140.gif') no-repeat;
	padding:10px 0 3px 6px;
	position:relative;
}
.container .main .puffArea .puff a {
	font-size:1.13em;
	font-weight:700;
}
.container .main .puffArea .puff p {
	font-size:1.15em;
	line-height:1.2em;
	padding:10px 9px 0 0;
}
.container .main .puffArea .puff h3 {
	font-size:1.5em;
	padding-left:12px;
}
.container .main .puffArea .puff img {
	padding:8px 9px 0 9px;
}
.container .main .puffArea .puff a {
	color:#fff;
	bottom:13px;
	right:40px;
	position:absolute;
	text-decoration:none;
}
.container .main .puffArea .puff a:hover {
	color:#007b27;
}
/*=Sub
*******************************************/
.container .sub .advert {
	padding-bottom:10px;
}
.container .sub .top5 {
	background:url('../img/site/topList.jpg') no-repeat;
	height:247px;
	width:301px;
}
.container .sub .aktiviteter {
	background:url('../img/site/topList_aktiviteter.jpg') no-repeat;
	height:247px;
	width:301px;
}
.container .sub .downloads {
	background:url('../img/site/topList_downloads.jpg') no-repeat;
	height:247px;
	width:301px;
}
.container .sub .top5 h3 {
	text-indent:-9999px;
}
.container .sub .top5 ol li a {
	color:#fff;
	font-weight:700;
	padding:10px 0px 0 60px;
	text-decoration:none;
}
.container .sub .top5 ol {
	display:block;
	margin:0;
	padding:35px 0 0 0;
}
.container .sub .top5 ol li, .container .sub .top5 ol li a {
	display:block;
	font-size:1.15em;	
	height:38px;
	_height:28px;/*IE6*/
	margin:0;
	width:240px;
}
.container .sub .top5 ol li #top1:hover {
	background:url('../img/site/top1.jpg') no-repeat 1px 0px;
}
.container .sub .top5 ol li #top2:hover {
	background:url('../img/site/top2.jpg') no-repeat 1px 0px;
}
.container .sub .top5 ol li #top3:hover {
	background:url('../img/site/top3.jpg') no-repeat 1px 0px;
}
.container .sub .top5 ol li #top4:hover {
	background:url('../img/site/top4.jpg') no-repeat 1px 0px;
}
.container .sub .top5 ol li #top5:hover {
	background:url('../img/site/top5.jpg') no-repeat 1px 0px;
}
.container .sub .rssFlash {
	padding:10px 0 10px 0;
}
.container .sub .rssFlash object {
	margin:5px 0;
}
.container .sub .msnTV {
	padding-bottom:10px;
}
.container .sub .msnTV .video1 {
	font-size:100%;
}
.container .sub .msnTV h3 {
	background:#0099ff;
	font-size:1.15em;
	padding-left:9px;
	width:291px;
}
/*=Layer
*******************************************/
body#feedback, body#hjalp {
	background:none;
}
div.hjalp {
	background: url('../img/site/layer/hjalp.gif') no-repeat;
}
div.feedback {
	background: url('../img/site/layer/feedback.gif') no-repeat;
	height:422px;
	width:950px;
}
div.feedback_tack {
	background:transparent url('../img/site/layer/feedback_tack.gif') no-repeat;
	height:423px;
	width:950px;
}
div.layer div.text {
	float:left;
	padding:68px 0 0 287px;
	/*padding:115px 0 0 287px;*/
	width:235px;
}
div.layer p {
	color:#666;
	font-size:1.1em;
}
div.layer p.cheers {
	color:#0099ff;
	padding-top:20px;
}
div.layer p.cheers a {
color:#0099ff;
}
div.layer h3 {
	color:#006699;
	font-size:1.6em;
}
div.layer form {
	background:transparent;
	float:right;
	padding:53px 36px 0 0;
	width:312px;
}
div.layer form fieldset label textarea, div.layer form fieldset label input {
	border:1px solid #1a95e9;
	font-family:Tahoma, arial, sans-serif;
	font-size:1em;
	padding:0;
	margin:0;
}
div.layer form fieldset#rates {
	margin-bottom:29px;
}
div.layer form fieldset#rates legend {
	margin:0;
	padding-bottom:21px;
}
div.layer form fieldset#rates label {
	display:block;
	position:relative;
	width:297px;
}
div.layer form fieldset#rates label span {
	position:absolute;
	right:2px;
}
div.layer form fieldset#rates label span input {
	border:none;
	margin:4px 0 0 15px; /*Funkar inte i IE6/7 */
	width:14px;
}
div.layer form fieldset#message {
	height:200px;
}
div.layer form fieldset#message span.textarea {
	float:left;
	margin-right:11px;
	width:160px;
}
div.layer form fieldset#message textarea {
	width:158px;
	height:102px;
}
div.layer form fieldset#message span input {
	height:20px;
	width:132px;
}
div.layer form fieldset legend {
	color:#333;
	font-size:1.4em;
	font-weight:700;
	margin:0;
	padding-bottom:0px;
}
div.layer form fieldset label {
	color:#333;
	font-size:1.2em;
}
div.layer form fieldset#message input#alder {
	width:55px;
}
div.layer form fieldset#message input#submit {
	background:none;
	border:none;
	color:#3ba3ec;
	cursor: pointer;
	display:block;
	float:right;
	font-size:1.1em;
	height:16px;
	margin:3px 39px 0 0px;/*Funkar inte i IE6/7 */
	width:40px;
}
/*=hjalp
**********************/
div.hjalp {
	height:394px;
	width:947px;
}
div.hjalp div {
	color:#333;
	float:left;
	height:240px;
	padding:68px 0 0 290px;
	/*padding:110px 0 0 290px;*/
	width:185px;
}
div.hjalp ol {
	color:#333;
	float:left;
	padding:65px 0 0 45px;
	width:400px;
}
div.hjalp ol li#first {
	height:135px;
}
div.hjalp ol li {
	display:block;
	line-height:1.35em;
	position:relative;
	padding:0 0 30px;
}
div.hjalp ol li img {
	float:right;
	padding-left:18px;
	padding-right:2px;
}
div.hjalp ol li strong {
	font-weight:700;
}
/*=Channelizer
*******************************************/
body.wide {
	background:#f2f2f2 url('../img/site/gradient.gif') repeat-x !important;
	line-height: 1;
	color: #fff;
	font: 0.69em/1.64em Tahoma, Verdana, Arial;
}
body.wide #wrapper #page {
	background:#f2f2f2;
}
body.wide p, body.wide h2, body.wide h3 {
	line-height: 1;
	color: #fff;
	font: 0.69em/1.64em Tahoma, Verdana, Arial;
}
body.wide p {
	font-size:1em;
}
body.wide #wrapper #page {
	background:none
}
body.wide #wrapper {
	background:none;
}
/*=new_messenger
*******************************************/
div.new_messenger {
	background:url('../img/site/mobil.png') no-repeat;
	height:478px;
	width:626px;
}
div.new_messenger p {
	color:#333;
	float:right;
	font-size:1.2em;
	line-height:1.4em;
	padding:318px 20px 0 0;
}
div.new_messenger div {
	padding:310px 0 0 25px;
	width:227px;
}
div.new_messenger a img {
	float:left;
	width:227px;
}
div.new_messenger a#a_whole {
	display: block;
	height:82px;
	width:227px;
}
div.new_messenger a#a_half {
	height:38px;
	width:227px;
	display:block;
}
div.new_messenger a img#half {
	padding:10px 0 0 0;
}
div.new_messenger p span.special {
	color:#04af93;
	font-weight:700;
}