html, body {
    margin : 0; padding : 0;
    font-family: 'Verdana', 'Sans-serif', 'sans', sans-serif;
    font-size : 12px;
}

/* ie fixed div */

table, td {
    font-size : 12px;
	/*line-height:1.2em;*/
}

div {                          
    margin : 0; padding : 0;   
}                              

p
{
line-height: 1.5em;
}

img{
border: 0px;
padding: 0px;
margin: 0px;
}

input
{
  font-family: 'Verdana', 'Sans-serif', 'sans', sans-serif;
  font-size: 12px;
  border: 1px solid #80a0d0;
  margin: 1px;  
  padding-bottom: 2px;
  padding-top: 1px;
}

input:hover
{
  border-color: #5070a0;
}

textarea
{
  font-family: 'Verdana', 'Sans-serif', 'sans', sans-serif;
  font-size: 12px;
}

a{
text-decoration:none;
color: #0000FF;
}

a:hover{
color: #FF9000;
text-decoration:underline;
}

h3{
  font-size : 12px;
	margin : 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

h2{
  font-size : 14px;
	margin : 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}

h1{
  font-size : 16px;
	margin : 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}


hr {
border: 0;
color: #8fbbf7;
background-color: #8fbbf7;
height: 2px;
width: 100%;
text-align: left;
}

#page {
    margin-left : auto; 
    margin-right:auto;   
    width:980px;
	  margin : 0; 
    padding : 0px;
}

div.toppanel
{
background-color: #caddf7;
/*background-color: lightgrey;*/
height: 40px;
position: fixed;
display: block;
z-index: 500;
width: 980px;
border-bottom: 2px solid #80a0d0;
overflow: visible;
}

div.maincontainer
{
  padding-top: 46px;
  clear: both;
  /*background-image: url('/htdocs/bg1.png');
  background-repeat: repeat-y;*/
}

div.leftpanel
{
  width:161px;
  float:left;  
  overflow: visible; /*IE6!*/
  
  background-color: #caddf7;
  padding: 5px;
  padding-bottom: 12px;
  border-right: 1px solid #80a0d0;
  border-bottom: 1px solid #80a0d0;
  border-top: 1px solid #80a0d0; 
  z-index: 400;
  position: relative;
}

div.content
{
  float:left;
  overflow: hidden;
  width: 802px;
  padding: 6px;
  padding-top: 0px;
  padding-right:0px;
  height: 100%;  
}

div.fullcontent
{
  padding: 6px;
}

div.footer
{
clear: both;
overflow: hidden;
padding-top:4px;
padding-bottom: 5px;
}

div.footercontent
{
/*height: 16px;*/
background-color: #caddf7;
padding: 2px;
text-align: center;
font-size: 10px;
border-top: 1px solid #80a0d0;
border-bottom: 2px solid #80a0d0;
}

div.webtermeklist
{
float: left;
width: 150px;
}

img.productlistfoto
{
padding: 2px;
}

img.productlistfoto:hover
{
padding: 0px;
border: 2px solid #FF9000;
}

img.productdetail_img
{
float: left;
overflow: hidden;
padding-right: 6px;
}

div.alterfoto
{
float:left;
overflow: hidden;
padding:3px;
border: 1px solid gray;
margin: 5px;
}

div.alterfotolistwrap
{  
  float: none;
  overflow: hidden;
  margin-top:10px;  
  display: inline-block;
  border-top: 1px solid #caddf7;
  border-bottom: 1px solid #caddf7;
}

div.p1
{
border: 1px solid blue;
width: auto;
}

div.floatpanel
{
position: absolute;
padding: 3px;
/*top:0;
left:0;*/
/*height: 10%;*/
background-color: white;
display: block;
top: 100px;
border-width: 3px;
border-color: #1a86e6;
border-style: solid;
width: 600px;
max-height: 500px;
max-width: 600px;
overflow: hidden;
z-index: 600;
}

div.webcsopitem
{
float:left;
padding: 3px;
padding-bottom: 3px;
width:154px;
height:148px;
text-align: center;
background-color: white;
/*border-bottom: 1px solid #80a0d0;*/
}

div.webcsopitem:hover
{
/*background-color: lightgrey;*/
/* border: 3px solid #80a0d0; */
border: 3px solid #FF9000;
padding: 0px;
}

a.webcsoplink
{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
/*z-index: 300;*/
position: relative;
cursor: pointer;
}

a.link_hl1
{
  font-size: 14px;
  padding-bottom: 2px;
  padding-left: 2px;
  font-weight: bold;
  display: block;
  background-color: #caddf7;
}

span.webcsopimgwrap
{
  display: block;
  text-align: center;
  width: 100%;
  height: 120px;
  border: 0px solid green;
  /*z-index: 10;*/
  overflow: hidden;
  position: relative;
  
}

img.webcsopimg
{
vertical-align: middle;
padding: 0px;
display: inline;
/*z-index: 15;*/
position: relative;
}

span.valignspacer
{
height: 100%;
width: 0px;
vertical-align: middle;
display: inline-block;
border: 0px solid red;
}

.link
{
text-decoration:none;
color: #0000FF;
}

div.prodlistbanner
{
  border: 1px solid #80a0d0;
  padding: 0px;
  width: 800px;
}

img.prodlistbannerimg
{
  display: block;  
}

div.topmenuitem, div.topmenuitem_login, div.topmenuitem_carticon, div.topmenuitem_cartcontent
{
float: left;
overflow: hidden;
margin-top: 2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
padding-right: 8px;
border-right: 1px solid #80a0d0;
}

div.topmenuitem_login
{
  padding-top: 6px;
  padding-bottom: 7px;
  height: 21px;
}

div.topmenuitem_carticon
{
  padding-top: 1px;
  padding-bottom: 0px;
  border-right: none;
}

div.topmenuitem_cartcontent
{
  padding-top: 4px;
  padding-bottom: 2px;

}

.indent1
{
  padding-left:16px;
}

.leftmenuitem
{
  padding-top:6px;
  margin-left: 6px;
  display: inline-block;
}

.inlineerror
{
display: block;
color: red;
padding: 10px;
border: 1px solid red;
}

.groupnavbar
{
/*  font-size: 14px;
  font-weight: bold;*/
  padding-top: 6px;
  padding-bottom: 4px;
}

.groupnavbar_prod
{
  /*font-size: 12px;
  font-weight: bold;*/
  padding-top: 0px;
  padding-bottom: 0px;
}

div.productrect
{
  float: left;
  width: 250px;
  /*height: 100px;*/
  /*border: 1px solid gray;*/
  margin: 0 auto;
  padding: 6px;  
  text-align: center;
}

img.productrectfoto
{
padding-right: 8px;
/*float: left;*/
}

div.productrectrowsep
{
clear:both;
font-size:1px;
line-height:0px;
border-top: 1px solid #caddf7;
}

div.pagingnavigator
{
background-color: #caddf7;
padding: 2px;
border-top: 1px solid #8fbbf7;
}

div.pagingnavigator em span
{
  color: red;
}

div.pagingnavigator a[disabled] span
{
  color: red;
}

div.pagingnavigator_bottom
{
background-color: #caddf7;
padding: 2px;
border-bottom: 1px solid #8fbbf7;
}

div.pagingnavigator_bottom em span
{
  color: red;
}

div.pagingnavigator_bottom a[disabled] span
{
  color: red;
}

div.newsblock{
  padding-bottom: 15px;
  position: relative;
  float: none;
  width: 164px;
  text-align: left;
  font-size: 11px;
}

a.buttonlink
{
  border: 1px solid #5070a0;
  padding: 3px;
  background-color: #8fbbf7;
  display: inline-block;  
}

a.buttonlink:hover
{
  color: blue;
}

tr.stripped td
{
  background-color: #d9d9d9;
}

.redtext
{
  color: red;
}

div.prodbasket_nofloat
{
float:none;
overflow:visible;
}

/* left 2 level menu ---> */

 ul.csopmenu
  {
    display:block;
    padding: 0px;
    margin: 0px;    
    list-style: none;    
    width: 160px;
    text-decoration: none;
    position: relative;
    z-index: 100;
  }
  
  li.csopmenuitem, li.csopmenuitem_hover
  {
    padding: 1px;
    padding-left: 3px;
    margin: 0px;
    float: none;
    clear: both;
    display:block;
    text-decoration: none;
    position: relative;    
  }
  
 li.csopmenuitem_hover
  {
  /*background-color: blue;*/
  }
  
ul.csopmenu li.csopmenuitem:hover
{
background-color: #a0c7ff;
/*padding: 0px;
padding-left: 2px;
border-right: none;*/
}

ul.csopsubmenu li.csopmenuitem
{
/*border: 1px solid #80a0d0;*/
  white-space: nowrap;
}

ul.csopsubmenu li.csopmenuitem:hover
{
background-color: #a0c7ff;
}
  
 li.csopmenuitem a
  {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 2px;
 }
    
  ul.csopsubmenu
  {
    padding: 0px;
    margin: 0px;
    border: 1px solid #80a0d0;
    background-color: #a0c7ff;
    display: block;
    list-style: none;    
    position: absolute;
    left: 155px;
    top: 0px;
    
    visibility: hidden;
    z-index: 100;
  }
  
  /* <--- menu */