/* Allmänt
------------------------------------*/	
* {
	margin:0px;
	padding:0;
	left: 30px;
}
a:link {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
}
a:active {
	text-decoration:none;
	color:#000000;
	
}
a:visited {
	text-decoration:none;
	color:#000000;
	
}
a:hover {
	text-decoration:none;
	color: #333333;
	font-size: 12px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
a img {
	border:0;}
abbr,
acronym {
	cursor:help;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-bottom-color: #666;
}
hr {
	background-color:#c8c8c8;
	margin-top:15px;
	margin-bottom:15px;
	color: #000000;
}
.right {
	float:right;
	margin-left:10px;}
.center {
	text-align:center;}	
	
	
	
/* Wrap
------------------------------------*/		
div#wrap	{
	position:absolute;
	top:-3px;
	left:450px;
	margin-left:-369px;
	width:800px;
	background-image:url(../Ny%20bg/images/ex1_18.jpg);
	background-color: #FFFFFF;
	height: auto;
	background-repeat: repeat-y;
}

/* Wrap2
------------------------------------*/	
div#main	{
	margin-right:0px;
	margin-left:0px;
	width:800px;
	background-image: url(../image/Untitled-1.jpg);
	height: auto;
	background-repeat: no-repeat;
}

/* Sidtop
------------------------------------*/		
	div#top {
		width:800px;
		height:190px;}
		div#top div {
			font:bold 12px "trebuchet ms";
			font-family: Geneva, Arial, Helvetica, sans-serif;
			text-align:center;
			line-height:43px;
			
			cursor:pointer;}
		div#top div span {
	font:bold 16px "trebuchet ms";
	line-height:43px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
		div#top img#vit {
			position:absolute;
			top:85px; left:37px; z-index:7;}
			
			
			
			/* Sidtop meny
------------------------------------*/		
	div#t1 {
		width:100%;
		height:68px;}
		div#t1 div {
			font:bold 12px "trebuchet ms";
			font-family: Geneva, Arial, Helvetica, sans-serif;
			text-align:center;
			line-height:43px;
			
			cursor:pointer;}
		div#t1 div span {
	font:bold 16px "trebuchet ms";
	line-height:43px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
		div#t1 img#vit {
			position:absolute;
			top:85px; left:37px; z-index:7;}
			
			
			
	/* Menylänkar
	------------------------------------*/		
		div#top div#hem {
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:fixed;
			top:52px; left:45px; z-index:6;}
		div#top div#miljo {
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:52px; left:163px; z-index:5;}			
		div#top div#tjanster {
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:52px; left:281px; z-index:4;}	
		div#top div#nyhet {
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:52px; left:398px; z-index:3;}				
		div#top div#kontakt {
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:52px; left:515px; z-index:2;}
		div#top div#arkiv{
			background-image:url(../pix/bakre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:52px; left:632px; z-index:1;}			
	/* Menylänkar - Markerade
	------------------------------------*/		
		div#top div#hem2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:45px; z-index:10;}
		div#top div#miljo2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:163px; z-index:10;}			
		div#top div#tjanster2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:281px; z-index:10;}	
		div#top div#nyhet2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:398px; z-index:10;}				
		div#top div#kontakt2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:515px; z-index:10;}
		div#top div#arkiv2 {
			background-image:url(../pix/framre_flik.gif);
			width:118px;
			height:48px;
			position:absolute;
			top:47px; left:632px; z-index:10;}				

			
			
/* Meny
------------------------------------*/			
	div#menu {
	width:212px;
	float:left;
	height: auto;
	padding-top: 0px;
	background-image: url(../image/images/ex1_09.jpg);
}
div#menu1 {
	width:212px;
	float:left;
	height: 30px;
	padding-top: 0px;
	background-image: url(../image/images/ex1_07.jpg);
}
div#menu2 {
	width:212px;
	float:left;
	height: 28px;
	padding-top: 0px;
	background-image: url(../image/images/ex1_11.jpg);
}
div#menu3 {
	width:212px;
	float:left;
	height: 28px;
	padding-top: 0px;
	background-image: url(../image/images/ex1_13.jpg);
}
div#menu4 {
	width:212px;
	float:left;
	height: 28px;
	padding-top: 0px;
	background-image: url(../image/images/ex1_13.jpg);
}
div#menu5 {
	width:212px;
	float:left;
	height: 43px;
	padding-top: 0px;
	background-image: url(../image/images/image_15.jpg);
}
div#menu6 {
	width:212px;
	float:left;
	padding-top: 0px;
	background-image: url(../image/images/ex1_04.jpg);
}
div#menu7 {
	width:800px;
	float:left;
	height: 43px;
	padding-top: 0px;
	background-image: url(../Ny%20bg/images/ex1_04.jpg);
}
div#menu8 {
	width:212px;
	float:left;
	height: 43px;
	padding-top: 0px;
	background-image: url(../image/images/ex1_16.jpg);
}
div#menu9 {
	width:212px;
	float:left;
	height: auto;
	padding-top: 0px;
	background-image: url(../image/images/ex1_09.jpg);
}div#menu11 {
	width:212px;
	float:left;
	height: auto;
	padding-top: 0px;
	background-image: url(../image/images/ex1_09.jpg);
}div#menu10 {
	width:212px;
	float:left;
	height: auto;
	padding-top: 0px;
	background-image: url(../image/images/ex1_09.jpg);
}

		div#menu h1 {
			font:bold 80% "trebuchet ms";
			margin-right:15px;
			margin-bottom:10px;
			margin-left:10px; }			
		div#menu h2 {
			font:bold 90% "trebuchet ms";
			margin:0 15px 10px 10px;}			
		div#menu h3 {
			font:bold 100% "trebuchet ms";
			margin:10px 15px 0 10px;}
			
			div#menu po {
				font:normal 75% "Lucida Sans Unicode", "Lucida Grande",  "trebuchet ms", tahoma;
	line-height:150%;
	margin-right:15px;
	margin-left:0px;}
				
		div#menu            p {
	line-height:120%;
	margin-right:5px;
	margin-left:0px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}	


		div#menu p:active {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
}





		div#menu p:hover {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}





		div#menu9 p:active {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
}
		div#menu9 p {
	line-height:120%;
	margin-right:5px;
	margin-left:0px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}




		div#menu10 p:hover {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

		div#menu10 p:active {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;	
}
		div#menu10 p {
	line-height:120%;
	margin-right:5px;
	margin-left:0px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}




		div#menu9 p:hover {
	line-height:120%;
	margin-right:15px;
	margin-left:0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

		div#menu li  {
			list-style:none;
			font:normal 75% "Lucida Sans Unicode", "Lucida Grande",  "trebuchet ms", tahoma;
			margin-left:20px;}
		div#menu cite {
			background:url(../pix/cite.gif) no-repeat;
			font:normal 115% tahoma;
			letter-spacing:1px;
			line-height:160%;
			margin-left:20px;
			display:block;}	
	
/* Innehåll
------------------------------------*/
div#height {
	height: auto;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 715px;
}

		
	div#content {
	height: inherit;
	margin-top: 0px;
	margin-right: 35px;
	
	margin-left: 235px;
	background-image: url(../image/images/bg.jpg);
}
		div#content h1 {
	margin-bottom:20px;
	font-weight: bold;
}



	div#content1 {
	margin:0px 0px 0 212px;
	width: 588px;
	height: 43px;
	background-image: url(../Ny%20bg/images/ex1_06-07.jpg);
}
		div#content h1 {
	margin-bottom:20px;
	font-family: "arial";
	font-size: 24px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 0px;
}
		div#content h2 {
	margin-bottom:12px;
	line-height: normal;
	color: #2E4854;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


		div#content h4 {
			font:normal 80% "trebuchet ms";
			margin-bottom:1px;}			
		div#content hr {
			clear:right;	
			margin-top:15px;
			margin-bottom:15px;}
		div#content p {
	line-height:100%;
	margin-bottom:10px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
		div#content1 p {
	background-color: #FFFFFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "trebuchet ms", tahoma;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: overline;
	margin-left: 25px;
	margin-top: 10px;
}
			div#content div#kunder p{
				font-size:75%;}
			div#content div#kunder img.kundlogo{
				margin-bottom:-10px;
				position:relative;
				z-index:-1;}			
		div#content li {
			font:normal 75% "Lucida Sans Unicode", "Lucida Grande",  "trebuchet ms", tahoma;
			line-height:160%;	
			margin:0 0 0 30px;}
		div#content blockquote {
			background:url(../pix/cite.gif) no-repeat;
			width:370px;
			font:bold 80% "Lucida Sans Unicode", "Lucida Grande", "georgia";
			line-height:150%;
			margin:10px 0 10px 20px;
			display:block;}
		div#content code {
			width:370px;
			font:normal 70% "Courier New", "Lucida Console", "Lucida Sans Unicode", "Lucida Grande", "georgia";
			color:#8e8e8e;
			line-height:150%;
			margin:10px 0 10px 20px;
			display:block;}			
		div#content table td, div#content table th{
			font:normal 75% "trebuchet ms", tahoma;
			line-height:160%;
			text-align:left;
			vertical-align:top;}
		div#content table strong {
			margin-right:10px;}
		div#content input, div#content textarea{
			
			font:normal 100% "trebuchet ms", tahoma;
			border:solid 1px #CFC1B9;
			padding-left:2px;}
			div#content table input {		
				width:300px;}	
			div#content table textarea {
				width:100%;
				height:200px;}
			div#content table input.submit {		
				width:100px;
				text-align:center;
				font-weight:bold;
				margin-left:0;}								

/* Sidfot
------------------------------------*/				
	div#footer {
	height:16px;
	text-align:center;
	clear:both;
	background-image: url(../Ny%20bg/images/ex1_21.jpg);
	margin-top: 100px;
}
	div#footer2 {
	height:60px;
	text-align:center;
	clear:both;
	background-image: url(../Ny%20bg/images/ex1_22.jpg);
}	
		div#footer p {
			padding-right:50px;}			
		div#footer span {
			display:inline;
			font:normal 10px tahoma;
			line-height:65px;
			margin-right:20px;}				
			
.navigationButton, .navigationButtonActive {
	font-size: 13px;
	padding: 4px 0px 4px 24px;
	cursor: pointer;
}
div#menu pu {
	font-size: 13px;
	color: #444444;
	background-image: url(pix/navigationButton.gif);
}
div#menu pu:hover {
	background-image: url(pix/navigationButtonHover.gif);
}
div#menu pu:active {
	background-image: url(pix/navigationButtonActive.jpg);
	color: #111111;
}
.grayBox {
	background-color: #DDDCD4;
	margin-bottom: 2px;
	margin-top: 0px;
}
.grayBox p {
	color: #000000;
	margin: 0px;
	border: 1px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.kart {
	left: 0px;
	top: 0px;
}