html {
width: 100%;
height: 100%;
}

body {
width: 100%;
height: 100%;
font-size: 12px;
font-family: verdana;
color: #717171; 
background-color: #444343; 
margin: 0;
padding: 0;
}


h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #5F899A;
font-size: 30px;
font-weight: normal;
border-bottom: 1px solid #eee;
padding-bottom: 3px;
margin: 25px 0 15px 0;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
margin: 25px 0 8px 0;
font-weight: normal;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
margin: 0px 0 6px 0;
padding-top: 0;
font-weight: normal;
}

a {
color: #6896B4;
text-decoration: none;
}

a:hover {
color: #46708D;
text-decoration: underline;
}

#innpakning {
width: 100%;
}

#rad1 {
width: 100%;
height: 148px;
}

  #linjeTopp {
  width: 100%;
  position: relative;
  height: 4px;
  background-color: #222;
  font-size: 0;
  }
  
  #bgTopp {
  width: 100%;
  height: 144px;
  background: url('gfx/bgTopp.gif') repeat-x;
  }
  
    #logoTopp {
    width: 955px;
    margin: 0 auto;
    height: 144px;
    background: #fff url('gfx/logoTopp.gif') repeat-y;
    }
    
      #logo {
      float: left;
      padding: 20px 0 0 21px;
      }
      
        #logo img {
        border: 0;
        padding: 0;
        margin: 0;
        background: transparent;
        }
      
        #logo a {
        width: 185px;
        height: 100px;
        background: transparent;
        display: block;
        }

      #toppSeksjon {
      float: right;
      }
      
        .breadcrumb_separator {
          margin: 0 6px 0 6px;
        }

        #toppLenker {
        padding: 10px 24px 0 0;
        color: #fff;
        font-size: 10px;
        width: auto;
        height: 63px;
        text-align: right;
        }
          
          #toppLenker a {
          color: #fff;
          font: 10px verdana, tahoma, serif, arial;
          margin: 2px;
          }
          
          #toppLenker span.pipe {
            font-size: 10px;
          }
          
      #toppNav {
        float: left;
        width: 536px;
        color: #EFF4F7;
        font: 9px verdana, tahoma, serif, arial;
      }
      
        #dato {
        position: relative;
        top: 20px;
        text-align: right;
        }
        
        #navigasjon {
        margin-top: 44px;
        }
      
          #navigasjon a {
          color: #EFF4F7;
          }

        #toppSok {
          float: left;
          width: auto;
          height: 20px;
          text-align: right;
          padding-right: 14px;
          padding-top: 8px;
        }
        
          #toppSok td {
          vertical-align: middle;
          }

          #toppSok input {
          font: 10px verdana, tahoma, serif, arial;
          padding: 2px 3px 2px 3px;
          width: 108px;
          }
          
          #toppSok button {
          padding: 2px 3px 2px 3px;
          color: #444;
          margin-left: 2px;
          font: 10px verdana, tahoma, serif, arial;
          }

#rad2 {
width: 100%;
height: auto;
}

  #bgMellom {
  width: 100%;
  min-height: 296px;
  background: #fff url('gfx/bgMellom.gif') repeat-x;
  }

    #hoved {
    width: 955px;
    height: auto;
    margin: 0 auto;
    background: #fff url('gfx/bgKolonner.gif') repeat-y;
    min-height: 296px;
    }

      #kolonne1 {
      width: 180px;
      height: auto;
      float: left;
      padding-bottom: 20px;
      }
      
        #menu {
        list-style-type: none;
        padding: 0px 5px 20px 5px;
        margin: 0;
        }
        
          #menu li {
          margin: 0;
          padding: 0;
          }
          
          #menu li a {
          display: block;
          color: #737373;
          padding: 5px 3px 5px 19px;
          font-size: 11px;
          font-family: verdana, tahoma, serif, arial;
          text-decoration: none;
          border-bottom: 2px solid #fff;
          }
          
          #menu a:hover {
          background-color: #E3EBF0;
          color: #49687D;
          }
          
          #menu li.selected a {
          font-weight: bold;
          }
          
          #sub_menu {
          padding: 0;
          margin: 0;
          }
          
          #sub_menu li {
            list-style-type: circle;
            margin: 0;
            padding: 0;
            margin-left: 38px;
          }
           
            #sub_menu li.level2 a {
            padding: 5px 5px 5px 3px;
            font-size: 10px;
            }
            
            #sub_menu li.level2 a:hover {
            background: transparent;
            color: #000;
            }
          
        .inndelingKolonne1 {
        width: auto;
        height: 18px;
        margin: 3px 2px 0 2px;
        padding: 5px 20px 0 0;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        text-align: right;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: url('gfx/bgMenyVenstre.gif');
        }
        
          #feltLoggInn {
          padding: 9px;
          }
          
            
            #feltLoggInn .knapp {
            float: right; 
            margin-right: 0; 
            font-size: 12px; 
            padding: 3px 5px 3px 5px;
            font-weight: normal;
            }
            
            #feltLoggInn a { 
            font-weight: normal; 
            border: 0;
            background: transparent;
            font-size: 10px;
            }
            #feltLoggInn input.button {
              padding: 2px 5px 2px 5px;
              margin: 2px 3px 0 0;
            }
            
            #feltLoggInn a:hover{
            color: #000;
            }
            
            #feltLoggInn .registrer a {
            text-align: right; 
            margin: 8px 0 0 0; 
            padding: 7px 0 3px 0; 
            border-top: 1px solid #f0f0f0;
            width: 100%;
            color: #717171;
            font: 10px Georgia, "Times New Roman", Times, serif; 
            }
            
            #feltLoggInn .registrer a:hover {
            color: #000;
            }
            
            #login_error {
              padding: 8px 10px 8px 10px;
              margin-bottom: 5px;
              background-color: #FBE4E4;
              color: #662D2D;
              font-size: 9px;
            }

      #kolonne2 {
      width: 591px;
      height: auto;
      float: left;
      background-color: #fff;
      }
      
        #tekst {
        width: auto;
        padding: 0px 15px 20px 16px;
        }
          #column1 > h1:first-child { margin-top: 15px; }
          
        #event_details {
          padding:15px 15px 20px 12px;
        }
        #event_signup {
          padding:15px 15px 10px 12px;
        }
        
        #column1 {
          padding-bottom: 10px;
        }
        
        
      #kolonne3 {
      width: 183px;
      height: auto;
      float: left;
      padding-left: 1px;
      padding-bottom: 20px;
      }

        .inndelingKolonne3 {
        width: auto;
        height: 18px;
        margin: 3px 2px 0 2px;
        padding: 5px 20px 0 0;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        text-align: right;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        background: url('gfx/bgMenyHoyre.gif') no-repeat;
        }
        
          .feltKolonne3 {
          padding: 9px;
          }
          
            .feltKolonne3 input {
            width: 107px;
            height: 16px;
            font-size: 12px;
            padding: 3px 4px 1px 4px;
            border: 1px solid #ccc;
            margin-bottom: 3px;
            float: left;
            }
            
            .feltKolonne3 .bilder {
            text-align: center;
            margin-bottom: 10px;
            }
            
              .feltKolonne3 .bilder img {
              background: #fdfdfd; 
              padding: 4px;
              border: solid 1px #ccc;
              }
              
              .feltKolonne3 .bilder a {
              text-decoration: none;
              color: #737373;
              font: 10px verdana, tahoma, serif, arial;
              }

              .feltKolonne3 .bilder a:hover {
              color: #000;
              }
              
          .feltKolonne3 .hendelser {
          padding-bottom: 14px;
          font-size: 11px;
          }
          
      div.calendar_item, div.calendar_item td {
        margin-bottom: 10px;
        font-size: 11px;
      }
      
        div.calendar_item h3 {
          font-size: 17px;
          margin: 1px 0 2px 0;
        }
      
      div.feed_comment {
        margin-bottom: 15px;
      }
      
        div.feed_comment_age {
          font-size: 9px;
          text-align: right;
          margin-top: 4px;
        }
      
      div.column_header {
      padding: 8px 0px 6px 14px;
      margin: 22px 1px 11px 1px;
      background-color: #E4EFC7;
      border-bottom: 1px solid #D0E1A1;
      font-size: 11px;
      letter-spacing: 1px;
      color: #97AE5B;
      }
      
      div.column_content {
      padding: 5px 8px 0 8px;
      margin-bottom: 14px;
      font-size: 11px;
      }
      div.column_content a:hover {
      text-decoration: none;
      }
        
#rad3 {
  clear: both;
  width: 100%;
  background: #444343 url('./gfx/bottom_bg.gif') repeat-x 0 0;
  height: auto !important;
  min-height: 103px;
}

  #bottom {
    width: 955px;
    margin: 0 auto;
    background: #444343 url('./gfx/bottom_bg.gif') repeat-x 0 0;
    height: 162px;
    padding: 30px 0px 18px 0px;
  }
    
    #bottom a, #bottom a:hover {
      color: #fff;
    }
    
    #bottom img.picture {
      padding: 2px;
      background-color: #444343;
      border-width: 2px;
    }
  
    #bottom td {
      color: #e0e0e0;
      vertical-align: top;
      font-size: 11px;
      padding: 0 25px 0 0;
    }
      
      #bottom_logo {
        float: right;
        padding: 40px 10px 10px 10px;
      }
      
      td#contact_info, td#office_info {
        font-size: 13px;
        padding-left: 30px;
      }
      
        #contact_info h4, #office_info h4 {
          margin: 10px 0 6px 0;
        }
        
      p#rss_link {
        font-size: 10px;
        margin-top: 30px;
      }
      
      p#developer_notice {
        clear: right;
        padding: 0;
        margin: 25px 0 0 0;
        font-size: 9px;
        color: #e0e0e0;
      }
        #developer_notice a {
          color: #e0e0e0;
        }