body{
margin:0 0 0 0;
background-image:url('gfx/baggrund.jpg');
background-repeat:repeat-x;
background-color:#49C2F1;
}

#handelVidere {
left:0;
top:0;
height:100%;
background-image:url('gfx/bluebg.png');
z-index:100;
position:absolute;
width:100%;
}

#handelVidere div.container {
position:absolute;
z-index:200;
height:260px;
width:501px;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-130px;
}
div.offer h2 {
color:#000;
}

#handelVidere div.mid {
background-image:url('gfx/roundboxMid.png');
background-repeat:repeat-y;
height:220px;
width:501px;
}

#handelVidere div.top {
background-image:url('gfx/roundboxTop.png');
}

#handelVidere div.bottom {
background-image:url('gfx/roundboxBottom.png');
}

#handelVidere div.top, #handelVidere div.bottom {
background-repeat:no-repeat;
width:501px;
height:19px;
}

img{
border:0px;

}

h1,h5{
margin:0 0 0 0;
padding:0;
font-size:26px;
color:#209EA6;
}
h2,h3,h4{
margin:0 0 0 0;
padding:0;
font-size:16px;
color:#D0EAE7;
}

hr{
height:3px;
background-image:url('gfx/hr-line.png');
bakground-color:red;
border:0px;
margin:5 0 5 0;
}
td.menu a{
color:#2B949B;
font-family:arial;
font-size:12px;
text-decoration:none;
margin:0 5 0 5;
}
a.link{
color:#000000;
font-family:arial;
font-size:12px;
text-decoration:none;
}
a{
color:#2B949B;
font-family:arial;
font-size:12px;
text-decoration:none;
}

.menuspacer{
color:#2B949B;
font-family:arial;
font-size:12px;
text-decoration:none;
display:inline;
}
table,p{
font-family:arial;
font-size:12px;
color:#000000;
}
input{
font-family:arial;
font-size:12px;
}
table.product,table.product_last{
background-image:url('gfx/product-bg.png');
float:left;
margin-bottom:5px;
margin-right:5px;
}
table.product_last{
margin-right:0px;
}
table.product2,table.product2_last{
background-image:url('gfx/product-bg.png');
float:right;
position:relative;
margin-bottom:5px;
margin-left:5px;
}
table.product2_last{
margin-left:0px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 468px; /*Width of Carousel Viewer itself*/
height:370px; /*Height should enough to fit largest content's height*/
}
.stepcarousellong{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 468px; /*Width of Carousel Viewer itself*/
height:370px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousellong .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*/
width: 468px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousellong .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*/
width: 468px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

td.bottomlinks a{
font-family:arial;
font-size:12px;
color:#D1EBEA;
}


.action{
/*background-color:#ff9c0d;
/*border:3px solid white;*/
padding:15px 30px 15px 30px;
font-family:arial;
font-size:14px;
color:black;
font-weight:bold;
margin-bottom:20px;
}
