/* General properties */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
}

/* Font properties */
h1 {
	margin: 0 0 10px 0;
}
p {
	margin: 0 0 1.6em 0;
}
p.preamble{
	margin: 0;
}
div.box p {
	position: absolute;
	left: 78px;
	top: 50px;
	width:120px;
}

/* Main content properties */
div#mainContent {
	width: 980px;

	margin: 0 auto;
	margin-top: 48px;
	position: relative;
	padding: 1px;
}
	div#mainContentTop {
		position:absolute;
		top: -11px;
		height: 11px;
		width: 980px;
		left: 0;
	}
	div#mainContentBottom{
		position:absolute;
		bottom: -40px;
		height: 40px;
		width: 980px;
		left: 0;
		z-index: 90;
	}
	div#mainContentBottom ul {
		list-style-type: none;
		margin: 8px 0 0 20px;
	}
	div#mainContentBottom ul li {
		display: block;
		float: left;
		margin: 0 10px 0 0;
		color: white;
		font-size: 1.1em;
	}
	div#mainContentBottom ul li a {
		color: white;
	}
/* Main menu properties */
div#menuBar {
	width: 940px;
	position: relative;
	margin: 0 auto;
	top: 10px;
}
	div#studioLiMenu {
		width: 670px;
		float: right;
		height: 53px;
		position: relative;

	}
	div#studioLiMenu li {
		display: block;
		position: relative;
		float: left;
		/*margin: 8px 15px 18px 15px;*/
	}
		div#studioLiMenu li a {
			display: block;
			float: left;
			padding: 16px 10px 20px 10px;
			font-size: 1.3em;
			color: white; 
		}
	div#logoTag {
		width: 240px;
		float: left;
		height: 30px;
		position: relative;
	}
	div#logoTag img {
		float: left;
	}
/* Left column properties */
div#leftColumn {
	position: relative;
	margin-top: 55px;
	width: 700px;
	left:20px;
	float: left;
	padding-bottom: 20px;
	text-align:left;
}
/* Spotlight boxes */
div.box {
	width: 230px;
	height: 210px;
	float: left;
	position: relative;
	cursor: pointer;
}
div#topImageBox, div#topImageBox2, div#topImageBox3 {
	position: relative;
	margin-bottom: 20px;
	width: 700px;
	height: 240px;
	background: url('../images/structure/top_image.jpg') no-repeat;
	color: #fff;
}
div#topImageBox2 {
	background: url('../images/structure/top_image2.jpg') no-repeat;
}

div#topImageBox3  {
	background: url('../images/structure/top_image3.jpg') no-repeat;
}
	div#topImageBox div#topImageText,
	div#topImageBox2 div#topImageText,
	div#topImageBox3 div#topImageText  	{
		padding: 20px 400px 20px 20px;
	}
		div#topImageBox div#topImageText h1,
		div#topImageBox2 div#topImageText h1,
		div#topImageBox3 div#topImageText h1{
			color: #fff;
			border: 0;
		}
		div#topImageBox div#topImageText p,
		div#topImageBox2 div#topImageText p,
		div#topImageBox3 div#topImageText p {
			color: #fff;
		}
	div#topImageBox a#topImageButton,
	div#topImageBox2 a#topImageButton,
	div#topImageBox3 a#topImageButton{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 176px;
		height: 36px;
	}

/* Right column properties */
div#rightColumn {
	width: 240px;
	position: relative;
	right: 11px;
	height: 200px;
	float: right;
	margin-top: 25px;
	margin-bottom: 310px;
}


div#printarea {
	position: relative;
	top: 45px;
	left: 20px;
}
	div#rightColumn div#rightColumnArticle {
		width: 240px;
		height: 280px;
		position: relative;
		top: 30px;
		text-align: left;
	}
		div#rightColumn div#rightColumnArticle div.article_item {
			width: 200px;
			clear: right;
			margin: 0 0 1.4em 0;
		}
		div#rightColumn div#rightColumnArticle div.article_item a.read_more_link {
			float: right;	
			margin: 10px 0 0 0;
		}
div#leftColumn div#printarea {
	position: relative;
	top: 0px;
	left: 0px;
}

	div#leftColumn div#printarea div.article_item {
		width: 200px;
		padding: 10px;
		height: 100px;
		margin: 0 0 0 5px;
		background: #f2f2f2;
		float: left; 
	}
	
/* Article read more properties */
.newsImage {
	float: right;
	margin:10px;
}

/* Hans Törne box, bottom right corner  */

div#hansTorne {
	width: 254px;
	height:280px;
	position: absolute;
	z-index: 100;
	right: -12px;
	bottom: -40px;
}

div#tipWrapper {
	width: 230px;
	position: relative;
	top: 40px;
	left: 20px;
}
 /*
 * 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 */
 */
