* { margin: 0; padding: 0; font-family: arial;  } 

html, body { 
    height: 100%;
    width: 100%;
    text-align: center;
    background: url('horisontal_tile.jpg') repeat-x #BC6422;
    }

#shade-wrap {
    width: 760px;
    min-height: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    }

#right-shade-wrap {
    min-height: inherit; 
    width: 100%; 
    }	

#tile-wrap {
    min-height: inherit;
    }

#right-tile-wrap {
    background: #ffffff;
    min-height: inherit; 
   }

#top-tile-wrap {
    min-height: inherit;
	background: url('topp.jpg') no-repeat;
    }

#stretch {
    position: relative;
    float: right;
    min-height: 100%;
    margin-top: -130px;
    }

#header { height: 128px; }

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

#content-wrapper { 
    float: left;
    width: 500px;
    margin: 0 1%;
	clear: left;
	/* background: #ff0000; */
    }

#footer {
    position: relative;
    margin-top: -120px;
    height: 120px; 
    padding: 5px; 
    clear: both;
    width: 750px;    
    background: url('bunn.jpg') no-repeat top left #BC6422;

      }
    
#footer p { padding: 90px 0px 0px 30px; }

#not-footer { height: 0px ! important; height: 130px; clear: both; float: left; }

#logo { display: block; float: left; width: 400px; height: 128px; }

.kolonne { width: 230px; float: left; padding-right: 10px; }
.bredkolonne  { width: 280px; float: left; }
.smalkolonne  { width: 160px; float: left; padding-right: 30px;  }
.aapning { background: url('aapningstider.jpg') no-repeat; padding-top: 150px; }

p,h1,h2,h3,h4,h5,h6 { padding: 0.3em 0; font-family: arial; }
h1,h2,h3,h4,h5,h6 { font-family: verdana; color: #BD5A29; }
p, li {  font-size: 0.8em; font-family: arial; }
h1 { font-size: 1.5em;   }
h2 { font-size: 1em; }
h3 { font-size: 1em;   }
h4 { font-size: 0.8em; font-weight: bold; }
h5 { font-size: 0.8em; font-style: italic; }
h6 { font-size: 0.8em; text-decoration: underline; }

ul , ol {  padding-left: 1.5em; margin-bottom: 0.5em; }
img { border: 0; }

blockquote p { color: #ffffff; background: #0000ff; margin: 0.2em; padding: 0.3em; }

.left { float: left; margin-right: 0.3em; }
.right { float: right; margin-left: 0.3em; }

.w250 { width: 250px; }

/* Meny */
ul#menu { list-style-position:outside; padding: 0; margin: 0; padding-bottom: 10px; padding-top: 40px;}

ul#menu li a { 
    display: block;
    float: left; 
    padding: 0.2em 0em; 
    text-decoration: none;
    color: #BD5A29; 
    }

ul#menu li a span {
    display: block;
    color: #0000aa;
    font-weight: bold;
    padding: 0em 0.8em;
    }

ul#menu li a:hover { }

ul#menu li a:hover span { background: #0000aa; color: white; }

#menu ul {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  }

#menu li {
  float: left;
  position: relative;
  display: inline;
  margin: 0 10px;
  }

#menu li ul {
  display: none;
  position: absolute; 
  top: 22px;
  left: 0;
  width: auto;
  }
#menu li > ul {
    left: auto;
    }

#menu li:hover ul, #menu li.over ul { display: block; z-index: 5; background: #fff; }
#menu li li { clear: both;  }
#menu li li a { background: #ffffff; color: #000; height: auto; width: 8em; border-bottom: solid 1px #ddd; }
#menu li li a:hover { background: #ffffff; color: #000; }


/* clearfix rot */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
}