body { background-image: url(bilder/bg.jpg);}
body { background-color: #ffffff}
body { background-attachment: fixed}
body { background-repeat: repeat-x}
body { margin-top: 10px;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;}
body { font-family:Verdana, Arial, Helvetica, sans-serifLucida Sans, Tahoma; font-size: 11px; color: #000000;}

.logoruta {           position: absolute;
  top: 10px;
  left: 80px;
  border: 1px solid #000000;
  border-top: 1px solid #000000;
  height: 150px;
  width: 800px;
  background-color: #ffffff
  }

.logo {       margin: 0px;
  border: 0px solid #99cccc;
  position: absolute;
  left: 40px;
  top: 0px;
  z-index: 9;
  }

.title {       margin: 0px;
  border: 0px solid #99cccc;
  position: absolute;
  left: 165px;
  top: 0px;
  z-index: 10;
  }

.fonster {    
  margin: 0px;
  border: 0px solid #99cccc;
  position: absolute;
  right: 0px;       top: 0px;
  z-index: 1;
  }


.box {       position: absolute;
   top: 150px;
   left: 80px;
  padding: 50px 20px 20px 20px;
  width: 760px;
  height: auto;
  background-color: #ffffff;
  border: 1px solid #000000;
  z-index: 10;
  }


img.ejram {border: 0px}
img {border: 2px solid #dddddd; padding:0;}

p { font-family:Verdana, Arial, Helvetica, sans-serifLucida Sans, Tahoma; font-size: 11px; color: #000000;}
p1 { font-family:Verdana, Arial, Helvetica, sans-serifLucida Sans, Tahoma; font-size: 14px; color: #000000;}
p7 { font-family:Times New Roman, Verdana, Arial, Helvetica, sans-serifLucida Sans, Tahoma; font-size: 60px; color: #000000;}


h1 { font-family:Lucida Sans, Arial, Tahoma; font-size: 24px; color: #000000;}
h2 { font-family:Lucida Sans, Arial, Tahoma; font-size: 20px; color: #000000;}
h3 { font-family:Lucida Sans, Arial, Tahoma; font-size: 16px; color: #000000;}
h4 { font-family:Lucida Sans, Arial, Tahoma; font-size: 14px; color: #000000;}




/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


/* the styling */
#nav {width:800px; height:55px; background:#FFFFFF; position:relative; top: 100px; left: 81px; z-index: 20}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}
#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height: 20px; float:left;
background-image: url(bilder/blaton.jpg);
background-attachment: absolute;
background-repeat: repeat-x;
background-position: 0px 10px;

padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:0px solid #FFFFFF; color:#FF6347;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}

#nav ul.tom
 { height: 20px;
background-image: url(bilder/blaton.jpg);
background-attachment: absolute;
background-repeat: repeat-x;
background-position: opx 10px;
}

#nav .select a:hover,
#nav .select li:hover a {background:#FFA500; cursor:pointer; color:#FFFF00;} /* hover menu */

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#FF6347; color:#FFFF00;} /* current menu */


#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {/* undermeny, bakgrund, textfarg */background:#FFA500; color:#FFFF00;} /* hover undermenu */

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {background:#FF6347; color:#FFFF00;}  /* current undermenu */

#nav .select li a:hover .sub,
#nav .select li:hover .sub {display:block; position:absolute; width:800px; top:20px; left:0; background:#FFA500; margin-top:0; padding:0; z-index:100; color:#FFFFFF; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:800px; top:20px; left:0; background:#FFA500; /* bakgrund bakom undermeny */margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:20px;  text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#FFA500; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#FFFFFF;}

#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {display:block; background:#FFA500; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#FFFFFF; font-size:12px;}

#nav li .an {height:20px;line-height:20px; white-space:nowrap; display:block; float:left; 	margin-left:118px;}

#nav li .om {height:20px;line-height:20px; white-space:nowrap; display:block; float:left; 	margin-left:48px;}

#nav li .me {height:20px;line-height:20px; white-space:nowrap; display:block; float:left; 	margin-left:210px;}

----------------------------------------------------------

a:link {color:blue;}      /* unvisited link */
a:visited {color:purple;}  /* visited link */
a:hover {color:blue;}  /* mouse over link */
a:active {color:puple; outline: none;}  /* selected link */
a:focus { -moz-outline-style: none; }