* { padding: 0px; margin: 0px; }
img { border: none; }
a {
 color: #000000;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
background-color: #ffffff;
}
.antifloat {
 height: 1px;
 clear: both;
 float: none;
 font-size: 1px;
 visibility: hidden;
}
.antifloatleft {
 height: 1px;
 clear: left;
 float: none;
 font-size: 1px;
 visibility: hidden;
}
.wrapper {
 margin: 0px auto 0px auto;
 width: 980px;
 position: relative;
 z-index: 10;
}
img.slogan {
 margin-bottom: 20px;
}
.onlyprint {
 display: none;
}
.icon {
vertical-align: middle;
}
/* Kopfbereich */
#head1 {
 width: 980px;
 background-image: url(/viomatrix/imgs/gfx/bg_head.gif);
 background-repeat: repeat-x;
}
#head1 .logo {
 margin-right: 1px; 
 float: left; 
 width: 219px;
 padding-bottom: 1px; 
 border-bottom: 1px solid #000000;
}
#head1 .logo img {
 width: 219px;
 height: 65px;
}
#head1 .headr {
 float: left;
 width: 760px; 
 height: 65px;
 padding-bottom: 1px; 
 border-bottom: 1px solid #000000;
}
#head1 .hilfsnavi {
 padding-top: 20px; 
 text-align: right;
 width: 100%;
 font-size: 10px;
}
#head1 .hilfsnavi a.aktiv, #head1 .hilfsnavi a:hover {
 color: #ff0099;
}
/* Hauptmenue */
.mainnavi {
 position: absolute;
 z-index: 1000; 
 top: 45px; 
 left: 220px;
 width: 760px;
}
.mainnavi .item {
 float: left; 
 position: relative;
 z-index: 1100;
 border-right: 1px solid #ffffff;
}
.mainnavi .item a {
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF; 
 display: block; 
 padding: 3px 20px 4px 20px;
 background-image: url(/viomatrix/imgs/gfx/bg_mainnavi_schwarz.jpg); 
 background-color: #000000; 
 background-repeat: repeat-x; 
}
.mainnavi .item a.aktiv, .mainnavi .item a:hover {
 background-image: url(/viomatrix/imgs/gfx/bg_mainnavi_magenta.jpg); 
 background-repeat: repeat-x; 
 background-color: #ff0099; 
}
.mainnavi .item a .ecke { 
 position: absolute; 
 top: 0px; 
 right: 0px;
 background-image: url(/viomatrix/imgs/gfx/bg_mainnavi_ecke_schwarz.jpg); 
 background-repeat: no-repeat; 
 display: block; 
 width: 20px; 
 height: 19px;
}
.mainnavi .item a.aktiv .ecke, .mainnavi .item a:hover .ecke { 
 position: absolute; 
 background-image: url(/viomatrix/imgs/gfx/bg_mainnavi_ecke_magenta.jpg); 
 background-repeat: no-repeat; 
 display: block; 
 width: 20px; 
 height: 19px;
 text-decoration: none;
}
/* Ende Hauptmenue */
/* Subnavi */
.subnavi {
 display: none; 
 position: absolute; 
 width: 180px; 
 top: 20px; 
 z-index: 5000;
 background-color: #ffffff;
}
.subnavi2 {
 position: relative;
 z-index: 5000;
 padding-top: 1px;
}
.subnavi a.sub, .subnavi a.subaktiv {
 position: relative;
 font-size: 10px;
 display: block;
 text-decoration: underline;
 background-image: none; 
 background-color: #000000;
 color: #FFFFFF; 
 padding: 3px 5px 3px 5px; 
 border-bottom: 1px solid #ffffff;
}
.subnavi a.subaktiv, .subnavi a.subaktiv:hover, .subnavi a.sub:hover {
 background-color: #ff0099;
 background-image: url(/viomatrix/imgs/gfx/bg_mainnavi_magenta.jpg); 
}
/* Ende Subnavi */
/* Sitemap */
.sitemapnavi {
 display: block; 
 margin: 15px 0px 10px 0px;
 font-size: 12px; 
 color: #ff0099; 
 text-decoration: none;
}
.sitemaphilfsnavi {
 margin: 15px 0px 0px 0px;
}
/* Ende Sitemap */
/* Ende Kopfbereich */
.teaser {
 padding: 10px 10px 20px 10px;
}
.box {
 margin-bottom: 20px; 
 width: 100%;
}
.box h2 {
 font-size: 11px; 
 background-color: #ff0099; 
 color: #ffffff; 
 font-weight: bold; 
 padding: 2px 5px 2px 5px;
}
.box h2 img {
 vertical-align: bottom;
}
.box .boxcontent {
 padding: 5px; 
 background-color: #ffffff; 
 border: 1px dashed #ff0099; 
 border-top: none;
}
.boxmagenta h2 {
 background-image: url(/viomatrix/imgs/gfx/bg_box_magenta.jpg); 
 background-repeat: repeat-x;
}
.boxschwarz h2 {
 background-color: #000000;
 background-image: url(/viomatrix/imgs/gfx/bg_box_schwarz.jpg); 
 background-repeat: repeat-x;
}
.boxgrau h2 {
 background-color: #999999;
 background-image: url(/viomatrix/imgs/gfx/bg_box_grau.jpg); 
 background-repeat: repeat-x;
 color: #111111;
}
.boxgrau {
 border: 1px solid #999999; 
}
.boxgrau .boxcontent {
 border: none;
}
a.twitterlink {
 display: block; 
 margin: 0px 0px 5px 0px; 
 font-weight: bold;
}
.teasernavi a.aktiv, .teasernavi a.aktiv:hover, .teasernavi a:hover {
 color: #ff0099;
 background-image: none;
}
.teasernavi .mainitem {
 background-repeat: no-repeat;
}
.teasernavi .mainitem a {
 padding: 0px 0px 0px 20px;
}
.teasernavi .subitem {
 min-height: 18px;
 background-repeat: no-repeat;
}
.teasernavi .subitem a {
 display: block; 
 padding: 5px 0px 0px 28px;
}
.filialfinder form {
 margin-top: 10px;
}
.filialfinder select {
 width: 140px; 
 font-size: 11px;
}
.filialfinder .button {
 vertical-align: top;
}
.boxsuche form {
 margin-top: 10px;
}
form.teasersuche .ftext {
 width: 110px;
}
#cwrapper {
 width: 100%;
 height: auto;
 min-height: 600px;
 background-image: url(/viomatrix/imgs/gfx/bg.gif);
 background-repeat: repeat-y;
}
#cwrapper .spalte1, #cwrapper .spalte3 {
float: left; 
width: 220px;
}
#cwrapper .spalte2 {
float: left; 
width: 540px;
}
#cwrapper .content, #popup .content {
padding: 20px 20px 20px 20px;
}
ul, ol {
 padding-left: 20px;
 margin-left: 20px;
}
/* Index */
ol.index li {
 margin-bottom: 5px;
}
/* Ende Index */
/* Text rechts neben der Ueberschrift */
.topright {
 position: relative; 
 z-index: 100; 
 right: 0px; 
 top: 0px;
 width: 500px;
}
.topright2 {
 position: absolute; 
 z-index: 100; 
 right: 0px; top: 0px;
 width: 500px;
 text-align: right;
}
/* Ende Text rechts neben der Ueberschrift */
.linie {
 background-image: url(/viomatrix/imgs/gfx/trenner.gif); 
 background-repeat: repeat-x; 
 width: 100%; 
 margin: 20px 0px 0px 0px;
 font-size: 1px;
}
/* Link nach oben */
.linktop {
 position: relative; 
 z-index: 100; 
 right: 0px;
}
.linktop a {
 position: absolute; 
 top: -1px; 
 right: 0px; 
 display: block;
}
.content .start {
 margin-bottom: 10px;
 font-size: 11px;
}
.content .startbild {
 float: left;
 margin-right: 20px; 
}
.content h1 {
 font-size: 12px;
 margin-bottom: 10px;
}
.content h2 {
 font-size: 11px;
 margin: 10px 0px 10px 0px;
 color: #ff0099;
 font-weight: normal;
}
.content h3 {
 font-size: 11px;
 margin: 20px 0px 0px 0px;
 font-weight: bold;
}
/* Bilder in der Textliste */
img.left {
 margin: 0px 5px 5px 0px; 
 float: left;
}
img.right {
 margin: 0px 0px 5px 5px; 
 float: right;
}
/* Ende Bilder in der Textliste */
.fehler {
 margin-bottom: 20px;
 color: #FF0099;
 font-size: 11px;
 font-weight: bold;
}
.printpage {
 float: right; 
 margin: 20px 0px 20px 20px; 
 display: block; 
 background-image: url(/viomatrix/imgs/gfx/icon_drucker.gif); 
 background-repeat: no-repeat; 
 padding-left: 35px; 
 height: 20px;
}
.closewindow {
 float: right; 
 margin: 20px 0px 20px 20px; 
 display: block; 
 background-image: url(/viomatrix/imgs/gfx/button_fenster_schliessen.gif); 
 background-repeat: no-repeat; 
 padding-left: 25px; 
 height: 20px;
}
.picviewer {
 margin-bottom: 20px;
 width: 498px;
 height: 352px;
 overflow: hidden;
}
.picviewerklein {
 float: left;
 width: 166px;
 height: 176px;
 overflow: hidden;
}
/* Liste xx Eintraege pro Seite */
.headliste {
 width: 100%; 
 margin-top: 10px;
}
.headliste .sp1 {
 float: left; 
 width: 50%;
}
.headliste .sp2 {
 float: right;
 width: 50%;
 text-align: right;
}
.headliste img {
 vertical-align: middle;
}
/* Ende Liste xx Eintraege pro Seite */
/* Links vorherige Seite, naechste Seite unter der Liste */
.bottomliste {
 width: 100%; 
 text-align: right; 
 margin-top: 20px;
}
.bottomliste .prev {
 background-image: url(/viomatrix/imgs/gfx/pfeil_zurueck.gif); 
 background-repeat: no-repeat; 
 background-position: 0px 5px; 
 padding-left: 15px;
}
.bottomliste .next {
 background-image: url(/viomatrix/imgs/gfx/pfeil_vor.gif); 
 background-repeat: no-repeat; 
 background-position: 100% 5px; 
 padding-right: 15px;
}
/* Ende Links vorherige Seite, naechste Seite unter der Liste */
.lexikon .item {
 margin-bottom: 10px;
}
.lexikon .item h3 {
 width: 35%; 
 float: left; 
 font-size: 10px;
}
.lexikon .item .desc {
 float: left; 
 width: 65%;
}
.gbitem {
 margin-top: 20px;
}
.gbitem .gbnr {
 float: left; 
 width: 20px; 
 margin-right: 10px; 
 text-align: right;
}
.gbitem .gbtext {
 float: left; 
 width: 470px; 
}
.gbitem label {
 float: left; 
 width: 50px; 
 font-weight: bold;
}
.gbitem label.beitrag {
 float: none;
 display: block; 
 margin: 10px 0px 5px 0px; 
 font-weight: bold;
}
.gbneu {
 display: block; 
 height: 20px; 
 background-image: url(/viomatrix/imgs/gfx/button_eintrag_neu.gif); 
 background-repeat: no-repeat; 
 padding-left: 25px;
 float: right;
}
.festpreisliste {
 width: 100%;
 font-size: 11px;
 border-spacing: 0px;
}
.festpreisliste .sp1 {
 vertical-align: middle; 
 text-align: left; 
 height: 20px;
}
.festpreisliste .sp2 {
 vertical-align: middle; 
 text-align: right; 
 height: 20px; 
 width: 75px;
}
.suchitem {
 margin-top: 10px;
}
.suchitem .suchnr {
 float: left; 
 width: 20px; 
 margin-right: 10px; 
 text-align: right;
}
.suchitem .suchtext {
 float: left; 
 width: 470px; 
}
.suchitem .suchpfad {
 margin-top: 5px; 
}
.linie {
 margin: 10px 0px 0px 0px;
}
.suchitem .suchpreis {
 font-size: 12px; 
 font-weight: bold; 
 float: right; 
 text-align: right; 
 margin: 0px 0px 10px 10px;
}
.suchitem .suchbild {
 float: right; 
 margin-left: 20px; 
 width: 100px;
}
.suchitem p {
 margin-top: 5px;
}
div#karte {
 position: relative; 
 top: 0px; 
 left: 0px; 
 z-index: 1;
}
div #filialliste {
 position: absolute; 
 top: 0px; 
 left: 370px; 
 width: 130px; 
 height: 500px; 
 overflow: hidden; 
 z-index: 1;
}
div#karte .punkt {
 position: absolute; 
 width: 10px; 
 height: 10px; 
 visibility: visible;
}
div#karte .name {
 position: absolute; 
 overflow: visible;
 visibility: hidden; 
 background-color: #ff0099; 
 border: solid 1px white; 
 padding-top: 3px; 
 padding-bottom: 3px; 
 padding-left: 8px; 
 padding-right: 8px; 
 white-space: nowrap; 
 color: #ffffff;
 font-weight: bold;
}
div#karte .liste {
 position: absolute; 
 overflow: visible; 
 top: 270px; 
 left: 170px; 
 width: 180px; 
 visibility: hidden;
 background-color: #fef4f8; 
 border-right: solid 1px black; 
 border-bottom: solid 1px black;
}
div#karte .liste .liste2{
 padding: 10px;
}
div#karte .liste h3 {
 margin: 0px 0px 10px 0px;
}
div#filialliste a, div#karte .liste a {
 display: block; 
 margin-bottom: 5px;
}
.filialinfo {
 margin-bottom: 10px;
}
.filialinfo label {
 display: block; 
 width: 120px; 
 float: left; 
 font-weight: bold;
}
.filialinfo .infotext {
 width: 380px; 
 float: left; 
}
table.oeffnungszeiten td {
 font-weight: normal !important;
}
.produktdetail table {
 border-spacing: 0px;
 margin: 0px;
}
.produktdetail table th {
 text-align: left;
 padding: 2px 5px 2px 5px;
 vertical-align: top;
 color: #ffffff;
 background-image: url(/viomatrix/imgs/gfx/bg_box_magenta.jpg);
 background-repeat: repeat-x;
}
.produktdetail table td {
 text-align: left;
 padding: 2px 5px 2px 5px;
 vertical-align: top;
}
.produktdetail table .row1 {
 background-color: #FDE9F1;
}
.produktdetail table .row2 {
 background-color: #ffffff;
}
.produktdetail table .trennung {
 border-top: 2px solid #ff0099;
}
.produktliste .item .bild {
 float: left; 
 width: 40%; 
 height: 120px; 
 overflow: hidden; 
 text-align: center;
}
.produktliste .item .inhalt {
 float: left; 
 width: 60%; 
 background-color: #FDE9F1; 
 height: 120px; 
 overflow: hidden;
}
.produktliste .item .inhalt2 {
 padding: 10px;
 position: relative;
}
.preisinfo .textop {
 float: left; 
 width: 33px;
}
.preisinfo .noop {
 float: left; 
 width: 128px; 
 padding-top: 4px; 
 font-size: 13px; 
}
.preisinfo .op {
 float: left; 
 width: 85px; 
 padding-top: 4px; 
 font-size: 13px; 
 font-weight: bold; 
 text-decoration: line-through;
 margin-right: 10px;
}
.preisinfo .textnp {
 float: left; 
 width: 33px; 
 color: #FF0099;
}
.preisinfo .np {
 float: left; 
 width: 85px; 
 padding-top: 4px; 
 font-size: 13px; 
 font-weight: bold; 
 color: #FF0099;
}
.produktliste .item .details {
 margin-left: 8px;
 float: left; 
 width: 25px;
}
.produktdetail .preisinfo {
 width: 250px; 
 margin-bottom: 20px;
}
.produktliste .preisinfo {
 position: absolute; 
 top: 90px; 
 width: 280px;
}
.produktliste .linie {
 margin: 0px;
}
.produktliste .item h3 {
 margin: 0px 0px 10px 0px;
}
/* Formular Produktfilter */
form.produktfilter {
 margin-bottom: 20px;
}
form.produktfilter .spalte {
 float: left;
 width: 50%;
}
form.produktfilter select {
 width: 130px;
}
form.produktfilter select.sort {
 width: 200px;
}
/* Ende Formular Produktfilter */
.produktdetail .bildspalte {
 float: right; 
 width: 230px; 
 margin-left: 20px;
}
.produktdetail .bildspalte img {
 margin-bottom: 20px;
}
.linkproduktliste {
 background-position: 0px 5px; 
 background-image: url(/viomatrix/imgs/gfx/pfeil_zurueck.gif); 
 background-repeat: no-repeat; 
 padding-left: 15px;
}
.produktgroessen, .produktverfuegbarkeit, .produkteigenschaften {
 margin-bottom: 20px;
}
.produktdetail h3 {
 margin: 0px 0px 10px 0px;
}
.produktdetail h4 {
 font-weight: normal; 
 margin-bottom: 10px;
 font-size: 120%;
}
.produkteigenschaften label {
 float: left; 
 width: 110px; 
 font-weight: bold;
}
.produkteigenschaften .text {
 float: left; 
 width: 140px;
}
.disclaimer {
 margin: 10px 0px 10px 0px;
}
.finanzpreis {
 margin: 5px 0px 0px 0px;
}
table.groessen .wrapperdetails {
position: relative; 
z-index: 100;
}
table.groessen .details {
display: none; 
position: absolute; 
z-index: 100; 
background-color: #f7f7f7; 
border: 1px solid #999; 
width: 340px; 
top: -30px; 
left: -280px;
font-weight: normal;
}
table.groessen .details2 {
padding: 10px;
}
table.groessen .details h3 {
margin: 0px 0px 5px 0px;
}
table.groessen td.picrahmenform {
 padding: 0px !important; 
 vertical-align: top !important;
}
.artnr {
font-weight: bold;
margin-bottom: 10px;
font-size: 11px;
}
table.verfuegbarkeiten td {
vertical-align: middle;
}
table.verfuegbarkeiten .wrapperdetails {
position: relative; 
z-index: 100;
}
table.verfuegbarkeiten .details {
display: none; 
position: absolute; 
z-index: 100; 
background-color: #f7f7f7; 
border: 1px solid #999; 
width: 320px; 
top: -80px; 
left: 400px;
font-weight: normal;
}
table.verfuegbarkeiten .details2 {
padding: 10px;
}
table.verfuegbarkeiten .details h3 {
margin: 0px;
}
table.verfuegbarkeiten .details .filialinfo {
margin-top: 15px;
}
table.verfuegbarkeiten .details .filialinfo .infotext {
width: 300px !important;
}
table.verfuegbarkeiten .details .zeit {
color: #444; 
font-size: 10px;
}
table.verfuegbarkeiten tr:hover td {
font-weight: bold;
}
table.verfuegbarkeiten .name {
width: 130px;
}
table.verfuegbarkeiten .str {
width: 150px;
}
table.gutscheinliste {
 margin: 20px 0px 20px 0px;
 font-size: 11px;
 width: 100%;
}
table.gutscheinliste th {
 color: #ffffff; 
 background-color: #ff0099; 
 font-weight: bold;
 padding: 2px 5px 2px 5px;
}
table.gutscheinliste td {
 padding: 2px 5px 2px 5px;
 vertical-align: top;
}
.pressedetail {
}
.pressedetail h2 {
 margin: 20px 0px 10px 0px;
}
.pressedetail h3 {
 margin: 0px 0px 10px 0px;
}
.pressedetail .download {
 margin-top: 10px;
}
.pressedetail .icondoc {
 float: left; 
 margin: 0px 20px 0px 0px; 
 display: block; 
 height: 20px; 
 padding-left: 20px;
 background-repeat: no-repeat;
 background-image: url(/viomatrix/imgs/gfx/docicon_word.gif);
}
.pressedetail .iconpdf {
 float: left; 
 margin: 0px 20px 0px 0px; 
 display: block; 
 height: 20px; 
 padding-left: 20px;
 background-repeat: no-repeat;
 background-image: url(/viomatrix/imgs/gfx/docicon_pdf.gif);
}
.pressepre h2 {
 color: #000000; 
 margin-bottom: 3px;
}
.pressepre h3 {
 margin: 0px 0px 3px 0px;
}
.downloaditem {
 margin: 0px 0px 5px 0px;
}
.downloaditem label {
 float: left;
}
.downloaditem a {
 display: block;
}
.downloaditem .icondoc {
 float: right; 
 margin: 0px 0px 0px 20px; 
 display: block; 
 height: 20px; 
 padding-left: 20px;
 background-repeat: no-repeat;
 background-image: url(/viomatrix/imgs/gfx/docicon_word.gif);
}
.downloaditem .iconpdf {
 float: right; 
 margin: 0px 0px 0px 20px; 
 display: block; 
 height: 20px; 
 padding-left: 20px;
 background-repeat: no-repeat;
 background-image: url(/viomatrix/imgs/gfx/docicon_pdf.gif);
}
.downloaditem h3 {
 margin: 0px 0px 5px 0px;
}
.downloaditem img {
 float: left; 
 margin: 0px 20px 10px 0px;
}
table.memory {
 background-color: #FDE9F1;
}
table.memory td {
 padding: 5px;
}
#gmap {
margin-top: 12px;
}
#gmap form {
background-color: inherit;
padding: 0px;
}
/* Fussbereich */
#bottom .spalte1 {
 float: left; 
 width: 219px; 
 margin: 0px 1px 0px 0px; 
 background-color: #ff0099; 
 height: 16px;
}
#bottom .spalte2 {
 float: left; 
 width: 759px; 
 background-color: #000000; 
 height: 16px; 
 color: #ffffff;
 margin: 0px 1px 0px 0px;
}
#bottom .spalte2 p {
 padding: 1px 5px 0px 5px;
}
/* Ende Fussbereich */
.iconemail {
 background-image: url(/viomatrix/imgs/gfx/email_umschlag.gif); 
 background-repeat: no-repeat; 
 display: block; 
 padding: 0px 0px 0px 25px; 
 min-height: 13px; 
 margin-top: 10px;
}
.iconpdf {
 margin-bottom: 20px; 
 background-image: url(/viomatrix/imgs/gfx/docicon_pdf.gif); 
 background-repeat: no-repeat; 
 height: 20px; 
 display: block; 
 padding-left: 25px;
}
.iconpdf2 {
 background-image: url(/viomatrix/imgs/gfx/docicon_pdf.gif); 
 background-repeat: no-repeat; 
 height: 20px; 
 display: block; 
 padding-left: 25px;
 display: table !important;
}
.iconimage {
 background-image: url(/viomatrix/imgs/gfx/docicon_image.gif); 
 background-repeat: no-repeat; 
 height: 20px; 
 display: block; 
 padding-left: 25px;
 display: table !important;
}
form .ftext {
 width: 140px; 
 font-size: 11px;
 border: 1px solid #999999;
 padding: 2px 3px 2px 3px;
}
form .button {
 vertical-align: bottom;
}
.content form {
 background-color: #fde9f1; 
 padding: 10px;
}
.pflicht {
 margin-top: 10px;
}
form .field {
 margin-bottom: 10px;
}
form label {
 float: left;
 width: 80px;
}
form .buttonfield {
 margin: 0px;
}
form .missing label {
 font-weight: bold;
 color: #ff0099;
}
form .missing .ftext {
 border: 1px solid #ff0099;
}
form .field23 {
position: absolute;
z-index: 10;
top: -100px;
left: -100px;
width: 1px;
height: 1px;
overflow: hidden;
display: inline;
}
form.kontakt .ftext {
 width: 380px;
}
form.umfragefiliale .ftext {
 width: 380px;
}
form.login .ftext {
 width: 150px;
}
form.gaestebuch .ftext {
 width: 380px;
}
form.newsletter .ftext {
 width: 380px;
}
form.newsletter .fradio {
 margin-right: 10px; 
 vertical-align: middle;
}
form.suche .fradio {
 margin-right: 10px; 
 vertical-align: middle;
}
form.suche .ftext {
 width: 380px;
}
form.gutschein label {
 width: 120px;
}
form.gutschein .ftext {
 width: 55px;
}
form.gutschein .ftextgrau {
 background-color: #dddddd; 
 width: 45px;
}
.content form.standort {
 background-color: transparent; 
 padding: 0px;
}
.content form.standort select {
 width: 150px;
}
.content form.standort .fbutton {
 vertical-align: middle;
}