/* STANDARD */

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/bannerBG.gif) repeat-x;
	font-family: verdana;
	/* float:left; AKTIVERA (samt radera <center> i HTML-koden) OM VILL VÄNSTERJUSTERA HELA HEMSIDAN */ 
}

h1 {
  font-style: italic;
  color: #666666;
  font-size: 28px;
  margin-top: -5px;
  margin-bottom: -5px;
}

h2 {
  font-size: 12px;
  font-family: verdana;
  font-weight: bold;
  margin-bottom: 0px;
  color: #666666;
}

a {
  font-size: 12px;
  font-weight: bold;
	color: #0000cd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}



/* HEADER */

#header {
	width: 760px;
	height: 90px;
	margin: 0px;
}
      
      #header img.logo {
        float: left;
        margin-top: 15px;
      }
        
      #header .right {
        padding-top: 30px;
        text-align: right;
      }



/* BANNER */

#banner {
	width: 760px;
	height: 200px;
	margin: 0px;
}
      
      #banner .menu {
      	float: left;
      	width: 200px;
      	height: 200px;
      	text-align: left;
      	background-color: #b8c504;
      }
      
      #banner .menu ul {
      	margin: 0px;
      	padding: 8px 20px 0px 20px;
      	list-style: none;
      }
      
      #banner .menu li {
      	display: inline; /* Krävs för IE */
      }
      
      #banner .menu a {
      	display: block;
        border-top: 2px solid #c9d704;
      	font-size: 13px;
      	font-weight: bold;
      	color: #ffffff;
        text-decoration: none;
        margin: 2px;
        padding: 3px;
        padding-left: 10px;
      }
      
      #banner .menu a:hover {
        background: no-repeat url(../images/hoverBullet.gif) center left;
      }
      
      #banner .menu a.first {
        border-top: none;
      }
      
      #banner .images {
      	float: right;
      	width: 560px;
      	height: 200px;
        text-align: center;
      }

/* CONTENT */

#content {
	width: 760px;
	margin: 0px;
	padding: 30px 0px;
	overflow: hidden; /* Krävs för FF */
}
    
    /* CONTENT Left */
    
    #content .left {
    	float: left;
    	width: 340px;
    	text-align: center;
    }

      #content .left img.template {
        margin-top: 10px;
      }
  
      #content .left div {
        font-size: 11px;
        font-family: verdana;
        color: #666666;
        text-align: justify;
        padding-left: 30px;
        padding-right: 25px;
        padding-bottom: 1px; /* Behövs för >> - knappen, annars syns ej hela ramen i IE */
      }
           
      #content .left div a {
        font-size: 10px;
        font-weight: bold;
        background-color: #b8c504;
        color: white;
        padding-left: 2px;
        padding-right: 1px;
        text-decoration: none;
      }   

    /* CONTENT Right */

    #content .right {
    	float: left;
    	text-align: right;
    } 
    
    #content .right a:hover {
      text-decoration: none;
    }
        
        #content .right .package {
          background: url(../images/frame.gif) no-repeat right;
          height: 150px;
          text-align: left;
          font-family: arial;
          font-size: 12px;
        }
        
        #content .right .package ul {
          margin-left: 30px; /* Krävs för IE */
          margin-top: 10px;
          margin-bottom: 5px;
          padding-left: 0px; /* Krävs för FF */
          list-style: none;
          line-height: 150%;
        }
        
        #content .right .package ul li {
        	background: url(../images/bullet.gif) no-repeat 0px 6px;
        }
        
        #content .right .package ul li font {
        	padding-left: 15px;
        	font-size: 12px;
        }
        
        #content .right .package .columnLeft {
          float: left;
          width: 140px; /* 150px för IE. Har lagts till direkt i HTML-koden */
          padding-left: 20px;
          padding-top: 10px;
        }
        
        #content .right .package .columnRight {
          float: left;
          width: 260px;
          padding-left: 0px; /* 20px för IE. Har lagts till direkt i HTML-koden */
          padding-top: 10px;
          background: url(../images/price.gif) no-repeat 180px 15px; /* 190px 7px för IE. Har lagts till direkt i HTML-koden */
        }
        
        #content .right .package .testButton {
          float: left;
          width: 120px;
          height: 30px;
          margin-top: 6px; /* 8px för IE. Har lagts till direkt i HTML-koden */
          padding-bottom: 2px; /* 0px för IE. Har lagts till direkt i HTML-koden */
          font-weight: bold;
          font-family: arial;
          font-size: 11px;
          color: #333333;
          cursor: pointer;
        }
        
        #content .right p.noscript {
          margin-top: 10px;
          padding-left:15px;
        }
        
        #content .right p.noscript a:hover {
          text-decoration: underline;
        }
        
    /* CONTENT subPages */
            
    #content div.subPage {
      padding-left: 200px; 
      padding-right: 30%;
      font-size: 11px;
      font-family: verdana;
      color: #555555;
      text-align: justify;
    }
    
    #content .subPage h3 {
      font-family: verdana;
      font-size: 13px;
      font-weight: bold;
    }
    
    #content .subPage font.guideStep {
      font-style: italic;
      font-weight: bold;
    }
    
    #content .subPage a {
      font-size: 11px;
      color: #0000cd;
      font-weight: normal;
      text-decoration: underline;
    }

    #content div.subPage form {
      width: 300px;
      text-align: center;
      font-size: 11px;
      color: #555555;
    }

    #content div.subPage form font.address{
      font-size: 12px;
    }

    #content div.subPage form .contactMessage, .contactEmail{
      width: 300px;
    }
    
    #content div.subPage form input.contactSubmit{
      width: 140px; 
    }

    #content div.subPage table.examples{
      font-family: verdana;
      font-size: 12px;
      color: #555555;
    }
    
    #content div.subPage table.prices{
      font-family: arial;
      font-size: 12px;
      color: #555555;
    }
    
    #content div.subPage table tr.oddRow{
      background: #ffffff url(../images/line.gif) repeat-x;
    }

    #content div.subPage table tr.evenRow{
      background: #ffffff url(../images/line.gif) repeat-x;
    }
    
    #content div.subPage table tr.separator{
      background: #ffffff url(../images/line.gif) repeat-x;
    }

    #content div.subPage table.prices td.item{
      width: 150px;
    }         

/* FOOTER */

#footer {
  height: 100; /* Utan % annars funkar ej i IE */
	background-color: #e0e775;
	border-top: 10px solid #c9d704;
}

  #footer .text {
    width: 760px;
    text-align: right;
    font-size: 10px;
    color: #595959;
  }