/* begin:basics */
div, img, form, html, body, h1, h2, p, form, fieldset, hr, table, tr, th, td { border: solid 0 transparent; margin: 0px; padding: 0px; }
html, body {
 background-image: url(/viomatrix/imgs/main_backgroundmini.gif);
 background-color: #e6e6e6;
 color: rgb(0,0,0);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
}
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1px;
 height: 0px;
 min-height: 0px;
 max-height: 0px;
}
a {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a.more {
 padding-right: 17px;
 background-image: url(/viomatrix/imgs/icon_arrow_left_3x_tall.gif);
 background-repeat: no-repeat;
 background-position: 100% 50%;
 color: #098fdb;
}
div#right a.black { color: #666666; }
/* Breiten von div#top div's fuer Safari neu setzen */
div.safarifix1 { height: 12px;width: 188px;font-size: 1px; }
div.safarifix2 { height: 1px;/* DR 8.1.2008 width: 528px;*/ width:732px; font-size: 1px; }
h1, h2 {
 font-size: 12px;
 font-weight: bold;
 color: #298cc5;
 background-color: #ffffff;
 height: 19px;
 padding: 7px 0px 4px 0px;
 text-transform: uppercase;
}
div.item h2 a {
 color: #298cc5;
}
h2.smaller { text-transform: none; }
div#placeholder {
 /* alles zentriert darstellen - IE6 */
 text-align: center;
 /* zentrieren fuer moderne Browser */
 margin: 0px auto;
/* DR 8.1.2008 width: 781px; */
 width: 985px;
 /* DR 8.1.2008 background-image: url(/viomatrix/imgs/bg.gif); */
 background-image: url(/viomatrix/imgs/bg1024.gif);
 background-repeat: repeat-y;
}
/* begin:wrapper */
div#wrapper {
 /* Schriftausrichtung wieder auf linksbuendig setzen */
 text-align: left;
 position: relative;
/* DR 8.1.2008 width: 763px; */
 width: 967px;
 margin-left: 9px;
}
/* end:wrapper */
div#print { display: none; }
/* Kopfbereich */
div#head {
 position: relative;
 height: 158px;
 background-color: #e5e5e5;
}
div#head img.head1 {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 150px;
}
div#head img.head2 {
 position: absolute;
 top: 0px;
 left: 150px;
}
div#head div#menue {
 position: absolute;
 top: 0px;
 /* DR 8.1.2008 left: 208px; */
 left: 300px;
 /* DR 8.1.2008 width: 428px; */
 width: 632px;
}
div#head div#menue div {
 background-image: url(/viomatrix/imgs/menu_item_yellow.gif);
 background-repeat: repeat-x;
 padding: 20px 3px 5px 3px;
 float: left;
 height: 100px;
}
div#head div#menue div.mark {
 background-image: url(/viomatrix/imgs/menu_item_blue.gif);
}
div#head div#links {
 position: absolute;
 top: 32px;
 /* DR 8.1.2008 left: 212px; */
 left: 303px;
}
div#head div#links div {
 float: left;
 width: 1px;
 text-align: center;
 overflow: hidden;
}
div#head div#links div a {
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 color: #298cc5;
 padding: 15px 0px;
 margin: 0px 7px;
}
div#head div#menue div.first {
 background-image: url(/viomatrix/imgs/menu_seperator_left.gif);
 width: 1px;
}
div#head div#menue div.last {
 background-image: url(/viomatrix/imgs/menu_seperator_right.gif);
 width: 1px;
}
div#head div#menue div.middle {
 background-image: url(/viomatrix/imgs/menu_seperator_middle.gif);
 width: 1px;
}
div#head div#headmenue {
 position: absolute;
 top: 52px;
 right: 15px;
 text-align: right;
}
div#head div#slogan {
 position: absolute;
 top: 118px;
 left: 8px;
 text-align: left;
 font-size: 11px;
 font-weight: bold;
 color: #ff0600;
}
div#head div#welcome {
 position: absolute;
 top: 118px;
 width: 100%;
 text-align: center;
 padding-left: 40px;
 color: #ff0600;
 font-size: 16px;
 font-weight: bold;
}
/* Contentbereich */
div#content {
 background-image: none;
 color: #666666;
/* background-color: #f1f1f1; */
 background-color: #e6e6e6;
 /* DR 8.1.2008 */
 border-top: none;
}
div#content img {
 margin: 0px 6px 6px 0px;
}
div#top { background-color: #ffffff; margin: 0px; height: 161px; overflow: hidden; }
div#content div.box1 {
 background-color: #ffffff;
 background-image: url(/viomatrix/imgs/gradient_white2green.jpg);
 background-repeat: repeat-x;
 background-position: left bottom;
 float: left;
 width: 188px;
 padding: 5px 12px 0px 12px;
 display: table;
 height: 156px;
 margin: 0px;
}
div#content div.box1 div {
 padding: 8px 0px;
}
div#content div.box2 {
 background-image: url(/viomatrix/imgs/gradient_white2grey.jpg);
 background-repeat: repeat-x;
 background-position: left bottom;
 background-color: #ffffff;
 padding: 0px;
 position: relative;
 display: table;
 /* DR 8.1.2008 width: 552px; */
 width: 755px;
 height: 161px;
 max-height: 161px;
 margin: 0px;
 overflow: hidden;
}
div#content div.box2 div ul {
 margin: 0px 0px 0px 37px;
 padding: 0px;
 list-style: none;
}
div#content div.box2 div ul li {
 padding-left: 9px;
 list-style-image: none;
 background-image: url(/viomatrix/imgs/icon_arrow_right_1x.gif);
 background-position: 1px 50%;
 background-repeat: no-repeat;
 font-size: 7pt;
}
div#content div.box2 div.shopmenu ul li {
 font-size: 8pt;
}
div#content div.box2 div ul li a {
 color: #959698;
 font-weight: bold;
}
div#content div.box2 div.shopmenu ul li a {
 padding-right: 17px;
 background-image: url(/viomatrix/imgs/icon_arrow_left_3x_tall.gif);
 background-repeat: no-repeat;
 background-position: 100% 50%;
 color: #098fdb;
}
div#content div.box2 div ul.left {
 float: left;
 width: 265px;
 margin: 0px 5px 0px 29px;
}
div#content div.box2 div .right {
 float: left;
 margin-left: 0px;
 margin: 0px 0px 0px 0px;
}
div#content div.box2 div.uebe {
 position: relative;
 margin: 0px 0px 0px 181px;
 color: #4690b7;
 font-size: 10pt;
 font-weight: bold;
}
div#content div.box2 div.uebe img {
 position: absolute;
 top: 0px;
 left: -50px;
}
div#content img.toppic {
 float: left;
 width: 142px;
 height: 151px;
 padding-top: 10px;
 margin: 0px;
}
div#content img.topimg {
 position: absolute;
 top: 158px;
 right: -1px;
 height: 35px;
 width: 85px;
 margin: 0px;
}
div#content div.box3 {
 background-color: #64a5cf;
 color: #ffffff;
}
div#content div.box3 a {
 text-decoration: underline;
 color: #ffffff;
 background-color: inherit;
}
div#content div.box3 div.left {
 float: left;
 width: 56px;
 text-align: right;
 margin-bottom: 10px;
 padding-right: 4px;
}
div#content div.box3 div.lastform {
 float: left;
 width: 154px;
}
div#content div.box4 {
 background-color: #f1f1f1;
 color: #666666;
}
div#content div.box4 b {
 font-size: 10pt;
}
div#content div.box4 p {
 padding-bottom: 12px;
}
div#content div#left {
 float: left;
 width: 212px;
 position: relative;
}
div#content div#left h2 {
 position: relative;
 width: 176px;
}
div#content div#left h2.box1 {
 background-image: url(/viomatrix/imgs/icon_bar_back_green2blue_middle.gif);
 background-repeat: repeat-x;
}
div#content div#left h2.box3 {
 background-image: url(/viomatrix/imgs/icon_bar_back_blue2grey_middle.gif);
 background-repeat: repeat-x;
}
div#content div#left h2 img {
 position: absolute;
 left: 0px;
 top: 1px;
 margin: 0px;
}
div#content div#left div.item {
 padding: 12px;
}
div#content div#left div.item b {
 color: #298cc5;
}
div#content div#left div.item p {
 margin-bottom: 5px;
}
/* Warenkorb links */
div#content div#left div.warenkorb {
 padding: 10px 0px;
}
div#content div#left div.warenkorb form {
 text-align: center;
}
div#content div#warenkorblist div.bg {
 background-color: #e8e8e8;
}
div#content div#warenkorblist div.left {
 float: left;
 width: 55%;
 padding-left: 6px;
 margin-left: 3px;
}
div#content div#warenkorblist div.right {
 float: right;
 padding-right: 6px;
 margin-right: 3px;
}
div#content div#warenkorblist div.summe {
 background-image: url(/viomatrix/imgs/bg_summe.gif);
 background-repeat: repeat-x;
 margin-top: 7px;
 height: 17px;
 font-weight: bold;
 padding: 2px 0px;
}
fieldset button.warenkorbleft {
 border: none 0px;
 height: 17px;
 text-align: center;
 background-image: url(/viomatrix/imgs/button_150.gif);
 background-repeat: no-repeat;
 background-color: inherit;
 position: relative;
 width: 150px;
 padding: 0px 22px 0px 0px;
 color: #355c0d;
 font-size: 8pt;
 font-weight: bold;
 margin-top: 11px;
}
fieldset button.warenkorbleft img {
 position: absolute;
 right: 10px;
 top: 3px;
}
/* rechte Seite */
div#content div#right {
 float: left;
 /* DR 8.1.2008 width: 550px; */
 width: 754px;
 color: #666666;
 background-color: #e6e6e6;
 font-size: 10px;
 position: relative;
 padding: 0px 0px 18px 0px;
}
div#content div#right div.item {
 float: left;
 /* DR 8.1.2008 width: 275px; */
 width: 251px;
 max-width: 100%;
 background-color: inherit;
 position: relative;
}
div#content div#right div.item div { padding-left: 12px; }
div#content div#right div.item div div { padding-left: 0px; }
div#content div#right div.full {
 width: 100%;
 float: none;
}
div#content div#right div.small { width: 132px; }
div#content div#right div.medium { width: 158px; }
div#content div#right div.big { /* DR 8.1.2008 width: 399px; */ width: 603px; }
div#content div#right div.big div { padding: 0px 0px 0px 6px; }
div.sec {
 background-image: url(/viomatrix/imgs/line_verti_grey_middle.gif);
 background-position: 0px 40px;
 background-repeat: repeat-y;
}
div.third {
 background-image: url(/viomatrix/imgs/line_verti_grey_middle.gif);
 background-position: 0px 40px;
 background-repeat: repeat-y;
}
div#content div#right div.item h2, div#content div#left h2 {
 position: relative;
 padding-left: 36px;
 background-image: url(/viomatrix/imgs/icon_bar_back_grey2grey_middle.gif);
}
div#content div#right div.fill {
 position: absolute;
 right: 0px;
 width: 99%;
 height: 32px;
}
div#content div#right div h2.step {
 float: left;
 width: auto;
 margin: 0px;
 padding-left: 7px;
}
div#content div#right div h2 { 
 padding: 6px 5px 2px 5px; 
 background-image: url(/viomatrix/imgs/icon_bar_back_grey2grey_shop_light.gif);
}
div#content div#right div.warenkorb h2 { color: #bdbdbd; }
div#content div#right div.warenkorb h2.mark {
 background-image: url(/viomatrix/imgs/icon_bar_back_grey2grey_shop_dark.gif);
 color: #298cc5;
}
div#content div#right div.warenkorb h2.ok { color: #298cc5; }
div#content div#right div h2.first { padding-left: 40px; }
div#content div#right div.item h2 img {
 position: absolute;
 left: 0px;
 top: 1px;
 margin: 0px;
 z-index: 10000;
}
div#content div#right div.item h3 {
 margin: 10px 0px;
 color: #298cc5;
 font-size: 12px;
}
/* normalen Text in h3 ausgeben */
div#content div#right div.item h3 span { 
 font-size: 7pt;
 font-weight: normal;
 color: #585858;
}
div#content div#right div.item h3 p {
color: #298CC5;
}
div#content div#right div.item h3 input {
 margin-left: 10px;
 border: none 0px;
}
div#content div#right div.item div.subitem h3 {
 margin-left: 12px;
 padding-top: 6px;
}
div#content div#right div.item div.subitem h3.nomargin {
 margin-left: 6px;
}
div#content div#right div.item div.subitem input.nomargin {
 margin-left: 0px;
}
div#content div#right div.small div.subitem h3 {
 margin-left: 0px;
}
div#content div#right div.big div.subitem h3 {
 margin-left: 6px;
}
div#content div#right div.item div.subitem {
 margin: 0px 10px 12px 0px; 
 padding: 0px;
}
div#content div#right div.item div.subitem b.color {
 color: red;
}
div#content div#right div.item div.subitem img.contentpic {
 float: left;
 width: 120px;
 margin: 0px 9px 0px 0px;
 border: 1px solid #ccc;
}
div#content div#right div.item div.subitem div, div#content div#right div.item p {
 margin: 0px 7px 10px 0px;
}
div#content div#right div.big div.subitem div {
 margin-left: 7px;
}
div#content div#right div.small div.subitem div {
 margin: 0px;
}
div#content div#right div.full div.subitem h3 {
 margin-left: 0px;
 margin-right: 0px;
}
div#content div#right div.item div.subitem .icon {
 float: right;
 margin-left: 9px;
 width: 22px;
 display: none;
}
div#content div#right div.item div.subitem div h3 {
 margin: 0px;
}
div#content div#right div.item div.subitem div.downloads {
 float: left;
 width: 45%;
 padding: 0px;
 margin-left: 0px;
 margin-top: 10px;
}
div#content div#right div.item div.subitem div.downloads a.pdf {
 padding: 2px 0px 2px 24px;
 background-image: url(/viomatrix/imgs/icon_pdf.gif);
 background-repeat: no-repeat;
 background-position: 0% 50%;
}
div#content div#right div.item div.subitem ul {
 margin: 0px;
 padding: 0px 0px 0px 14px;
 list-style-type: square;
}
div#content div#right div.item div.subitem ul li a {
 color: #5394b0;
}
div#content div#right div.partitem {
 float: left;
 width: 2px;
 background-color: #e6e6e6;
 background-image: url(/viomatrix/imgs/line_verti_grey_middle.gif);
 background-repeat: repeat-y;
 margin-top: 57px;
}
div#content div#right div.partitem img { margin: 0px;padding: 0px; }
div#content div#right hr {
 background-color: #b2b2b2;
 width: 100%;
 height: 1px;
 margin: 2px 0px;
}
div#content div#right table.artliste {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0px;
 font-size: 100%;
 margin-bottom: 10px;
}
div#content div#right table.artliste img, div#content div#right table.artliste input { margin: 0px; }
div#content div#right table.artliste img.paste {
 margin-right: 4px;
}
div#content div#right table.artliste tr {
 background-color: #f7f7f7;
}
div#content div#right table.artliste tr td {
 padding: 1px 0px 0px 0px;
 height: 18px;
}
div#content div#right table.artliste tr .first {
 padding-left: 5px;
}
div#content div#right table.artliste tr .last {
 text-align: right;
 padding-right: 8px;
}
div#content div#right table.artliste tr.brutto .last, div#content div#right table.artliste tr.netto .last, div#content div#right table.artliste tr.mwst .last {
 padding-right: 4px;
}
div#content div#right table.artliste tr.empty {
 height: 16px;
}
div#content div#right table.artliste tr.netto {
 font-weight: bold;
 background-image: url(/viomatrix/imgs/bg_summe.gif);
 background-repeat: repeat-x;
}
div#content div#right table.artliste tr.brutto {
 font-weight: bold;
}
div#content div#right table.artliste tr th {
 padding: 1px 0px 0px 0px;
 height: 16px;
}
div#content div#right table.artliste tr th p {
 margin: 0px;
}
div#content div#right table.artliste tr.bg {
 background-color: #e6e6e6;
}
div#content div#right table.artliste tr.na td {
 text-decoration: line-through;
}
div#content div#right table.artliste tr.extramark td {
 background-color: rgb(255,248,0);
 color: rgb(80,80,80);
}
div#content div#right div.item div.bordertop {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 2px;
 background-image: url(/viomatrix/imgs/line_verti_top.gif);
 background-position: 0% 0%;
 background-repeat: no-repeat;
 font-size: 1px;
 height: 55px;
 padding: 0px;
}
div#content div#right div.item div.bordertopmargin {
 top: 28px;
}
div#content div#right div.item div.borderbottom {
 position: absolute;
 bottom: 0px;
 left: 0px;
 background-image: url(/viomatrix/imgs/line_verti_grey_bottom.gif);
 background-position: 0% 0%;
 background-repeat: no-repeat;
 font-size: 1px;
 height: 55px;
 width: 2px;
 padding: 0px;
}
/* Fussbereich */
div#bottom {
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 background-color: inherit;
 background-image: url(/viomatrix/imgs/main_border_bottom.gif);
 height: 91px;
}
div#bottom div.links {
 padding-top: 18px;
}
div#bottom div.links a {
 color: #ffffff;
 background-color: inherit;
 text-decoration: none;
 text-transform: uppercase;
}
/* Copyright-Bereich */
div#bottom div.copyright {
 text-align: center;
 font-size: 90%;
 color: #8b8d8b;
 padding-top: 18px;
}
/* Formulare */
fieldset label {
 width: 165px;
 font-size: 10px;
 font-weight: bold;
 color: #ffffff;
 background-color: inherit;
}
form input, form select {
 height: 13px;
 padding: 1px;
 font-size: 7pt;
 border-top: solid 1px #626162;
 border-left: solid 1px #626162;
 border-bottom: solid 1px #dedade;
 border-right: solid 1px #dedade;
}
form input.eingabe {
 width: 85px;
}
form input.small { margin-left: 50px; width: 95px; }
form .submit {
 background-color: inherit;
 background-image: url(/viomatrix/imgs/button_150.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 border: none 0px;
 width: 150px;
 padding: 0px 2px 0px 0px;
 margin: 0px;
 height: 17px;
 font-size: 7pt;
 font-weight: bold;
 color: #355c0d;
 text-align: center;
}
form .left {
 float: left;
}
form .right {
 float: right;
}
form .shadow {
 border-bottom: solid 1px #3a3a3a;
 border-right: solid 1px #656565;
}
form .disabled {
 color: #bac6ae;
}
form .long {
 background-image: url(/viomatrix/imgs/button_240_shadow.gif);
 width: 239px;
}
form input.submitmini {
 background-color: inherit;
 background-image: url(/viomatrix/imgs/button_blank.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 border: none 0px;
 padding: 0px;
 margin: 0px;
 height: 17px;
 font-size: 7pt;
 font-weight: bold;
 color: #909090;
}
form input.submitmidi {
 background-color: inherit;
 background-image: url(/viomatrix/imgs/button_60.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 border: none 0px;
 padding: 0px;
 margin: 0px;
 width: 60px;
 height: 17px;
 font-size: 7pt;
 font-weight: bold;
 color: #909090;
}
form input.artliste {
 width: 22px;
 height: 12px;
 padding: 1px 3px;
 text-align: right;
 margin: 0px 4px 0px 0px;
}
div#content div.box2 fieldset {
 padding: 12px 0px 0px 37px;
 font-size: 8pt;
}
div#content div.box2 fieldset label {
 color: #000000;
 font-weight: normal;
 vertical-align: top;
}
div#content div.box2 fieldset input {
 vertical-align: top;
}
div#content div.box2 fieldset input.searchfield {
 width: 187px;
}
button.points {
 width: 240px;
 height: 20px;
 padding: 0px 0px 2px 0px;
 margin: 18px 0px;
 border: none 0px;
 background-color: inherit;
 background-image: url(/viomatrix/imgs/button_240_shadow.gif);
 background-repeat: no-repeat;
 color: #455723;
 font-size: 7pt;
}
fieldset .subitem div label {
 display: block;
 float: left;
 width: 58px;
 color: #585858;
 font-size: 7pt;
 font-weight: normal;
}
fieldset .subitem div input { width: 144px; }
fieldset .subitem div input.sec { width: 71px; }
fieldset .subitem div input.checkbox { 
 width: auto; 
 border: none 0px;
}
fieldset .subitem div label.missing {
 color: #d60505;
 font-weight: bold;
}
fieldset .subitem div select { 
 width: 70px;
 height: 18px;
}
div#content div.box2 fieldset.prodsuche {
 margin-top: 10px;
}
div#content div.box2 fieldset.prodsuche label {
 width: 140px;
 color: #4690b7;
 font-size: 10pt;
 font-weight: bold;
 display: block;
 float: left;
}
div#content div.box2 fieldset.prodsuche input#prod_suche {
 width: 350px;
}