@charset "utf-8";
/* CSS Document */

body {
  margin:0px;
  /* font-family:"Myriad Pro",Verdana, Arial,trebuchet ;*/

font-family:"Myriad Pro", Verdana, Trebuchet Ms;
  background-color:#025395;
  background-image:url(img/agerup_bg_website.jpg);
  background-position:center top;
  background-repeat:repeat-x;
  margin:0 auto;
}
/*   text declarations go here   */





h1 {
  font-size:16px;
  margin:5px;
  font-weight:bold;
}
.h2 {
  font-size:14px;
  margin:5px;
  font-weight:bold;
  

}
.h3 {
  font-size:14px;
  margin:0px;
  padding:0px;
  font-weight:bold;
}
/*   text declarations go here   */

#main {
  width:1000px;
  height:850px;
  /*background-image:url(img/illustrasjon_bg_02.png);*/
  /*background-image:url(img/agerup_bg_website_y.png);*/
background-image:url(img/forside-kant.png);

background-repeat:no-repeat;
  background-position:left top;
  position:relative;
}
#main1 {
  width:852px;/*832*/
  height:780px;
  /*border:1px solid black;*/

float:right;
  margin-right:35px;
  position:relative;
}
#col1 {
  width:177px;/*159*/
  /*height:780px;*/

height:726px;
  /*background-color:#FF0000;*/

float:left;
  position:relative;
}
#col1_1 {
  position:absolute;
  top:95px;
  left:0px;
  width:172px;/*154*/
  height:631px;
  background-color:#ffffff;
}
.transparent_class {
  filter:alpha(opacity=90);
  opacity:0.9;
}
/*------------------------------leftMenu starts here --------------------------------------*/

#leftMenu {
  width:172px;/*154*/
  min-height:500;
  position:absolute;
  top:95px;
  left:0px;
  overflow:hidden;
  max-height:631px;
  padding-left:10px;
}
#leftMenuHeader {
  width:154px;
  height:20px;
  background-image:url(img/title.png);
  background-position:top left;
  background-repeat:no-repeat;
}
.left_menu {
  width:162px;/*154*/
  height:20px;
  margin-top:10px;
  background-image:url(img/dott.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:10px;
}
.left_menu a {
  display:block;
  min-width:20px;
  height:20px;
  font-size:13px;/*12*/ 
  font-weight:bold;
  color:#000000;
  text-align:left;
  text-decoration:none;
  line-height:20px;/*padding-left:15px;*/





}
.left_menu a:hover {
  text-decoration:underline;
  color:#333333;
}
.left_menu_selected {
  width:162px;/*154*/
  height:20px;
  color:#333333;
  font-weight:bold;
  color:#000000;
  text-align:left;
  text-decoration:underline;
  background-image:url(img/dott.png);
  background-repeat:no-repeat;
  background-position:left center;
  margin-top:10px;
  padding-left:10px;
}
.left_menu_selected a {
  display:block;
  min-width:20px;
  height:20px;
  font-size:13px;/*12*/ 
  font-weight:bold;
  color:#000000;
  text-align:left;
  text-decoration:none;
  line-height:20px;/*padding-left:15px;*/













}
/* ------- sub menu starts here --------------------*/





/* sub meny */

.col1MenyLbSub {
  width:162px;/*154*/
  height:20px;
  margin-top:5px;/*margin-left:10px;*/

}
.col1MenyLbSub a {
  display:block;
  width:129px;
  height:20px;
  /*padding-left:15px;*/

padding-left:10px;
  color:#333333;
  text-decoration:none;
  background-image:url(img/agerup_submenudot.gif);
  background-repeat:no-repeat;
  background-position:left center;
  text-align:left;
  font-size:11px;/*9px*/ 
  line-height:20px;
  font-family:"Myriad Pro";
}
.col1MenyLbSub a:hover {
  color:#000000;
  text-decoration:none;
}
.col1MenyLbSubS {
  width:162px;/*154*/
  min-height:20px;
  margin-top:5px;/*margin-left:10px;*/

}
.col1MenyLbSubS a {
  display:block;
  width:129px;
  min-height:20px;
  /*padding-left:15px;*/

padding-left:10px;
  color:#333333;
  text-decoration:underline;
  background-image:url(img/agerup_submenudot.gif);
  background-repeat:no-repeat;
  background-position:left center;
  text-align:left;
  font-size:11px;/*9px*/ 
  line-height:20px;
  font-family:"Myriad Pro";
}
.col1MenyLbSubS a:hover {
  color:#000000;
  text-decoration:none;
}
/* ------- sub menu ends here --------------------*/





/* ------------------ ------------ left menu ends here -------------------------------*/

#col2 {
  width:673px;
  /*height:780px;*/

height:726px;
  /*background-color:#00FF00;*/

float:right;
  /*background-image:url(img/agerup_bg_website_02.jpg); */

background-repeat:no-repeat;
  background-position:top right;
}
#top {
  width:673px;
  height:95px;
  position:relative;
}
/*------------------------ s?k definations ------------------------------*/

#sok {
  position:absolute;
  top:2px;
  left:533px;
  width:140px;
  height:20px;
}
#sokInp {
  position:absolute;
  top:1px;
  left:3px;
  font-size:11px;
  color:#000000;
  height:16px;
  border:1px solid #000000;
  width: 88px;
}
#sokButton {
  position:absolute;
  top:0px;
  left:100px;
  height:20px;
  width:40px;
  cursor:pointer;
  font-size:11px;
}
/*------------------------ s?k definations ------------------------------*/

#logo {
  width:383px;
  height:73px;
  /*background-image:url(img/Logofelt_agerup_ligg.png);*/
  background-image:url(img/FR_liggende_pos_Agerup.png);
  background-repeat:no-repeat;
  background-position:top;
  position:absolute;
  left:0px;
  top:0px;
}
#logo a {
  width:383px;
  height:70px;
  display:block;
  cursor:pointer;
}
/*--------------------- top menu starts here --------------------------*/

#topMenu {
  width:673px;
  height:25px;
  /*background-color:#000000;*/

position:absolute;
  left:0px;
  bottom:0px;
}
.top_menu {
  min-width:50px;
  height:25px;
  float:left;
  margin-right:10px; /*original 20px*/
}
.top_menu a {
  min-width:50px;
  height:25px;
  display:block;
  font-size:10px;
  font-family:verdana;
  font-weight:bold;
  color:#000000;
  line-height:25px;
  text-decoration:none;
  background-image:url(img/orange_y.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:10px;
}
.top_menu a:hover {
  text-decoration:none;
  color:#F9A61B;
  font-weight:bold;
  background-image:url(img/black_y.png);
  background-repeat:no-repeat;
  background-position:left center;
}
.top_menu_selected {
  min-width:50px;
  height:25px;
  float:left;
  margin-right:20px;
}
.top_menu_selected a {
  min-width:50px;
  height:25px;
  text-decoration:none;
  color:#F9A61B;
  font-size:10px;
  font-family:verdana;
  line-height:25px;
  font-weight:bold;
  background-image:url(img/black_y.png);
  background-repeat:no-repeat;
  background-position:left center;
  display:block;
  padding-left:7px;
}
/*--------------------- top menu ends here --------------------------*/

#bottom {
  width:688px;
  /*height:685px;*/

height:631px;
}
#bottom_col1 {
  width:533px;
  height:631px;
  /*background-color:#CC6600;*/

float:left;
  margin-right:5px;
}
#slider {
  width:530px;
  height:180px;
  /*border: 2px solid #7EB6B0;*/

background-color:white;
}
.para_title {
  width:527px;
  height:30px;
  clear:both;
  font-size:14px;
  font-weight:bold;
  color:#000000;
  text-align:left;
  line-height:25px;
}
.box1 {
  width:252px;
  height:185px;
 border0px solid #000000;
  float:left;
  background-color:#ffffff;
  position:relative;
  font-size:12px;
  line-height:12px;
  text-align:left;
  padding:5px;
  overflow:hidden;
}
.lt {
  width:69px;
  height:14px;
  /*background-image:url(img/leggtil.jpg); */ 

background-repeat:no-repeat;
  position:absolute;
  right:5px;
  bottom:5px;
}
.lt a {
  width:69px;
  height:14px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
.text_box {
  clear:both;
  width:525px;
  height:190px;
  background-color:#ffffff;
  padding:3px;
}
.text_box1 {
  width:517px;
  height:416px;
  background-color:#ffffff;
  padding:5px;
  font-size:12px;
  line-height:12px;
  text-align:left;
  border:1px solid #000000;
  margin-bottom:7px;
  overflow:hidden;
}
#bottom_col2 {
  width:150px;
  height:631px;
  float:right;
  position:relative;/*background-color:#666666;*/

}
#nb {
  width:150px;
  height:179px;
  background-image:url(img/nb.jpg);
  background-repeat:no-repeat;
  background-position:center;
 border0px solid black;
  background-color:#FFFFFF;
  position:absolute;
  top:0px;
  left:0px;
}
#nb a {
  width:150px;
  height:174px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
#fk {
  width:150px;
  height:445px;
  /*background-image:url(img/fk.jpg);*/

background-repeat:no-repeat;
  margin-top:8px;
  background-position: bottom;
  position:absolute;
  bottom:0px;
  left:0px;
  overflow:hidden;/*border:1px solid black;*/

}
#fk a {
  width:150px;
  height:447px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
.nesteKnapp {
  min-width:50px;
  height:19px;
  line-height:19px;
  color:#ffffff;
  font-size:12px;
  text-align:center;
  float:left;
  margin-left:20px;
  background-image:url(img/nes.jpg);
  background-position:center;
  background-repeat:repeat-x;
  /*background-color:#000000;*/

padding-left:10px;
  padding-right:10px;
}
.nesteKnapp a {
  color:#ffffff;
  text-decoration:none;
  display:block;
}
.  nesteKnapp a:hover {
 color:#ffffff;
 text-decoration:none;
}
#kjopKnapp {
  min-width:50px;
  height:19px;
  line-height:19px;
  color:#ffffff;
  font-size:11px;
  text-align:center;
  float:right;
  margin-left:10px;
  margin-top:0px;
  background-image:url(img/nes.jpg);
  background-position:center;
  background-repeat:no-repeat;
  margin-right:5px;
}
#kjopKnapp a {
  color:#ffffff;
  text-decoration:none;
  display:block;
  padding-left:10px;
  padding-right:10px;
}
#kjopKnapp a:hover {
  color:#ffffff;
  text-decoration:none;
}
#handlevogn {
  width:120px; /*80*/
  height:20px;
  background-image:url(img/handlevogn.png);
  background-position:left top;
  background-repeat:no-repeat;
  text-align:left;
  padding-left:20px;
  font-size:10px;
  color:#000000;
  font-family:/*myraid pro*/ verdana;
  /*border:1px solid red;*/

/*position:absolute;

top:30px;

left:535px;*/

position:absolute;
  left:825px;
  top:75px;
}
#footer {
  width:832px;
  height:54px;
  position:absolute;
  right:0px;
  bottom:0px;
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  color:#7696BD;
  text-align:left;
}
/*?????????????????????????????????????????????????????????????????

?Carousel styles ?

? ?

?????????????????????????????????????????????????????????????????*/

.stepcarousel {
  position: relative; /*leave this value alone*/
  /*border: 10px solid black;*/ /* yogi did this to remove the background*/

/*border:1px red solid;*/

overflow: scroll; /*leave this value alone*/
  width: 470px; /*Width of Carousel Viewer itself*/
  height: 175px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
  position: absolute; /*leave this value alone*/
  left: 0;
  top: 0;
}
.stepcarousel .panel {
  float: left; /*leave this value alone*/
  overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  margin: 0px; /*margin around each panel*/
  margin-right:10px;
  width: 470px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
  background-image:url(img/panelbox.png);
  text-align:center;
  padding:5px 2px 2px;
  font-size:12px;
  background-repeat:no-repeat;
  background-position:top;
}
.stepcarousel a {
  text-decoration:none;
}
img {
  border:0px;
}