* { margin: 0px;padding: 0px; }
html, body {
 background-color: #000000;
 font-family: Arial, Verdana, Tahoma, sans-serif;
 font-size: 0.85em;
 color: #000000;
 text-align: center;
}
a { text-decoration: none; }
.antifloat {
 float: none;
 clear: both;
 visibility: hidden;
 font-size: 1pt;
 height: 1px;
 margin: 0px;
 padding: 0px;
}
h1 {
 color: #666666;
 margin-bottom: 20px;
 font-size: 25px;
}
h2 {
 color: #666666;
 font-size: 16px;
 margin-top: 26px;
 margin-bottom: 18px;
}
h3 {
 color: #e4b25b;
 font-size: 1em;
}
hr {
 margin: 24px 0px;
 background-image: url(/viomatrix/imgs//content_line.gif);
 background-repeat: no-repeat;
 border: none;
}
img { border: none; }
p { margin-bottom: 18px; }
#placeholder {
 text-align: center;
 margin: 0px auto;
 width: 940px;
}
#wrapper {
 text-align: left;
 width: 940px;
}
/* Kopfbereich */
#head {
 margin: 13px 0px 0px 0px;
 height: 103px;
 position: relative;
 text-align: right;
}
#head div {
 height: 46px;
 width: 83%;
 position: absolute;
 right: 0px;
 bottom: 0px;
 z-index: 500;
}
#headpic {
 position: absolute;
 top: 0px;
 left: 16px;
 z-index: 1000;
 margin: 0px;
 padding: 0px;
}
#headpic img { position: absolute; top: 0px; left: 16px; margin: 0px; padding: 0px; }
#logo {
 position: absolute;
 right: 0px;
 top: 0px;
 z-index: 1000;
 margin: 0px;
 padding: 0px;
}
#logo img { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; }
#headmenue {
 background-color: #666666;
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 100%;
 height: 17px;
 font-size: 9pt;
 font-weight: bold;
 color: #ffffff;
 padding: 4px 0px 2px 0px;
 z-index: 1000;
}
#headmenue li { display: inline; }
#headmenue .login, #headmenue .logout { font-size: 1.4em; }
#headmenue .login:hover, #headmenue .logout {
 background-image:url(/viomatrix/imgs//login_aktiv.gif);
 background-repeat: no-repeat;
 background-position: 13px 2px;
 padding: 0px 13px 4px 13px;
 width: 50px;
 height: 16px;
}
#headmenue .logout {
 background-image:url(/viomatrix/imgs//logout_aktiv.gif);
 background-position: 10px 2px;
 padding: 0px 13px 4px 13px;
}
#headmenue .login span.l2, #headmenue .logout span.l2 { display: none; }
#headmenue .login:hover span, #headmenue .logout span { display: none; }
#headmenue .login:hover span.l2, #headmenue .logout span.l2 {
 display: inline;
 padding: 0px 20px 0px 19px;
}
#headmenue a {
 color: #ffffff;
 padding: 4px 13px 4px 13px;
}
#headmenue a:hover, #headmenue .active {
 background-color: #cccccc;
 text-decoration: none;
}
.fehlermeldung {
 margin: 5px 0px;
 color: #C01D0D;
 font-size: 14px;
 font-weight: bold;
}
#body {
 background-color: #ffffff;
 background-image: url(/viomatrix/imgs//bg_left.gif);
 background-repeat: repeat-y;
}
.left {
 float: left;
 width: 146px;
 background-color: #cccccc;
 padding: 11px 0px 30px 24px;
 font-weight: bold;
 position: relative;
}
.left img.warenkorb {
 position: absolute;
 right: 40px;
 width: 15px;
 height: 13px;
}
.left span.warenkorb {
 position: absolute;
 right: 16px;
 width: 15px;
}
.left a {
 display: block;
 padding: 1px 0px;
}
.left ul.l1 {
 list-style: none;
 margin-bottom: 7px;
}
.left li {
 white-space: nowrap;
 position: relative;
}
.left ul.l1 li {
 display: block;
 width: 146px;
 text-transform: uppercase;
 font-size: 12px;
}
.left ul.l1 li a {
 background-color: #666666;
 padding-left: 8px;
 color: #ffffff;
}
.left ul.l1 li a:hover, .left ul.l1 li a.active {
 background-color: #e4b25b;
 color: #ffffff;
}
.left ul.l1 li a.warenkorb {
 color: #b32116;
}
.left ul.l2 li {
 background-color: #cccccc;
 padding: 1px 0px;
 text-transform: none;
 overflow: hidden;
}
.left ul.l2 li a {
 white-space: normal;
 background-color: #cccccc;
 padding: 0px 0px 0px 16px;
 color: #666666;
}
.left ul.l2 li a:hover, .left ul.l2 li a.active {
 background-color: transparent;
}
.left ul.l3 li a {
 padding: 0px 0px 0px 24px;
}
#content {
 margin: 0px 11px 0px 23px;
 padding: 11px 0px 11px 0px;
 color: #666666;
 float: left;
 width: 706px;
}
#content .left {
 float: left;
 width: 323px;
 padding: 0px;
 margin: 0px;
 background-color: transparent;
 font-weight: normal;
}
#content .right {
 float: left;
 width: 323px;
 padding: 0px;
 margin: 0px;
 background-color: transparent;
 font-weight: normal;
}
#content a {
 color: #c01d0d;
 text-decoration: underline;
}
#content a.more { color: #ffffff; }
#content a.special { color: #c01d0d; }
.bigbox {
 float: left;
 width: 100%;
 margin: 12px 0px 13px 0px;
 position: relative;
}
.bigbox .hr {
 position: absolute;
 top: -37px;
}
.box {
 float: left;
 width: 50%;
 margin: 0px;
 padding: 0px;
 position: relative;
}
.bsmall {
 width: 140px;
 padding: 0px 10px 10px 0px;
}
.box hr { margin: 12px 0px; }
.box img { border: solid 2px #e4b25b; }
.noborder img { border: none; margin: 0px; padding: 0px; }
.box p { margin: 0px; }
#content img {
 float: left;
 margin-bottom: 25px;
}
#content div img {
 float: left;
 display: table-cell;
 margin: 0px 12px 0px 0px;
}
#content ul {
 margin: 0px 0px 15px 13px;
}
#content ul li strong { color: #666666; }
#content ol {
 margin-left: 25px;
}
#content p > strike {
border: 2px solid rgb(192,29,13);
display: block;
padding: 2px;
text-decoration: none;
}
#content table tr td * strike {
display: inline;
padding: 0px;
text-decoration: line-through;
border: none;
}
#content table {
/*display: block;*/
clear: both;
float: none;
margin-bottom: 20px;
}
#list li a { font-weight: bold; }
#list li a, #list li {
 color: #666666;
 text-decoration: none;
}
#list li a:hover { text-decoration: underline; }
#list li a.active { color: #E4B25B; }
#list li strong { color: #d50018; }
#legende_verfuegbarkeit p img {
 float: none;
 clear: both;
}
#login, div.wichtig {
 background-color: #e4b25b;
 width: 706px;
 float: left;
 color: #ffffff;
}
#login div { padding: 11px 6px; }
#login h2, #login p {
 margin: 0px;
 color: #ffffff;
}
div.wichtig {
 margin-bottom: 20px;
 color: rgb(102,102,102);
}
div.wichtig p {
 padding: 5px;
 margin: 0px;
}
#login .list { padding: 6px 0px; }
#login .list a {
 color: #000000;
 margin-right: 4px;
}
.loginabstand { margin-top: 120px; }
#login_fehlgeschlagen {
 margin: 5px 0px;
 color: #C01D0D;
 font-size: 14px;
}
table {
 border-collapse: collapse;
 border: none;
}
tr.first { background-color: #cccccc; }
tr.first td {
 width: 33%;
 border-top: solid 3px #ffffff;
}
tr.sec {
 background-color: #999966;
 color: #ffffff;
}
tr.sec td { border-top: solid 3px #ffffff; }
tr.third {
 background-color: #666666;
 color: #ffffff;
 border-top: solid 3px #ffffff;
}
tr.wk6 { background-color: #cccccc; }
tr.wk6 td {
 padding: 2px;
 border-top: solid 2px #ffffff;
}
td {
 padding: 0px 1px;
 vertical-align: top;
}
.belehrung {
 width: 99%;
 margin: 0px 0px 12px 0px;
}
.belehrung .sec td { padding: 5px; color: #000; }
.belehrung .sec td p { padding: 5px; margin: 0px; }
.product table, .summe table { width: 554px; }
.product table {
clear: none !important;
float: left !important;
display: table !important;
}
.warenkorb table { margin-top: 52px; }
.product p { margin: 0px; }
.summe table {
 margin-left: 92px;
 margin-bottom: 20px;
}
.product td, .summe td { padding: 5px 3px; }
.product img { margin-right: 14px; }
.product strong { color: #000000; }
img.table {
 float: left;
 border: solid 1px #ffffff;
}
#suchfelder .box {
 float: none;
 width: 296px;
 height: 56px;
 background-color: #cccccc;
 padding: 24px 12px;
 margin: 0px;
}
#suchfelder h2, #suchfelder p { margin: 2px 0px; }
#seitenweise {
 width: 92%;
 text-align: right;
 margin-right: 25px;
 color: #666666;
}
#seitenweise a {
 text-decoration: none;
 color: #666666;
}
#seitenweise span { color: #dab469; }
table.admin {
 width: 98%;
 margin: 0px 0px 12px 0px;
}
table.admin th {
 width: 30%;
 text-align: center;
 vertical-align: middle;
 height: 22px;
}
table.admin th a {
 display: block;
 width: 100%;
 height: 100%;
 padding: 3% 0%;
 text-decoration: none;
 background-color: #cccccc;
}
table.admin th a.mark, table.admin th a:hover { background-color: #666666; }
table.admin td {
 padding: 1px 1px 5px 1px;
 background-color: #eaeaea;
}
table.admin td.bg { background-color: #ffffff; }
table.admin .form {
 float: left;
 width: 22%;
 margin-right: 4px;
}
table.admin .form label { white-space: nowrap; }
#wkorbnavi {
 margin-bottom: 22px;
 height: 20px;
}
#wkorbnavi a, .inaktiv {
 padding: 4px 6px;
 background-color: #cccccc;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 margin-right: 11px;
 display: block;
 float: left;
}
#wkorbnavi a:hover { text-decoration: underline; }
#wkorbnavi a.active {
 background-color: #666666;
}
.wkorbnavidown {
 width: 706px;
 background-color: #999966;
 height: 30px;
}
.wkorbnavidown .first { float: left; width: 206px; }
.wkorbnavidown .sec { float: right; width: 500px; text-align: right; }
div.wkorblogin h2 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
div.wkorblogin p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#footer {
 position: relative;
 height: 35px;
}
#footer .left {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 170px;
 padding: 0px;
 margin: 0px;
 height: 50px;
 z-index: 500;
}
#footerpic {
 position: absolute;
 top: -11px;
 left: 0px;
 z-index: 1000;
}
#footermenue {
 border-top: solid 8px #e4b25b;
 color: #ffffff;
 margin-left: 170px;
 font-size: 0.96em;
}
#footermenue .footerleft {
 padding: 16px 0px 0px 91px;
 float: left;
 width: 40%;
}
#footermenue .footerleft a { margin-right: 5px; }
#footermenue .footerleft a:hover {}
#footermenue .footerright {
 text-align: right;
 padding: 16px 7px 0px 0px;
}
#footermenue a { color: #ffffff; }
#footermenue a.active, #footermenue a:hover { color: #9c9c9c; }
fieldset { border: solid 0px transparent; }
input, select, textarea {
 border: none;
 border-top: solid 1px #848484;
 border-left: solid 1px #848484;
 border-bottom: solid 1px #f4f4f4;
 border-right: solid 1px #f4f4f4;
}
input, select {
 width: 200px;
 max-width: 200px;
}
input.radio, input.checkbox {
 width: auto;
 max-width: none;
}
input#plz { width: 50px; float: left; }
input#ort { width: 146px; }
input#str { width: 146px; float: left; }
input#nr { width: 50px; }
input.checkbox { border: none; padding: 0px; margin: 0px; }
input.missing, select.missing, textarea.missing, div.missing { border: 2px solid red !important; }
tr.missing, p.missing, td.missing { border: 2px solid red !important; }
label { display: block; }
select, textarea { width: 180px; height: 20px; }
textarea { height: 194px; }
.login { position: relative; }
.login button {
 position: absolute;
 right: 0px;
 bottom: 0px;
 border: none;
 border-bottom: solid 1px #a8a8a8;
 border-right: solid 1px #a8a8a8;
 background-color: #ffffff;
 padding: 1px 12px;
}
.numbers {
 padding: 3px 0px 3px 22px;
 position: relative;
 margin-top: 26px;
}
.numbers input {
 border-top: solid 1px #858585;
 border-left: solid 1px #a8a8a8;
 border-right: solid 1px #a8a8a8;
 border-bottom: solid 1px #dbdbdb;
 height: 20px;
}
.numbers button {
 width: 73px;
 height: 23px;
 position: absolute;
 right: 30px;
 font-weight: bold;
}
.pflicht { color: #ff2f2f; }
.product select {
 width: 50px;
 margin: 6px 0px;
}
.warenkorbform2 {
 clear: right;
 padding-top: 12px;
}
.warenkorbform2 h2 { margin-top: 0px; }
.warenkorbform2 input.checkbox { float: left;width: 16px;height: 16px;margin: 5px 5px 0px 0px; }
.warenkorbform2 label {
 display: block;
 width: 120px;
 font-weight: bold;
}
.warenkorbform2 .auswahl { margin-top: 3px; }
.warenkorbform2 .auswahl tr { background-color: transparent; }
.warenkorbform2 .auswahl td { vertical-align: top; padding: 2px 0px; }
.warenkorbform2 .mini {
 width: 35%;
 text-align: right;
}
.warenkorbform2 .mini tr { background-color: #cccccc; }
.warenkorbform2 tr { background-color: #ebebeb; }
.warenkorbform2 td {
 padding: 3px;
 border-bottom: solid 1px #ffffff;
}
form.wkorbform {
 width: 706px;
 min-width: 706px;
 max-width: 706px;
 padding: 0px;
 margin: 5px 0px 5px 0px;
}
form.wkorbform table {
 width: 706px;
 min-width: 706px;
 max-width: 706px;
 margin: 0px;
}
form.wkorbform .wkorbnavidown {
 display: block;
 padding: 0px;
}
form.wkorbform .wkorbnavidown a {
 color: rgb(100,100,100);
 display: block;
 padding: 3px 0px;
}
form.wkorbform .wkorbnavidown a:visited { color: rgb(100,100,100); }
form.wkorbform .wkorbnavidown a:focus { color: rgb(100,100,100); }
form.wkorbform .wkorbnavidown a:link { color: rgb(100,100,100); }
form.wkorbform .wkorbnavidown button {
 margin: 1px 10px;
 padding: 2px 3px;
 font-weight: bold;
}
.wk6msg {
 width: 99%;
 height: 70px;
 border-top: solid 2px #414141;
 border-left: solid 2px #414141;
 margin-bottom: 12px;
}
.wk6msglabel { font-weight: bold; width: 706px; min-width: 706px; padding-top: 5px; }
#picbig {
 position: absolute;
 z-index: 1012;
 padding: 0px;
 top: 0px;
 left: 0px;
 width: 660px;
 height: 500px;
 margin: 0px;
 padding: 0px;
}
#picbig .bu {
 position: absolute;
 z-index: 1021;
 background-color: #dab469;
 bottom: 0px;
 left: 0px;
 padding: 3px 20px 2px 5px;
 width: 610px;
 color: #404040;
}
#picbig .rand {
 position: absolute;
 z-index: 1021;
 background-color: transparent;
 text-align: right;
 font-size: 10px;
 top: 0px;
 right: 0px;
 padding: 10px;
 color: white;
}
#picbig .rand a { color: white; }
#picbigcontainer {
 position: absolute;
 display: none;
 z-index: 1010;
 padding: 0px;
 top: 120px;
 left: 300px;
 width: 660px;
 height: 500px;
 margin: 0px;
 padding: 0px;
}
.productlist {
 margin: 10px 0px;
}
.site .sitenum {
 float: left;
 width: 97px;
 max-width: 97px;
 font-size: 1.0em;
 font-weight: bold;
 height: 40px;
}
.site .sitelist {
 width: 680px;
 max-width: 680px;
 height: 40px;
}
.site .sitelist a.selected { font-weight: bold; text-decoration: none; }
ul.adminfunc li span div { display: inline; }
.resellerhint, .sperrguthint {
 position: absolute;
 width: 220px;
 padding: 5px;
 display: none;
 border: 1px solid #848484;
 background-color: white;
 z-index: 10000;
}
.resellerhint h1, .sperrguthint h1 { margin-top: 0px; }
.resellerhint h2, .sperrguthint h2 { margin-top: 0px; }
.resellerhint h3, .sperrguthint h3 { margin-top: 0px; }
.resellerhint h4, .sperrguthint h4 { margin-top: 0px; }
.resellerhint h5, .sperrguthint h5 { margin-top: 0px; }
.resellerhint h6, .sperrguthint h6 { margin-top: 0px; }
table.quickorder { width: 706px; }
table.quickorder tr th { background-color: rgb(204,204,204); height: 25px; padding: 2px; }
table.quickorder th.anr { text-align: left; }
table.quickorder th.desc { text-align: left; }
table.quickorder th.menge { text-align: right; }
table.quickorder th.price { text-align: right; }
table.quickorder tr td { background-color: rgb(224,224,224); height: 25px; padding: 4px 2px; border-top: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(200,200,200);}
table.quickorder tr.odd td { background-color: rgb(250,250,250); border: none; }
table.quickorder td.anr { text-align: left; }
table.quickorder td.desc { text-align: left; }
table.quickorder td.menge { text-align: right; }
table.quickorder td.price { text-align: right; }
table.quickorder td input { width: 94px; max-width: 94px; }
table.quickorder td.anr input { width: 164px; max-width: 164px; }
table.quickorder td.desc input { width: 380px; max-width: 380px; }
table.quickorder td.menge input { width: 44px; max-width: 44px; }
table.quickorder td.anr input.esd { display: none; width: 75px; max-width: 75px; }
form.resellerreg tr td.head { 
 background-color: #999966; 
 font-weight: bold;
 padding: 3px 2px;
 color: white;
 border-top: 3px solid white;
}
form.resellerreg tr td label { display: block; float: left; width: 150px; max-width: 150px; overflow: hidden; }
form.resellerreg tr td input { width: 150px; }
form.resellerreg tr td input.radio { border: none; width: 2em; max-width: 2em; }
form.resellerreg tr td { width: 50%; vertical-align: top; padding-top: 5px; border: none; }
form.resellerreg tr td.missing input { border-right: 10px solid red; }
#legende_verfuegbarkeit {
}
div.productline { width: 700px; height: 34px; max-height: 34px; }
div.even { background-color: rgb(250,250,250); }
div.odd { background-color: rgb(220,220,220); }
div.productline img { padding: 1px 10px 1px 0px; }
div.productline div.content { padding: 1px 5px 1px 0px; height: 32px; }
div.productline div.content div.shoppingcart { float: right; width: 30px; height: 16px; text-align: right; }
div.productline div.content div.titel { float: none; height: 16px; }
div.productline div.content div.price { float: right; width: 120px; text-align: right; height: 16px; }
div.productline div.content div.price div.resellerdetail { float: right; padding-left: 10px; }
div.productline div.content div.avail { float: right; width: 30px; text-align: center; height: 16px; }
div.productline div.content div.detail { float: none; height: 16px;}
div.productline div.content div.detail div.artnr { float: left; padding: 0px 10px 0px 0px; }
div.productline div.content div.detail div.flyoutdetail { float: none; margin: 0px; }
div.detailhint {
 position: absolute;
 width: 420px;
 padding: 0px;
 display: none;
 border: 1px solid #848484;
 background-color: rgb(255,255,255);
 z-index: 10001;
 margin: -50px 0px 0px -100px;
}
div.detailhint div.dtitel { display: block; background-color: rgb(150,150,150); color: white; font-weight: bold; padding: 5px; }
div.detailhint div.dartcode { display: block; font-weight: bold; padding: 2px 5px; width: 208px; float: left; }
div.detailhint div.davail { display: block; font-weight: bold; padding: 2px 5px; width: 190px; float: none; width: auto; text-align: right; }
div.detailhint div.dsperrgut { display: block; padding: 2px 5px; width: 208px; float: none; width: auto; text-align: left; }
div.detailhint div.dsperrgut p { padding: 0; margin: 0; }
div.detailhint div.dsperrgut h1 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dsperrgut h2 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dsperrgut h3 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dsperrgut h4 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dsperrgut h5 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dsperrgut h6 { margin-top: 0px; margin-bottom: 6px; }
div.detailhint div.dprice { display: block; font-weight: bold; padding: 2px 5px; float: none; width: auto; text-align: left; }
div.detailhint div.ddesc { display: block; background-color: rgb(230,230,230); padding: 5px; margin: 1px 0px; }
div.detailhint div.dfazeile { display: block; background-color: rgb(230,230,230); padding: 5px; margin: 1px 0px; }
div.detailhint div.dpriceinfo { display: block; background-color: rgb(230,230,230); padding: 5px; margin: 1px 0px; }
div.detailhint a { background-color: rgb(150,150,160); display: block; font-weight: bold; padding: 2px 5px; margin: 1px 0px 0px 0px; }
div.detailhint div.dsperrgut a { display: inline; background: none; padding: 0; margin: 0;}
div.shopcarthint {
 position: absolute;
 width: 250px;
 padding: 0px;
 display: none;
 border: 1px solid #848484;
 background-color: rgb(255,255,255);
 z-index: 10002;
 margin: -90px 0px 0px -200px;
}
div.shopcarthint h1 { display: block; background-color: rgb(150,150,150); color: white; font-weight: bold; padding: 5px; font-size: 12px; margin: 0px; }
div.shopcarthint h2 { display: block; background-color: rgb(150,150,150); color: white; font-weight: bold; padding: 5px; font-size: 12px; margin: 0px;}
div.shopcarthint h3 { display: block; background-color: rgb(150,150,150); color: white; font-weight: bold; padding: 5px; font-size: 12px; margin: 0px;}
div.shopcarthint p { display: block; padding: 5px; margin: 0px; }
div.shopcarthint form { display: block; background-color: rgb(153,153,102); padding: 5px; border-top: 1px solid #848484; }
div.shopcarthint form button { font-weight: bold; }
div.shopcarthint form input { margin-right: 10px; height: 18px; }
div.availhint {
 position: absolute;
 width: 350px;
 padding: 0px;
 display: none;
 border: 1px solid #848484;
 background-color: rgb(255,255,255);
 z-index: 10003;
 margin-left: -180px;
 }
div.availhint div.titel { display: block; background-color: rgb(150,150,150); color: white; font-weight: bold; padding: 5px; width: auto; text-align: right; margin: 0px; }
div.availhint div.stand { display: block; font-weight: bold; padding: 2px 5px; width: auto; text-align: right; margin: 0px; }
div.pricehint {
 position: absolute;
 width: auto;
 padding: 5px;
 display: none;
 border: 1px solid #848484;
 background-color: rgb(255,255,255);
 z-index: 10004;
}
table.wkorblist {}
table.wkorblist tr.odd { background-color: rgb(250,250,250); }
table.wkorblist tr.odd { background-color: rgb(220,220,220); }
table.wkorblist tr th { background-color: rgb(153,153,102); color: white; font-weight: bold; vertical-align: top; padding: 2px; }
table.wkorblist tr td { vertical-align: top; text-align: left; padding: 2px; }
table.wkorblist tr td.col1 { font-weight: bold; }
table.wkorblist tr td.col2 div.flyoutdetail { float: right; }
table.wkorblist tr td.col3 { }
table.wkorblist tr td.col4 { width: 100px; }
table.wkorblist tr td.col4 div.updown { float: left; width: 20px; height: 16px; }
table.wkorblist tr td.col5 { font-weight: bold; text-align: right; }
table.wkorblist tr td.col6 { font-weight: bold; text-align: right; }
table.wkorblist tr.sec td p { padding: 0px; margin: 0px; }
@charset "UTF-8";
html {
background-color: white;
}
body {
/* Hintergrundbild Wasserwirbel */
background-image: url(/viomatrix/imgs//20090505_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: white;
}
div#placeholder, div#wrapper {
width: 980px;
}
/* Kopfbereich */
div#head {
height: 324px;
background-color: black;
overflow: hidden;
margin: 0px;
text-align: left;
}
div#head img { left: 0px; }
div#head div#logo {
/* 350x90px */
width: 350px;
height: 90px;
top: 5px; left: 15px;
margin: 0px;
}
div#head div#logo_spax {
/* 350x90px */
width: 120px;
height: 68px;
top: 30px;
left: 305px;
margin: 0px;
}
div#head #headpic {
width: 980px;
height: 282px;
top: 42px;
left: 0px;
margin: 0px;
z-index: 1;
}
div#head ul#headmenue {
top: 75px;
left: 550px;
width: 415px;
height: 25px;
background-color: transparent;
font-weight: normal;
padding: 0px;
}
div#head div#headmenue_bg {
position: absolute;
display: block;
overflow: hidden;
top: 70px;
left: 546px;
width: 417px;
min-height: 30px;
height: 30px;
border: 1px solid rgb(210,200,190);
background-color: black;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 2;
}
div#head ul#headmenue .suchfelder {
position: relative;
height: auto;
width: 260px;
z-index: 0;
float: left;
}
div#head ul#headmenue .suchfelder .box {
background-color: transparent;
height: auto;
padding: 0px;
width: auto;
position: relative;
}
div#head ul#headmenue .suchfelder .box img, div#head ul#headmenue .suchfelder .box strong { display: none; }
div#head ul#headmenue .suchfelder form fieldset {
margin: 0px;
padding: 0px;
width: 260px;
}
div#head ul#headmenue .suchfelder form input {
width: 228px;
max-width: 228px;
height: 18px;
border: 1px solid rgb(101,101,101);
}
div#head ul#headmenue .suchfelder form button {
background-image: url(/viomatrix/imgs//20090505_search_bt.gif);
background-repeat: no-repeat;
background-position: 0px;
background-color: transparent;
border: 0px;
width: 19px;
height: 17px;
overflow: hidden;
margin: 2px 5px 0px 0px;
color: transparent;
padding-top: 20px;
}
div#head ul#headmenue li a {
display: block;
margin: 0px;
padding: 4px 30px 4px 0px;
float: left;
text-decoration: underline;
}
div#head ul#headmenue li a:hover {
background-color: transparent;
text-decoration: underline;
}
div#head ul#headmenue li a.basket {
background-image: url(/viomatrix/imgs//20090505_basket_bt.gif);
background-repeat: no-repeat;
background-position: right center;
text-decoration: none;
}
div#head div#headlogin {
position: absolute;
display: block;
overflow: hidden;
bottom: 20px;
left: 720px;
width: 244px;
min-height: 146px;
height: auto;
border: 1px solid rgb(210,200,190);
background-color: black;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 2;
}
div#head div#loginform {
position: absolute;
display: block;
overflow: hidden;
bottom: 30px;
left: 741px;
width: 224px;
min-height: 104px;
height: auto;
z-index: 10002;
color: white;
}
div#head div#loginform p {
margin-bottom: 0px;
font-size: 11px;
}
div#head div#loginform a {
color: white;
text-decoration: underline;
}
div#head div#loginform ul {
list-style-type: square;
list-style-position: inside;
}
div#head div#loginform * { position: relative; }
div#head div#loginform h1, div#head div#loginform h2, div#head div#loginform h3, div#head div#loginform h4, div#head div#loginform h5, div#head div#loginform h6 {
margin: 0px;
color: white;
font-size: 14px;
}
div#head div#loginform p, div#head div#loginform table {
margin-top: 5px;
}
div#head div#loginform td, div#head div#loginform td p {
margin: 0px;
padding:0px;
}
div#head div#loginform .suchfelder {
height: auto;
width: 206px;
z-index: 0;
}
div#head div#loginform .suchfelder .box {
background-color: transparent;
height: auto;
padding: 0px;
width: auto;
}
div#head div#loginform .suchfelder div#login_fehlgeschlagen {
display: none;
}
div#head div#loginform .suchfelder form fieldset {
margin: 0px;
padding: 10px 0px 0px 0px;
}
div#head div#loginform .suchfelder fieldset div {
width: 100px;
height: auto;
padding: 0px 3px 10px 0px;
float: left;
}
div#head div#loginform .suchfelder fieldset label {
color: white;
font-size: 12px;
padding: 0px 0px 5px 0px;
}
div#head div#loginform .suchfelder fieldset input {
width: 99px;
border: 0px;
border-right: 1px solid rgb(114,113,111);
}
div#head div#loginform .suchfelder fieldset a.forgetpw {
font-weight: normal;
text-decoration: underline;
font-size: 12px;
width: 134px;
padding: 0px;
margin: 0px;
float: left;
color: white;
}
div#head div#loginform .suchfelder form button {
background-image: url(/viomatrix/imgs//20090505_login_bt.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: black;
border: 0px;
width: 68px;
height: 20px;
overflow: hidden;
float: right;
margin: 0px 3px 0px 0px;
color: transparent;
padding-top: 20px;
}
div#head div#loginform .suchfelder form fieldset.logout button {
background-image: url(/viomatrix/imgs//20090615_logout_bt.gif);
}
/* Seitenkörper */
#body {
background-color: black;
background-image: none;
margin-bottom: 15px;
padding-bottom: 16px;
}
/* linke Menüspalte */
#body div.left {
width: 180px;
padding: 16px 15px 0px 1px;
background-color: black;
}
#body div.left ul {
border: 0px;
}
#body div.left ul li {
width: 180px;
min-height: 30px;
background-color: transparent;
background-image: url(/viomatrix/imgs//20090505_menu_li.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#body div.left ul li.active {
background-image: url(/viomatrix/imgs//20090505_menu_li_active.gif);
}
#body div.left ul li a {
height: 12px;
padding: 9px 19px;
margin: 0px;
color: white;
background-color: transparent;
background-image: url(/viomatrix/imgs//20090505_menu_li_arrow.gif);
background-repeat: no-repeat;
background-position: 166px 12px;
}
#body div.left ul li.active > a {
background-image: url(/viomatrix/imgs//20090505_menu_li_active_arrow.gif);
background-position: 164px 12px;
}
#body div.left ul li.active ul {
background-color: rgb(79,51,4);
background-image: url(/viomatrix/imgs//20090505_menu_li_active_ul.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
border-bottom: 1px solid black;
}
#body div.left ul li.active ul li ul,#body div.left ul li ul li ul { border: none; background-image: none; background-color: transparent; list-style-type: none; }
#body div.left ul li.active ul li {
background-image: none;
}
#body div.left ul li.active ul > li {
background-image: url(/viomatrix/imgs//20090505_menu_li_active_seperator.gif);
background-repeat: no-repeat;
background-position: 19px 0px;
}
#body div.left ul li.active ul > li:first-child { background-image: none; }
#body div.left ul li.active ul li ul li { padding: 0px 0px 0px 20px; width: 160px; min-height: 20px; height: auto; background-image: none; }
#body div.left ul li.active ul li ul li ul li { padding: 0px 0px 0px 10px; width: 150px; min-height: 20px; height: auto; background-image: none;}
#body div.left ul li.active ul li ul li ul li ul li { padding: 0px 0px 0px 10px; width: 140px; min-height: 20px; height: auto; background-image: none; }
#body div.left ul li.active ul li ul li a { padding: 2px 0px 2px 10px; color: rgb(225,200,160); }
#body div.left ul li.active ul li ul li a:hover, #body div.left ul li.active ul li ul li.active a { 
color: white; 
background-image: url(/viomatrix/imgs//20090505_menu_li_active_dot.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#body div.left ul.l2 li {
padding: 0px;
}
/* Content */
#content {
background-color: black;
margin: 0px;
padding: 0px;
color: white;
width: 784px;
overflow: hidden;
}
#content div img {
margin: 16px 16px 0px 0px;
}
#content h1 {
margin-top: 16px;
}
/* Teaserboxen Text */
#content .tbox {
width: 155px;
min-height: 67px;
margin: 16px 16px 0px 0px;
padding: 8px 5px 0px 20px;
display: block;
float: left;
background-color: rgb(75,55,4);
background-image: url(/viomatrix/imgs//20090505_tbox.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
color: white;
font-size: 11px;
}
#content .tbox p {
margin: 0px;
}
#content .tbox h1,#content .tbox h2,#content .tbox h3,#content .tbox h4 {
color: white;
font-size: 14px;
font-weight: bold;
text-decoration: none;
background-image: url(/viomatrix/imgs//20090505_tbox_dot.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 16px;
display: inline;
margin: 0px;
}
#content .tbox ul {
list-style-image: none;
list-style-type: none;
margin-bottom: 0px;
}
#content .tbox li a {
color: white;
text-decoration: underline;
font-size: 11px;
font-weight: normal;
background-image: none;
padding-right: 0px;
}
#content .textblock, #content .textblocksmall {
border: 1px solid rgb(107,107,107);
background-color: rgb(45,45,45);
padding: 18px;
margin: 16px 16px 0px 0px;
width: 730px;
clear: both;
}
#content .textblock .textblock {
width: 694px;
float: none;
}
#content .teaserlist .textblock {
width: 340px;
float: left;
clear: none;
}
#content .teaserlist .textblock h2 {
border: none;
margin: 0px;
padding: 3px 0px;
}
#content .textblock img, #content .textblocksmall img {
margin: 0px;
}
#content .textblocksmall {
width: 178px;
min-height: 48px;
padding: 0px;
float: left;
clear: none;
}
#content .medium { width: 374px; }
#content .textblocksmall .minipic, #content .textblock .minipic {
width: 80px;
min-height: 48px;
margin: 0px 5px 0px 0px;
border-right: 1px solid rgb(107,107,107);
background-color: rgb(0,0,0);
text-align: center;
float: left;
}
#content .textblock .minipic {
width: 225px;
margin-left: -18px;
margin-top: -18px;
margin-bottom: -17px;
}
#content .textblock h1,#content .textblock h2, #content .textblock h3, #content .textblock h4 {
margin-top: 0px;
color: rgb(255,255,255);
}
#content .textblock h2 {
border-top: 1px solid rgb(107,107,107);
margin-top: 15px;
padding-top: 15px;
}
#content .textblock a, #content .textblocksmall a {
color: white;
}
#content .textblock ul {
list-style-image: url(/viomatrix/imgs//20090528_list-style-image.gif);
}
#content .textblock ul li strong {
color: white;
}
#content .textblock p {
margin-bottom: 4px;
}
#content .textblock .navpath {
margin-bottom: 18px;
}
#content .textblock .navpath a {
text-decoration: none;
}
#content .textblock .navpath a:hover {
text-decoration: underline;
}
#content #legende_verfuegbarkeit p {
margin: 2px 0px;
}
#content #legende_verfuegbarkeit p img, #content .textblock #legende_verfuegbarkeit p img {
float: left;
margin: 2px 5px 2px 0px;
clear: both;
display: block;
}
#content #legende_verfuegbarkeit p br {
display: block;
margin: 4px 0px;
}
#content #legende_verfuegbarkeit {
float: none;
clear: both;
margin-bottom: 30px;
font-size: 0.9em;
}
.productline {
border: 1px solid rgb(107,107,107);
background-color: rgb(45,45,45);
padding: 0px;
margin: 0px 0px 9px 0px;
width: 723px;
clear: both;
}
.odd {
background-color: transparent;
}
.even {
background-color: transparent;
}
#content .textblock .productline img {
border-right: 1px solid rgb(107,107,107);
padding: 0;
margin: 0 8px 0 0;
}
.productline div.content {
padding: 0px;
margin: 0px;
height: 32px;
overflow: hidden;
}
.big {
height: auto;
}
.big div.content {
height: auto;
}
div.big .avail img.avail { border: none; }
div.big .detail .detailhint, div.big .detail .availhint {
display: block;
margin: 0px;
position: relative;
width: auto;
border: none;
z-index: 0;
}
div.big a.vtwobigbiclink {
z-index: 2;
position: relative;
float: left;
}
#content .textblock .productline .content img {
border: none;
}
div.el_imglist img {
padding: 0 5px 5px 0;
}
.productline div.content {
cursor: pointer;
}
.productline div.content .detailarrow {
float: right;
width: 31px;
height: 32px;
background-color: rgb(0,0,0);
background-image: url(/viomatrix/imgs//20090826_al_arrow_closed.gif);
background-position: center;
background-repeat: no-repeat;
border: none;
border-left: 1px solid rgb(105,105,105);
margin-left: 6px;
}
.productline div.content .shoppingcart {
height: 0px;
width: 21px;
margin: 6px 0px 5px 16px;
background-image: url(/viomatrix/imgs//20090528_basket_list.gif);
background-position: center;
background-repeat: no-repeat;
background-color: rgb(45,45,45);
border: none;
overflow: hidden;
padding-top: 21px;
float: right;
}
.productline div.content div.priceline {
float: right;
width: 112px;
color: white;
font-size: 19px;
font-weight: bold;
padding: 4px 0px;
text-align: right;
}
.productline div.content div.priceline .euro {
float: left;
}
.productline div.content div.price {
padding: 9px 0px;
}
.productline div.content .avail {
height: 18px;
width: 18px;
margin: 8px 16px 8px 0px;
float: right;
}
.productline div.content .avail img {
max-height: 18px;
}
.productline div.content .details {
margin: 8px 0px 8px 10px;
width: 70px;
text-align: left;
float: right;
text-decoration: none !important;
}
.productline div.content .title {
display: inline;
float: left;
padding-right: 4px;
margin-top: 8px;
max-width: 365px;
overflow: hidden;
white-space: nowrap;
}
div.productline div.content div.detail {
margin-top: 8px;
}
div.productline div.content div.detail div.flyoutdetail {
float: left;
}
.productline.faq {
width: 766px;
margin: 9px 0px 0px 0px;
max-height: 5000px;
height: auto;
}
.productline.faq .content {
padding-right: 0px;
}
.productline.faq > img {
margin-right: 0px !important;
padding-right: 0px !important;
}
.productline.faq .title {
padding-left: 18px;
}
.productline.faq .articledetails .articledetail_left p {
max-width: 685px;
}
.productline.faq .articledetails {
min-width: none;
}
.productline .articledetails .load_articledetails {
text-align: center;
padding: 15px;
margin: 0 auto;
max-width: 200px;
}
.productline .articledetails .load_articledetails img {
border: none !important;
}
.productline .articledetails {
height: 0px;
display: none;
background-color: rgb(87,87,87);
padding: 0px;
margin: 0px;
border-top: 1px solid rgb(105,105,105);
overflow: hidden;
}
.productline .articledetails .articledetail_right {
float: right;
width: 169px;
margin: 0px 30px 0px 0px;
}
.productline .articledetails .articledetail_right .teaser_price {
background-color: rgb(45,45,45);
border: 1px solid rgb(105,105,105);
border-top: none;
padding: 8px 5px 5px 5px;
margin: -1px 0px 0px 0px;
position: absolute;
width: 156px; height: 210px;
}
.productline .articledetails .articledetail_right .teaser_price .specialprice {
background-image: url(/viomatrix/imgs//20090826_hotprice_rahmen.gif);
background-position: center;
background-repeat: no-repeat;
padding: 11px;
height: 76px;
overflow: hidden;
}
.productline .articledetails .articledetail_right p {
font-size: 11px;
padding: 0px 5px 4px 5px;
}
.productline .articledetails .articledetail_right .teaser_price .specialprice h2 {
margin: 0px !important;
padding: 0px !important;
font-size: 16px !important;
border: none !important;
}
.productline .articledetails .articledetail_right .teaser_price .pname {
clear: both;
float: left;
display: block;
width: 80px;
height: 14px;
overflow: hidden;
font-size: 11px;
padding: 0px 5px;
}
.productline .articledetails .articledetail_right .teaser_price .pvalue {
font-size: 11px;
text-align: right;
display: block;
width: 55px;
padding: 0px 0px 0px 5px;
float: left;
}
.productline .articledetails .articledetail_right .teaser_price .ptext {
padding-top: 5px;
clear: both;
}
.productline .articledetails .articledetail_right label {
font-size: 11px;
padding: 2px 5px 2px 5px;
width: 60px;
font-size: 12px;
font-weight: bold;
float: left;
}
.productline .articledetails .articledetail_right input.pmenge {
width: 73px;
height: 18px;
padding: 2px 4px;
text-align: center;
background-image: url(/viomatrix/imgs//20090826_amount_bg.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
color: white;
border: none;
}
.productline .articledetails .articledetail_right input.submit {
width: 152px;
height: 15px;
padding: 0px 0px 22px 0px;
margin: 12px 0px 0px 0px;
text-align: center;
background-image: url(/viomatrix/imgs//20090826_basket_long.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
font-size: 12px;
font-weight: bold;
color: white;
border: none;
clear: both;
background-color: rgb(45,45,45);
}
.productline .articledetails .articledetail_right .teaser_image {
background-color: rgb(0,0,0);
border: 1px solid rgb(105,105,105);
padding: 0px;
margin: 236px 0px 13px 0px;
}
.productline .articledetails .articledetail_right .teaser_image a {
display: block;
height: 13px;
width: 143px;
clear: both;
padding: 8px 16px 8px 8px;
font-size: 11px;
font-weight: normal;
color: white;
text-decoration: none !important;
background-image: url(/viomatrix/imgs//20090826_small_arrowlink.gif);
background-position: 155px 10px;
background-repeat: no-repeat;
background-color: rgb(0,0,0);
border-top: 1px solid rgb(105,105,105);
}
.productline .articledetails .articledetail_right .teaser_image a.images_more {
display: block;
height: auto;
width: auto;
padding: none;
font-size: auto;
font-weight: normal;
color: auto;
text-decoration: auto;
background-image: none;
background-position: auto;
background-repeat: auto;
background-color: none;
border-top: none;
clear: none;
padding: 0;
}
.productline .articledetails .articledetail_right .teaser_image a + a {
border-top: 1px dotted white;
}
.productline .articledetails .articledetail_left {
padding: 16px 16px 16px 47px;
}
.productline .articledetails .articledetail_left p {
margin-bottom: 14px !important;
max-width: 440px;
}
.productline .articledetails .articledetail_left img {
border: none !important;
}
.productline .articledetails .articledetail_left .infoimage {
width: 460px;
height: auto;
padding: 0px;
}
.productline .articledetails .articledetail_left a.infoimage {
width: auto;
padding: 4px 20px 4px 30px;
background-image: url(/viomatrix/imgs//20090826_pdf_bt.gif);
background-position: left middle;
background-repeat: no-repeat;
text-decoration: none !important;
}
.productline .articledetails .articledetail_left a.soundimage {
width: auto;
padding: 4px 20px 4px 30px;
background-image: url(/viomatrix/imgs//auspuffsound.png);
background-position: left middle;
background-repeat: no-repeat;
text-decoration: none !important;
}
.productline .articledetails .articledetail_left .artdownload {
width: 30px;
height: 40px;
padding: 0px;
}
.artdownload {
width: 440px !important;
height: auto !important;
margin-top: 16px;
}
.antrieb_icons img {
margin: 0 !important;
padding-right: 5px;
max-height: 25px;
}
.productline .articledetails .articledetail_left .infoimage img {
margin: 0 !important;
}
.productline .articledetails .articledetail_left .infoimage p {
margin-left: 30px !important;
}
.articledetail_question_overlay {
background-color: #000000;
left: 0;
margin: auto;
position: absolute;
top: 0;
z-index: 9;
opacity: 0.85; 
filter: alpha(opacity=85);
width: 100%; 
display: none;
}
.articledetail_question {
display: none;
position: absolute;
z-index: 10;
background-color: #2D2D2D;
border: 1px solid #666666;
margin: 5px 4px;
padding: 0 13px 30px;
width: 486px;
}
.articledetail_question a.close {
display: block;
text-align: right;
padding: 10px 12px 30px 0px;
background-image: url(/viomatrix/imgs//20091002_close_kreuz.gif);
background-position: right 14px;
background-repeat: no-repeat;
text-decoration: none !important;
}
.articledetail_question a.close:hover {
text-decoration: underline !important;
}
.articledetail_question h1 {
text-transform: uppercase;
}
.articledetail_question input,.articledetail_question select,.articledetail_question textarea {
background-color: rgb(9,9,9);
color: white;
border: 1px solid rgb(67,67,67);
max-width: 480px;
width: 236px;
}
.articledetail_question input#str,.articledetail_question input#email {
width: 482px;
max-width: 482px;
}
.articledetail_question input#plz,.articledetail_question input#ort {
width: 236px;
}
.articledetail_question .missing {
border: none;
}
.articledetail_question .missing input {
background-color: rgb(90,0,0);
}
.articledetail_question .submit {
display: block;
text-align: left;
color: white;
padding: 1px 20px 7px 4px;
overflow: hidden;
width: 77px;
font-weight: bold;
font-size: 12px;
background-image: url(/viomatrix/imgs//20091002_senden_bt.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: transparent;
border: none;
}
.productline .articledetails .articledetail_left p.title {
border-top: 1px solid rgb(106,106,106);
font-weight: bold;
width: 440px;
padding-top: 16px;
}
.productline .articledetails .articledetail_left ul {
list-style-image: none !important;
list-style-type: none !important;
margin-left: 0px !important;
max-width: 440px;
padding-left: 5px;
}
.productline .articledetails .articledetail_left ul.scroll {
display: block;
max-height: 480px;
overflow: scroll;
scrollbar-track-color: rgb(87,87,87);
scrollbar-base-color: rgb(87,87,87);
scrollbar-arrow-color: rgb(250,250,250);
scrollbar-face-color: black;
scrollbar-3dlight-color: rgb(87,87,87);
scrollbar-darkshadow-color: rgb(87,87,87);
scrollbar-highlight-color: rgb(87,87,87);
scrollbar-shadow-color: rgb(87,87,87); 
}
.productline .articledetails .articledetail_left li {
padding: 4px 5px;
}
.productline .articledetails .articledetail_left li.even {
background-color: rgb(64,64,64);
}
.productline .articledetails .articledetail_left ul.popup {
display: block;
border-top: 1px solid rgb(62,62,62);
border-bottom: 1px solid rgb(107,107,107);
}
.productline .articledetails .articledetail_left ul.popup li.even {
background-color: transparent;
}
.productline .articledetails .articledetail_left ul.popup li {
border-bottom: 1px solid rgb(62,62,62);
border-top: 1px solid rgb(107,107,107);
padding: 0px;
}
.productline .articledetails .articledetail_left ul.popup li a {
background-color: transparent;
background-image: url(/viomatrix/imgs//20090902_arrow_fa_closed.gif);
background-position: right top;
background-repeat: no-repeat;
padding: 1px 20px 2px 0px;
width: 420px;
display: block;
margin: 0px;
font-weight: bold;
text-decoration: none !important;
}
.productline .articledetails .articledetail_left ul.popup li div {
display: none;
font-size: 11px;
}
.productline .articledetails .endrohre {
padding: 20px 37px 10px 30px;
margin: 10px 0px;
border-top: 1px solid rgb(107,107,107);
clear: both;
float: none;
display: block;
background-color: transparent;
background-image: url(/viomatrix/imgs//20090910_endrohre_bottombg.gif);
background-position: -7px bottom;
background-repeat: no-repeat;
}
.productline .articledetails .endrohre .endrohrhead {
background-color: transparent;
background-image: url(/viomatrix/imgs//20090910_endrohre_headbg.gif);
background-position: left top;
background-repeat: no-repeat;
height: 40px;
max-height: 40px;
overflow: hidden;
}
.productline .articledetails .endrohre .endrohrhead a {
padding: 6px 10px 0px 20px;
text-decoration: none;
display: block;
float: left;
clear: none;
}
.productline .articledetails .endrohre .endrohrhead a.endrohrwahlALL {
text-decoration: underline;
}
.productline .articledetails .endrohre .endrohrbody {
background-image: url(/viomatrix/imgs//supersport_verweis_pfeil_640x55_2010_06.gif);
background-repeat: no-repeat;
background-position: 20px 260px;
height: 300px;
width: 613px;
overflow-x: scroll;
border-left: 1px solid rgb(107,107,107);
border-right: 1px solid rgb(107,107,107);
background-color: rgb(7,7,7);
padding: 0px 21px;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail {
display: inline;
float: left;
clear: none;
margin-right: 20px;
width: 106px;
font-size: 11px;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail input {
width: auto;
float: left;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail label {
font-weight: bold;
padding: 0px 0px 0px 20px;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail img {
border: none !important;
margin: 5px 0px 0px 0px !important;
float: none;
clear: both;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail p {
border: none;
margin: 5px 0px 0px 0px;
}
.productline .articledetails .endrohre .endrohrbody .endrohrdetail p.title {
min-height: 33px;
}
div.detailhint {
background-color: rgb(45,45,45);
border: 1px solid rgb(107,107,107);
}
div.detailhint div.ddesc, div.detailhint div.dpriceinfo, div.detailhint div.dfazeile {
background-color: rgb(75,75,75);
}
div.detailhint a { background-color: transparent; }
/* Sprachauswahl links */
#language {
position: absolute;
top: 90px;
margin-left: -90px;
width: 74px;
min-height: 24px;
height: auto;
border: 1px solid rgb(107,107,107);
color: white;
background-color: black;
}
#language #tlang {
float: left;
width: 37px;
height: 10px;
border-right: 1px solid rgb(182,182,182);
padding: 7px;
font-size: 10px;
margin: 0px;
text-align: left;
}
#language #tlangchoose {
width: 74px;
height: auto;
color: white;
padding: 0px;
border-top: 1px solid rgb(182,182,182);
background-color: black;
display: none;
font-size: 10px;
margin: 0px;
text-align: left;
}
#language #tlangchoose a {
display: block;
clear: both;
float: none;
padding: 7px 7px;
width: 60px;
color: white;
}
#language #tlangchoose a:hover, #language #tlangchoose a.active {
color: black;
background-color: white;
}
#language .choose {
border-left: 1px solid rgb(182,182,182);
width: 21px;
height: 24px;
display: block;
background-image: url(/viomatrix/imgs//20090506_language_choose.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
float: left;
}
/* Werbeteaser rechts */
#advert {
position: absolute;
top: 90px;
margin-left: 990px;
}
#suchfelder .box {
background-color: transparent;
padding: 0px;
margin: 18px 0px;
width: auto;
}
#suchfelder .searchall {
margin: 0px 0px -18px 0px;
height: auto;
}
#suchfelder .searchall h2 {
padding-top: 0px;
margin-top: 0px;
border: none;
}
#suchfelder .searchall .fullline {
border-bottom: 1px solid rgb(70,70,70);
border-top: 1px solid rgb(33,33,33);
height: 0px;
width: auto;
margin: 18px -18px 0px -18px;
}
#suchfelder .searchall .subboxquarter {
width: 176px;
padding: 0px 10px 14px 0px;
float: left;
clear: none;
border-left: none;
border-right: 1px solid rgb(33,33,33);
}
#suchfelder .searchall .subboxquarter + .subboxquarter {
border-left: 1px solid rgb(70,70,70);
padding-left: 26px;
width: 143px;
}
#suchfelder .searchall .subboxquarter.last {
border-right: none;
}
#suchfelder .searchall .subboxquarter button {
background-image: url(/viomatrix/imgs//20090505_search_bt.gif);
background-repeat: no-repeat;
background-position: 0px;
background-color: black;
border: 0px;
width: 19px;
height: 17px;
overflow: hidden;
margin: 4px 0px 0px 0px;
color: transparent;
float: none;
position: relative;
right: 0px;
}
#suchfelder .searchall .subboxquarter .textpicture {
display: inline;
padding-left: 2px;
}
#suchfelder .searchall .subboxquarter input, #suchfelder .searchall .subboxquarter select {
width: 108px;
height: 18px;
background-color: rgb(213,213,213);
border: none;
color: black;
padding: 2px;
font-size: 12px;
margin: 1px 6px 0px 0px;
float: left;
}
#suchfelder .searchall .subboxquarter input.default, #suchfelder .searchall .subboxquarter select.default {
color: rgb(80,80,80);
font-size: 11px;
padding: 5px;
height: 12px;
width: 102px;
}
#suchfelder .searchall .subboxquarter input#cn_hsn, #suchfelder .searchall .subboxquarter input#cn_tsn {
width: 40px;
}
#suchfelder .searchall .subboxquarter input#cn_hsn + span {
float: left;
width: 8px;
padding-top: 4px;
}
#suchfelder .searchall .subboxquarter select {
width: 128px;
height: 22px;
}
.numbers {
margin-top: 5px;
padding: 3px 0 3px 0px
}
.box img {
border: none;
}
.trackingout {
width: 730px;
overflow: hidden;
}
form.resellerreg tr td.head {
border-top: 1px solid rgb(107,107,107);
padding: 5px 0px;
margin-top: 5px;
background-color: transparent;
}
div.availhint, div.pricehint, div.shopcarthint {
background-color: rgb(45,45,45);
}
div.availhint div.titel,div.shopcarthint h1, div.shopcarthint form {
background-color: rgb(107,107,107);
}
.wkorbnavidown {
background-color: rgb(107,107,107);
width: 730px;
}
form.wkorbform table {
max-width: 730px;
min-width: 730px;
width: 730px;
}
.warenkorbform2 tr {
background-color: transparent;
}
.warenkorbform2 td {
border-bottom: 1px solid rgb(107,107,107);
}
table.wkorblist tr th, tr.sec {
background-color: rgb(107,107,107);
}
table.wkorblist tr.odd, table.wkorblist tr.even {
background-color: transparent;
border-top: 1px solid rgb(107,107,107);
}
tr.sec td {
border-top: 1px solid rgb(107,107,107);
}
#wkorbnavi a, .inaktiv {
background-color: transparent;
border: 1px solid rgb(107,107,107);
margin-bottom: 4px;
}
#wkorbnavi a.active {
background-color: rgb(107,107,107);
}
.box form fieldset.login button {
position: relative;
float: right;
background-color: transparent;
background-image: url(/viomatrix/imgs//20090505_login_bt.gif);
background-repeat: no-repeat;
background-position: 0px;
border: 0px;
width: 68px;
height: 17px;
overflow: hidden;
margin: -13px 2px 0px 0px;
color: transparent;
padding-top: 20px;
}
.box {
width: auto;
}
.warenkorbform2 .mini tr {
background-color: rgb(107,107,107);
}
tr.wk6 td, tr.first td {
border-top: 1px solid rgb(107,107,107);
}
#body .warenkorbform2 div.left {
background: transparent;
}
form.resellerreg tr td { padding-bottom: 5px; }
#content ul.list {
list-style-image: none;
list-style-type: none;
margin: 0px;
clear: both;
}
#content ul.list li, #content ul.list li a {
color: white;
text-decoration: underline;
}
#content ul.list li a {
display: block;
float: left;
padding: 4px;
min-height: 40px;
width: 758px;
}
#content ul.list li a.mindot {
width: 175px;
}
#content ul.list li a:hover,#content ul.list li a.active {
background-image: url(/viomatrix/imgs//20090603_listbox_bg.gif);
background-repeat: repeat-x;
background-color: rgb(69,51,15);
}
#content ul.list li {
border: 1px solid rgb(107,107,107);
background-color: rgb(45,45,45);
padding: 0px;
margin: 16px 16px 0px 0px;
width: 178px;
height: 48px;
overflow: hidden;
float: left;
}
#content ul.list li.large {
min-width: 746px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
padding: 10px;
height: auto;
}
#content ul.list li.large a {
display: inline;
width: auto;
float: none;
}
#content ul.list li.large a:hover {
background-image: none;
background-color: transparent;
text-decoration: none;
}
#content ul.list .fzlist {
margin-top: -4px;
margin-left: -4px;
border-right: 1px solid rgb(107,107,107);
margin-right: 4px;
}
.typlist {
min-height: 144px;
height: auto !important;
}
#footer {
height: 35px;
background-color: black;
color: white;
overflow: hidden;
}
#footer #footerpic { display: none; }
#footer .left {
height: auto;
background-color: transparent;
position: relative;
width: 161px;
padding: 8px 15px 2px 20px;
color: white;
font-weight: normal;
font-size: 11px;
float: left;
}
#footer #footermenue {
height: auto;
background-color: transparent;
position: relative;
width: 784px;
border: 0px;
margin: 0px;
float: left;
}
#footer #footermenue .footerleft {
float: left;
padding: 8px 0px 2px 40px;
width: 608px;
}
#footer #footermenue .footerleft a img { display: none; }
#footer #footermenue .footerright {
padding: 8px 16px 2px 20px;
width: 100px;
float: left;
}
.wkorblogin .box form fieldset.login button {
margin: -19px 2px 0px 87px;
}
.warenkorbform2 td {
border: none;
}
.warenkorbform2 select {
width: 200px;
}
#content #wkorbnavi a { overflow: hidden; }
form.wkorbform { clear: both; float: none; max-width: auto; width: 720px; }
#content #legende_verfuegbarkeit p { line-height: 22px; }
#content #legende_verfuegbarkeit p br { display: inline; margin 0px; }
#content ul.list li.resellerdot {
width: 162px;
height: 150px;
padding: 8px;
text-decoration: none;
}
#content ul.list li.resellerdot a {
display: inline;
width: auto;
height: auto;
min-height: 0px;
float: none;
padding: 0px;
}
#content ul.list li.resellerdot a:hover {
background-image: none;
}
#login {
border: 1px solid rgb(107,107,107);
background-color: rgb(45,45,45);
padding: 18px;
margin: 16px 16px 0px 0px;
width: 730px;
clear: both;
}
.textblock .suchfelder .box {
background-color: transparent;
padding: 0px;
margin: 18px 0px;
width: 50%;
float: none;
}
table.quickorder {
width: auto;
}
table.quickorder tr th {
background-color: #888;
}
table.quickorder tr td {
background-color: transparent;
}
table.quickorder tr.odd td {
background-color: #aaa;
}
table.admin td { background-color: #333; color: rgb(255,255,255); }
table.admin td.bg { background-color: #444; }
input.santander {
width: 350px;
max-width: 350px;
height: 17px;
margin: 16px 16px 0px 0px;
background-image: url(/viomatrix/imgs//20091217_santander_bt.png);
background-repeat: no-repeat;
color: white;
font-size: 12px;
font-weight: bold;
border: 0px;
text-align: left;
padding: 0px 0px 22px 100px
}
a.auspuffsoundbutton {
width: 244px;
max-width: 244px;
height: 14px;
background-image: url(/viomatrix/imgs//auspuffsound.png);
background-repeat: no-repeat;
color: white;
font-size: 12px;
font-weight: bold;
border: 0px;
text-align: center;
margin: 16px 0px 0px 0px;
padding: 6px 0px 10px 45px;
display: block;
}
a.availbutton {
width: 244px;
max-width: 244px;
height: 14px;
background-image: url(/viomatrix/imgs//verfuegbarkeit.png);
background-repeat: no-repeat;
color: white;
font-size: 12px;
font-weight: bold;
border: 0px;
text-align: center;
margin: 16px 0px 0px 0px;
padding: 6px 0px 10px 45px;
display: block;
}
div#uplproc_status {
position:relative;
display:block;
margin:0px;
padding:0px;
}
div#uplproc_status div.uplproc_progressbar {
margin:0px;
padding:0px;
display:block;
}
div#uplproc_status div.uplproc_progressbar div.uplproc_progressbar_image {
background-image: url(https://www.supersport.de/viomatrix/imgs//progressbar_bg.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
width: 768px;
height: 25px;
margin:0px;
padding: 0px;
}
div#uplproc_status div.uplproc_progressbar div.uplproc_progressbar_image img {
position:absolute;
margin:0px !important;
padding: 0px !important;
}
div#uplproc_status div.uplproc_progressbar p {
padding: 5px 0px 5px 0px;
}
.reklaform table tr td {
padding: 3px 0;
}
.reklaform .fahrzeugausfuehrung label, label.radio, .fehlerdaten label, .einbau label, .austausch label {
display: inline;
padding: 0 5px;
}
.reklaform .fahrzeugdaten input {
width: 140px;
max-width: 140px;
}
.reklaform .textarea_problem textarea {
width: 710px;
height: 60px;
}
.reklaform .label_bold {
font-weight: bold;
}
.reklaform .kundendaten input, .reseller_kaufdaten input, .sachbearbeiter input {
width: 360px;
max-width: 360px;
}
.reklaform .kaufdaten input {
width: 240px;
max-width: 240px;
}
input#Selbsthilfe {
width: 400px;
max-width: 400px;
}
.fahrzeugdaten_vaha input {
width: 100px;
max-width: 100px;
display: inline;
}
.fahrzeugdaten_vaha {
width: 630px;
}
.input_vaha input {
width: 75px;
max-width: 75px;
}
ul.subsection_tabs{list-style:none;margin:0 0 5px 0 !important;padding:0;clear:both;border-bottom:1px solid #ccc;height:30px;clear:both;width:767px;}
ul.subsection_tabs li.tab{float:left;margin-right:7px;text-align:center}
ul.subsection_tabs li.tab a{display:block;height:25px;padding:5px 6px 0 6px;background-color:#fff;color:#666;width:auto}
ul.subsection_tabs li.tab a:hover{color:#666}
ul.subsection_tabs li.tab a.active{background-color:#ddd}
ul.subsection_tabs li.source_code{float:right}
.editor { 
margin: 0px;
padding: 0px;
font-size: 11px;
font-family: 'MS Sans Serif';
line-height: normal;
color: rgb(80,80,80);
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
color: rgb(50,50,50);
font-size: 1.6em;
font-weight: bold;
margin-bottom: 0.4em;
text-transform: uppercase;
}
.editor h2 { font-size: 1.5em; }
.editor h3 { font-size: 1.4em; }
.editor h4 { font-size: 1.3em; }
.editor h5 { font-size: 1.2em; }
.editor h6 { font-size: 1.1em; }
.editor p, .editor ul, .editor ol, .editor table { margin-bottom: 0.4em; }
.editor img { border: none; display: block; }
.editor a img { border: none; }
.editor table {
border: none;
border-collapse: collapse;
clear: both;
width: 100%;
}
.editor th, .editor td {
padding: 0px 0.2em 0.2em 0px;
text-align: left;
vertical-align: top;
}
.editor td p, .editor th p { margin: 0px; }
.editor ul { margin-left: 1.5em; }
.editor ol { margin-left: 2em; }
.editor h1.default {}
.editor h2.default {}
.editor h2.default2 {
border: none;
margin-top: auto;
}
.editor h3.default {}
.editor h4.default {}
.editor h5.default {}
.editor h6.default {}
.editor h1.underline {
border-bottom: 1px solid;
}
.editor p.separator {
padding-top: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid rgb(150,150,150);
}
.editor p.codesnippet {
white-space: pre;
color: rgb(0,0,0);
background-color: rgb(255,255,180);
display: block;
border: dashed 1pt rgb(112,123,156);
padding: 0.5em;
font-family: 'Courier New';
}
.editor span.zitat {
color: rgb(80,80,80);
font-style: italic;
}
.editor span.rot {
color: rgb(255,0,0);
}
.editor span.blau {
color: rgb(80,80,255);
}
.editor span.gruen {
color: rgb(0,160,0);
}
.editor span.gelb {
color: rgb(230,230,0);
}
.editor img.abstandrechts {
margin-right: 1.5em;
}
.editor img.abstandlinks {
margin-left: 1.5em;
}
.editor img.borderall {
border: solid thin;
}
.editor ol.roemisch {
list-style-type: upper-roman;
}
.editor ol.griechisch {
list-style-type: lower-greek;
}
.editor ol.latein-klein {
list-style-type: lower-alpha;
}
.editor ol.decimal-with-leading-zero {
list-style-type: decimal-leading-zero;
}
.editor table.borderall, .editor table.borderall th, .editor table.borderall td {
border: solid thin;
border-collapse: collapse;
}
.editor table.bordernone, .editor table.bordernone th, .editor table.bordernone td {
border: none;
border-collapse: collapse;
}
.editor { 
background-color: #2D2D2D;
margin: 0px;
padding: 0px;
line-height: normal;
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 0.85em;
color: #FFFFFF;
text-align: center;
}
.editor a { color: #FFFFFF; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
color: #FFFFFF;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
margin-bottom: 0;
text-transform: none;
}
.editor h2 { 
font-size: 16px;
margin-bottom: 18px;
margin-top: 15px;
}
.editor h3 { font-size: 1.4em; }
.editor h4 { font-size: 1.3em; }
.editor h5 { font-size: 1.2em; }
.editor h6 { font-size: 1.1em; }
.editor p, .editor ul, .editor ol, .editor table {
font-size: 12px;
margin-bottom: 4px;
}
.editor p {
margin-bottom: 12px !important;
}
.editor th, .editor td {
padding: 2px;
text-align: left;
vertical-align: top;
}
img.textpicture {
margin: auto !important;
float: none !important;
}
.editor p.hervorhebung {
background-color: rgb(35,35,35);
display: block;
border: 1px solid rgb(107,107,107);
padding: 0.5em;
color: #FFFFFF;
}
.editor p.smaller {
font-size: 0.8em;
}