@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-repeat:no-repeat;
background-position:left top;
position:relative;}
#main1{
width:832px;
height:780px;
/*border:1px solid black;*/
float:right;
margin-right:35px;
position:relative;




}
#col1{
width:159px;
/*height:780px;*/
height:726px;
/*background-color:#FF0000;*/
float:left;
position:relative;
}
#col1_1
{
position:absolute;
top:95px;
left:0px;
width:154px;
height:631px;
background-color:#ffffff;
}
.transparent_class 
{
filter:alpha(opacity=90);
opacity:0.9;
}
/*------------------------------leftMenu starts here --------------------------------------*/
#leftMenu{
width:154px;
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:154px;
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:12px;
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:154px;
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:12px;
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:154px;
height:20px;
/*margin-top:5px;*/
margin-left:10px;
}
.col1MenyLbSub a
{
display:block;
width:129px;
height:20px;
padding-left:15px;
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:10px;
line-height:20px;
}


.col1MenyLbSub a:hover
{
color:#000000;
text-decoration:none;
}
.col1MenyLbSubS
{
width:154px;
min-height:20px;
/*margin-top:5px;*/
margin-left:10px;
}
.col1MenyLbSubS a
{
display:block;
width:129px;
min-height:20px;
padding-left:15px;
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:10px;
line-height:20px;
}


.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-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:80px;
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;
/*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;


}