/* Stylesheet skapad 2008-02-05 */
body { 
	background: url(bilder/logga-lutande.jpg);
	height: 100%;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
}

h2 { font-style: italic; color: blue; text-align: center; }
h3 { margin: 0; padding: 0;}

#wrap1 {
	background: #A9BAC3;	/*#FFF;*/
	width: 830px; height: 100%;
	margin: 0 auto;	
	text-align: left;
	/*padding:5px;*/
}
.wrap {
	width: 820px; height: 100%;
	margin: 0 auto;	
	text-align: left;
	background: #EEE;
	/*padding:5px;*/
}

.wrapbesk {
	width: 820px; height: 100%;
	margin: 0 auto;	
	text-align: left;
	background: #88DDDD;
	/*padding:5px;*/
}

.besk2{
/* Style på bildtexter i beskrivningen*/
/*color: yellow;*/
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.0em;
color: red;
}
.besk1{
background: #88DDDD;
margin: 0 auto; 
}
.besk { color:black;
background: #88DDDD;
margin: 0 auto; 
font-size: 1.2em;
padding: 10px;
border-top: 6px solid #A9BAC3
/* border-bottom: 6px solid #A9BAC3 */
/*line-height: 130%; */
}
/*
.besk:after {
	content: url("bilder/botten1.png");
	display: block;
	float: left;
	line-height: 5px;
	margin: 0px auto;
	padding: 0px;
	height: 0;
	background: #A9BAC3;
}
*/

.ref{
float: left;
position: relative;
float: left;
width: 280px;
}
.reftyp{
float: left;
position: relative;
float: left;
width: 200px;
}
.refbild{
float: left;
position: relative;
float: left;
width: 150px;
}
.refvar{
float: left;
position: relative;
float: left;
width: 185px;
}
.refa{
position: relative;
float: left;
width: 820px;
background: rgb( 176, 176, 255);
}
.refb{
position: relative;
float: left;
width: 820px;
background: rgb( 255, 176, 176);
}
.reftop{
width: 820px;
	background: #88DDDD;
	}

.index{
float: left;
width: 155px;
height:150px;
color: yellow;
font-weight: bold;
text-align: center;
background: white url(bilder/negativ4.png);
/*padding:5px;*/
/*margin:5px;*/
}

a img{ border: none; }

img{
border: 0; /*1px solid yellow;*/
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


.index a:link {
color: yellow;
font-style: normal;
text-decoration: none;
/*font-weight: bold;*/
}

.index a:visited {
/*color: white;*/
font-style: normal;
text-decoration: none;
}

.index a:hover {
color: green;
/*background-position:0 -150px;*/
/*font-style: normal;*/
/*text-decoration: none;*/
/*font-weight: bold;*/
}


p{
/*color: yellow;*/
margin-top: 0px;
margin-bottom: 0px;
}

.aboutleft{
float: left;
width: 470px;
padding:5px;
}

.aboutright{
float: left;
width: 300px;
}


.about{

float: left;
 width: 300px; 

border: 2px solid #000;
border-left: 3px solid #000;
border-right: 3px solid #000;
background: yellow;
}

.about2{
float: left;
margin-left:10px;
width: 800px;
background: yellow;
}

.aboutl{
float: left;
width: 110px;
padding: 5px;
}

.aboutr{
float: right;
width: 160px;
padding: 5px;
border-left: 1px solid #000;
}

.fullleft{
float: left;
width: 400px;
padding:5px;
}

h1
{
text-align: center;
margin: 0;
padding: 0;
}
.fullleft h1{
color: red;
margin: 0;
padding: 0;
font-size: 1.4em;
font-style:normal;
font-weight: bolder;
text-align: center;
}

.fullright{
float: right;
width: 400px;
padding:5px;
}
.fullright h2{
color: red;
margin: 0;
padding: 0;
font-size: 1.4em;
font-style:normal;
font-weight: bolder;
text-align: center;
}

.left{
position: relative;
float: left;
width: 250px;
padding:5px;
}
.right{
float: right;
width: 250px;
margin: 5px;
}
.center{
margin-right:275px;
margin-left:275px;
padding:5px;
border: 10px;
}

.break{
clear: both;
width: 820px;
height: 5px;
/*background: #A9BAC3;*/
}
.top{
clear: both;
background: url(bilder/top1.png);
width: 820px; height: 10px;
}

.botten{
clear: both;
background: url(bilder/botten1.png); /*#A9BAC3;*/
width: 820px; height: 10px;
text-align: center;
}

.botten a:link {
color: white;
font-style: normal;
text-decoration: none;

/*font-weight: bold;*/
}

.bottenlinks{
clear: both;
background: #A9BAC3;
width: 820px; 
text-align: center;
}

.bottenlinks a:link {
color: white;
font-style: normal;
text-decoration: none;

/*font-weight: bold;*/
}

.spk{
float:right;
 clear: both; 
position: relative; top: 3px;
margin:0; padding: 0;
height: 15px; 
width: 350px;
/*background: #A9BAC3;*/
}

.spk p {
/*	float: right; */
margin-top: 0px;
margin-bottom: 0px;
	color: #00F;
}

.spk form{
z-index: 999999;
float: left;
margin:0; padding: 0;
border: 0;
width: 170px;
}
/*
#spk #ul{
	z-index: 999999;
	float:right;
   margin:0; padding: 0;
   padding-top: 3px; 
   list-style:none;
}
#spk #li {
   display:inline;
   margin:0; padding:5px;
}
*/
/* menu tabs */
div.meny{
background: url(bilder/toplogo2.png) no-repeat;
height: 50px; width: 820px; 
   margin:0; padding: 0;
/*min-height: 50px;*/
}

ul {
/*	z-index: 999999; */
	float:right;
	clear: both;
    margin:0; padding: 0;
    list-style: none;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}

.meny ul {
/*	z-index: 999999; */
	width: 553px; /*antal poster * 79*/
    position: relative; top: 12px;	/*13*/
}

.meny a {
   float: left;
   background: #A9BAC3; /*#555;*/
   background: url(bilder/meny.png) no-repeat;
   margin: 0;
   text-decoration:none;
padding-top:2px;
   width: 79px; 
   height: 18px;
   color: #FFF;
}

.meny a:hover {
/*   background: #666; */
   background-position:0% -20px;
   color: blue;
}
.meny a:visited {
/*   background-position:0% -42px;*/
   color: #FFF;
}

#current a {
   background-position:0% -40px;
	color: #00F;	/*FFF*/
	border: 1px;
}

/* end menu tabs */
div.litenmeny{

background: #A9BAC3;
float:right;
	width: 820px; /* 820px; /*antal poster * 79*/
height: 25px;
   margin:0; padding: 0;
/*min-height: 50px;*/
}

.litenmeny ul {
	z-index: 999999;
	width: 356px;  /*antal poster * 79 +40 435px; för 5*/
    position: relative; top: 2px;
}
li {
   display: inline;
   margin: 0; padding:0;
   text-align: center;
}

.litenmeny a {
   float: left;
   background: #A9BAC3; /*#555;*/
   background: url(bilder/meny.png) no-repeat;
   margin: 0;
   text-decoration:none;
	padding-top:2px;
   width: 79px; 
   height: 18px;
   color: #FFF;
}

.litenmeny a:hover {
/*   background-position:0% -42px;*/
/*   background: #666;*/
   background-position:0% -20px;
}
.litenmeny a:visited {
/*   background-position:0% -42px;*/
   color: #FFF;
}

/* Töj ut listan. */
/*
div.litenmeny a span {
   float: left;
   display: block;
   padding: 4px 15px 3px 8px;
   color: #FFF;
}
*/
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/*div.litenmeny a span {float:none;}*/
/* End IE5-Mac hack */
/*
div.litenmeny a:hover span {
}
*/


/*
#header a:hover span {
   background-position:100% -42px;
}
*/
/*
div.litenmeny #current a {
	color: #00F;
	border: 1px;
	background-position:0% -40px;
}
*/
/*
div.litenmeny #current a span {
	color: #00F;
}
*/
/* end menu tabs */

input.button {
/*font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	*/
font-style:normal;
text-decoration: none;
font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
color: #00F;
background: #EEE;
border: 0;
padding: 0;
margin: 0;
}

input.button:hover {
color: red;
background: #A9BAC3;
}