/* -----------------------------------------------------------------------
MSN Titta jag växer
All browsers
Robin Jakobsson for Fröjd Interactive AB
Last changed: 24/09/2009
------------------------------------------------------------------------*/
/* 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;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*=Layout
*******************************************/
#brand #logo a.name {
	bottom:7px;
	padding:0;
	position:relative;
	width:165px;
}
#brand #logo a.name img {
	width:165px;
}
.container {
	/*background:transparent url(../img/bg3.jpg) no-repeat scroll -18px 0;*/
	margin-left:0;
	padding-left:5px;
	min-height:746px;
}
.container {
	clear:both;
	margin:0 auto;
	/*width:960px;*/
}
.container .main {
	/*background:red;*/
	float:left;
	margin-right:15px;
	_margin-right:10px;/*IE6*/
	position:relative;
	width:636px;
}
.container .sub {
	/*background:green;*/
	float:left;
	width:304px;
	_width:302px;/*IE6*/
}
#brand, #head {
	background:#027bcc;
}
/*=Main
*******************************************/
.main h1, .main h2 {
	text-indent:-999px;
}
#accordion {
	margin-left:25px;
	width:339px;
}
/*=Channelizer
*******************************************/
body.wide {
	background:#fff url('../img/wide_bg.jpg') repeat-x !important;
	line-height: 1;
	color: #fff;
	outline:0;
	font: 0.69em/1.64em 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 Verdana, Arial;
}
body.wide p {
	color:#666666;
	font-size:1.1em;
}
body.wide .main_text {
	background:url('../img/bildrubrik.jpg') no-repeat;
	display:block;
	font-family:'Segoe Light', Arial, sans-serif;
	height:148px;
	margin:39px 20px 10px;
	text-indent:-9999px;
	width:332px;
}
body.wide h3 {color:#666666; font-size:1em; font-weight:700; outline:0;}
body.wide #accordion h3, body.wide #accordion h3:hover, body.wide #accordion h3:focus {
	background:url('../img/plus.png') no-repeat 0 5px;
	color:#0099ff;
	font-size:1.2em;
	font-weight:100;
	outline:0;
	padding-left:21px;
}
body.wide h3 a {
	outline:0;
	width:auto;
}
body.wide #accordion h3.ui-state-active {
	background:url('../img/minus.png') no-repeat 0 5px;
}
body.wide #accordion h3#first {
	background:url('../img/minus.png') no-repeat 0 5px;
}
body.wide div#accordion {
	height:266px;
}
body.wide div#accordion div.ui-accordion-content {
	margin-bottom:15px;
	overflow:visible;
}
div#accordion span {
	color:#666666;
	font-weight:100;
}
body.wide div#accordion p {
	padding-left:21px;
	width:318px;
}
body.wide #col1 {
	position:relative;
}
body.wide .text_info {
	background:#e6f5ff;
	display:block;
	margin-top:177px;
	margin-left:25px;
	padding:14px;
	width:332px;
}
body.wide .text_info p {
	color:#333333;
	display:block;
}
body.wide #borja_redigera_har, body.wide #borja_redigera_har:hover, body.wide #borja_redigera_har:focus {
	background:url('../img/btn-redigera.png') no-repeat;
	display:block;
	height:55px;
	position:absolute;
	right:30px;
	outline:0;
	text-indent:-9999px;
	top:315px;
	width:204px;
}
body.wide #borja_ladda_upp, body.wide #borja_ladda_upp:hover, body.wide #borja_ladda_upp:focus {
	background:url('../img/btn-ladda.png') no-repeat;
	display:block;
	height:55px;
	outline:0;
	position:absolute;
	right:30px;
	text-indent:-9999px;
	top:372px;
	width:204px;
}
body.wide #borja_bildspel, body.wide #borja_bildspel:hover, body.wide #borja_bildspel:focus {
	background:url('../img/btn-bildspel.png') no-repeat;
	display:block;
	height:55px;
	outline:0;
	position:absolute;
	right:30px;
	text-indent:-9999px;
	top:431px;
	width:204px;
}
body.wide #windows-live, body.wide #windows-live:hover, body.wide #windows-live:focus {
	background:url('../img/windows-live.png') no-repeat;
	display:block;
	height:37px;
	outline:0;
	position:absolute;
	right:30px;
	text-indent:-9999px;
	top:665px;
	width:189px;
}
body.wide #wrapper #page {
	background:none
}
body.wide #wrapper {
	background:none;
}

body.wide #wrapper .hideable {
	display:none;
}

body.wide #wrapper #first {
	display:block;
}