/****************************

*       CSS Dokument        *

****************************/



/* Text och bakgrund */

body {

background-color:#ffffff;

}



h1 {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#666666;

font-size: 100%;

margin:0;

}



h2 {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 80%;

color:#666666;

margin:5px;

}



h3 {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 80%;

color:#666666;

}



p {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color:#666666;

line-height: 120%;

padding:0;

margin:0;

border:0;

}



.list {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 70%;

color:#666666;

}



/* Menyn */

#menu {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 70%;

	position:absolute;

	top:100px;

	left:350px;

	width: 636px;

}



#menu ul {

list-style:none;

padding:0;

margin:0;

border:0;

}



#menu li {

float: left;

margin: 0 2em;

display:inline;

}



a:link {

text-decoration:none;

color:#007AB5;

}



a:visited {

text-decoration: none;

color: #007AB5;

}



a:hover {

/*text-decoration: underline;*/

color: #333333;	

}



a:active {

color: #007AB5;

text-decoration: none;

}



#menyduttar {

position: absolute;

top:50px;

left:350px;

padding:0;

margin:0;

border:0;

}



/* Boxlayout */

#top {

position:absolute;

top:0px;

left:10px;

padding:0;

margin:0;

border:0;

}



#left {

position: absolute;

top:125px;

left:23px;

height: 510px;

padding:0;

margin:0;

border:0;

}

#left2 {

position: absolute;

top:120px;

left:23px;

height: 510px;

padding:0;

margin:0;

border:0;

}

#divide {

	position:absolute;

	top:150px;

	left: 635px;

	width: 4px;

	height:450px;

	padding:0;

	margin:0;

	border:0;

	/*display:none;*/

}

#main {

	position:absolute;

	top:150px;

	left: 325px;

	width: 300px;

	height:450px;

	padding:0;

	margin:0;

	border:0;

	/*display:none;*/

}

#main2 {

	position:absolute;

	top:150px;

	left: 660px;

	width: 250px;

	height:450px;

	padding:0;

	margin:0;

	border:0;

	/*display:none;*/

}



table {

padding:0;

margin:0;

border:0;

}



#bottom {

	position:absolute;

	top:610px;

	left:410px;

	padding:0;

	margin:0;

	border:0;

	display:block;

	width: 329px;

}



#separatorUppe {

position: absolute;

top:115px;

left:23px;

padding:0;

margin:0;

border:0;

}



#separatorNere {

position: absolute;

top:630px;

left:23px;

padding:0;

margin:0;

border:0;

}

#separatorNere p{font-size:10px;color:#666666;font-family:Arial, Helvetica, sans-serif;}

/* Bildhantering*/

img.middle {

vertical-align: middle;

padding-right:5px;

}



img.format {

display: block

}



/* Formuläret */

#contactform{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:70%;

color:#666666;

padding:0;

margin:0;

border:0;

}



input, textarea, button, select{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:100%;

color:#000000;

}



#submit {

color: #666666;

background: #cccccc;

border: 1px outset #999999;

}



label {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 100%;

color:#666666;

width:5em;

margin-right: 0.5em;



}



/*PopUp:er*/

.popBackground1 {

background-image:url(popup1.jpg);

background-repeat:no-repeat;

}

.popBackground2 {

background-image:url(popup2.jpg);

background-repeat:no-repeat;

}



#content {

	position:absolute;

	top:50px;

	left:40px;

	padding:0;
	
	padding-right: 30px;

	margin:0;

	border:0;

	width: 370px;
	
	height: 250px;
	
	overflow: auto;
	
	SCROLLBAR-FACE-COLOR: #007ab5;
	SCROLLBAR-HIGHLIGHT-COLOR: #90d2ff;
	SCROLLBAR-SHADOW-COLOR: #004f75;
	SCROLLBAR-3DLIGHT-COLOR: #90d2ff;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #579bc9;
	SCROLLBAR-DARKSHADOW-COLOR: #004f75; 

}

#popLogga1 {

	position:absolute;

	top:315px;
	
	left: 8px;

	padding:0;

	margin:0;

	border:0;

	width: 432px;

	height: 126px;
	

}

#popLogga2 {

	position:absolute;

	top:345px;

	left:90px;

	padding:0;

	margin:0;

	border:0;

	width: 224px;

	height: 63px;

}

#popLogga4 {

	position:absolute;

	top:335px;

	left:70px;

	padding:0;

	margin:0;

	border:0;

	width: 300px;

	height: 87px;

}

#popLogga5 {

	position:absolute;

	top:335px;

	left:50px;

	padding:0;

	margin:0;

	border:0;

	width: 350px;

	height: 87px;

}



#content p {


line-height: 120%;

padding:0;

margin:0;

border:0;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;

}



/*referenser*/

#ref1{

	position:absolute;

	top:150px;

	left: 325px;

	width: 600px;

	height:85px;

	padding:0;

	margin:0;

	border:0;

	float:left;

}

#ref2{

	position:absolute;

	top:245px;

	left: 325px;

	width: 600px;

	height:85px;

	padding:0;

	margin:0;

	border:0;

	float:left;

}

#ref3{

	position:absolute;

	top:315px;

	left: 325px;

	width: 600px;

	height:85px;

	padding:0;

	margin:0;

	border:0;

	float:left;

}

#ref4{

	position:absolute;

	top:390px;

	left: 325px;

	width: 600px;

	height:85px;

	padding:0;

	margin:0;

	border:0;

	float:left;

}

#ref5{

	position:absolute;

	top:460px;

	left: 325px;

	width: 600px;

	height:85px;

	padding:0;

	margin:0;

	border:0;

	float:left;

}



.refText{

/*position:relative;

top: 5px;

left: 5px;*/

width: 160px;

float:left;

}

.refLogga1{

position:relative;

top: 5px;

right: 10px;

width: 200px;

/*text-align:right;*/

}