body {margin:0; padding:0; font-size: 12px; font-family: "Lucida Grande", "Lucida Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif; background: #8da1aa url(../img/gradient.gif) repeat-x fixed; }


  #container {width: 950px; margin: 0 auto; position: relative; background: #FFF; }


    #logo {position: absolute; width: 509px; height: 85px; left: 25px; top: 5px; background: url(../img/logo.jpg) no-repeat;}


      #logo a  {width: 100%; height: 100%; display: block;}

    #member {position: absolute; width: 170px; height: 60px; left: 765px; top: 20px; background: url(../img/medlemskap.jpg) no-repeat;}


      #member a  {width: 100%; height: 100%; display: block;}


    #header { height: 95px; }

    #nav {margin: 0; padding: 0; list-style: none;  background: #b62a35; padding: 0 35px; height: 25px;}



    /* Hides from IE-mac \*/
    #nav:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */

      #nav li {float: left;position: relative;}

      #nav li a {color: #FFF; text-decoration: none; font-weight: bold; padding: 0px 20px 0px 0; display: block; width: 1em; white-space: nowrap; height: 25px; font-size: 11px; line-height: 2.2em;}
      #nav li>a {width: auto !important;}
      #nav ul {display: none; position: absolute; top: 25px; list-style: height: auto !important; none; background: #FFF; padding: 0; margin: 0;  border-left: 1px solid #b62a35; border-right: 1px solid #b62a35; width: 140px; }
      #nav ul li {padding: 0; display: block; width: 100%; height: auto;}
      #nav ul li a {float: none; color: #000; border-bottom: 1px solid #b62a35; display: block; margin: 0; font-weight: normal; padding: 0.2em 0.0em; text-indent: 2px;  width: 100%; height: auto !important; line-height: 1.2em;}

      #nav li.over ul, #nav li:hover ul {display: block;}


    #contentContainer {width: 100%; background: url(../img/bg.gif) repeat-y right;}

    /* Hides from IE-mac \*/
    #contentContainer:after {content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
    /* End hide from IE-mac */


      #wideColumn {width: 730px; float: left;}

        #wideColumn div.text {margin: 10px 30px; padding: 5px;}

        /*  This is a hack needed for lemon. Take it as it is. And use it!  */
        div>div.text, div>div.toppen {height: auto !important ;}

      #narrowColumn {width: 199px; float: right;}
        #narrowColumn h1 {background: #b62a35; font-size: 1em; color: #FFF;  padding: 3px 15px; text-transform: uppercase; margin: 0px; height: 1.2em; }

        #narrowColumn div.text {margin: 10px 15px 0px 15px;}
        .toppen {border: 0 !important;}
        #footer {clear: both; background: url(../img/bg.gif) repeat-y right; padding: 0px 35px 5px 35px; font-size:0.9em}

H1 { color: #b62a35; font-size: 24px; font-weight: normal;} /* Stor rubrik */
H2 { color: #b62a35; font-size: 18px; font-weight: normal;} /* Mellan rubrik */
H3 { color: #b62a35; font-size: 16px; font-weight: normal;} /* Liten rubrik */
p {color: #222; line-height: 1.4em;}

#tableForm {width: 50%; border-collapse: collapse;}
    #tableForm td {padding-right: 5px;}