




tr, td{
vertical-align:top;
text-align:left;  
}

.zerp_lang{
color: yellow;
    background: black;
    font-weight: bold;
    word-break: break-word !important;
    z-index: 2;
    display: inline-flex;
    font-size: 12px;
    padding: 3px 10px;
    max-height: 40px;
    align-items: center;
}
#mainContent{
width:100%! important;
/*min-height:500px;*/
<!--height:500px;-->
frameborder:0;
border:0;
vspace:0;
hspace:0;
marginheight:0;
marginwidth:0;
scrolling:no;
/*overflow:hidden;*/
background:#817e7e;
}
th, .th{
background:#DEB15C; color:black;;
}

#ct-language
{
width:100%;
float:left;
list-style: none;
overflow: hidden;
text-align:center;
margin:5px;
}
#ct-language li {
display:inline;
margin:0;
padding:0;
}

#ct-ads-south
{
display:block;
float:left;
width:100%;
clear:both;
}
<!--#ct-footer
{
color: 
width:100%;
vertical-align:middle;
text-align:center;  

}-->

<!--#ct-footer a,#ct-jgroup-info a{
color:
}-->

#ct-mainmenu
{
overflow: visible;
float:left;
width:200px;
display: block;
vertical-align:top;
}

#ct-banners-right
{
overflow: visible;
width:100%;
display: block;
vertical-align:top;
}

#ct-banners-left
{
overflow: visible;
width:100%;
display: block;
vertical-align:top;
}

.menu{
/*text-transform:uppercase;*/
}

<!--#ct-jgroup-info{
overflow: hidden;
float:left;
color:
text-align:center;
width:100%;
}-->
#ct-left-menu{
text-align: left;
padding:0;
margin:0;
display: inline-block;
vertical-align:top;
float: left;
width: 100%;
height:100%;
}
#ct-main, .ct-main{
text-align: left;
padding:0;
margin:0;
display: inline-block;
vertical-align:top;
float: left;
width: 100%;
height:400px;
/*min-height:400px;*/
width: 815px;
max-width: 815px;
/*text-align: center;*/
background:#817e7e;
}

#searchFilter{
frameborder:0;
border:0;
vspace:0;
hspace:0;
marginheight:0;
marginwidth:0;
scrolling:no;
overflow:hidden;
}

#imageSlider{
width: 800px;
height:360px;
min-height:360px;
frameborder:0px;
vspace:0px;
hspace:0px;
marginheight:0px;
marginwidth:0px;
scrolling:no;
overflow-y: hidden;
border:1px solid #ddd;
}

#wrapper, .wrapper{
float: left;
width: 100%;
text-align:left;
}

#ct-login,  #ct-glemtpassord{
float:left;
display: inline-block;  
width:100%;
max-width: auto;
text-align: left;
padding: 0px; 
background: white; 
margin:0;
margin-bottom:5px;
-moz-border-radius: 10px; 
-moz-box-shadow: #222 5px 5px 5px; 
-webkit-border-radius: 10px; 
-webkit-box-shadow: #222 5px 5px 5px;
border:1px solid #ddd;
}

#ct-error{
position: fixed;
top: 200px;
left:300px;
width:500px;
height: 200px;
color: white;
font-size: 18px;
font-weight: bold;
visibility:visible;
white-space:nowrap;
background: red;
display:none! important;
vertical-align: middle;
-moz-border-radius: 20px; -moz-box-shadow: #222 5px 5px 5px; -webkit-border-radius: 20px; -webkit-box-shadow: #222 5px 5px 5px;
}
#ct-error a{
position:absolute;
bottom: 0;
right: 0;
width: 100%;
background: grey;
color: black;
}

#ct-prod-container{
background-color: white;
float: left;
display:table;
width: 100%;
height:auto;
overflow: visible;
text-align: center;
max-width:810px;
}
#infobox, .infobox{
clear: both;
background-color: white;
color:black;
/*font-size: 12px;*/
padding-top:0px;
margin-top:5px;
width:auto;
max-width:810px;
white-space:  normal;
text-align:left;
border:1px solid #ddd;
}
#infobox2, .infobox2{
clear: both;
background-color: white;
color:black;
/*font-size: 12px;*/
padding:0px;
margin-top:5px;
width:100%;
max-width:auto;
white-space:  normal;
}

.table_content
{
display:block;
clear: both;
background-color: white;
width:100%;
padding: 0px;
margin: 0px;
border-spacing:0px;
border-collapse:collapse;
}

.hkInfoTxt
{

border: 0px;
width:260px;
text-align: right;
cursor: hand;
}

.hkInfoTxt:hover
{
background: none;
}

#activeCustomer
{
cursor: hand;
background: transparent;
border: 0px;
width:380px;
text-align: left;
}

#icon-magnify{
width: 20px;
height: 20px;
background-image: url('buttons/grey/zoom16x16.png');
background-repeat: no-repeat;
}

.ct-magnify{
float: left;
position: relative;
}

#icon_print, #icon_edit, #icon-edit, #icon-print{
width: 24px;
height: 24px;
border: none;
vertical-align: middle;   
}

#ct-jgroup-informasjon span{
font-size:8px;
color:silver;
}

.box_table{
/*border-collapse:collapse;*/
border: 1px solid black; 
width:auto;
margin-left: 5px;
margin-right: 5px;
}

.box_overskrift	{
border-spacing:0px;
color:white;
font-size: 12px;
font-weight: bold;
height:20px;
text-align:left;
vertical-align:middle;
white-space:nowrap;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border-collapse:collapse;
background:#DEB15C; color:black;;
}
.box_overskrift2	{
border-spacing:0px;
color:white;
font-size: 10px;
font-weight: bold;
height:18px;
text-align:left;
vertical-align:middle;
white-space:nowrap;
text-transform: uppercase;
padding: 0px;
margin: 0px;
border-collapse:collapse;
background:#DEB15C; color:black;;
}
.box_overskrifttxt1	{ 
font-weight: bold;
vertical-align:middle;
white-space:nowrap;
width:100px;
padding:0px;

}
.box_overskrifttxt, .box_overskrifttxt div a{
font-weight: bold;
vertical-align: middle;
white-space:nowrap;
width:100%;
padding:0px;

}
.box_innhold
{
display: inline-table;
background-color: #FFFFFF; 
color:#000000; 
font-size:15px;
line-height: 40px;
vertical-align:top;
text-align: left;
width:100%;
}

.wordwrap { 
white-space: pre-wrap;      /* CSS3 */   
white-space: -moz-pre-wrap; /* Firefox */    
white-space: -pre-wrap;     /* Opera <7 */   
white-space: -o-pre-wrap;   /* Opera 7 */    
word-wrap: break-word;      /* IE */
}

#txtExtraLinje
{
background: whitesmoke;
padding-left:5px;
margin-left:15px;
width:150px;
}

#zebra:nth-child(even) {
background-color: whitesmoke;
}

#zebra:hover {
background-color: #21556D;
}
#zebra td {
vertical-align: middle;
}


.ct-prod-lagerstatus-red
{
float: left;
text-align: center;
font-weight:bold  ;
font-size: 10px;
text-align: left;
vertical-align:  middle;
white-space:nowrap;
background:red;
color:white;
width: 140px;
min-width: 40px;
height: 20px;
border: 1px dotted red;
}
.ct-prod-lagerstatus-white
{
float: left;
text-align: center;
font-weight:bold  ;
font-size: 10px;
text-align: left;
vertical-align:  middle;
white-space:nowrap;
background-color: white;
color:black;
width: 140px;
min-width: 40px;
height: 20px;
border: 1px dotted black;
}
.ct-prod-lagerstatus-yellow
{
float: left;
text-align: center;
font-weight:bold  ;
font-size: 10px;
text-align: left;
vertical-align:  middle;
white-space:nowrap;
background: yellow;
color:black;
width: 140px;
min-width: 40px;
height: 20px;
border: 1px dotted yellow;
}
.ct-prod-lagerstatus-green
{
float: left;
text-align: center;
font-weight:bold  ;
font-size: 10px;
text-align: left;
vertical-align:  middle;
white-space:nowrap;
background:green;
color:white;
width: 140px;
min-width: 40px;      
height: 20px;
border: 1px dotted green;
}

.label-end{
color:black;
font-size: 12px;
float: left;
text-align: left;
vertical-align: middle;
}
.label {
color:black;
white-space: initial;
word-break: break-word;
<!--font-weight:bold;-->
font-size: 12px;
float: left;
min-width: 100px;
text-align: left;
margin-right: 5px;
vertical-align: middle;
}
.label-50px {
color:black;
white-space:nowrap;
font-weight:bold;
font-size: 12px;
float: left;
width: 50px;
min-width: 80px;
text-align: left;
margin-right: 5px;
vertical-align: middle;
}


.logo {
margin: 10px;
float: left;
}
#ct-prod-varianter{
vertical-align:  top;
text-align: center;
white-space:nowrap;
width: 100%;   
}
#ct-prod-varianter p{
overflow: visible;
display: block;
white-space:nowrap;
clear: both;
width: 100%;
margin: 0;
}
#ct-prod-varianter span{
background-color: white;
float: left;
padding: 0;
height: 25px;
}
/*
.ct-prod-func{
display: inline-block;
text-align: left;
white-space:nowrap;
}
*/
.ct-prod-func-icon{
display: inline-block;
vertical-align: middle;
text-align: left;
white-space:nowrap;
width: 100%;
}
#icon-edit{
width: 100%;
text-align: left;
}

#icon_print{
float:left;
width: 20px;
}
#ct-prod-varianter.span.ct-prod-addhk{
vertical-align: middle;
text-align: left;
white-space:nowrap;
display: block;
}

#ct-version{
float:left;
text-align: left;
margin-left: 30px;
}
#ct-version ul{
list-style:  square;
}

ul {
list-style: none;
margin: 0px;
padding: 0px;
}
img {
border: none;
}


/*- Menu 1--------------------------- */

#menu1 {
width: 200px;
margin-left: 5px;
border-style: solid solid none solid;
border-color: #3D261D;
border-width: 1px;
font-weight: bold;
}

#menu1 li a {
height: 18px;
voice-family: "\"}\"";
voice-family: inherit;
height: 18px;
text-decoration: none;
}

#menu1 li a:link, #menu1 li a:visited {
color:black;
text-transform:  uppercase;
display: block;
/*background:  url(menu1.gif);*/
background-color: #eee;
padding: 4px 0 0 4px;
}

#menu1 li a:hover, #menu1 li #current {
color: #FFF;
/*background:  url(menu1.gif) 0 -32px;*/
background-color:   grey;
padding: 4px 0 0 4px;
}

/*- Menu 14--------------------------- */


#menu14 {
width: 190px;
margin: 5px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}

#menu14 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu14 li a:link, #menu14 li a:visited {
color: #333;
display: block;
background:  url(./menu14.gif)  no-repeat;
padding: 8px 0 0 10px;
}

#menu14 li a:hover, #menu14 li #current{
color: #FFF;
background:  url(./menu14.gif) 0 -32px no-repeat;
padding: 8px 0 0 10px;
}
.table_content
{
clear: both;
background-color: white;
width:100%;
border-spacing:0px;
border-collapse:collapse;
}

a:link { color:#000000 ; text-decoration: none;}
a:visited { color: #000000 ; text-decoration: none; }
a:hover { color: #505067 ; text-decoration: none; }
a:active { color: #505067 ; text-decoration: none; }

.img_main_nyheter
{
margin: 0px;
border: 1px solid #0000ff;
height:180px;
width: auto;
text-align: center;
}

.ct-prod-container{
float: left;
display:  table;
width: 100%;
height:auto;
overflow: visible;
text-align: center;
}
.ct-main-nyheter      {
display: inline-table;
background-color: white ; 
width: 33%;
height:100%;
margin: 5px;
padding:5px;
/*border: 1px solid black;*/
text-align: center;
vertical-align:top;
}
.box_frame      {
background-color:transparent ; 
width:100%;
padding-top: 5px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

}
.varemeny
{
color:#000000;
font-size:14px;
text-align:left;
vertical-align:middle;
width: 100%;
font-weight: bold;
}
.varesok	{
color:#000000;
font-size:10px;
white-space:nowrap;
padding: 5px;
}
.varesok_navn	{color:#000000; font-size:14px; font-weight:bold}


.list{ list-style: none;
margin: 5px;
padding: 0;
font-size: 12px;
}


a.sample_attach_root, a.sample_attach_root:visited, div.sample_attach_root
{ 
padding: 2px 5px;
text-align:left;
text-decoration: none;

font-weight: 900;
font-size: 1.0em;
color:   #008000;
}
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
display: block;
padding: 2px 5px;
text-align:left;
background: #FFFFEE;
border:1px solid black;
text-decoration: none;

font-weight: 900;
font-size: 1.0em;
color:   #008000;
white-space:nowrap;
}
a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }

form.sample_attach
{
position: absolute;
visibility: hidden;
border:  1px solid black;
padding: 0px 5px 2px 5px;
}

.field_ant	{
height: 24px;
width: 50px;
font-size: 14px;
font-weight: bolder;
border: 1px solid black;
text-align: center;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
}
.field	{
height: 20px;
font-size: 14px;
border: 1px solid black;
text-align: left;
vertical-align: middle;
text-decoration: none;
cursor:  text;
}
.btn-list{
height: 20px;
font-size: 12px;
border: 1px solid black;
text-align: center;
vertical-align: middle;
text-decoration: none;
cursor:  pointer;
}
.btn-ant{
width: 24px;
height: 24px;
text-align: left;
vertical-align: middle;
text-decoration: none;
cursor:  pointer;
}
#lang
{
background-color:white;
position:relative;
width:200px;
top:0px;
height:0px;
color:black;
}

.prisMva{
font-weight:bold;
width:100%;
border: none;
background-color:gray;
color:white;
vertical-align: middle;
}

/*  Her kommer alle de forskjellige komponentene*/
#treemenu{

font-size:0.9em;
border: solid 2px  #eee;
background-color: white;
padding:5px;
margin:0px;
text-transform: none;
width:100%;
}
.treemenu-active a, .treemenu-active{
/*text-transform: uppercase;*/

color:black;
font-size:10px;
font-weight: bold;
/*background-color: #eee;*/
}
.treemenu-inactive{
/*text-transform: uppercase;*/

font-weight: 300;
color:#000000; 
font-size:10px;
}

.select{
font-weight: bold;

border: black 1px solid;
width:auto;
margin: 0px ;
}

a.sample_attach_root, a.sample_attach_root:visited, div.sample_attach_root
{
padding: 0px;
text-align:left;
text-decoration: none;

font-size: 10px;
color:black;
}
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
display: block;
padding: 0px;
text-align:left;
background: #FFFFEE;
border:1px solid black;
text-decoration: none;

font-size: 10px;
color: black;
white-space:nowrap;
}
a.sample_attach, a.sample_attach:visited { border-bottom: 1px solid black; }


form.sample_attach
{
position: static;
visibility: hidden;
border:  1px solid black;
padding: 0px 5px 2px 5px;
font-size:10px;
}
form.sample_attach b
{

font-weight: 900;
font-size:10px;
}
input.sample_attach { margin: 1px 0px; width: auto; }

#grid{
background-color: white;
color:black;
font-size: 10px;
white-space:  nowrap;  
}
#grid2{
background-color: lightgrey;
color:black;
font-size:10px;
white-space:  nowrap;    
}
#grid-header{
padding-left:5px;
background-color: #42454a;
border-spacing:0px;
color:white;
font-size: 12px;
font-weight: bold;
height:20px;
text-align:left;
vertical-align:middle;
white-space:nowrap;
}
#grid p, #grid2 p, #grid3 p{
clear: both;
width: 100%;
margin: 0;
height: 20px;
}
#grid a, #grid2 a, #grid3 a{
cursor: hand;
}
#grid a:hover, #grid2 a:hover, #grid3 a:hover{
color:blue;
}

#grid span {
background-color: white;
padding: 0px;    
}
#grid2 span {
background-color:  lightgrey;
float: left;
padding:0px;
}
#grid3 span{
text-align: left;
background-color:  khaki;
float: left;
padding:0px;
}
#grid span.first, #grid-header span.first {
width: auto;
text-align: left;
white-space:  nowrap;
}
#grid span.col20px, #grid2 span.col20px {
width: 20px;
}
#grid span.col, #grid2 span.col { 
width: auto;
min-width: 40px;
}
#grid span.col200px, #grid2 span.col200px {
width: 200px;
text-align: left;
}
#grid span.col100px, #grid2 span.col100px {
width: 100px;
text-align: center;
}
#grid span.col60px, #grid2 span.col60px {
width: 60px;
text-align: left;
}
#grid span.l00pr, #grid2 span.100pr {
width: 100%;
text-align: right;
}
#grid span.last, #grid2 span.last {
width: auto;
text-align: right;
}
#grid-variant{
float:left;
clear: both;
display:inline-block;
}
#grid-variant span{         
display:inline-block;
}
#product-lagerstatus{
float: left;
display:inline-block;
}

/* SEARCH FIELD*/
fieldset.search, search{
border: none ;
width: auto;
margin: 0px;
padding: 0px;
height:auto;
vertical-align: middle;
background:#DEB15C;
}
.search input, .search button {
border: solid 1px grey;
height: 20px;
}
.search input.box {
border: solid 1px grey;
height: 18px;
color:black;
}
.search input.box:focus {
background: white;/*#616161;*/
outline: none;
}

#searchform-fixed {
position:fixed;
top:0px;
left:0px;
width:auto;
opacity:0.8;;
visibility:visible;
white-space:nowrap;
}

#searchform-static {
white-space:nowrap;
margin: 0px ;
}
#prod-liste{
border:1px solid #ddd;
}

#prod-liste-price, #prod-liste-pakke, #prod-liste-info{
font-size:10px;
}

#root ul.menu,#root  .item-list ul {
margin: 0.35em 0 0 -0.5em; /* LTR */
padding: 0;
}
#root ul.menu ul,#root  .item-list ul ul {
margin-left: 0em; /* LTR */
}

#root ol li, #root ul li, #root ul.menu li, #root .item-list ul li,#root  li.leaf {
margin: 0.15em 0 0.15em .5em; /* LTR */
}

.cat_close {
background-image:url(static/menu-collapsed.gif);
background-repeat:no-repeat;
background-position:left;
}
.cat_open {
background-image:url(static/menu-expanded.gif);
background-repeat:no-repeat;
background-position:left;
}

.cat_none {
background: none;
background-position:left;
}
.product {
background-image:url(static/menu-leaf.gif);
background-repeat:no-repeat;
background-position:left;
}
a.product, a.cat_close, a.cat_open {
text-decoration:none;
}
#block-category-0 ul li, ul.menu li, .item-list ul li, li.leaf {
padding: 2 0 .2em .5em;
list-style-type: none;
list-style-image: none;
background: transparent no-repeat 1px .35em; /* LTR */
}

.content{
text-align: left;
background: white;
color:black;
font-size: 0.8em;
padding:0px;
margin-top:5px;
width:100%;
white-space:  normal;
}
a{
color:black;
text-decoration: none;
}

<!--#footer-section{
width:100%;

}-->

.fieldset_searcher  input[type=number]{
height: 34px;
border: 2px solid green;
border-radius: 4px;
}



.newsItem:hover, #prod-liste:hover{
border:1px solid #ddd;;
}




