﻿@charset "utf-8";
/* CSS Document */


#texten {
position:absolute; 
left:50%; 
top:100px; 
bottom:170px; 
border:0px solid black; 
width:630px; 
z-index:20; 
margin-left:-430px; 
overflow:auto;
padding-right:20px;
}

html {
overflow:hidden;
}

body {
	overflow:hidden;
	background-color: #000000;
	padding: 0;
	text-align: center; /*för att ie med felaktig box-modell ska rendera dokumentet korrekt - ie 4-5*/
	height: 100%;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-image:  url(images/bkg2.jpg);
	background-repeat:repeat;
	background-position:center top;	
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.style3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}
#dropmenudiv{
position:absolute;
border:0px solid white;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px solid white;
padding: 5px 0;
color:#FFFFFF;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #0f2070;
color: #f19526;
}

img, div { behavior:  url(iepngfix.htc)} /*För att det ska bli transparens på png-images i IE 6 och äldre*/


CSS för divar

#ramar {
width: 100%; 
height:3000px; 
background-image: url(divbkg.jpg); 
background-repeat:repeat-y; 
background-position:center top; 
position:absolute; 
left:0px; 
top:0px; 
margin-bottom:20px; 
z-index:5;
}

.top {
width: 1000px; 
height:40px; 
background-image: url(images/topdiv.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
position:absolute; 
left:50%; 
top:0px; 
z-index:2; 
padding-top:5px; 
margin-left:-500px; 
padding-left:30px;
}

.bottom {
width: 100%; 
height:40px; 
background-image: url(images/bottom.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
position:absolute; 
left:0px; 
bottom:-1px; 
z-index:2;
}

.meny {
width: 850px; 
height:40px;   
position:absolute; 
left:50%; 
top:-3px; 
z-index:20; 
padding-top:5px; 
margin-left:-450px; 
padding-left:17px;
}

.top2 {
width: 100%; 
height:40px; 
background-image: url(images/top.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
position:absolute; 
left:0px; 
bottom:-1px; 
z-index:2;
}

.logo {
height: 140px; 
width:246px; 
background-image: url(images/logo.png); 
background-repeat:no-repeat; 
background-position:top right; 
position:absolute; 
left:50%; 
top:0px; 
z-index:60; 
margin-left:250px;
}

.rightside {
width:900px; 
position:absolute; 
z-index:5; 
text-align:center;  
padding-left:20px; 
padding-right:20px; 
left:50%; 
top:100px; 
bottom:150px; 
margin-left:-470px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.rightsite {
width:900px; 
position:absolute; 
z-index:5; 
text-align:center;  
padding-left:20px; 
padding-right:20px; 
left:50%; 
top:100px; 
bottom:150px; 
margin-left:-470px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.bakgrund {
background-color:#FFFFFF; 
width:1000px; 
height:3000px; 
position:absolute; 
top:0; 
left:50%; 
margin-left:-500px; 
z-index:1;
}


.lankimages {
padding-top:10px;
width:849px;
height:40px; 
position:absolute; 
bottom:-2px; 
left:50%; 
margin-left:-424.5px; 
z-index:3000;
}

.bottenbilder {
width:912px; 
height:130px; 
position: absolute; 
bottom:39px; 
left:50%; 
margin-left:-480px; 
z-index:4; 
padding-left:50px; 
padding-top:10px; 
background-image:  url(images/bilderbotten.jpg); 
border: 1px none #000000;
}

/*CSS FÖR INC_HEM.ASP*/

.style_hem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.rightcol {
float:right; 
width:175px; 
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

.leftcol {
width:425px; 
float:left; 
text-align:justify; 
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}



.news {
border:0px solid #000000; 
padding:3px; 
background-color:#E1E1FF; 
margin-top:16px; 
margin-bottom:-15px; 
text-align: left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

/*SLUT*/

/*CSS FÖR SIDOR MED SPALTER*/
.spaltright {
float:right; 
width:300px; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.spaltleft { 
float:left; 
width:300px; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.sitemoreright {
float:right; 
width:160px; 
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top:25px;
}

.siteright {
float:right; 
width:220px; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.siteleft { 
float:left; 
width:220px; 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.enspalt { 
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}


.hogerspalt {
	width:200px; 
	float:right; 
	border-left:0px solid #ccc; 
	padding-right:0px; 
	padding-left:10px; 
	padding-top:50px; 
	text-align:center;
	}
	
	
/*CSS FÖR INC_GARDAR.ASP*/

.tblgardar {
border-top:1px solid #ccc;
}

.garddiv {
float:left; 
width:630px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.justifyjustering {
text-align:justify;
}


/* SLUT PÅ TABELLER*/

#thumbBox { /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #1484d6;
visibility: hidden;
z-index: 100;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
font: bold 11px Verdana;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 50;
}



[if lt IE 7]>


.texten2 {
  height:expression(document.body.clientHeight-270; »
 /* 260+20+20=300 */  
}

#texten {
  height:expression(document.body.clientHeight-270); »
/* 230+20+20=250*/  
  width:expression(document.body.clientWidth-260); »
/* 200+20+20+20=260 */    
}


<![endif]
