* { margin: 0px;padding: 0px; }
html, body { height: 100%; }
body {
background-color: #fdfdfd;
color: #000000;
font-family: Tahoma, Verdana, sans-serif;
font-size: 10px;
}
* body {
background-image: url(/viomatrix/imgs/gfx/schatten2.png);
background-repeat: repeat-y;
background-position: center top;
}
.antifloat {
clear: both;
float: none;
height: 1px;
visibility: hidden;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.inner a:link, .inner a:focus, .inner a:visited, .inner a:active, 
#zoominnercontent a:link, #zoominnercontent a:focus, #zoominnercontent a:visited, #zoominnercontent a:active {
color: #5F5F5F;
text-decoration: underline;
}
.inner a:hover { color: #000000; }
#suchergebnisse a.more {
color: #5f5f5f;
font-weight: bold;
text-decoration: none !important;
}
fieldset { border: none; }
h1, h2, h3, h4, h5, h6 {
color: #5f5f5f;
font-size: 1.1em;
margin: 0px 0px 28px 0px;
}
h2, h3, h4, h5, h6 { margin: 0px 0px 12px 0px; }
h1.produktdetails {
background-color: #70df04;
color: #ffffff;
padding: 9px 15px;
}
h1.bilddetails {
background-color: #4B6EA6;
color: #ffffff;
padding: 9px 15px;
}
.hr {
background-image: url(/viomatrix/imgs/gfx/hr_line.png);
background-repeat: no-repeat;
background-color: inherit;
border: none;
clear: both;
float: none;
height: 1px;
margin: 8px 0px 16px 0px;
padding: 0px;
}
* html .hr { margin: 12px 0px 4px 0px; }
img {
border: none;
display: block;
}
input, select, textarea, a.button {
background-color: #ffffff;
border: 1px solid #5f5f5f;
width: 454px;
height: 16px;
display: block;
margin: 2px 0px 0px 0px;
padding: 2px;
}
input:focus { background-color: #dcdbdb; }
input[type="hidden"] { display: none !important; }
input.button {
padding: 4px 7px 3px 7px;
width: auto;
height: auto;
display: inline;
cursor: pointer;
font-size: 1em;
}
*+html input.button { padding: 3px 7px 2px 7px; }
a.button {
color: #000000 !important;
padding: 4px 16px 5px 16px;
width: auto;
font-weight: normal;
height: auto;
text-align: center;
text-decoration: none !important;
}
input.checkbox {
width: auto;
height: auto;
border: none;
}
input.checkboxtext {
width: auto;
height: auto;
border: none;
float: left;
margin: 0px 4px 0px 0px;
}
label {
color: #5f5f5f;
display: block;
width: 262px;
margin: 3px 0px 7px 0px;
}
label.checkboxtext { width: auto; }
label.missing { color: red; }
select {
font-size: 1.2em;
padding: 0px;
width: 458px;
height: 22px;
}
textarea {
font-family: Tahoma, Verdana, sans-serif;
font-size: 1em;
height: 83px;
}
p {
color: #5f5f5f;
font-size: 1.1em;
line-height: 1.8em;
margin: 0px 0px 4px 0px;
}
p.shorttext { font-weight: bold; }
ol { margin: 0px 0px 28px 20px; }
strong, b { color: #5f5f5f; }
* html ol { margin: 0px 0px 28px 23px; }
table {
border-collapse: collapse;
border: none;
display: table;
width: 100%;
}
td {
color: #5f5f5f;
font-size: 1.1em;
vertical-align: top;
}
td p { padding: 0px 0px 0px 0px; }
td td p { font-size: 1em; }
td.price { text-align: right; }
td.green {
color: #60c101;
font-weight: bold;
}
table.pic {
margin: 0px 0px 8px 0px;
width: auto;
}
table.pic td {
padding: 0px 35px 0px 0px;
 vertical-align: bottom;
}
table.pic p { margin: 0px;padding: 0px; }
table.pic a.more:link, table.pic a.more:visited, table.pic a.more:focus, table.pic a.more:active { color: red; }
th {
color: #5f5f5f;
font-size: 1.1em;
padding-bottom: 15px;
text-align: left;
}
ul { margin: 0px 0px 28px 15px; }
ul li {
color: #5f5f5f;
font-size: 1.1em;
list-style-image: url(/viomatrix/imgs/gfx/listpunkt.gif);
margin: 0px 0px 6px 0px;
}
ol li {
color: #5f5f5f;
font-size: 1.1em;
margin: 0px 0px 6px 0px;
}
.outer li { margin: 0px;line-height: 1.8em; }
ul li.pdf {
list-style-image: url(/viomatrix/imgs/gfx/icon_pdf.png);
margin-left: 10px;
}
*+html ul li.pdf {
margin-left: 2px;
padding-left: 10px;
}
* html ul li.pdf {
margin-left: 2px;
padding-left: 10px;
}
ul li.pdf a {
color: #5f5f5f;
font-weight: bold;
}
#placeholder {
background-image: url(/viomatrix/imgs/gfx/schatten2.png);
background-repeat: repeat-y;
background-position: center top;
height: 100%;
position: absolute;
top: 0px;
left: 50%;
margin-left: -600px;
width: 1200px;
}
* html #placeholder {
background-image: none;
height: 100%;
position: static;
left: 0px;
margin: 0px;
width: auto;
}
*+html #placeholder {
background-image: none;
height: 100%;
position: static;
left: 0px;
margin: 0px;
width: auto;
}
#wrapper {
height: 100%;
width: 960px;
margin: 0px auto;
position: relative;
z-index: 1;
}
#head {
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
background-color: #ffffff;
height: 163px;
width: 960px;
}
#head form {
position: absolute;
top: 20px;
right: 10px;
color: #9b9b9b;
text-align: right;
font-size: 1.08em;
letter-spacing: 0.1em;
}
#head form a {
color: #9b9b9b;
font-weight: normal;
}
#head form a.aktiv, #head form a:hover {
color: #000000;
text-decoration: none;
}
#head form input {
border: 1px solid #9c9c9c;
width: 144px;
vertical-align: middle;
display: inline;
margin: 0px;
padding: 1px 0px 1px 2px;
}
#head form span { cursor: pointer; }
#head #topmenu {
background-color: #4b6ea6;
position: absolute;
bottom: 0px;
right: 10px;
width: 940px;
}
.shop #head #topmenu { background-color: #70df04; }
#head #topmenu .bg {
position: absolute;
bottom: 0px;
left: 0px;
height: 3px;
width: 100%;
background-color: #ffffff;
z-index: 1;
font-size: 1px;
}
* html #head #topmenu { bottom: -1px; }
#head ul {
position: relative;
z-index: 100;
list-style: none;
margin: 0px 7px 0px 0px;
float: right;
}
#head li {
list-style: none;
list-style-image: none;
display: inline;
}
#head li a {
display: block;
float: left;
color: #ffffff;
padding: 9px 11px 8px 11px;
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
border-bottom: 3px solid #ffffff;
}
#head li a:hover {
color: #b9c9e2;
text-decoration: none;
}
.shop #head li a:hover { color: #c4fc94; }
#head li a.aktiv, #head li a.aktiv:hover {
background-color: #6A6A6A;
border-bottom: 3px solid #6A6A6A;
color: #ffffff;
}
#logo {
position: absolute;
top: 0px;
left: 26px;
z-index: 10000;
}
#menu, #content {
float: left;
min-height: 100%;
position: relative;
z-index: 10;
}
* html #menu {
position: absolute;
top: 0px;
left: 0px;
}
* html #content {
position: absolute;
top: 0px;
left: 230px;
width: 706px;
}
* html .start #content { left: -14px; }
#menu {
margin: 0px 0px 0px 10px;
width: 231px;
background-color: #dcdadb;
float: left;
}
#menu ul, #menu .ul {
margin: 161px 0px 0px 0px;
border-top: 34px solid #6a6a6a;
border-bottom: 3px solid #ffffff;
width: 100%;
}
#menu ul { list-style: none; }
#menu .ul {
height: 1px;
font-size: 1px;
background-color: #ffffff;
}
* html #menu .ul { border-bottom: 2px solid #ffffff; }
#menu li {
list-style: none;
list-style-image: none;
display: inline;
}
#menu ul ul {
margin: 0px;
border: none;
}
#menu a, #menu li span {
display: block;
color: #696969;
padding: 9px 11px 9px 18px;
text-transform: uppercase;
font-size: 1.05em;
font-weight: bold;
background-color: #dfdbdc;
border-top: 3px solid #ffffff;
}
#menu li li a, #menu li li span {
font-size: 1em;
}
#menu a:hover {
color: #999899;
text-decoration: none;
}
#menu a.aktiv {
background-color: #6a6a6a;
color: #ffffff;
}
#menu li span {
background-color: #9D9C9C;
color: #ffffff;
}
#menu ul ul a {
color: #ffffff;
padding-left: 32px;
background-color: #919191;
}
#menu ul ul a.aktiv, #menu ul ul a:hover {
background-image: url(/viomatrix/imgs/gfx/listpunkt_menu.gif);
background-repeat: no-repeat;
background-position: 8% 50%;
background-color: #b4b4b4;
color: #ffffff;
}
#menu ul ul ul a {
background-color: #b5b5b5;
padding-left: 48px;
}
#menu ul ul ul a.aktiv, #menu ul ul ul a:hover { background-position: 14% 50%; }
#menu ul ul ul ul a { padding-left: 64px; }
#menu ul ul ul ul a.aktiv, #menu ul ul ul ul a:hover { background-position: 20% 50%; }
#content {
font-size: 1.1em;
width: 706px;
float: right;
margin: 0px 10px 0px 0px;
position: relative;
}
* html #content { height: 100%; }
.start { background-image: url(/viomatrix/imgs/gfx/schatten2start.png); }
.start #content {
float: left;
width: 940px;
margin: 0px 10px;
background-color: #ffffff;
}
#content div.outer {
margin: 160px 0px 110px 0px;
padding: 3px 0px 0px 0px;
border-top: 35px solid #6a6a6a;
}
.start #content div.outer { margin-bottom: 10px; }
* html #content div.outer { overflow: hidden; }
#content div.inner { padding: 30px 24px 0px 24px; }
#content div.inner img {
float: left;
margin: 0px 35px 12px 0px;
}
#content div.inner .pic img {
float: none;
margin: 0px;
}
#content div.inner p img { margin: 0px; }
* html #content div.outer {
margin-left: 14px;
width: 100%;
}
#foot {
position: absolute;
bottom: 8px;
left: 24px;
min-width: 705px;
width: 100%;
border: none !important;
margin: 0px !important;
padding: 0px !important;
}
* html #foot { left: 40px; }
.start #foot {
position: static;
left: 0px;
bottom: 0px;
}
.start #content div.inner { padding: 0px; }
#foot p {
background-image: url(/viomatrix/imgs/gfx/icon_footersymbol_neu.png);
background-repeat: no-repeat;
background-position: 95% 100%;
color: #9d9c9c;
font-size: 1em;
line-height: normal;
padding-top: 38px;
}
#foot p a:link, #foot p a:visited, #foot p a:active { color: #9d9c9c; }
.start #foot p {
background-image: none;
padding: 0px;
}
* html .start #foot p {
padding-left: 14px;
white-space: nowrap;
}
#pics {
float: left;
font-size: 1.1em;
margin: 0px 30px 0px 0px;
width: 320px;
}
* html #pics { margin: 0px; }
#pics .pics { margin-top: 13px; }
#pics .pics a {color: #5f5f5f; }
#zoomcontent #pics { width: 400px; }
#data {
float: left;
width: 260px;
margin-bottom: 16px;
}
* html #data { width: 270px; }
#data .hr {
background-image: url(/viomatrix/imgs/gfx/hr_line_230.png);
margin: 3px 0px 9px 0px;
width: 230px;
}
#data table { margin: 30px 0px 0px 0px; }
#data td { padding-bottom: 9px; }
#wk_short {
position: absolute;
top: 160px;
right: 0px;
z-index: 100000;
width: 400px;
height: 30px;
text-align: right;
}
* html #wk_short { padding-top: 3px; }
#wk_short p, #wk_short a { color: #ffffff; }
#wk_short a:hover { text-decoration: none; }
#wk_short p {
padding: 7px 17px 0px 0px;
text-align: right;
}
#wk_short strong {
color: #ffffff;
padding-left: 17px;
}
#wk_short img { display: inline; }
#produktliste td { font-size: 1.1em; }
#produktliste tbody td { padding: 20px 0px; }
#produktliste thead td { padding: 0px 0px 25px 0px; }
#produktliste td.links { width: 348px; }
.intowk input {
width: 34px;
float: left;
margin: 0px 6px 0px 0px;
padding: 1px;
text-align: right;
}
.intowk button {
border: none;
background-image: url(/viomatrix/imgs/gfx/icon_into_warenkorb.png);
background-repeat: no-repeat;
background-position: 0% 50%;
background-color: transparent;
color: #5f5f5f;
cursor: pointer;
display: block;
float: left;
font-size: 1.06em;
font-weight: bold;
padding: 0px 0px 0px 14px;
margin: 2px 0px 0px 0px;
}
*+html .intowk button {
font-size: 1.1em;
padding: 0px;
}
* html .intowk button {
font-size: 1.1em;
padding: 0px;
width: 150px;
}
.intowk .mengeneinheit {
color: #5f5f5f;
display: block;
float: left;
font-weight: bold;
padding: 4px 0px 0px 0px;
width: 68px;
}
#produktliste p {
margin-bottom: 30px;
padding: 0px;
line-height: 1.6em;
}
#produktliste strong.price { color: #60c101; }
#produktliste {
background-image: url(/viomatrix/imgs/gfx/hr_line.png);
background-repeat: no-repeat;
background-position: bottom left;
}
#produktliste tbody tr {
background-image: url(/viomatrix/imgs/gfx/hr_line.png);
background-repeat: no-repeat;
background-position: top left;
position: relative;
}
#produktliste tbody td { background-image: none; }
.seitenweise a { color: #5f5f5f; }
#wkorb input.menge {
text-align: right;
width: 36px;
display: inline;
}
#wkorb input.checkbox { display: inline; }
#wkorb thead tr, #wkorb tbody tr, #wkorb tfoot tr.mwst, #wkorb tfoot tr.vk, .zusammenfassung tbody tr, .zusammenfassung thead tr,
#suchergebnisse thead tr.unten, #suchergebnisse tbody tr {
background-image: url(/viomatrix/imgs/gfx/hr_line.png);
background-repeat: no-repeat;
background-position: bottom left;
position: relative;
}
#wkorb tfoot tr.vk { background-image: url(/viomatrix/imgs/gfx/hr_line_double.png); }
#wkorb thead th, #wkorb tfoot td, .zusammenfassung tbody td, .zusammenfassung thead th, #suchergebnisse thead tr.unten td, #suchergebnisse tbody td { background-image: none; }
#wkorb tbody td {
background-image: none;
padding: 20px 0px;
}
#wkorb tfoot tr.netto td {
color: rgb(112, 223, 4);
font-weight: bold;
padding: 20px 0px 0px 0px;
}
#wkorb tfoot tr.mwst td { padding: 12px 0px 20px 0px; }
#wkorb tfoot tr.brutto td {
font-weight: bold;
padding: 20px 0px 0px 0px;
}
#wkorb tfoot tr.vk td {
color: rgb(112, 223, 4);
padding: 12px 25px 20px 0px;
text-align: right;
}
#wkorb tfoot tr.buttons td {
font-weight: bold;
padding: 20px 0px 0px 0px;
}
#wkorb p { padding: 0px;margin: 0px; }
#wkorb img { width: 90px; }
.zusammenfassung { margin-bottom: 12px; }
.zusammenfassung p { line-height: 1.1em; }
.zusammenfassung tbody td { padding: 4px 0px 6px 0px; }
.zusammenfassung tfoot td { padding-top: 6px; }
div#agb {
height: 120px;
width: 90%;
overflow: auto;
border: 1px solid #9D9C9C;
margin: 0px 0px 12px 0px;
}
div#agb p { padding: 0px 4px; }
#zoomframe {
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0px;
 left: 0px;
 opacity: 1;
 z-index: 1000;
}
#zoombackground {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 background-color: #000000;
 opacity: 0.35;
 z-index: 1000;
}
#zoomcontent {
 display: block;
 width: 80%;
 height: 80%;
 position: absolute;
 top: 50%;
 left: 50%;
 padding: 0px;
 opacity: 1;
 z-index: 1500;
 background-color: #ffffff;
 border: 1px solid #000000;
 overflow: scroll;
 overflow-y: auto;
 overflow-x: hidden;
}
#zoominnercontent {
 padding: 18px 18px 18px 18px;
 font-size: 1.1em;
}
/*#zoomcontent div, #zoomcontent iframe {
 width: 100%;
 height: 100%;
}*/
#zoomcontentimg {
 text-align: center;
 margin: 32px auto;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
}
#zoommenu a {
background-repeat: no-repeat;
background-position: 95% 50%;
color: #5f5f5f;
display: block;
float: right;
padding: 0px 21px 0px 0px;
margin: 0px 0px 12px 8px;
font-size: 1.1em;
}
#zoommenu a.print { background-image: url(/viomatrix/imgs/gfx/icon_print.png); }
#zoommenu a.close { background-image: url(/viomatrix/imgs/gfx/icon_close.png); }
#zoominnercontent ul { margin-top: 25px; }
#suchergebnisse thead td { padding: 0px 0px 50px 0px; }
#suchergebnisse thead td a { color: #5f5f5f; }
#suchergebnisse thead td p { line-height: 1.8em; }
#suchergebnisse thead th { padding: 0px 0px 15px 0px; }
#suchergebnisse tbody p { padding: 12px 0px 12px 0px; }
#suchergebnisse thead .more { padding-left: 22px; }
#suchergebnisse tbody .more { white-space: nowrap; }
#suchergebnisse tbody .more a {
background-image: url(/viomatrix/imgs/gfx/listpunkt_menu_small.gif);
background-repeat: no-repeat;
background-position: 5% 50%;
color: #5f5f5f;
font-weight: bold;
padding: 0px 0px 0px 22px;
}