body {
font-family: Trebuchet MS;
font-size: 0.7em;
text-align: justify;
color: rgb(70,70,70);
background: rgb(256,256,256);
}

/* page layout */
/*-----------------------------------------------------*/

div.Base{
position:absolute;
top:0px;
left:0px;
height:700px;
width:800px;
background-image: url(../layout/Pics/Baseswe.jpg);
margin: 0px;
padding: 0px;
border: solid 0px #666666;
} 

div.container {
position: relative;
margin: 0 auto;
width: 800px;
height: 700px;
text-align: left;
}

div.container2{
position:absolute;
top:117px;
left:171px;
height:448px;
width:550px;
margin: 0px;
padding: 0px;
border: solid 0px #666666;
visibility: visible;
} 


div.container3{
position:absolute;
top:219px;
left:9px;
height:200px;
width:392px;
margin: 0px;
padding: 0px;
border: solid 0px #666666;
visibility: visible;
} 

div.UpperBannerText1 {
position:absolute;
text-align: left;
top:139px;
left:19px;
height:30px;
width:90px;
margin: 0px;
padding: 10px;
color: rgb(110,110,110);
border: solid 0px #666666;
text-decoration:none
}

div.UpperBannerText2 {
position:absolute;
text-align: left;
top:245px;
left:19px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.UpperBannerText3 {
position:absolute;
text-align: left;
top:298px;
left:19px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.UpperBannerText4 {
position:absolute;
text-align: left;
top:348px;
left:19px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.UpperBannerText5 {
position:absolute;
text-align: left;
top:192px;
left:19px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.UpperBannerText6 {
position:absolute;
text-align: left;
top:404px;
left:21px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.UpperBannerText7 {
position:absolute;
text-align: left;
top:460px;
left:21px;
height:15px;
width:96px;
margin: 0px;
padding: 10px;
color: rgb(10,10,10);
border: solid 0px #666666;
}

div.flagswe{
position:absolute;
top:72px;
left:694px;
height:14px;
width:81px;
background-image: url(../layout/Pics/flags/Swe_2.png);
margin: 0px;
padding: 0px;
border: solid 0px #666666;
}

div.flageng{
position:absolute;
top:71px;
left:730px;
height:14px;
width:21px;
background-image: url(../layout/Pics/flags/Eng.png);
margin: 0px;
padding: 0px;
border: solid 0px #666666;
}

/* FRONT PAGE */
/*-----------------------------------------------------*/

div.frontpic_1{
position:absolute;
top:94px;
left:55px;
height:337px;
width:504px;
background-image: url(../layout/Pics/front_new.jpg);
margin: 0px;
padding: 0px;
border: solid 0px #666666;
} 


div.frontpic_2{
position:absolute;
top:28px;
left:61px;
height:52px;
width:414px;
background-image: url(../layout/Pics/fronpagetextswe.jpg);
margin: 0px;
padding: 0px;
border: solid 0px #666666;
}

div.frontpic_1_text{
position:absolute;
top:35px;
left:23px;
height:286px;
width:354px;
margin: 0px;
padding: 0px;
border: solid 0px #000000;
} 

div.frontpic_2_text{
position:absolute;
top:491px;
left:350px;
height:100px;
width:236px;
margin: 0px;
padding: 0px;
border: solid 0px #000000;
}

/* ARTICLES */
/*-----------------------------------------------------*/

div.textframe{
	position:absolute;
	top:14px;
	left:6px;
	height:442px;
	width:543px;
	margin: 0px;
	padding: 0px;
	border: solid 1px #FF3333;
	visibility: visible;
	overflow: auto;
} 

div.article_container_1{
position: absolute;
margin: 0 auto;
top:15px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_2{
position: absolute;
margin: 0 auto;
top:245px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_3{
position: absolute;
margin: 0 auto;
top:475px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_4{
position: absolute;
margin: 0 auto;
top:705px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_5{
position: absolute;
margin: 0 auto;
top:935px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_6{
position: absolute;
margin: 0 auto;
top:1165px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_7{
position: absolute;
margin: 0 auto;
top:1395px;
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_8{
position: absolute;
margin: 0 auto;
top:1625px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_9{
position: absolute;
margin: 0 auto;
top:1855px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.article_container_10{
position: absolute;
margin: 0 auto;
top:2085px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 230px;
text-align: left;
}

div.magazine_1{
	position:absolute;
	top:34px;
	left:31px;
	height:161px;
	width:120px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}
div.magazine_1_head{
	position:absolute;
    top:7px;
	left:192px;
	height:20px;
	width:268px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
	text-align:left
}

div.magazine_1_topic{
	position:absolute;
    top:23px;
	left:268px;
	height:20px;
	width:120px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}
div.magazine_1_link{
	position:absolute;
	top:194px;
	left:29px;
	height:26px;
	width:125px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
	font-size: 1em;
	visibility: visible;
}

div.magazine_1_text{
	position:absolute;
	top:31px;
	left:198px;
	height:146px;
	width:298px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
	font-size: 1em;
	visibility: visible;
	text-align:left
	
}

/* PHOTOS*/
/*-----------------------------------------------------*/

div.photo_container_1{
position: absolute;
margin: 0 auto;
top:0px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 520px;
text-align: left;
}

div.photo_container_2{
position: absolute;
margin: 0 auto;
top:520px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 520px;
text-align: left;
}

div.photo_container_3{
position: absolute;
margin: 0 auto;
top:1040px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 520px;
text-align: left;
}

div.photo_container_4{
position: absolute;
margin: 0 auto;
top:1560px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 520px;
text-align: left;
}

div.photo_container_5{
position: absolute;
margin: 0 auto;
top:2080px; /* the space between is 230 pix*/
left:15px;
width: 500px;
height: 520px;
text-align: left;
}

div.photo_1{
	position:absolute;
	top:34px;
	left:31px;
	height:250px;
	width:166px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}

div.photo_2{
	position:absolute;
	top:34px;
	left:247px;
	height:166px;
	width:250px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}

div.photo_3{
	position:absolute;
	top:334px;
	left:31px;
	height:166px;
	width:250px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}

div.photo_4{
	position:absolute;
	top:253px;
	left:331px;
	height:250px;
	width:166px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}


/* CONTACT */
/*-----------------------------------------------------*/
div.contact {
	position:absolute;
	text-align: left;
	top:24px;
	left:8px;
	height:140px;
	width:263px;
	margin: 0px;
	padding: 00px;
	border: solid 0px #666666;
	visibility: visible;
	overflow: visible;
	background-image: url(../layout/Pics/kontaktinfo.jpg);
}

div.jonna {
	position:absolute;
	text-align: left;
	top:37px;
	left:347px;
	height:245px;
	width:180px;
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
	visibility: visible;
	overflow: visible;
	background-image: url(../layout/Pics/Jonna.jpg);
}

div.thanks {
	position:absolute;
	text-align: left;
	top:24px;
	left:8px;
	height:140px;
	width:263px;
	margin: 0px;
	padding: 00px;
	border: solid 0px #666666;
	visibility: visible;
	overflow: visible;
	
}

/* BIO*/
/*-----------------------------------------------------*/

div.biopic_1{
	position:absolute;
	top:15px;
	left:11px;
	height:175px;
	width:300px;
	background-image: url(../layout/Pics/bio1.jpg);
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}
div.biopic_2{
	position:absolute;
	top:63px;
	left:356px;
	height:150px;
	width:181px;
	background-image: url(../layout/Pics/bio2.jpg);
	margin: 0px;
	padding: 0px;
	border: solid 0px #666666;
}
div.biotext_1 {
	position:absolute;
	text-align: left;
	top:263px;
	left:11px;
	height:233px;
	width:406px;
	margin: 0px;
	padding: 10px;
	border: solid 0px #666666;
}
div.biophototext_1 {
	position:absolute;
	top:185px;
	left:9px;
	height:16px;
	width:281px;
	margin: 0px;
	padding: 10px;
	border: solid 0px #666666;
	text-align:center;
}
div.biophototext_2 {
	position:absolute;
	top:200px;
	left:354px;
	height:14px;
	width:161px;
	margin: 0px;
	padding: 10px;
	border: solid 0px #666666;
	text-align:center;
}


/*testi*/