BODY {
  FONT-FAMILY: /* Trebuchet MS, */ Verdana,Helvetica,Arial,sans-serif;
  FONT-SIZE: 9pt;
  TEXT-DECORATION: none; 
  margin: 20px 0px 0px 0px;
  //text-align: center; 
 }

/*#knappar {*/
/*  position: relative;*/
/*  top: 545px;*/
/*  left:625px;*/
/*  width: 125px;*/
/*}*/
/**/
/*#sok {*/
/*  position: relative;*/
/*  top: 540px;*/
/*  left:120px;*/
/*}*/
        
   table {}
   h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 24px; color: #336633; letter-spacing: 2px; font-weight: normal;
    }
   .kantlinje {
    border: 1px solid #99CC00;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px
    }
   .formfield {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1px; padding: 5px; border: 1px solid #99CC00;
    }
   .fields {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px
    }
h4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #336633; font-weight: 800;
}

h5 {
  font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; color: #336633; font-weight: 800;
}

.button {
  display: block;
  width: 100px;
  border: 1px Solid #565;
  background-color:#F5F5F5; 
  margin: 10px;
  padding: 3px;
  text-decoration: none;
  text-align:center;
  font-size:smaller;
}

#background {
  background: #FFFFFF;
  padding:10;
  width: 100%;
  height: 400px;
  vertical-align: bottom;
  text-align: center;
}

#container {
  background: #FFFFFF;
  width: 800px;
  padding:10;
  align: center;
  margin: auto;
}

#header {
 width: 100%;
 background: #FFFFFF;
 height: 100px;
}

#logo {
 background-image: url('../images/kartorna_globe_100x100.png');
 width: 100px;
 height: 98px;
 float: left;
 margin: 0px 0px 0px 5px;
}

/*./images/kartorna_globe_100x100.png" width="100" height="98" alt="logo"*/

#top_map_image {
 background-image: url('../images/top_map_image.jpg');
 width: 538px;
 height: 98px;
 float: right;
}

#top_image {
 background-image: url('../images/top_bar.jpg');
 width: 517px;
 height: 55px;
 float: right;
 vertical-align: middle;
}

#map_01 {
 float: right;
}

#map_02 {
 float: right;
}

#map_03 {
 float: right;
}

#menu {
 //background: #D9DFF0;
 background: #FFFFFF;
 text-align: left;
 width: 800px;
 height: 21px;
 margin-left:3px;
 margin-bottom:-3px;
}

#underline {
 background: #D9DFF0;
 text-align: center;
 /*width: 800px;*/
 height: 21px;
 margin-left:3px;
 margin-bottom:-3px;
}

#footer {
 background: #008000;
/* width: 800px; */
 height: 100px;
}

#content {
 width: 100%;
 padding: 50px 0px 0px 0px;
 TEXT-ALIGN: center;
}

#content_left {
 float: left;
 TEXT-ALIGN: left;
 width: 180px; 
}

#content_left_OS {
 float: left;
 TEXT-ALIGN: left;
 width: 130px; 
}

#content_center {
 float: left;
 TEXT-ALIGN: center;
 margin-right: auto;
 margin-left: auto;
 width: 400px;
}

#content_center_OS {
 float: none;
 TEXT-ALIGN: center;
 margin-right: auto;
 margin-left: auto;
 width: 760px;
 height: 520px;
}

#content_right {
 float: right;
 width: 150px;
 TEXT-ALIGN: left;
}

#pano_text {
 text-decoration: none;
 text-align:left;
 font-size: xx-small;
}

/****** Gammalt här nedanför, kopiera och flytta upp! Ta sen bort! ********

			 
hr {
  border: 0;
  width: 100%;
	/*color: #d4e8c1;*/
	color: #e6cd8b; /*Det här är färgen på hr:n*/
/* Ljus färg */
	background-color: #c;	
  height: 1px;
	
}


  
a{
  font-family:Tahoma;
	font-size:12px; 
	color:#888277;
	font-weight:normal;
	TEXT-DECORATION: underline; 
	}
a:hover{ 
  COLOR: #C2850F; 
  font-family:Tahoma;
  background-color: #FFFFFF;
  font-weight:normal;
  color:#000000;
}

a:link {}


.left_margin {
	margin: 20px 20px 20px 20px;
}	



/***************************************************************************************
**** Footer
***************************************************************************************/

/* IE */
* html .footer-outer
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:							22px;		/* Footerns höjd IE */
	text-align: center;
	border: 0px solid purple;
	background-color:                            white;
	z-index: 10000;
		background-image: url('<?php echo $mosConfig_live_site;?>/templates/Mellansel3/images/metalFoot1.jpg');
background-repeat: repeat-x;	
	
}


.footer-center
{
	height:100%;
	min-height:100%;
	width:							820px; 		/* Centrerade innerviddens bredd */
	color: #000000;
	border: 0px solid orange;					/* Obs! kan ej ritas med mer än 1px ramstorlekt i MOZ... */
	margin:auto;
	text-align:center;
	position:relative;
    z-index: 10000;
}

/***************************************************************************************
**** Content-main (För main body content, typ...)
***************************************************************************************/

.content-main
{
	width: 660px;		/* Main body content-vidden...*/
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	background:#ffffff;
	border: 0px solid red;
	text-align: left;

	SCROLLBAR-FACE-COLOR: #f0f0f0;
    SCROLLBAR-TRACK-COLOR: #f8f8f8;
    SCROLLBAR-HIGHLIGHT-COLOR: white;
	SCROLLBAR-SHADOW-COLOR: white;
	SCROLLBAR-3DLIGHT-COLOR: white;
	SCROLLBAR-ARROW-COLOR: #a70000;
	SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0;
}

/***************************************************************************************
**** Content-left och Content-right (För modulvisning, typ...)
***************************************************************************************/  

.content-left 
{
	border: solid #C0C0C0  0px;
	position: absolute;
	width: 150px;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align:left
	margin: 0;
	padding: 0;


/*
	width: 							150px;		
	height: 100%;

	float:left;

	margin: 0px;
	padding:0px;
	background:#fff;
	border: 0px solid green;
	text-align: left;    
	overflow: hidden;
*/
}

.content-right 
{

	border: solid #C0C0C0 0px;
	position: absolute;
	margin: 0;
	padding: 0;
	width:                            150px;
	height: 100%;
	left: 850px;
	top: 0px;
	text-align:left

/*
	width: 							150px;		
	float:right;
	height: 100%;
	padding:0px;
	margin: 0px;
	background:#fff;
	border: 0px solid green;
	text-align: left;
	overflow: hidden;
*/
}

.header-image1				/* Just nu en div, men kan ersättas med bild med samma klassning */
{
	position: absolute;
	border:  solid orange                0px;
	left: 40px;
	top: 0px;
	height: 60px;
	width: 71px;
	
}