/*

CSS Document

(c) 2007 Netstat & Peter Öhman

Client: MegaCard AB

version 4.0

*/

/* Layout */

#n_header {
  position: relative;
  height: 10em;
  padding: 0em;
  padding-top: 0em;
  padding-left: 0em;
  background-color: #CCCCCC;
  margin-bottom: 2em;
  background: url("images/grey_bg_grad.gif") repeat-x;
}

img.n_logo {
  height: 10em; 
}

img.n_topp-flagga {
  padding-left: 47em;
  position:relative;
  top:-4em;
  width: 40px; 
}

img.n_topp-tavla {
  position:absolute;
  border:none;
  left:51em;
  top:2em;
  z-index:1000;
}



#n_footer {
  position: relative;
  padding-top: 1em;
  padding-left: 22em;
  margin-top: 1em;
  margin-bottom: 1em;
  border-top: 1px solid #f48f35;
  text-align: left;
  clear:  both;
}

.n_column {
  float: left;
  width: 20em;
  /* Testjox
  background-color: #ECECEC;
  
  border: 1px solid #FF9000;
  */
}

.n_2column {
  float: left;
  width: 43em;
  /* Testjox
  background-color: #ECECEC;
  
  border: 1px solid #FF9000;
  */
}

.n_3column {
  float: left;
  width: 70em;
  /* Testjox
  background-color: #ECECEC;
  
  border: 1px solid #FF9000;
  */
}

.n_4column {
  float: left;
  width: 93em;
  clear:  both;
  /* Testjox
  background-color: #ECECEC;
  
  border: 1px solid #FF9000;
  */
}

.n_fullheight {
  height: 100%;
}

.n_corner {
  background-image: url(corners/fading_corner_3.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 1.22em 0em 0em 1.5em; /* U H N V */
  margin: 0em 0em 1em 2em; /* U H N V */
}

.n_2corner {
  background-image: url(corners/fading_corner_6.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 1.22em 0em 0em 1.5em; /* U H N V */
  margin: 0em 0em 1em 2em; /* U H N V */
}

.n_luft {
  padding: 0em 0.5em 0em 0.5em; /* U H N V */
  margin: 0em 0em 1.22em 2em; /* U H N V */
}

.n_padding {
  padding: 0em 0.5em 0em 0.5em; /* U H N V */
}

.n_margin {
  margin: 0em 0em 1.22em 2em; /* U H N V */
}

.n_linjerad {
  border-top:       5px solid #FAB037;
  border-bottom:    1px solid #FAB037;
}

/* Meny */

#menu a, #menu a:visited {
  font-size: 1.4em;
  text-decoration:none;
  text-transform: uppercase;
  color:#000;
  display:block; 
  padding:0.5em 0.5em 0.5em 1em;
  border-bottom:1px solid #FAB037;
  
/*  filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 -moz-opacity: 0.70; opacity:0.7; */
  }

#menu a:hover {
  padding-left:0.5em;
  border-left:0.49em solid #FF9000;
  }

.menutop {
  border-top:1px solid #FAB037;
}

.menuactive {
  background-color: #ECECEC;
}

.sponsor {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 4em;
  padding-left: 3em;
  padding-right: 4em;
}

img.kundlogga {
  width:  5em;
  height: auto;  
  margin: 0.2em;
  margin-left: 0.5em;
}

/* Typography */

body {
  font: 62.5%/1.22em Arial,Helvetica, sans-serif;
  /* font: 62.5%/1.5em Arial,Helvetica, sans-serif; /* 62.5% ger 1em = 10px, eftersom medium (defualt i browser) är 16px
  /* word-spacing:0.25em; /* Keep or no keep? */
  background-color: #fff;
  margin: 0em;
}

a {
  color: #808083;
    text-decoration:underline;

}

p {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.22em;
}

p.small {
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0em;
  margin-bottom: 1.22em;
}

h1 {
  font-family:   "Trebuchet MS", Arial,Helvetica, sans-serif;
	font-size: 2em; /* 20px */
	line-height: 1em;
	margin-top:  0em;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.3em; /* 20px */
	margin-top:  0em;
	margin-bottom: 1.22em;
	text-transform: uppercase;
	text-decoration: none;
}

h3 {
	font-size: 1.3em; /* 20px */
	line-height: 1em;
	margin-top:  0.5em;
	margin-bottom: 0.5em;
	color: #FAB037;
	text-transform: uppercase;
}

h4 {
	font-size: 1em; /* 20px */
	line-height: 1em;
	margin-top:  0.5em;
	margin-bottom: 0.5em;
	color: #FAB037;
	text-transform: uppercase;
}