* {
	margin: 0;
	padding: 0;
}

/* 
 * General markup
 */
html {
	height: 100%;
	_height: auto;
}
body {
	height:100%;
	_height: auto;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67.5%;
}

a:link, a:visited {
	outline:0;	
}
	a img {
		border: 0;
	}
object {
	outline: none;
}
h1,h2,h3,h4,h5 {
	margin: 0.3em 0 0.1em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.8em;
}
h2 { font-size: 2.4em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.1em; font-weight: bold; }

p { font-size: 1.1em; }

ul, ol {
	margin: 10px 0;
	padding-left: 10px;
	list-style-position: outside;
}
	ul ul, ol ol {
		margin: 2px 0;
	}

/*
 * Custom layout elements
 */
.push {
	height:187px; 
}
div#bostader_wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -157px; /* the bottom margin is the negative value of the footer's height */
	background: #fff url(../images/bostader/wrapper_bg.gif) center repeat-y;	
}
	div#bostader_wrapper div#bostader_content_top{
		clear: both;
		padding: 0 10px;
	}
	div#bostader_wrapper div#bostader_container {
		position: relative;
		width: 990px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto;
	}
	div#bostader_wrapper div#bostader_content_top a#logo_home{
		position: absolute;
		width: 276px;
		height: 73px;
		top: 20px;
		left: 25px;
		background: url('../images/bostader/logo.gif') no-repeat;
	}
	div#bostader_wrapper div#bostader_content_top div#bostader_top{
		height: 110px;
	}
	div#bostader_wrapper div#bostader_content_top div#bostader_menu{
		border-top: 2px solid #666;
		border-bottom: 2px solid #666;
	}
div#bostader_wrapper div#bostader_content_middle{
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 0 20px;
}
	div#bostader_wrapper div#bostader_content_middle div#bostader_leftCol{
		float:left;
		width: 660px;
		position:relative;
	}
	div#bostader_wrapper div#bostader_content_middle div#bostader_rightCol{
		float:left;
		width:277px;
		margin-left: 10px;
		position:relative;
	}

div#bostader_content_bottom {
	height: 157px; 
	background: #005d85;
}
	div#bostader_content_bottom div#bostader_footer {
		position: relative;
		width: 990px;
		height: 157px;
		margin: 0 auto;
		top: -54px;
		background: url('../images/bostader/footer_bg.gif') no-repeat center top;
	}
	div#bostader_content_bottom div#bostader_footer,
	div#bostader_content_bottom div#bostader_footer a {
		color: #fff;
	}
	div#bostader_content_bottom div#bostader_footer div#bostader_footer_text{
		padding-top: 75px;
		padding-left: 20px;
	}
	div#bostader_content_bottom div#bostader_footer div#bostader_left{
		position: absolute;
		width: 115px;
		height: 55px;
		top: 0;
		left: -105px;
		background: url('../images/bostader/footer_bg.gif') no-repeat left top;
	}
	div#bostader_content_bottom div#bostader_footer div#bostader_right{
		position: absolute;
		width: 115px;
		height: 55px;
		top: 0;
		right: -105px;
		background: url('../images/bostader/footer_bg.gif') no-repeat right top;
	}

div.imageTitle {
	width: 225px;
	padding-top: 58px;
}
	div.imageTitle div.inner {
		margin: 0px 7px 20px 7px;
		padding: 4px;
		border-right: 1px solid #005d85;
		border-bottom: 1px solid #005d85;
		border-left: 1px solid #005d85;
	}
div.imageTitle.snickerier {
	background: url('../images/bostader/title_snickerier.gif') no-repeat left top;
}
div.imageTitle.registrera {
	background: url('../images/bostader/title_registrera.gif') no-repeat left top;
}
div.imageTitle.takstolar {
	background: url('../images/bostader/title_takstolar.gif') no-repeat left top;
}

div.gradientBox {
	width: 400px;
	padding: 10px;
	color: #fff;
	background: #6a6a6b url('../images/bostader/gradient_gray.gif') repeat-x;
}
	div.gradientBox a {
		color: #ccc;
	}

/* referenceArticleListItem */
div.referenceArticleListItem.boxes {
	width: 450px;
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
}

	div.referenceArticleListItem div.inner {	
		padding: 5px;
	}
	div.referenceArticleListItem.boxes img {
		margin-right: 10px;
	}
	div.referenceArticleListItem div.container {
		float: left;
	}
	div.referenceArticleListItem div.title {	
		font-size: 1.1em;
		font-weight: bold;
	}

/* referenceArticleRead */
div.referenceArticleRead div.heading {
	height: 80px;
}
div.referenceArticleRead div.inner {
	padding: 5px;
}
div.referenceArticleRead div.imageContainer {
}
	div.referenceArticleRead div.imageContainer img {
		background-color: #fff;
	}
div.referenceArticleRead div.thumbsContainer {
	position: absolute; 
	top: 90px; 
	right: 30px; 
	width: 398px;
}
	div.referenceArticleRead div.thumbsContainer img {
		float: left;
		padding-left: 5px;
		padding-bottom: 5px;
	}

div.referenceArticleRead div.preamble {
	padding: 5px;
	font-weight: bold;
}
div.referenceArticleRead div.text {
	padding: 5px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

div#bostader_menu #studioLiMenu {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 25px;
	position: relative;
	z-index: 90;
	font-family: arial, verdana, sans-serif;
	text-transform: uppercase;
}
div#bostader_menu #studioLiMenu li ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}
	div#bostader_menu #studioLiMenu li ul li {
		float: left;
		margin-right: 0px;
	}
		div#bostader_menu #studioLiMenu li ul li a {
			display: block;
			float: left;
			height: 25px;
			line-height: 25px;
			color: #333;
			text-decoration: none;
			font-size: 13px;
			font-weight: bold;
			padding: 0 10px 0 10px;
		}

	div#bostader_menu #studioLiMenu table {
		border-collapse: collapse;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
		div#bostader_menu #studioLiMenu li ul table {
			left: 0;
		}

	/* Default link styling */
	/* Style the list OR link hover. Depends on which browser is used */
	div#bostader_menu #studioLiMenu li ul li a:hover {
		z-index: 80;
		position: relative;
		color: #bfd6e0;
		background: #005d85;
	}
	div#bostader_menu #studioLiMenu li ul li:hover {
		position: relative;
		z-index: 80;
	}
	div#bostader_menu #studioLiMenu li ul li:hover > a {
		color: #bfd6e0;
		background: #005d85;
	}
	div#bostader_menu #studioLiMenu li ul li.selected:hover > a {
		color: #fff;
	}
	div#bostader_menu #studioLiMenu li ul li.selected a {
		color: #bfd6e0;
		background: #005d85;
	}
	div#bostader_menu #studioLiMenu li ul li a > li.selected {
		color: #bfd6e0;
		background: #eee;
	}

	div#bostader_menu #studioLiMenu li ul li a.selected {
		color: #fff;
	}
	div#bostader_menu #studioLiMenu li ul :hover ul {
		left: 0;
		top: 25px;
		width: 150px;
	}

	/* keep the 'next' level invisible by placing it off screen. */
	div#bostader_menu #studioLiMenu li ul li ul {
		position: absolute;
		left: -9999px;
		top: -9999px;
		/*width: 270px;*/
		/*height: 0;*/
		background: #005d85;
		margin: 0;
		padding: 10px 0;
		list-style: none;
	}
	
	div#bostader_menu #studioLiMenu li ul :hover ul li {
		margin: 0;
	}
		div#bostader_menu #studioLiMenu li ul :hover ul li a {
			width: 150px;
			padding: 0;
			text-indent: 10px;
			color: #bfd6e0;
			height: 16px;
			line-height: 16px;
			background: none;
			font-size: 11px;
		}
	div#bostader_menu #studioLiMenu li ul :hover ul :hover {
		color: #fff;
	}
		div#bostader_menu #studioLiMenu li ul :hover ul li.selected a {
			color: #fff;
		}

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */
