/****** STYLES FOR SITE ******/
.c_main{
  /* margin-top:10px; */
  /*width:850px;*/
  background-image:url(bg.jpg);
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  /* font-size:11px; */
}

/*** instead of setting 10px margin on main, we put on all other div:s to be able to have a background picture on main ***/
.c_meny,
.c_middle,
.c_right{
  margin-top:10px;
}

/****** STYLES FOR HEADER ******/
.c_header{
  height:110px;
  /*width:800px;*/
}

/****** STYLES FOR MENU ******/
.c_meny{
  float:        left;
  width:        158px;
  /*margin-right: 10px;*/
}

.m_level2{
	margin-left:10px;
}

.m_level3{
	margin-left:20px;
}

.produkt{
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 0 5px 10px;
  width:140px;
  /* background:#CCFF33;*/
}

.kategori{
  border-bottom: 1px solid #CCCCCC;
 width:145px;
  padding: 5px 0 5px 5px;
}

.produkt a,
.kategori a {
  font-size: 11px;
  text-decoration: none;
  color:           #000000;
}

.kategori a {
  font-weight:bold;
}
/****** GENERAL CONTENT STYLES ******/
.c_middle{
  float:        left;
  width:        500px;
}

.c_middleWide{
  float:        left;
  width:        700px;
}

.c_right p,
.c_right h1,
.produkt a {
  font-size: 11px;
}

.product a,
.c_right h1{
  font-weight:     bold;
  color:           #000000;
  text-decoration: none;
}

/****** STYLES FOR LEFT COLUMN ******/
.c_leftcol{
  /*float:   left;
  width:   280px;*/
  padding: 0 0px;
}


.c_leftcol h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size:   16px;
  margin:      0 0 5px 0;
}

.c_leftcol h2{
  font-family:   Arial, Helvetica, sans-serif;
  font-size:     11px;
  margin:        0;
  margin-bottom: 5px;
}

.c_leftcol p{
  margin:0;
  padding-bottom: 20px;
  font-size: 12px;
}

.c_leftcol img{
  margin-bottom: 10px;
}

/****** STYLES FOR EXTRACOLUMN ******/
.c_extracol{
  float:       right;
  border-left: 1px solid #c8c5d8;
  /* border-right: 1px solid #000000; */
  /* border-bottom: 1px solid #000000;*/
  width:       164px;
  padding:     0 5px 20px 5px;
  margin-left: 10px;
  margin-bottom: 10px;
 /* margin-right: -1px; */
}

.c_extracol h1{
  font-family:    Verdana, Arial, Helvetica, sans-serif;
  font-size:      11px;
  text-transform: uppercase;
  color:          #000099;
  border-bottom:  1px solid #c8c5d8;
  margin:5px 0;
}

.c_extracol p{
  margin:0;
  padding:0;
}

.c_extracol img{
  margin:7px 0;
}

/****** STYLES FOR RIGHTCOLUMN ******/
.c_right {
  float:left;
  width: 165 px;
  border-left:1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  text-align:center;
}

.c_right h1 {
  padding: 3px 5px;
  background: black;
  color:#FFFFFF;
  margin:0;
  text-transform:uppercase;
}

.c_right p {
  color:#000000;
  padding:5px;
  margin:0px;
}

/****** STYLES FOR FOOTER ******/
.c_footer{
  clear:both;
  width:785px;
  border-top:1px solid #999999;
  margin:0px;
  padding:10px;
}

.c_footer ul{
  /* display:inline; */
  list-style-type: square;
}

.c_footer ul li {
  float:left;
  padding:0 5px;
}

.shadowed { 
  float:left;
  background: url(drop-shadow.png) no-repeat bottom right !important;
  background: url(drop-shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadowed img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 3px -6px;
  padding-bottom:30px;
  padding-left:10px;
  padding-right:10px;
  padding-top:14px;
}

.shadowed p {
  text-align:center;
  padding-left:5px;
  display: block;
  position: relative;
  margin-top:-30px;
  padding-right:15px;
  font-size:9px;
}


