* { margin: 0px; padding: 0px; }
body {
 background-color: #ffffff;
 font-size: 0.6em;
 font-family: Verdana, Arial, Tahoma,sans-serif;
 color: #000000;
}
.antifloat {
 clear: both;
 font-size: 1px;
 height: 1px;
 visibility: hidden;
}
.noprint { display: block; }
.onlyprint { display: none; }
a {
 color: #3b84f9;
 text-decoration: underline;
}
a:hover { text-decoration: none; }
input, select, textarea {
 border: solid 1px #bfbfbf;
 padding: 2px 3px 0px 3px;
}
fieldset { 
 border: solid 0px transparent; 
}
fieldset.standard {
 background-color: #e9f9ff;
 padding: 10px;
}
fieldset.standard label {
 display: block;
 float: left;
 width: 170px;
}
fieldset.standard input, fieldset.standard textarea, fieldset.standard select {
 margin: 0px 0px 3px 0px;
 width: 200px;
}
fieldset.standard h2 {
 margin: 10px 0px 10px 0px;
}
fieldset.standard input.button {
 width: 88px;
}
fieldset.standard div.field {
 float: left;
}
fieldset.standard div.bline {
 margin-top: 10px;
}
input.checkbox, .warenkorb input.checkbox, fieldset.standard input.checkbox {
 border: none;
 width: 16px;
 vertical-align: middle;
}
h1 {
 font-size: 1.1em;
 margin: 16px 0px 14px 0px;
 font-weight: bold;
}
h2,h3,h4,h5,h6 {
 font-size: 1em;
 font-weight: bold;
}
h3,h5 { color: #5d9afa; }
h2 a { text-decoration: none; }
img { border: none; }
#placeholder {
 width: 930px;
 text-align: left;
}
table { border-collapse: collapse; }
ul {
 margin: 12px 16px;
}
#head {
 height: 203px;
 height: 170px;
 background-image: url(/viomatrix/imgs/gfx/head_bg.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 position: relative;
 z-index: 99;
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 1.1em;
 letter-spacing: 0.1em;
}
#head .telefon { 
 position: absolute; 
 z-index: 10;
 bottom: 45px; 
 right: 40px; 
 color: #ffffff; 
 font-size: 15px; 
 font-weight: bold;
}
#head .banner {
 position: absolute;
 z-index: 10;
 top: 10px;
 left: 200px;
 border: solid 1px #969696;
 width: 467px;
 height: 61px;
}
#head .logo {
 position: absolute;
 z-index: 10;
 bottom: 104px;
 left: 0px;
}
#head ul.main {
 list-style-type: none;
 position: absolute;
 z-index: 10;
 bottom: 89px;
 left: 188px;
 margin: 0px;
 letter-spacing: 0em;
}
#head ul.main li {
 float: left;
 display: block;
 margin: 0px 0px 0px 8px;
 position: relative;
 z-index: 10;
}
#head ul.main li a {
 background-image: url(/viomatrix/imgs/gfx/menu/head_menue_inaktiv_center.gif); 
 background-repeat: repeat-x;
 display: block;
 padding: 10px 5px 5px 5px;
 text-decoration: none;
 color: #000000;
 text-transform: uppercase;
 font-size: 1.1em;
 font-weight: bold;
}
#head ul.main li.aktiv a, #head ul.main li a:hover { background-image: url(/viomatrix/imgs/gfx/menu/head_menue_aktiv_center.gif); }
#head ul.main li span {
 font-size: 0px;
 padding: 0px;
 margin: 0px;
 position: absolute;
 z-index: 10;
 width: 3px;
 height: 100%;
 background-repeat: no-repeat;
}
#head ul.main li span.left {
 background-image: url(/viomatrix/imgs/gfx/menu/head_menue_inaktiv_links.gif);
 top: 0px;
 left: -3px;
}
#head ul.main li.aktiv a span.left, #head ul.main li a:hover span.left { 
 background-image: url(/viomatrix/imgs/gfx/menu/head_menue_aktiv_links.gif); 
}
#head ul.main li span.right {
 background-image: url(/viomatrix/imgs/gfx/menu/head_menue_inaktiv_rechts.gif);
 top: 0px;
 right: -3px;
}
#head ul.main li.aktiv a span.right, #head ul.main li a:hover span.right { 
 background-image: url(/viomatrix/imgs/gfx/menu/head_menue_aktiv_rechts.gif); 
}
#head .user {
 position: absolute;
 z-index: 99;
 width: 750px;
 bottom: 0px;
 right: 20px;
 color: #ffffff;
}
#head .user ul {
 float: right;
}
#head .user div.logininfo {
 float: right;
 width: 400px;
 padding: 5px 12px 5px 0px;
 font-size: 1.1em;
 text-align: right;
}
#head .user div.logininfo a { color: #ffffff; }
#head .user div.logininfo a:hover { text-decoration: underline; }
#head .user ul {
 list-style-type: none;
 border-right: solid 1px #ffffff;
 margin: 0px;
 letter-spacing: 0em;
 z-index: 99;
}
#head .user ul li {
 float: left;
 position: relative;
 z-index: 99;
 display: block;
 background-color: #1fc113;
 border-left: solid 1px #ffffff;
 border-top: solid 1px #ffffff;
}
#head .user ul li.admin {
 background-color: #ee9922;
}
#head a.userlink {
 display: block;
 padding: 5px 16px;
 color: #ffffff;
 text-transform: uppercase;
 text-decoration: none;
 font-size: 1em;
}
#head a.userlink:hover { text-decoration: underline; }
.userfav {
 float: none;
 position: absolute;
 display: none;
 margin: 0px;
 padding: 0px;
 top: 20px;
 right: 0px;
 width: 180px;
 z-index: 99;
 color: #000000;
}
.userfav2 {
 float: none;
 text-align: right;
 margin: 4px 1px 0px 0px;
 padding: 0px;
 width: 180px;
 background-color: #ffffff;
}
#head a.fav {
 padding: 3px 5px 3px 5px;
 margin: 1px 0px 0px 0px;
 background-color: #dddddd;
 color: #000000;
 display: block;
 text-transform: none;
 text-decoration: none;
}
#head a.fav:hover {
 text-decoration: underline;
}
#head .sub {
 position: absolute;
 z-index: 10;
 right: 10px;
 top: 10px;
}
#head .sub, #head .sub a {
 color: #000000;
 font-size: 1em;
 text-decoration: none;
 text-transform: lowercase;
}
#head .sub a:hover { text-decoration: underline; }
.kasse {
 position: absolute;
 z-index: 10;
 bottom: -5px;
 left: 0px;
 width: 125px;
 height: 71px;
 display: block;
 padding: 16px;
 color: #ffffff;
 font-size: 1.1em;
 letter-spacing: 0em;
}
.kasse a {
 color: #ffffff;
 text-decoration: underline;
}
.kasse div {
 position: absolute;
 z-index: 10;
 top: 0px;
 left: 11px;
}
.kasse div div { position: relative; z-index: 10; left: 0px;top: 0px; }
.kasse .bg { z-index: 0; }
.kasse .data {
 z-index: 110;
 margin: 10px 16px;
}
.kasse .data .name {
 float: left;
 width: 48px;
 margin-bottom: 8px;
}
.kasse .data .value {
 float: left;
 width: 64px;
}
.left {
 float: left;
 width: 182px;
}
.left div { padding: 0px; }
.content {
 float: left;
 width: 564px;
 font-size: 1.2em;
 overflow: hidden;
 position: relative;
 z-index: 10;
}
.big { width: 730px; }
.right {
 float: left;
 position: relative;
 z-index: 10;
 margin-left: 16px;
 width: 150px;
}
.teaser {
 position: relative;
 z-index: 10;
 top: 0px;
 left: 0px;
 float: left;
 margin: 0px 0px 20px 0px;
 width: 150px;
}
.teaserlast {
 margin-right: 0px;
}
.teaser h3, .teaser h3 a {
 display: block;
 text-align: center;
 background-color: #5f9bfa;
 padding: 2px 0px 2px 0px;
 color: #ffffff;
 text-decoration: none;
 z-index: 10;
}
.teaser h3 a:hover {
 text-decoration: none;
}
.preisschild2 {
 position: relative;
 top: 0px;
 left: 0px;
 z-index: 20;
}
.preisschild {
 position: absolute;
 top: 15px;
 right: 5px;
 z-index: 21;
}
.preisschild a {
 color: #ffffff;
 text-decoration: none;
}
.preisschild a:hover {
 text-decoration: none;
}
.teaser .preistext {
 font-size: 2em;
 color: #3b84f9;
 font-weight: bold;
 text-align: right;
 margin: 0px 5px 5px 0px;
}
.preisschild .beschriftung {
 position: absolute;
 top: 3px;
 left: 0px;
 z-index: 25;
 color: #ffffff;
 text-align: center;
 width: 77px;
 padding-top: 4px;
 font-weight: bold;
 font-size: 1.1em;
}
.teaser .pic {
 border: solid 1px #dedede;
 text-align: center;
 position: relative;
 z-index: 10;
}
.teaser .text {
 border: solid 1px #dedede;
 text-align: left;
 position: relative;
 z-index: 10;
 padding: 5px;
 font-size: 110%;
}
.teaser .pic img {
 margin: 5px 10px 5px 10px;
}
.teaser .bu { padding: 0px 6px; }
.produkt {
 background-color: #e9f9ff;
 padding: 10px;
}
.produkt .produktbuttons div {
 float: left;
 margin-right: 20px;
}
.produkt .produktcontent { 
 float: left;
 width: 440px;
 padding: 0px;
}
.produkt .produktcontent p { margin-bottom: 10px; }
.produkt .produktempfehlungen {
 margin: 20px 0px 10px 0px;
}
.produkt .produktinfo {
 float: left;
 width: 336px;
 margin-left: 3px;
}
.produkt .produktpic {
 float: left;
}
.produkt .produktwarenkorb {
 z-index: 10;
 float: left;
 width: 140px;
 text-align: right;
}
.produktlist .teaser {
 float: right;
 border: none;
}
.produktlist .teaser .pic { text-align: left; }
.produktlist .teaser .pic .price .pricetext {
 font-size: 0.7em;
 line-height: 1em;
}
.produkt p {
 color: #000000;
}
.produktartikelnummer, .produktersparnis, .produktbutton, .download { margin-bottom: 10px; }
.produktersparnis { font-weight: bold; }
.produktbutton img {
 width: 35px;
 margin-right: 5px;
}
.produktdetail p {
 font-weight: normal;
}
.produktdetail .mwstversand {
 margin-bottom: 10px;
 font-size: 11px;
}
.produktdetail .mwstversand a {
 font-weight: bold;
}
.produktdetail .infobezahlung {
 margin-bottom: 10px;
}
.produktdetail .infobezahlung a {
 font-weight: bold;
}
.produktdetail .favoriten {
 margin-bottom: 10px;
}
.produkt h2 {
 margin: 0px 0px 5px 0px;
 padding: 0px;
 color: #3b84f9;
 font-size: 1.2em;
 font-weight: bold;
}
.produkt h3 {
 margin: 0px 0px 5px 0px;
 padding: 0px;
 color: #000000;
 font-weight: bold;
}
.produktpreis {
 color: #3b84f9;
 font-weight: bold;
 text-align: right;
 margin: 0px 0px 4px 0px;
}
.oldpreis {
 text-decoration: line-through; 
 font-size: 1.3em;
 color: #000000;
 font-weight: normal;
}
.bigpreis { font-size: 1.5em; }
.produktdetail .produktcontent {
 width: 100%;
 margin: 10px 0px 10px 0px;
}
table.startlist {
 width: 564px;
 border: none;
 margin-bottom: 20px;
}
table.startlist td {
 padding: 12px 2px 12px 4px;
}
table.startlist td.border {
 background-color: blue;
 height: 3px;
 font-size: 1em;
 padding: 0px;
 border-left: solid 1px #dedede;
 border-right: solid 1px #dedede;
}
table.startlist h2 {
 background-image: url(/viomatrix/imgs/gfx/icon.gif);
 background-repeat: no-repeat;
 height: 24px;
 font-size: 1em;
 color: #000000;
 margin: 0px 0px 5px 0px;
 padding: 4px 0px 0px 35px;
}
table.startlist h2 a, table.startlist h2 a:hover {
 font-size: 1em;
 color: #000000;
 text-decoration: none;
}
table.startlist ul {
 margin-left: 27px;
 margin-right: 0px;
 list-style-image: url(/viomatrix/imgs/gfx/list_punkt.gif);
}
table.startlist ul li { padding: 0px; }
table.startlist a.more { display: block; margin-left: 27px; }
.menue div {
 width: 165px;
 margin: 16px 0px 16px 0px;
}
.menue h2 {
 margin: 0px; 
 background-color: #e7e7e7; 
 color: #000; 
 padding: 5px 14px; 
 font-size: 1.2em;
}
.menue div div {
 border-top: solid 1px #bdbdbd;
 margin: 0px;
}
.menue div div a {
 display: block;
 padding: 5px 8px 5px 8px;
 color: #000000;
 text-decoration: none;
 font-size: 1.2em;
 border-left: solid 6px #ffffff;
 border-right: solid 6px #ffffff;
 position: relative;
 z-index: 10;
}
.menue div div a:hover { text-decoration: underline; }
.menue div div.aktiv a, .menue div div a:hover {
 border-left: solid 6px #1fc113;
 border-right: solid 6px #1fc113;
}
.menue div div a span {
 position: absolute;
 z-index: 10;
 top: 6px;
 right: 8px;
}
.navbox {
 padding: 5px 0px 5px 16px;
 width: 100%;
}
.navbox a {
 color: #000000;
 text-decoration: none;
}
.navbox a:hover { text-decoration: underline; }
button {
 border: none;
 background-color: transparent;
 cursor: pointer;
}
.button {
 color: #f4f4f4;
 height: 22px;
 position: relative;
 z-index: 10;
 padding: 3px 0px;
 background-repeat: repeat-x;
 font-size: 0.95em;
 font-weight: bold;
}
button.button {
 background-image: url(/viomatrix/imgs/gfx/button/button_normal.gif);
 margin: 0px;
}
button.button span {
 height: 22px;
 padding: 0px 8px;
}
button.button .links {
 top: -6px;
 left: -3px;
 background-image: url(/viomatrix/imgs/gfx/button/button_normal_links.gif);
 background-repeat: no-repeat;
 padding: 0px;
 position: absolute;
 z-index: 10;
 width: 4px;
 font-size: 1px;
}
button.button .rechts {
 top: -6px;
 right: 3px;
 background-image: url(/viomatrix/imgs/gfx/button/button_normal_rechts.gif);
 background-repeat: no-repeat;
 padding: 0px;
 position: absolute;
 z-index: 10;
 width: 4px;
 font-size: 1px;
}
a.button {
 background-image: url(/viomatrix/imgs/gfx/button/button_normal.gif);
 background-repeat: repeat-x;
 text-decoration: none;
 display: block;
 float: left;
 position: relative;
 z-index: 10;
}
a.button:hover { text-decoration: none; }
a.button span {
 height: 22px;
 padding: 0px 16px;
}
a.button .links {
 top: 0px;
 left: 0px;
 background-image: url(/viomatrix/imgs/gfx/button/button_normal_links.gif);
 background-repeat: no-repeat;
 padding: 0px;
 position: absolute;
 z-index: 10;
 width: 4px;
}
a.button .rechts {
 top: 0px;
 right: 0px;
 background-image: url(/viomatrix/imgs/gfx/button/button_normal_rechts.gif);
 background-repeat: no-repeat;
 padding: 0px;
 position: absolute;
 z-index: 10;
 width: 4px;
}
a.infobutton {
 background-image: url(/viomatrix/imgs/gfx/button/button_zumprodukt.gif);
 width: 111px;
 display: block;
 height: 24px;
 padding-top: 10px;
 padding-left: 6px;
 font-weight: normal;
 float: none;
 text-align: left;
}
a.favbutton {
 background-image: url(/viomatrix/imgs/gfx/button/button_zudenfavoriten.gif);
 width: 111px;
 height: 24px;
 display: block;
 padding-top: 9px;
 padding-left: 7px;
 float: none;
 text-align: left;
}
a.infobutton:hover, a.favbutton:hover { text-decoration: none; }
input.button {
 background-color: transparent;
 background-image: url(/viomatrix/imgs/gfx/button/button_produkt.gif);
 border: none;
 width: 88px;
 height: 21px;
 color: #ffffff;
 font-size: 0.9em;
 cursor: pointer;
}
input.wkorbbutton {
 position: relative;
 z-index: 10;
 background-image: url(/viomatrix/imgs/gfx/button/button_lang.gif);
 border: none;
 display: block;
 color: #ffffff;
 height: 23px;
 width: 113px;
 font-size: 0.95em;
 padding: 0px;
 cursor: pointer;
}
.buttonlist {
 margin: 0px 0px 10px 0px;
}
.buttonlist button, .buttonlist a {
 margin: 5px 0px;
}
.produktlist div {
 border-bottom: solid 1px #c9c9c9;
 margin: 8px 0px 0px 20px;
 font-size: 1.2em;
 line-height: 20px;
}
.produktlist div div {
 border: none;
 margin: 0px;
}
.produktlist h2 {
 font-weight: normal;
 font-size: 1.1em;
}
.produktlist p { padding: 0px;margin: 0px 4px; }
.seitenweise {
 width: 90%;
 text-align: center;
}
.seitenweise a { margin: 0px 2px; }
.suche { width: 100%; }
.suche tr.bg td { background-color: #e9f9ff; }
.suche tr td {
 vertical-align: top;
 padding: 2px 0px;
}
.suche tr td.first {
 width: 20px;
 background-color: #ffffff;
}
.suche tr td.pic { width: 70px; }
.suche tr td.price {
 vertical-align: bottom;
 text-align: right;
 padding-bottom: 10px;
}
.suche tr td.produktdetail {
 vertical-align: bottom;
 text-align: center;
 padding: 0px 0px 10px 20px;
}
.suche tr td.produktdetail a {
 display: block;
 background-image: url(/viomatrix/imgs/gfx/button/button_produkt.gif);
 width: 88px;
 height: 19px;
 color: #ffffff;
 text-decoration: none;
 padding: 2px 0px 0px 0px;
}
.warenkorb {
 width: 730px;
 margin-bottom: 20px;
}
.warenkorb th {
 padding: 0px 2px 0px 5px;
 color: #3b84f9;
 text-align: center;
}
.warenkorb th.artikelname {
 width: 350px;
 text-align: left;
}
.warenkorb th.pos {
 width: 30px;
 text-align: right;
}
.warenkorb th.menge { width: 90px;text-align: right; }
.warenkorb th.preise {
 text-align: right;
 width: 120px;
}
.warenkorb th.leftth {
 text-align: left;
}
.warenkorb .title, .gutschein .title {
 background-color: #3f83fc;
}
.gutschein .title2 {
 background-color: #e9f9ff;
 text-align: left;
}
.gutschein .title2 th {
 font-weight: bold;
 padding: 5px 10px;
 color: #000000;
}
.gutschein td {
 background-color: #e9f9ff;
 padding: 3px 10px;
 font-weight: normal;
 vertical-align: top;
}
.warenkorb .title th, .gutschein .title th {
 font-weight: bold;
 color: #ffffff;
 padding: 5px 10px;
}
.warenkorb td {
 background-color: #e9f9ff;
 padding: 10px;
 font-weight: normal;
 vertical-align: top;
}
.warenkorb input {
 width: 28px;
 text-align: right;
 padding: 0px;
 margin: 0px 3px 3px 0px;
}
.warenkorb td.first {
 background-color: #ffffff;
}
.warenkorb td.button {
 padding-right: 0px;
 margin-right: 0px;
 padding-left: 0px;
 margin-left: 0px;
}
.warenkorb td.button button, .warenkorb td.button a {
 display: block;
 background-image: url(/viomatrix/imgs/gfx/button/button_kurz.gif);
 width: 60px;
 height: 16px;
 color: #ffffff;
 margin-bottom: 4px;
 padding-right: 0px;
 margin-left: 4px;
}
button.grau {
 display: inline;
 vertical-align: top;
 background-image: url(/viomatrix/imgs/gfx/button/button_grau.gif);
 width: 85px;
 height: 20px;
 color: #000000;
 font-weight: bold;
 margin-bottom: 4px;
 padding-right: 0px;
 margin-left: 4px;
}
.warenkorb td.button a {
 padding: 3px 0px 1px 0px;
 height: 14px;
 text-decoration: none;
 text-align: center;
 font-size: 1.2em;
}
.warenkorb .aktion { padding: 2px; }
.warenkorb .summe .button {
 text-align: right;
}
.warenkorb .summe .button button {
 background-image: url(/viomatrix/imgs/gfx/button/button_zurkasse.gif);
 color: #000000;
 width: 98px;
 height: 23px;
 font-weight: bold;
 display: inline;
 text-align: left;
 padding-left: 6px;
 padding-bottom: 4px;
 margin-right: 6px;
}
.warenkorb .produktpreis { color: #000000; font-size: 1.0em; }
.warenkorb .summe { color: #000000; font-weight: bold; }
.warenkorb .summe .kassensumme { font-weight: bold; }
.warenkorb .summe td { padding-bottom: 0px; }
.warenkorb .zwsumme { color: #000000; }
.warenkorb .zwsumme td { padding-bottom: 0px; }
.warenkorb .zwsumme .produktpreis { font-weight: normal; }
.warenkorb .zwsumme td { padding-top: 0px; }
.warenkorb .mwst { color: #000000; font-weight: normal; font-size: 1.0em; }
.warenkorb .mwst .produktpreis { font-weight: normal; }
.warenkorb .mwst td { padding-top: 0px; }
.warenkorb .kassensumme {
 color: #000000;
 text-align: right;
 padding-right: 2px;
}
.warenkorb input.gutscheincode { vertical-align: top; width: 80px; text-align: left; }
#warenkorbnavi {
 display: block;
 color: #000000;
 text-transform: uppercase;
 font-size: 1.1em;
 margin-bottom: 0px;
 font-weight: bold;
}
#warenkorbnavi span { color: #a2a2a2; }
#warenkorbnavi span.aktiv { color: #000000; }
button.change {
 background-image: url(/viomatrix/imgs/gfx/button/button_aendern_neu.gif);
 width: 20px;
 height: 23px;
 margin: 0px 4px 0px 4px;
}
a.delete {
 background-image: url(/viomatrix/imgs/gfx/button/button_delete_neu_rot.gif);
 width: 24px;
 height: 29px;
 display: block;
 text-decoration: none;
}
a.delete:hover { text-decoration: none; }
.warenkorb div.box {
 border: solid 1px #aab6ba;
 padding: 2px;
 width: 80px;
 background-color: #ffffff;
 text-align: right;
 font-weight: normal;
 color: #000000;
}
.warenkorb div.missing label { color: #ce2236; }
.warenkorb label {
 display: block;
 float: left;
 width: 90px;
}
button.back {
 float: left;
 background-image: url(/viomatrix/imgs/gfx/button/button_zurueck.gif);
 width: 98px;
 height: 23px;
 padding: 0px 6px 2px 0px;
 font-weight: bold;
 text-align: right;
 margin: 4px 0px;
}
button.forward {
 float: right;
 background-image: url(/viomatrix/imgs/gfx/button/button_zurkasse.gif);
 width: 98px;
 height: 23px;
 padding: 0px 0px 2px 6px;
 font-weight: bold;
 text-align: left;
 margin: 4px 0px;
}
textarea.zusammenfassung {
 width: 700px;
 margin-bottom: 2px;
}
.warenkorb th.mengeneinheit { width: 120px; text-align: left; }
.warenkorb textarea.agbtext { width: 700px; background-color: #f0f0f0; }
#warenkorbbuttons { margin-top: 20px; }
#subnavi {
 width: 100%;
 margin: 18px 0px 18px 0px;
 text-align: center;
 text-transform: uppercase;
}
#subnavi a {
 color: #000000;
 text-decoration: none;
}
#subnavi a:hover { text-decoration: underline; }
select { padding: 0px; }
textarea {
 width: 220px;
 height: 112px;
}
.missing input, .missing select, .missing textarea, input.missing, select.missing, textarea.missing { border: solid 1px #ce2236; }
.missing label, label.missing, div.missing { color: #ce2236; font-weight: bold; }
.missing .radiofield { color: #ce2236; font-weight: bold; }
.search {
 position: absolute;
 z-index: 10;
 bottom: 55px;
 left: 192px;
}
.search fieldset {
 padding: 0px;
 background-color: transparent;
}
.search div {
 margin: 5px 5px 0px 0px;
 float: left;
 padding: 0px;
}
.search input {
 width: 180px;
 border: solid 1px #6a9ae4;
}
.search select {
 width: 95px;
 margin-bottom: 1px;
 border: solid 1px #6a9ae4;
}
.search button {
 background-color: transparent;
 border: none;
 background-image: url(/viomatrix/imgs/gfx/button/suchebutton.gif);
 width: 61px;
 height: 23px;
 padding: 0px;
 margin: 0px 0px 0px 4px;
 position: relative;
 z-index: 10;
}
.search button span {
 text-decoration: none;
 color: #000000;
 font-size: 0.90em;
 text-align: left;
 position: absolute;
 bottom: 14px;
 left: 4px;
 z-index: 10;
}
input.menge { 
 text-align: right; 
 width: 46px;
 padding: 0px 2px 0px 2px;
 border: solid 1px #bfbfbf;
}
div#dauer {
 margin: 10px 0px 10px 0px;
 color: #666666;
}
div#sqllog {
 margin: 10px 0px 10px 0px;
 color: #666666;
}
.pflichtfeldhinweis {
 margin-top: 20px;
}
.error, .errorbox {
 margin: 20px 0px 20px 0px;
 font-weight: bold;
 color: #ce2236;
 padding: 10px;
 border: 1px solid #ce2236;
 background-color: #ffffff;
}
.ok, .okbox {
 margin: 20px 0px 20px 0px;
 padding: 10px;
 font-weight: bold;
 color: #000000;
 border: 1px solid #1FC113;
 background-color: #ffffff;
}
.picframe {
 position: relative;
 z-index: 10;
 width: 220px;
}
.picdetail {
 position: absolute;
 z-index: 30;
 top: 0px;left: 0px;
 display: none;
}
.picdetail2 {
 position: relative;
 z-index: 10;
}
div.piczoom {
 margin-top: 3px;
}
div.piczoom a img {
 margin-right: 5px; 
 vertical-align: middle;
}
.kundendatenleft {
 float: left; width: 380px; margin-right: 20px;
}
.kundendateninfotext {
 float: left; width: 300px; padding-top: 10px;
}
table.versand { font-size: 1em; }
table.versand td { padding-right: 10px; }
.icon { margin-right: 5px; vertical-align: middle; }
.empfehlung {
 border: 1px solid #3B84F9; width: 710px; background-color: #ffffff;
}
.empfehlungnext { border-top-width: 0px; }
.empfehlung2 {
 padding: 5px;
}
.empfehlung .pic {
 width: 80px; float: left; margin-right: 10px; text-align: center;
}
.empfehlung .text {
 float: left; width: 500px;
}
.empfehlung h2 {
 font-size: 1.0em;
}
.starmenu {
 position: relative; z-index: 10; margin-top: -6px; left: 5px; vertical-align: bottom;
}
.star {
 vertical-align: middle; margin-left: 10px;
}
table.meinharzzoo {}
table.meinharzzoo td { padding: 2px; }
table.meinharzzoo .head { 
 background-color: #1FC113;
 color: #ffffff;
 font-weight: bold;
}
table.meinharzzoo .row1 { background-color: #ddffdd; }
table.meinharzzoo .row2 { background-color: #eeffee; }
table.admin {}
table.admin td { padding: 2px; }
table.admin .head { 
 background-color: #EE9922;
 color: #ffffff;
 font-weight: bold;
}
table.admin .row1 { background-color: #ffeedd; }
table.admin .row2 { background-color: #ffddbb; }
div#bestelldetailmenu a {
 display: block;
 height: 30px;
 padding: 2px 3px 2px 3px;
 border: 1px solid #000000;
 background-color: #dddddd;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
 color: #000000;
 font-size: 0.95em;
}
div#bestelldetailmenu a.aktiv {
 background-color: #666666;
 color: #ffffff;
}
table.produktvarianten {
 width: 100%;
}
table.produktvarianten td, table.produktvarianten th {
 background-color: #ffffff;
 font-size: 1.0em;
 padding: 3px 5px 3px 5px;
}
table.produktvarianten th {
 background-color: #3f83fc;
 color: #ffffff;
 font-weight: bold;
}
div.teasertags {
}
div.teasertags h3 {
 font-size: 1.2em;
}
div.tagcontent {
 padding: 5px; 
 border: 1px solid #dedede; 
 font-size: 1.1em;
 padding: 5px;
}
div.tagcontent a {
 display: block;
 margin-bottom: 4px;
}
div.sslhint {
 margin: 20px 0px 0px 15px;
}
span.optional {
 color: #666666; 
 font-size: 0.8em;
}
.pages {
margin-bottom: 10px;
}
.zeile {
margin-bottom: 15px;
}
.topprodukt {
 position: relative; 
 float: left; 
 width: 355px; 
 margin: 0px 0px 20px 0px; 
 background-color: #E9F9FF; 
 height: 400px; 
 overflow: hidden;
}
.topprodukt2 {
 padding: 10px;
}
.topprodukt h2 {
 margin-bottom: 10px; 
 font-size: 1.2em;
}
.topprodukt h2 a {
 font-weight: bold;
}
.topprodukt .topimage {
 position: absolute; 
 left: 0px; 
 top: 60px; 
 width: 335px; 
 text-align: center;
}
.topprodukt .preis {
 position: absolute; 
 bottom: 5px; 
 right: 10px; 
 font-size: 2em;
 color: #3b84f9;
 font-weight: bold;
 text-align: right;
}
.topprodukt .mwstversand {
 font-size: 11px; 
 font-weight: normal; 
 color: #000000;
}
.topprodukt .mwstversand a {
 font-weight: bold; 
}
.topprodukt .details {
 position: absolute; 
 bottom: 10px; 
 left: 10px;
}
table.weidezaundetails {
 margin-bottom: 10px;
}
table.weidezaundetails th {
 padding: 0px 5px 5px 0px;
}
table.weidezaundetails th img {
 width: 70px;
}
table.weidezaundetails td {
 text-align: right; padding: 0px 5px 15px 0px;
}
.zwinfo .global {
 margin-bottom: 20px;
}
.zwinfo .item {
 margin-bottom: 30px;
}
.zwinfo .item .name {
 float: left; 
 width: 120px;
}
.zwinfo .item .text {
 float: left; 
 width: 400px;
}
.zwinfo .paypallink {
 display: block; 
 margin-top: 10px;
}
.produktbewertung {
background-color: #fff; 
margin-top: 20px;
width: 100%;
}
.produktbewertung .pbwcontent {
padding: 10px;
}
.produktbewertung .zeile {
margin-bottom: 5px;
}
.produktbewertung .flat {
width: 300px;
}
.produktbewertung .field label, .produktbewertung .field1 label {
float: left; 
width: 120px; 
font-weight: bold;
}
.produktbewertung .field1 {
position: absolute;
z-index: 2000;
top: -1000px;
left: 0px;
width: 500px;
}
.produktbewertung .field .option {
margin: 2px 0px 2px 0px;
}
.pbwitem {
margin-bottom: 10px;
}
.pbwinfo {
font-size: 0.8em; 
color: #666;
}
.missing .fradio, .fradio {
border: none; 
vertical-align: middle;
}
.teaser div.bewertung {
text-align: center; 
color: #666; 
font-size: 0.9em; 
margin-bottom: 5px;
}
.teaser div.bewertung a {
color: #666; 
text-decoration: none;
}
span.bewertung {
margin-left: 5px;
vertical-align: top;
}
.teaser span.bewertung {
margin: 0px;
}
span.bewertung img {
vertical-align: top;
margin: 3px 3px 0px 0px !important;
}
.produktbewertung input.buttonbewertung {
cursor: pointer;
}
#GB_overlay {
 background-color: #000;
 position: absolute;
 margin: auto;
 top: 0;
 left: 0;
 z-index: 100;
}
#GB_window {
 left: 0;
 top: 0;
 font-size: 1px;
 position: absolute;
 overflow: visible;
 z-index: 150;
}
#GB_window .content {
 width: auto;
 margin: 0;
 padding: 0;
}
#GB_frame {
 border: 0;
 margin: 0;
 padding: 0;
 overflow: auto;
 white-space: nowrap;
}
.GB_Gallery {
 margin: 0 22px 0 22px;
}
.GB_Gallery .content {
 background-color: #fff;
 border: 3px solid #ddd;
}
.GB_header {
 top: 10px;
 left: 0;
 margin: 0;
 z-index: 500;
 position: absolute;
 border-bottom: 2px solid #555;
 border-top: 2px solid #555;
}
.GB_header .inner {
 background-color: #333;
 font-family: Arial, Verdana, sans-serif;
 padding: 2px 20px 2px 20px;
}
.GB_header table {
 margin: 0;
 width: 100%;
 border-collapse: collapse;
}
.GB_header .caption {
 text-align: left;
 color: #eee;
 white-space: nowrap;
 font-size: 20px;
}
.GB_header .close {
 text-align: right;
}
.GB_header .close img {
 z-index: 500;
 cursor: pointer;
}
.GB_header .middle {
 white-space: nowrap;
 text-align: center;
}
#GB_middle {
 color: #eee;
}
#GB_middle img {
 cursor: pointer;
 vertical-align: middle;
}
#GB_middle .disabled {
 cursor: default;
}
#GB_middle .left {
 padding-right: 10px;
}
#GB_middle .right {
 padding-left: 10px;
}
.GB_Window .content {
 background-color: #fff;
 border: 3px solid #ccc;
 border-top: none;
}
.GB_Window .header {
 border-bottom: 1px solid #aaa;
 border-top: 1px solid #999;
 border-left: 3px solid #ccc;
 border-right: 3px solid #ccc;
 margin: 0;
 height: 22px;
 font-size: 12px;
 padding: 3px 0;
 color: #333;
}
.GB_Window .caption {
 font-size: 12px;
 text-align: left;
 font-weight: bold;
 white-space: nowrap;
 padding-right: 20px;
}
.GB_Window .close { text-align: right; }
.GB_Window .close span { 
 font-size: 12px;
 cursor: pointer; 
}
.GB_Window .close img {
 cursor: pointer;
 padding: 0 3px 0 0;
}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
#lightbox{
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 100000;
 text-align: center;
 line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0px auto;
}
#imageContainer{ padding: 10px; }
#loading{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
}
#hoverNav{
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 100%;
 z-index: 100000;
}
#imageContainer>#hoverNav{ left: 0px;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
 width: 49%;
 height: 100%;
 background: transparent url(/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
 display: block;
}
#prevLink { left: 0px; float: left;}
#nextLink { right: 0px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/next.gif) right 15% no-repeat; }
#imageDataContainer{
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%
}
#imageData { padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 90000;
 width: 100%;
 height: 500px;
 background-color: #000;
}