/* Stylesheet for the TreadCorp site */

/* ---------- General ---------- */

* {
  margin: 0;
  padding: 0;
}

body {

color:#5f777f;
  
  
}



#body2 {
  text-align: center;
  font: 11px Verdana;
  background: url(img/bgcontent.gif) repeat-x;
   background-color: #e5f4eb;
    margin: 0;
  padding: 0;

   
   
  
}

a {
  color: #5f777f;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a img {
  border: none;
}


h1 {color:#5f777f;margin-bottom:1px;font-size:x-large;font-weight:normal; margin-top: 0px;}
h2 {color:#5f777f;margin-bottom:1px;font-size:large;font-weight:normal; margin-top: 0px; padding-bottom: 10px; padding-top: 10px;}

h2.box, h3.box {
  font: 14px Verdana;
  background-color: #f2f2f2;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dotted #8cacc0;
  margin-bottom: 10px;
}

.link-list {
  list-style-type: none;
}

.link-list li {
  margin: 5px 0 5px 10px;
}

.link-list li a {
  font: 12px Verdana;
  color: #000;
}

.summary ul, .body ul, .article ul {
  margin-left: 20px;
  margin-right: 20px;
  
}

.summary ol, .body ol, .article ol {
  margin-left: 25px;
}

.edit {
  color: #f00;
}

/* ---------- Framework ---------- */

#canvas {
 width: 990px;

  text-align: left;
  margin-left: auto;
  margin-right: auto;
  
  
}

#content {
  width: 960px;
  padding-left: 10px;
  padding-right: 10px;
 
}

  #top {
    position: relative;
    width: 960px;
    height: 140px;
    margin-bottom: 5px;
  }

    #masthead {
      position: relative;
      width: 960px;
      height: 111px;
       background: url(img/bg-masthead.gif) no-repeat;
      margin-bottom: 5px;
    }

      a.home-link {
        position: absolute;
        display: block;
        top: 5px;
        left: 0;
        width: 230px;
        height: 70px;
        text-decoration: none;
      }

      a.home-link span {
        visibility: hidden;
      }

      a.jump-to-content {
        position: absolute;
        top: 0;
        left: -2000px;
      }

      .nav-tools {
        float: right;
        list-style-type: none;
        margin-top: 60px;
      }

      .nav-tools li {
        float: left;
        margin-left: 10px;
      }

      .nav-tools a {
        color: #000;
      }

      .nav-tools a.selected {
        font-weight: bold;
      }

    #bar-top {
      width: 960px;
      
    }

      .nav-top {
        list-style-type: none;
        margin: 0px 0px 0px 0px;
      }

      .nav-top li {
        float: left;
        height: 24px;
        margin-right: 0px;
      }

      .nav-top a {
        display: block;
        height: 21px;
        padding-top: 3px;
        font: 9px Verdana;
        color: #5f777f;
        background: url(img/bg-topnav.gif) no-repeat;
         width: 106.5px;
         text-align: center;
         
      }

      .nav-top a.selected {
       background: url(img/bg-topnav-selected.gif) no-repeat;
      }

      #search {
        float: right;
        padding-top: 4px;
        padding-right: 10px;
      }

      #searchbutton {
        font: 14px Verdana;
        color: #fff;
        background-color: #000;
        border: none;
        cursor: pointer;
        width: 30px;
        height: 20px;
      }

  #main-container {
    width: 960px;
    background-color: #e5f4eb;
  }
  
  .main-content {
    width: 960px;
     background-color: #e5f4eb;
   
  }
  
   .main-tab {
    
    width: 960px;
    background-color: #e5f4eb;
     
  }

  


  #footer {
  text-align:center;
    width: 960px;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #8cacc0;
  }

    #footer p {
      text-align: center;
    }

/* ---------- Frontpage template ---------- */


/* nye css for PDF  */
   
 #wrapper-2-col-pdf {
      padding-top: 10px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: url(img/bg-standard-2-col.jpg) no-repeat ;
      display: block;
      border:solid 0px red;
}



    #leftlist {
      float: left;
      width: 253px;
      padding: 20 10 0 20;
      border: solid 0px lime;
     
    }
	
	
	.iframe {
	width: 715px;
	height:100%;
	float:right;
	}

 
      .list-left {
      margin-top: 10px;
        list-style-type: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        background: url(img/nav-left-bg.gif) repeat-y ;
       
      }


        .list-left li.level-1 {
          margin-top: 15px;
          color: #5f777f;
			 font-size:14px;
			 font-weight:lighter;
			 padding-bottom: 5px;

        }

        .list-left li.level-2 {
           list-style:none;
           padding-left:10px;
           margin-top: 5px;
          font: 12px Verdana;
        }

        .list-left a {
        font-size: 14px;
          color: #5f777f;
          
        }

        .list-left a.selected {
           font-weight:bold;
        }
        
            #list-main-content {
      float: left;
      width: 700px;
      height: 720px;
      border:solid 0px red;
    }



/*  end   */

    #frontpage-top {
      width: 960px;
      overflow: hidden;
      padding-top: 10px;
    }

      #frontpage-top h1 {
        font: bold 24px Verdana;
        color: #206068;
        margin-bottom: 20px;
      }

      #frontpage-top p {
        font: 16px Verdana;
        margin-bottom: 10px;
      }

      #frontpage-top a {
        font: 12px Verdana;
      }

      .frontpage-social-links {
        margin-top: 20px;
      }

      .frontpage-social-links span {
        margin-right: 10px;
      }

      #frontpage-top-left {
        float: left;
        width: 486px;
      }

      #frontpage-top-right {
        float: left;
        width: 474px; /* Max 550px */
      }

    #frontpage-columns {
      width: 960px;
      overflow: hidden;
      padding-top: 10px;
    }

     .frontpage-column-left {
        float: left;
        width: 485px;
       
      }
      
     .frontpage-column-right {
        float: left;
        width: 475px;
       
      }


      #frontpage-columns .last {
        margin-right: 0;
      }

        .frontpage-section {
          margin-bottom: 20px;
        }

          .frontpage-news-item {
            width: 100%;
            overflow: hidden;
            padding-bottom: 30px;
          }

            .frontpage-news-item h3, h3 a {
              font: bold 14px Verdana;
              color: #000;
            }

            .frontpage-news-item .img-left {
              float: left;
              width: 70px;
              margin-right: 10px;
              overflow: hidden;
            }

            .frontpage-news-item .txt-right {
              float: right;
              width: 220px;
            }

            .frontpage-news-item .txt-left {
              float: left;
              width: 220px;
              margin-right: 10px;
            }

            .frontpage-news-item .img-right {
              float: right;
              width: 70px;
              overflow: hidden;
            }

            .frontpage-news-item .date {
              color: #999999;
              white-space: nowrap;
            }

          .events {
            margin-left: 10px;
          }

          .events td {
            vertical-align: top;
          }

          .events th {
            text-align: left;
          }

          .events .date {
            width: 90px;
          }

          .events .title {
            width: 130px;
          }
  
          .events .location {
            width: 70px;
          }

          .all-events-link {
            padding: 10px 0 20px 10px;
          }

          .event th {
            width: 90px;
            height: 20px;
          }

/* ---------- Content template with wide main area and right column ---------- */

    #main-content-wide {
      width: 100%;
      overflow: hidden;
    }

      #main-content-wide-left {
        float: left;
        width: 765px;
        padding-right: 25px;
      }

      #main-content-wide-left h1 {
        padding-top: 10px;
			color: #5f777f;
			 font-size:medium;
			 font-weight:lighter;
			 text-transform: uppercase;
      }

      #main-content-wide-left .body {
        margin-bottom: 20px;
      }

      #main-content-wide-left h3 {
        font: bold 14px Verdana;
        color: #206068;
      }

/* ---------- Content template with left menu, main area and right column ---------- */

    #wrapper {
      width: 100%;
      overflow: hidden;
      background: url(img/bg-main-repeat.gif) repeat-y 150px 0;
    }
    
      #wrapper-boliger {
      width: 100%;
      height: 500px;
      overflow: hidden;
      background: url(img/bg-boliger.jpg) no-repeat ;
    }
    
         #wrapper-standard {
      width: 100%;
      height: 700px;
      overflow: hidden;
      background: url(img/bg-standard.jpg) no-repeat ;
    }

     #wrapper-standard2 {
      width: 100%;
      overflow: hidden;
      background: url(img/bg-standard.jpg) no-repeat ;
    }
    
         #wrapper-standard-2-col {
      padding-top: 10px;
      width: 100%;
      overflow: hidden;
      background: url(img/bg-standard-2-col.jpg) no-repeat ;
    }



    #left {
      float: left;
      width: 243px;
      padding:  20 10 0 20;
      border: solid 0px;
     
      
    }

      .nav-left {
      margin-top: 10px;
        list-style-type: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        background: url(img/nav-left-bg.gif) repeat-y ;

       
      }

        .nav-left li.level-1 {
          margin-top: 15px;
          color: #5f777f;
			 font-size:14px;
			 font-weight:lighter;

        }

        .nav-left li.level-2 {
           list-style:none;
           padding-left:10px;
           margin-top: 5px;
          font: 12px Verdana;
        }

        .nav-left a {
          color: #5f777f;
        }

        .nav-left a.selected {
           font-weight:bold;
        }

      .editor-tools {
        margin-top: 30px;
      }

    #main-content {
      float: left;
      width: 715px;
      border:solid 0px;
    }

      #breadcrumb {
        width: 825px;
        color: #8cacc0;
        padding-left: 25px;
        margin-bottom: 20px;
        background-color: #fff;
      }

      #breadcrumb a {
        color: #8cacc0;
      }

      #main-content p, #main-content-wide p {
        font: 12px Verdana;
        margin-bottom: 10px;
      }

      #main-content-left {
        float: left;
        width: 485px;
        padding-left: 0px;
        padding-right: 0px;
        color: #5f777f;
      }

        #main-content-left h1 {
          padding-top: 10px;
          padding-bottom: 5px;
			color: #5f777f;
			 font-size:medium;
			 font-weight:lighter;
			 text-transform: uppercase;
			
        }

        #main-content-left .body {
          clear: left;
          margin-bottom: 20px;
        }

        #main-content-left h3 {
          font: bold 14px Verdana;
          color: #206068;
        }

        .article-footer {
          clear: left;
          padding-top: 10px;
          color: #999999;
        }

        .social-links {
          text-align: right;
        }

        .social-links span {
          margin-left: 10px;
        }

        .article {
          width: 460px;
          background: url(img/bgarticle.jpg) repeat-y;
          padding-left:10px;
          padding-right: 15px;
        }

          .article h2, h2 a {
            font: bold 14px Verdana;
            color: #000;
          }

          .article .img-left {
            float: left;
            width: 70px;
            margin-right: 10px;
            overflow: hidden;
          }

          .article .txt-right {
            float: right;
            width: 510px;
          }

          .article .txt-left {
            float: left;
            width: 510px;
            margin-right: 10px;
          }

          .article .img-right {
            float: right;
            width: 70px;
            overflow: hidden;
          }

        .nav-links img {
          vertical-align: middle;
          background-color: #aaa;
        }

        .nav-links img.nav-back {
          margin-right: 5px;
        }

        .nav-links img.nav-forward {
          margin-left: 5px;
        }

      #main-content-right {
        float: left;
        width: 200px;
      
      }

        .section-right {
          margin-bottom: 20px;
        }
        
          .section-right p {
            margin-left: 10px;
          }

/* ---------- Sitemap ---------- */

        .sitemap-columns {
          width: 100%;
          overflow: hidden;
        }

        .sitemap-column {
          float: left;
          width: 45%;
        }

        .sitemap, .sitemap ul {
          list-style-type: none;
        }

          .sitemap li.level-2 {
            background: url(img/bg-sitemap-level-2.gif) no-repeat;
          }

            .sitemap li.level-3 {
              background: url(img/bg-sitemap-level-3.gif) no-repeat;
            }

          .sitemap li.level-2 a {
            margin-left: 25px;
          }

            .sitemap li.level-3 a {
              margin-left: 50px;
            }

        .sitemap li a {
          color: #000;
          padding-left: 22px;
          background: url(img/bg-sitemap-link.gif) no-repeat;
        }

        .sitemap li a.last {
          background: url(img/bg-sitemap-link-last.gif) no-repeat;
        }

          .sitemap li.last li.level-2 {
            background: none;
          }

            .sitemap li.last li.level-3 {
              background: url(img/bg-sitemap-level-2.gif) no-repeat;
            }

            .sitemap li.last li.level-2 li.level-3 {
              background: url(img/bg-sitemap-level-3-last.gif) no-repeat;
            }

            .sitemap li.last li.last li.level-3 {
              background: none;
            }
            
            
            
            
              .imgCellheader
            {
				background: url(img/bg-houseoverviewheader.gif) no-repeat;
				padding-right: 27.5px;
				width:  170px;
				height: 5px;
				float:left;

				
            }

            
            
            .imgCell
            {
				
				background: url(img/bg-houseoverview.gif) repeat-y;
				text-align:center;
				padding-left: 2px;
				padding-right: 29px;
				width: 170px;
				
            }				
            
            
            
            
            .imgCellText
            {
				background: url(img/bg-houseoverviewtext.gif) no-repeat;
				padding-right: 29px;
				padding-top: 5px;
				width:  170px;
				height: 29px;
				padding-bottom:15px;
				
				
            }
            
            
                .imgCellSmall
            {
				
				width: 95px;
				
            }				
            
            
            .imgCellTextSmall
            {
				width:  95px;
				height: 29px;
				
				
            }
            
             .imgCellTextSmall a
            {
              color: #5f777f;
            }
            

			
            
            
            
            .imgCellText a
            {
              color: #5f777f;
            }
            
            .produkttekst
            {
              padding-top: 30px;
              padding-left: 10px;
              padding-right: 20px;
              color: #5f777f;
              font-family: Verdana;
           
            }
            
             .produkttekst h1
            {
              color: #5f777f;
              font-family: Verdana;
              font-size:  24px;
              font-weight: lighter;
              
           
            }
            
              .produkttekstbody
            {
              padding-left: 10px;
              padding-right: 20px;
              color: #5f777f;
              background-color: #e2e5e7;
              font-family: Verdana;
           
            }
            
            
                 .browselist
            {
            
              
              color: #5f777f;
             font-size: x-small;
             text-align:center;
           
            }
			
			      .browselist a
            {
            
              color: #5f777f;
             font-size: x-small;
           
            }
            
            
            


            
            .forsidekatalog
            {
			padding-left: 10px;
			padding-top: 10px;
			padding-bottom: 3px;
			background: url(img/forsidekatalog.jpg) no-repeat;
			height: 130px;
			width: 475px;
			color: #5f777f;
			}
			
			.forsidekatalog h1
            {
			color: #5f777f;
			font-size:  x-large;
			 font-weight:lighter;
			 padding-bottom: 10px;
			 text-transform: uppercase;

			
			}
			
			.bg-list-forside-small
			{
			background: url(img/bg-list-forside-small.gif) no-repeat;
			height: 77px;
			width: 475px;
			padding-left: 0px;
			padding-right: 10px;
			padding-top: 0px;
			padding-bottom: 12px;
			color: #5f777f;


			}
			
				.bg-list-forside-small h1
            {
			color: #5f777f;
			font-size:  medium;
			 font-weight:lighter;
			 padding-bottom: 5px;
			  text-transform: uppercase;
			
			}

			
			.bg-list-forside-large
			{
			background: url(img/bg-list-forside-large.gif) no-repeat;
			height: 163px;
			width: 475px;
			padding-left: 0px;
			padding-right: 10px;
			padding-top: 0px;
			padding-bottom: 3px;
			color: #5f777f;


			}
			
					.bg-list-forside-large h1
            {
			color: #5f777f;
			padding-right: 10px;
			font-size:  medium;
			 font-weight:lighter;
			 padding-bottom: 5px;
			text-transform: uppercase;
			
			}

			
			
			
			
			.bg-list-forside-tekst
			{
			background: url(img/bg-list-forside-tekst.gif) no-repeat;
			height: 163px;
			width: 227px;
			padding-left: 10px;
			padding-right: 30px;
			padding-top: 15px;
			padding-bottom: 3px;
			color: #5f777f;
			text-align:left;
			
			

			}
			
				.bg-list-forside-tekst h1
			{
			
			padding-top: 5px;
			color: #5f777f;
			 font-size:medium;
			 font-weight:lighter;
			 text-transform: uppercase;

			
			

			}

  .househeader
            {
				background: url(img/bg-househeader.gif) no-repeat;
				width:  474px;
				height: 6px;
				
				
            }



.bg-list-forside-bilde
			{
			
			
			padding-bottom: 10px;
			color: #5f777f;


			}


.dropdown {position:relative;float:left;  padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Verdana; color: #5f777f; }
.dropdown option {color: #5f777f;}
	
}