p {
  display             : block;
  margin              : 0 0 0 6px;
}
.content {
  padding-left: 10px;
}
.box {
  border              : 0px solid #4bbde8;
  clear               : both;
  float               : none;
  text-align          : center;

  /* background-color    : white;*/
  background: url("images/yr_bg.jpg") ;
 
padding-top: 50px;

  
}

#small {
  width               : 178px;
  height              : 300px;
}

#large {
  width               : 475px;
  height              : 250px;
 
}

.left {
  float               : left !important;
}

.right {
  float               : right !important;
}

.margright {
  margin-right        : 6px;
}

h3  {
  margin              : 4px 0 6px 6px;
  magin-top: 50px;
  padding-left        : 100px;
  font-size           : 12px;
  text-align          : left;
}

h3 a:link,
h3 a:active,
h3 a:focus,
h3 a:visited,
h3 a:hover{
  text-decoration     : none;
  color               : #000;
  font-size           : 14px;
  font-weight         : bold;
}

.top {
  display             : block;
  width               : auto;
  height              : 25px;
  text-align          : left;
  border-bottom       : 0px solid #e3e4e3;
}

.top a:link,
.top a:active,
.top a:focus,
.top a:visited {
  background-image    : url("http://fil.nrk.no/contentfile/web/bgimages/special/weather/jsversion/banner.png");
  background-position : center left;
  background-repeat   : no-repeat;
  background-color    : #7dcde2;
  display             : block;
  width               : auto;
  height              : auto;
  line-height         : 25px;
  text-decoration     : none;
  text-align          : right;
}

.top a em {
  visibility          : hidden;
}

.top a span {
  text-align          : right;
  padding-right       : 6px;
  color               : #1d788f;
}

.forecast-box {
  width               : 130px;
  height              : 115px;
  margin              : 0 auto 6px auto;
  border              : 1px solid #ccd2ce;
 float               : left;
  background-color    : white;
  text-align          : left;
 }

/*.forecast-wrapper,
.forecast-wrapper + .forecast-wrapper + .forecast-wrapper {
  margin              : 0 0 6px 0;
  width               : 155px;
  float               : left;


}

.forecast-wrapper + .forecast-wrapper {
  width               : 156px;
}

.forecast-wrapper + .forecast-wrapper + .forecast-wrapper {
  width               : 155px;
  float               : left;

}*/

.forecast-wrapper{
  float               : left;
  background-color    : none;
  width               : 153px;
  margin-top: 25px;
}

.forecast-wrapper h4 {
  margin              : 2px 0 2px 12px;  float: left;
}

.forecast-box h3 {
  font-weight         : bold;
  color               : #7a8180;
  background-color    : #fff;
  background-image    : none;
  margin              : 0 0 0 0;
  padding             : 0 0 0 0;
  height              : 15px;
  text-align          : left;
}

.forecast-box h3 * {
  font-weight         : bold;
  color               : #7a8180;
  background-color    : #fff;
  background-image    : none;
  margin              : 0 0 0 0;
  padding             : 0 0 0 0;
  height              : 15px;
  text-align          : left;

}

.forecast-box * {
  font-family         : Trebuchet, Arial,Verdana,Sans-serif;
  font-size           : 11px;
}

.forecast-box table {
  display             : table;
  /*width               : 100%;*/
  table-layout        : fixed;
  border-collapse     : collapse;

}

.forecast-box td,
.forecast-box th {
  display             : table-cell;
}

.forecast-box td {
  width               : 33%;
  text-align          : center;
}

.forecast-box .plus,
.forecast-box .minus {
  font-size           : 20px;
  font-weight         : bold;
}

.forecast-box td.plus,
.forecast-box td.minus,

.forecast-box td.wind {
  border-left         : 1px solid #fff;
  color               : #0280d9;
}

.forecast-box td.plus {
  color               : #f01c1c;
}

.forecast-box p {
  background-color    : #fff;
  padding             : 2px 2px 0 2px;
  margin              : 0 2px 0 2px;
  display             : block;
  height              : 54px;
}

.meteogram {
  display             : block;
  float               : none;
  clear               : both;
  text-align          : center;
}

.meteogram img {
  margin              : 4px auto 4px auto;
}

ul {
  margin              : 2px 0 0 0;
  padding             : 0 0 4px 22px;
  text-align          : left;
  display             : block;
  color               : #b5b5aa;
  list-style-type     : disc;
}

#small ul {
  border-bottom       : 0px solid #e3e4e3;
}

ul li {
  line-height         : 16px;
}

#search {
  display             : block;
  margin              : 0 0 6px 0;
}

#small #search {
  border-top          : 1px solid #fff;
}

#search label {
  font-weight         : bold;
  dispay              : block;
  line-height         : 20px;
  margin              : 0 0 0 6px;
}

#search input#querybutton {
  background-color    : transparent;
  background-image    : url("http://fil.nrk.no/contentfile/web/bgimages/special/weather/jsversion/button.gif");
  background-repeat   : no-repeat;
  width               : 40px;
  height              : 22px;
  line-height         : 22px;
  border              : 0;
  color               : #536a7e;
  text-align          : center;
  text-transform      : uppercase;
  font-size           : 12px;
  font-weight         : bold;
  margin              : 0 6px 0 4px;
  cursor              : pointer;
  float               : left;
}

#search input#querybutton:hover {
  color: #212d2c;
  background-color: inherit;
}

#search input#place {
  float               : left;
  width               : 120px;
  height              : 20px;
  line-height         : 20px;
  border              : 1px solid #4bbde8;
  margin              : 0 0 0 6px;
}