* { margin: 0;padding: 0;font-family: Verdana, Tahoma, sans-serif;font-size: 12px; }
html { overflow-y: scroll; }
body { background-color: #fff; }
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1px;
 height: 1px !important;
 margin: 0 !important;
 padding: 0 !important;
}
a:link, a:visited, a:hover, a:active, a:focus {
color: #7a7a7a;
font-size: 1em;
text-decoration: none;
}
a:hover { text-decoration: underline; }
#extmenu a.special { color: #7f001f; }
.buttonwarenkorb:hover { text-decoration: none; }
a:hover, a:link, a:focus, a:visited {
color: #7a7a7a;
outline: 0;
}
button {
cursor: pointer;
text-decoration: none;
}
fieldset { border: 0; }
hr {
background-color: transparent;
border: 0;
border-top: 1px solid #595959;
margin: 0 0 12px;
}
img {
border: 0;
display: inline;
}
input.button { cursor: pointer;font-size: 1.3em; }
input.button:hover { text-decoration: underline; }
p, #zahlweisen thead th p {
 color: #595959;
 text-align: justify;
}
#warenkorb p { text-align: left;margin-right: 50px; }
strong { color: #514f4f; }
table {
float: none;
width: 100%;
border: none;
border-collapse: collapse;
}
tr.bg1 { background-color: inherit; }
tr.bg2 { background-color: #efefef; }
td, th {
font-size: 1em;
text-align: left;
vertical-align: top;
}
#outer {
margin: 0 auto;
position: relative;
width: 980px;
z-index: 1;
}
/* Kopf */
#head {
color: #7f001f;
background-image: url(/viomatrix/imgs/gfx2010/logo2.png);
background-repeat: no-repeat;
background-position: top left;
height: 184px;
position: absolute;
top: -184px;
left: 0;
width: 980px;
z-index: 10000;
}
*+html #head { top: 0; }
* html #head { top: 0; }
#head form {
float: right;
margin: 14px 40px 0 0;
width: 220px;
}
#head form div {
float: right;
width: 149px;
}
#head form button {
background-color: inherit;
background-image: url(/viomatrix/imgs/gfx2010/bg_suchbutton.png);
background-repeat: no-repeat;
border: 0;
color: #676767;
cursor: pointer;
display: block;
float: right;
font-size: 0.9em;
height: 23px;
margin: 0 0 0 8px;
padding: 0 0 4px;
width: 49px;
}
#head p {
color: #7e192a;
float: right;
font-size: 11px;
margin: 19px 16px 0 0;
}
#head p a:link, #head p a:visited, #head p a:hover, #head p a:active, #head p a:focus {
color: #494949;
font-size: 11px;
padding: 0 2px;
}
#head #main {
background-image: url(/viomatrix/imgs/gfx2010/bg_menu.png);
background-repeat: no-repeat;
display: block;
position: absolute;
bottom: -3px;
left: 0;
height: 27px;
width: 980px;
}
#head #main li.first { margin-left: 248px; }
#head #main li.last { margin-right: 15px; }
#head ul div {
 margin: 0;
 min-width: 200px;
 width: 200px;
 display: none;
 border: 1px solid #7e192a;
 background-color: #efefef;
 padding: 15px 0;
 position: absolute;
 top: 38px;
 left: 16px;
 opacity: 0.9;
 z-index: 10000;
}
#head ul div div {
 padding: 0;
 position: static;
 opacity: 1;
 display: block;
 border: none;
}
#head ul ul { display: block; }
#head ul ul ul {
 position: static;
 border: none;
 padding-bottom: 25px;
}
#head li {
 float: left;
 list-style: none;
 position: relative;
}
#head li a:link, #head li a:visited, #head li a:hover, #head li a:active, #head li a:focus, #head li span {
 background-image: none;
 background-repeat: repeat-x;
 background-position: 0 0;
 border-right: 1px solid #fff;
 display: block;
 cursor: pointer;
 margin: 0;
}
#head li a:link span, #head li a:visited span, #head li a:hover span, #head li a:active span, #head li a:focus span, #head li span span {
 display: block;
 background-image: url(/viomatrix/imgs/gfx2010/bg_menupunkt_links.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 0;
 color: #494949;
 cursor: pointer;
 font-family: Verdana, Tahoma, sans-serif;
 font-size: 14px;
 height: 24px;
 padding: 3px 12px 2px 13px;
}
#head li span { background-image: none; }
#head li span, #head li span span {
border: 0;
cursor: auto;
}
#head li.aktiv a:link, #head li.aktiv a:visited, #head li.aktiv a:hover, #head li.aktiv a:active, #head li.aktiv a:focus, 
#head li a:hover {
background-image: url(/viomatrix/imgs/gfx2010/bg_menupunkt_hover_linie.png);
text-decoration: none;
}
#head li.aktiv a:link span, #head li.aktiv a:visited span, #head li.aktiv a:hover span, #head li.aktiv a:active span, #head li.aktiv a:focus span, 
#head li a:hover span {
 background-image: url(/viomatrix/imgs/gfx2010/bg_menupunkt_hover_links.png);
 color: #fff;
 cursor: pointer;
}
#head li li { float: none; }
#head li li li { font-size: 1em; }
#head li li a:link, #head li li a:visited, #head li li a:hover, #head li li a:active, #head li li a:focus {
 background-image: none !important;
 border: 0 !important;
 color: #676767;
 padding: 2px 8px 2px 8px;
}
#head li li a:hover { background-color: #e2e2e2; }
#head li li li a:link, #head li li li a:visited, #head li li li a:hover, #head li li li a:active, #head li li li a:focus { padding-left: 24px; }
#head input {
background-image: url(/viomatrix/imgs/gfx2010/bg_suchfeld.png);
background-repeat: no-repeat;
border: 0;
color: #aeaeae;
float: left;
padding: 4px 4px 3px;
width: 141px;
font-size: 0.9em;
}
/* Content */
#wrapper {
width: 980px;
height: auto;
margin: 184px 0 0;
}
#placeholder {
position: relative;
z-index: 1;
float: left;
margin: 10px 0 0;
width: 733px;
height: auto;
}
.box {
background-image: url(/viomatrix/imgs/gfx2010/bg_contentbox_linie2.png);
background-repeat: repeat-y;
height: 1%;
margin: 0 0 11px;
padding: 0 0 0 2px;
position: relative;
width: 737px;
}
.box h1 {
background-color: #7e192a;
color: #fff;
line-height: 1.8em;
margin: 0 0 24px;
padding: 0 14px;
width: 705px;
}
.box img {
position: relative;
z-index: 20;
}
.box .boxoben {
background-image: url(/viomatrix/imgs/gfx2010/bg_contentbox_oben.png);
background-repeat: no-repeat;
height: 6px;
position: absolute;
left: 0;
top: -1px;
width: 739px;
z-index: 10;
}
.box .boxunten {
background-image: url(/viomatrix/imgs/gfx2010/bg_contentbox_unten.png);
background-repeat: no-repeat;
height: 6px;
position: absolute;
left: 0;
bottom: -4px;
width: 739px;
z-index: 10;
}
*+html .box .boxunten { bottom: -2px; }
#links {
float: left;
margin: 10px 6px 30px 0;
width: 240px;
}
.boxlinks {
background-image: url(/viomatrix/imgs/gfx2010/bg_sidemenu_linie.png);
background-repeat: repeat-y;
margin: 0 0 12px;
position: relative;
}
.boxlinks h1, .boxlinks .h1 {
background-image: url(/viomatrix/imgs/gfx2010/bg_sidemenu_oben.png);
background-repeat: no-repeat;
color: #fff;
font-family: "Times New Roman", serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
height: 20px;
left: 0;
padding: 2px 0 0 20px;
position: absolute;
top: 0;
width: 240px;
z-index: 10;
}
.boxlinksunten {
background-image: url(/viomatrix/imgs/gfx2010/bg_sidemenu_unten.png);
background-repeat: no-repeat;
height: 6px;
position: relative;
bottom: -6px;
width: 240px;
}
.boxlinks ul {
background-color: #efefef;
padding: 32px 0 24px;
position: relative;
width: 236px;
z-index: 1;
}
.boxlinks ul ul { padding: 0; }
.boxlinks a:link, .boxlinks a:visited, .boxlinks a:hover, .boxlinks a:active, .boxlinks a:focus {
color: #676767;
display: block;
line-height: 1em;
padding: 3px 20px;
}
.boxlinks li { list-style: none; }
.boxlinks li.subs { margin: 0 0 20px; }
.boxlinks li.subs a:link, .boxlinks li.subs a:visited, .boxlinks li.subs a:hover, .boxlinks li.subs a:active, .boxlinks li.subs a:focus {
color: #811433;
font-weight: bold;
}
.boxlinks li.subs li a:link, .boxlinks li.subs li a:visited, .boxlinks li.subs li a:hover, .boxlinks li.subs li a:active, .boxlinks li.subs li a:focus {
color: #676767;
font-weight: normal;
padding-left: 28px;
}
.boxlinks li.subs li li a:link, .boxlinks li.subs li li a:visited, .boxlinks li.subs li li a:hover, .boxlinks li.subs li li a:active, .boxlinks li.subs li li a:focus {
padding-left: 36px;
}
.boxlinks a.aktiv:link, .boxlinks a.aktiv:visited, .boxlinks a.aktiv:hover, .boxlinks a.aktiv:active, .boxlinks a.aktiv:focus,
.boxlinks li.subs a.aktiv:link, .boxlinks li.subs a.aktiv:visited, .boxlinks li.subs a.aktiv:hover, .boxlinks li.subs a.aktiv:active, .boxlinks li.subs a.aktiv:focus {
color: #811433;
text-decoration: underline;
}
#footer {
background-image: url(/viomatrix/imgs/gfx2010/bg_footer.png);
background-repeat: no-repeat;
height: 38px;
margin: 0 0 30px;
width: 980px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus {
color: #7e192a;
font-size: 0.9em;
padding-right: 9px;
}
#footer img {
float: left;
margin: 10px 0 0 24px;
}
#footer p {
padding: 10px 31px 0 0;
text-align: right;
}
.bg {
 background-repeat: no-repeat;
 background-position: 7px bottom;
 height: 340px;
 width: 789px;
}
.bg img.detail {
 float: left;
 margin: 20px;
}
.bg img.search {
 width: 84px;
 height: auto;
 margin:0px 14px 8px 0;
}
#verlauftop {
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/content_border_verlauf.png);
 background-repeat: no-repeat;
 background-position: 0 0;
 position: absolute;
 top: 0;
 left: -3px;
 width: 700px;
 height: 10px;
 display: none;
}
.top {
 width: auto;
 height: 40px;
}
.shorttop { height: 30px; }
* html .top h1 { top: -8px; }
*+ html .top h1 { top: -8px; }
.top h1 {
 background-color: #7F001F;
 position: absolute;
 top: 5px;
 left: 0;
 width: auto;
 height: 40px;
 color: #E1E1E1;
 font-size: 1.42em;
}
.top h1 span {
 display: block;
 padding: 11px 0 0 28px;
}
.top h1 span.left {
 float: left;
 width: 310px;
}
.top h1 span.right {
 float: left;
 text-transform: uppercase;
}
.top #headcontent {
 position: absolute;
 top: 5px;
 left: -5px;
 background-color: #7F001F;
 width: auto;
 height: 30px;
}
.top #headcontent a {
 display: block;
 float: left;
 width: 120px;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
 padding: 9px 40px 0 40px;
}
.top #headcontent div {
 float: right;
 width: 325px;
 text-align: right;
 padding: 9px 48px 0 0;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
}
.top #headcontent a.left {
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/pfeil_nach_links.gif);
 background-repeat: no-repeat;
 background-position: 20px 10px;
}
.top #headcontent a.right {
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/pfeil_nach_rechts.gif);
 background-repeat: no-repeat;
 background-position: 110px 10px;
}
.kasse #headcontent a.left {
 width: 62px;
 padding-right: 0;
 padding: 9px 40px 0 40px;
}
.kasse #headcontent a.right {
 width: 62px;
 padding-left: 0;
 padding-right: 20px;
 background-position: 60px 10px;
}
.kasse #headcontent input.right {
 background-color: inherit;
 border: none;
 color: #ffffff;
 float: left;
 font-weight: bold;
 display: block;
 width: 72px;
 padding: 6px 20px 0 0;
 background-position: 60px 10px;
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/pfeil_nach_rechts.gif);
 background-repeat: no-repeat;
 background-position: 60px 10px;
}
.kasse #headcontent ul { float: right; }
.kasse #headcontent li {
 float: left;
 list-style: none;
}
.kasse #headcontent li a, .kasse #headcontent li span {
 display: block;
 text-align: left;
 padding: 9px 0 9px 24px;
 background-position: 0 7px;
 background-repeat: no-repeat;
}
.kasse #headcontent li span {
 color: #ffffff;
 float: left;
 font-size: 1.1em;
 font-weight: bold;
}
.kasse #headcontent li .daten {
 width: 163px;
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_schloss_aktiv.png);
}
.kasse #headcontent li.aktiv .daten, .kasse #headcontent li .daten:hover, .kasse #headcontent li.komplett .daten { background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_schloss_aktiv.png); }
.kasse #headcontent li .zahlweise {
 width: 193px;
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_euro_inaktiv.png);
}
.kasse #headcontent li.aktiv .zahlweise, .kasse #headcontent li .zahlweise:hover, .kasse #headcontent li.komplett .zahlweise { background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_euro_aktiv.png); }
.kasse #headcontent li .uebersicht {
 width: 133px;
 padding-left: 30px;
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_auge_inaktiv.png);
}
.kasse #headcontent li.aktiv .uebersicht {
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/icon_auge_aktiv.png);
}
.content {
 width: 389px;
 height: 319px;
 overflow: scroll;
 overflow-y: scroll;
 overflow-x: hidden;
 float: right;
 font-size: 1.1em;
 margin-right: 7px;
 margin-top: 1px;
}
.short280 { height: 280px; }
.short300 { height: 290px; }
.width100 {
 width: 100%;
 float: none;
}
.width420 {
 width: 420px;
}
.content div { padding: 8px 35px 0 0; }
.rows div {
 width: 315px;
 float: left;
 padding: 8px 12px 18px 12px;
}
.content img { margin: 0 14px 8px 0; }
.content h2, .content h2 a {
 color: #7f7f7f;
 font-size: 1em;
 margin-bottom: 2px;
}
.content h2 span, .content h3 span { float: right; }
.content h2 span.title {
 float: none;
 text-transform: uppercase;
}
.list h2 { margin-bottom: 8px; }
.content h3 span.title { float: none; }
.content span.detail a { color: #7f7f7f; }
.content h3, .content h3 a {
 color: #90223d;
 font-size: 1em;
 font-weight: bold;
 margin-bottom: 8px;
}
.content h4, .content h5, .content h6 {
 margin: 8px 0 8px 0;
 font-size: 1em;
 color: #514f4b;
}
.content img { float: left; }
.content p {
 line-height: 1.3em;
 margin: 0 0 6px 0;
 text-align: left;
}
.content .price {
 color: #7f001f;
 font-weight: bold;
 white-space: nowrap;
}
.content .detail { margin-bottom: 12px; }
.content .detail .right { vertical-align: bottom; }
.content .detail .right p { text-align: right; }
.content .detail .left { width: 75%; }
.buttonwarenkorb {
 display: block;
 float: right;
 width: 20px;
 height: 15px;
 background-repeat: no-repeat;
 cursor: pointer;
}
.intowarenkorb { background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/intowarenkorb.png); }
.inwarenkorb { background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/inwarenkorb.png); }
#warenkorb thead th {
 border-bottom: 1px solid #88112e;
 color: #88112e;
 padding: 0 0 13px;
 text-align: left;
}
.small thead th { padding: 6px 0 !important; }
#warenkorb tbody td {
color: #595959;
font-size: 11px;
padding: 15px 0 10px;
border-bottom: 1px solid #4f4f4f;
}
#warenkorb tbody td.padding { padding-right: 8px; }
#warenkorb tbody td strong { font-size: 11px; }
.small tbody td { padding: 6px 0 !important; }
#warenkorb tfoot td.empty { height: 24px; }
#warenkorb tfoot td.line {
 border-top: 1px solid #8c1935;
 color: #595959;
 font-size: 11px;
 padding: 7px 0 0 0;
 text-align: right;
}
#warenkorb tfoot td.line strong { font-size: 11px; }
#warenkorb th.pic, #warenkorb td.pic { width: 150px; }
#warenkorb th.menge, #warenkorb td.menge { width: 72px; }
#warenkorb th.preis, #warenkorb td.preis {
 width: 70px;
 white-space: nowrap;
}
#warenkorb th.summe, #warenkorb td.summe {
 width: 70px;
 white-space: nowrap;
 text-align: right;
}
#warenkorb input.menge {
background-image: url(/viomatrix/imgs/gfx2010/bg_warenkorbmenge_vkjk.png);
background-repeat: no-repeat;
color: #595959;
float: left;
width: 20px;
height: 18px;
text-align: right;
background-color: #ebeaea;
padding: 0 2px;
border: 0;
}
#warenkorb div.pfeile {
 float: left;
 width: 11px;
 height: 16px;
 padding: 0;
 margin-top: 1px;
}
#warenkorb div.pfeile img {
 display: block;
 width: 11px;
 height: 7px;
 margin: 0;
}
#warenkorb input.ok {
background-color: transparent;
border: none;
cursor: pointer;
float: left;
height: 16px;
padding: 0;
text-align: center;
text-transform: uppercase;
width: 22px;
color: #7f001f;
font-size: 1em;
}
#warenkorb a.delete:link, #warenkorb a.delete:visited, #warenkorb a.delete:hover, #warenkorb a.delete:active, #warenkorb a.delete:focus {
padding: 0;
margin: 19px 0 0;
color: #bbb;
font-size: 11px;
white-space: nowrap;
}
/* Footer */
#mwsthint {
 position: absolute;
 bottom: -30px;
 right: -3px;
}
.short300 #mwsthint {
 bottom: -37px;
 right: -38px;
}
#back {
 position: absolute;
 bottom: 0;
 left: 12px;
}
#back a, #back a:visited, #back a:focus, #back a:link { color: #90223d; }
#kasse th { padding: 12px 18px 16px 0; }
#kasse td { padding: 0 0 6px; }
#kasse div, .newsletter div { padding: 6px 0 0 0; }
#kasse thead th {
 color: #a6a6a6;
 width: 50%;
}
#kasse input.field, #kasse select, #zahlweisen input.field, .newsletter input.field, .newsletter select.mini, #kasse textarea {
 border: 1px solid #ccc;
 background-color: #e9e9e9;
 height: auto;
 font-size: 0.8em;
 width: 211px;
}
#kasse textarea {
height: 90px;
}
#zahlweisen input.field { width: 140px; }
#kasse input.mini, #kasse select.mini, .newsletter select.mini {
 width: 37px;
 float: left;
}
#kasse .mini { margin-right: 4px; }
#kasse select.mini, .newsletter select.mini { width: 62px; }
#kasse input.medium, #kasse select.medium {
 width: 167px;
 float: left;
 margin-right: 5px;
}
#kasse input.checkbox {
 float: left;
 margin-left: 6px;
 width: 12px;
 height: 12px;
}
#kasse input.submit, #zahlweisen input.submit, .newsletter input.submit {
 width: 211px;
 font-size: 0.8em;
}
#kasse label, #kasse .label, #agb label, #agb .label, #zahlweisen label, .newsletter label, .newsletter .label {
 color: #606060;
 display: block;
 float: left;
 font-size: 0.8em;
 font-weight: bold;
 width: 116px;
}
#zahlweisen label { width: auto;white-space: nowrap; }
#agb .label { padding: 0; }
#kasse .disabled label, #zahlweisen .disabled label { color: #cccccc; }
#zahlweisen label.nodisable { color: #606060; }
#kasse label span { font-size: 0.9em; }
#kasse label.right {
 width: 298px;
 text-align: right;
 font-weight: normal;
}
.missing label, p.missing, span.missing, label.missing { color: red !important; }
span.missing { font-weight: bold; }
#search {
 position: absolute;
 top: -10px;
 right: -5px;
 width: 140px;
 height: 20px;
}
*+html #search {
 top: -24px;
}
#search span {
 display: block;
 float: right;
 color: #ffffff;
 font-size: 1.1em;
 font-weight: bold;
}
#search span.count {
 margin-left: 14px;
 color: #7f001f;
}
.noscroll { overflow: hidden; }
#zahlweisen {
width: 100%;
height: 100%;
margin: 18px auto;
display: block;
}
#zahlweisen thead th {
color: #595959;
font-size: 11px;
font-weight: normal;
}
#zahlweisen tbody td, #zahlweisen tbody th { padding: 0 18px 0 0; }
#zahlweisen thead td, #zahlweisen thead th { padding: 2px 18px 4px 0; }
#zahlweisen thead th { padding-bottom: 18px; }
#zahlweisen h2 { font-size: 11px; }
#zahlweisen input { float: left;display: block;margin: 0 6px 6px 0; }
#uebersicht th {
 padding: 13px;
 border-bottom: 1px solid #88112e;
 color: #88112e;
}
#uebersicht #kasse { width: 724px;margin: 12px auto 0 auto; }
#uebersicht p { margin: 0; }
.agb {
 width: 500px;
 height: 120px;
 overflow: auto;
 padding: 2px !important;
}
table#agb { width: 724px;margin: 12px auto 0 auto; }
#tracks { width: 100%; }
#tracks td {
font-size: 11px;
padding: 2px;
color: #595959;
}
.tracknummer { 
 white-space: nowrap;
 padding-right: 6px;
 width: 70px;
}
.hoeren {
 white-space: nowrap;
 width: 20px;
}
.komponist {
 text-transform: uppercase;
 width: 270px;
}
#sub { 
float: right;
overflow: hidden;
width: 224px;
}
#zahlweisen .paypal { margin-top: 6px; }
#kasse3, #kasse4, #kasse5 { padding: 12px 18px 8px 18px; }
#kasse3 h1 {
 font-size: 1.1em;
 color: #7f7f7f;
 margin: 0 0 12px 0;
}
#kasse3 input.checkbox {
 float: left;
 width: 12px;
 height: 12px;
 margin: 0 4px 4px 0;
}
#kasse3 table {
 width: 100%;
 margin: 0;
}
*+html #kasse3 table { width: 98%; }
#kasse3 hr {
 border: none;
 border-bottom: 1px solid #7f001f;
 height: 1px;
 margin: 8px 0;
}
#kasse3 .submit, #kasse4 .submit {
 font-size: 1em;
 padding: 1px 3px;
 margin: 12px 0 0 0;
}
#kasse4 .submit { margin: 0; }
td.right, th.right { text-align: right; }
#zusammenfassung1 td { padding-top: 4px; }
#zusammenfassung2 th { padding: 3px 1px; }
#zusammenfassung2 td { padding: 3px 1px; }
#zusammenfassung2 tr.row td, #zusammenfassung2 tr.row th { border-bottom: 1px solid #4f4f4f; }
#zusammenfassung2 td.summe {
padding: 3px 1px 8px;
text-decoration: underline;
}
#kasse3 .summe {
 font-size: 1em;
 font-weight: bold;
 text-decoration: underline;
}
#kasse4 table {
 width: 280px;
 height: 200px;
 margin: 0 auto;
}
#kasse4 td { text-align: center;padding: 80px 0 0 0; }
#empfehlung, div#agb {
 position: absolute;
 top: 20px;
 left: -65px;
 width: 252px;
 background-color: #7f001f;
 border: 1px solid #ffffff;
 color: #ffffff;
 font-size: 1.1em;
 z-index: 100000;
}
div#agb {
 top: 36px;
 left: 20px;
 height: 285px;
 width: 600px;
 background-color: #ffffff;
 border: 1px solid #7f001f;
 display: none;
 overflow: scroll;
 overflow-x: hidden;
 z-index: 100000;
}
#empfehlung a { color: #ffffff; }
#empfehlung .jetztkaufen {
 font-weight: bold;
 background-image: url(/viomatrix/imgs/gfx2010//viomatrix/imgs/gfx/pfeil_nach_rechts.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 display: block;
 float: right;
 padding: 6px 0 6px 20px;
}
#empfehlung div { padding: 5px; }
#empfehlung div div { padding: 0; }
div#agb div {
height: 100%;
padding: 5px;
}
#empfehlung h1 {
 display: block;
 background-color: #fefefe;
 color: #7f001f;
 text-align: center;
 font-size: 1.4em;
 font-weight: bold;
 padding: 2px 0;
 margin: 0 0 4px 0;
}
#empfehlung h2 {
 font-size: 1em;
 font-weight: normal;
 margin: 0 0 1px 0;
}
#empfehlung h3, #empfehlung h3 a {
 font-size: 1.1em;
 margin: 0 0 1px 0;
}
#empfehlung p { color: #ffffff; }
#empfehlung .isbn {
 float: left;
 width: 51%;
 margin-top: 6px;
 white-space: nowrap;
 font-weight: bold;
}
#empfehlung .preis {
 float: right;
 font-size: 1.4em;
 margin-top: 8px;
 width: 40%;
 text-align: right;
 font-weight: bold;
 white-space: nowrap;
}
#empfehlung .close, div#agb .close {
 position: absolute;
 top: -1px;
 right: -1px;
 width: 13px;
 height: 13px;
 background-image: url(/viomatrix/imgs/gfx2010/close_flyout.png);
 background-repeat: no-repeat;
 cursor: pointer;
}
div#agb .close {
top: 4px;
right: 4px;
}
#empfehlung .close:hover, div#agb .close:hover { text-decoration: none; }
#empfehlung img {
 display: block;
 margin: 8px auto;
 height: 121px;
}
.emptycell {
 font-size: 1px;
 height: 3px;
 padding: 0 !important;
}
.onlyprint { display: none; }
#verlagsname {
 padding: 4px;
 font-size: 11pt;
 margin-bottom: 8px;
}
#extmenu {
 position: absolute;
 bottom: -30px;
 left: 6px;
 width: 460px;
 color: #ffffff;
}
#extmenu a { color: #ffffff; }
* html #head li.or18sub { width: 94px; }
#head li.or19sub { width: 90px;overflow: hidden; }
.editor {
padding: 0 14px 28px;
width: 705px;
}
.editor div.detail {
float: left;
width: 386px;
}
.editor .detailpics {
float: left;
margin: 0 30px 10px 0;
width: 289px;
}
.editor .detailpics img {
display: block;
margin: 0 0 10px;
}
.editor .smallpics img {
float: left;
margin: 0 8px 0 0;
}
.editor h2, #warenkorb h2 a:link, #warenkorb h2 a:visited, #warenkorb h2 a:hover, #warenkorb h2 a:active, #warenkorb h2 a:focus {
color: #7e192a;
font-size: 1em;
font-weight: bold;
margin: 0 0 18px;
}
.editor h3, .editor h4, .editor h5, .editor h6 {
color: #7e192a;
font-size: 1em;
font-weight: normal;
margin: 0 0 2px;
}
.editor .detail h4 {
font-size: 11px;
font-weight: bold;
margin: 0 0 14px;
}
.editor .detail h4.tracks {
color: #7e192a;
font-size: 11px;
font-weight: bold;
margin-top: 24px;
}
.editor p {
color: #595959;
font-size: 11px;
line-height: 1.5em;
margin: 0 0 14px;
text-align: left;
}
.editor p a:link, .editor p a:visited, .editor p a:hover, .editor p a:active, .editor p a:focus { color: #7e192a; }
.editor i, .editor u, .editor strong, .editor span {
color: #595959;
font-size: 1em;
}
.editor .detail p.preis strong { color: #7e192a; }
.editor table.detail { width: auto; }
.editor .detail input {
background-image: url(/viomatrix/imgs/gfx2010/bg_warenkorbmenge_vkjk.png);
background-repeat: no-repeat;
background-color: transparent;
border: 0;
color: #595959;
height: 18px;
margin: 0 12px 0 0;
padding: 0 2px;
text-align: right;
width: 20px;
}
.editor .detail label {
color: #595959;
font-size: 11px;
}
.editor .detail button {
background-image: url(/viomatrix/imgs/gfx2010/warenkorb_vkjk.png);
background-position: 6px 0;
background-repeat: no-repeat;
background-color: transparent;
border: 0;
color: #595959;
font-size: 11px;
margin: 8px 0 0;
padding: 0 0 0 32px;
}
.editor .detail button:hover { text-decoration: underline; }
.galerie { padding: 10px; }
.galerie a.prev:link, .galerie a.prev:visited, .galerie a.prev:hover, .galerie a.prev:active, .galerie a.prev:focus {
background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_bildergalerie.png);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: left;
height: 170px;
text-decoration: none;
width: 19px;
}
.galerie a.prev:hover { background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_hover_bildergalerie.png); }
.galerie a.next:link, .galerie a.next:visited, .galerie a.next:hover, .galerie a.next:active, .galerie a.next:focus {
background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_bildergalerie_rechts.png);
background-repeat: no-repeat;
background-position: center center;
display: block;
float: right;
height: 170px;
text-decoration: none;
width: 19px;
}
.galerie a.next:hover { background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_hover_bildergalerie_rechts.png); }
.galerie .galerieslide {
float: left;
height: 240px;
margin: 0 12px;
overflow: hidden;
position: relative;
width: 642px;
z-index: 1;
}
.galerie ul.liste {
left: 0;
position: absolute;
top: 0;
width: 660px;
}
.galerie ul.liste li {
float: left;
list-style: none;
margin: 0 12px 0 0;
text-align: center;
width: 120px;
}
.galerie ul.liste img { display: inline; }
.galerie p { margin: 0 0 24px; }
.galerie ul.liste p {
color: #7e192a;
margin: 0 0 12px;
text-align: center;
}
.galerie ul.liste p.small { font-size: 11px; }
.galerie ul.liste a:link, .galerie ul.liste a:visited, .galerie ul.liste a:hover, .galerie ul.liste a:active, .galerie ul.liste a:focus {
color: #7e192a;
font-size: 11px;
}
ul#liste {
list-style: none;
margin: 0 40px;
}
ul#liste a.detail:link, ul#liste a.detail:visited, ul#liste a.detail:hover, ul#liste a.detail:active, ul#liste a.detail:focus {
color: #7e192a;
font-weight: bold;
}
ul#liste li {
border-bottom: 1px solid #811433;
margin: 0;
padding: 7px 0 0;
}
ul#liste img {
float: left;
margin: 0 44px 10px 0;
width: 100px;
}
ul#liste span.detail { float: right; }
ul#liste strong { color: #7E192A; }
ul#liste h2, ul#liste h2 a:link, ul#liste h2 a:visited, ul#liste h2 a:hover, ul#liste h2 a:active, ul#liste h2 a:focus { color: #811433; }
ul#liste h3, .detail h3 {
color: #595959;
font-size: 11px;
}
ul.rubriken { margin: 0 0 0 26px; }
ul.rubriken li {
display: inline;
list-style: none;
}
ul.rubriken li a:link, ul.rubriken li a:visited, ul.rubriken li a:hover, ul.rubriken li a:active, ul.rubriken li a:focus {
background-position: 1px 0;
background-repeat: no-repeat;
display: block;
float: left;
margin: 0 48px 20px 0;
width: 130px;
}
ul.rubriken li a.first:link, ul.rubriken li a.first:visited, ul.rubriken li a.first:hover, ul.rubriken li a.first:active, ul.rubriken li a.first:focus { clear: left; }
ul.rubriken li a.last:link, ul.rubriken li a.last:visited, ul.rubriken li a.last:hover, ul.rubriken li a.last:active, ul.rubriken li a.last:focus { margin-right: 0; }
ul.rubriken li a:link span, ul.rubriken li a:visited span, ul.rubriken li a:hover span, ul.rubriken li a:active span, ul.rubriken li a:focus span {
background-position: 0 0;
background-repeat: no-repeat;
color: #595959;
display: block;
padding: 136px 0 1px;
}
ul.rubriken li a:hover span { background-image: url(/viomatrix/imgs/gfx2010/vkjk_rahmen.png); }
p.pageselect { margin: 14px 0 50px; }
p.hint { margin: 0; }
p.pageselect, p.hint {
padding: 0 40px;
text-align: right;
}
p.pageselect a:link, p.pageselect a:visited, p.pageselect a:hover, p.pageselect a:active, p.pageselect a:focus {
color: #595959;
font-size: 1em;
}
p.pageselect a.show:link, p.pageselect a.show:visited, p.pageselect a.show:hover, p.pageselect a.show:active, p.pageselect a.show:focus { font-weight: bold; }
#wkorbsteps { margin: 0 0 12px; }
#wkorbsteps li {
color: #595959;
font-size: 11px;
display: inline;
list-style: none;
}
#wkorbsteps li span {
color: #595959;
font-size: 11px;
}
#wkorbsteps li.aktiv span, .boxlinks a.aktiv:link span, .boxlinks a.aktiv:visited span, .boxlinks a.aktiv:hover span, .boxlinks a.aktiv:active span, .boxlinks a.aktiv:focus span { font-weight: bold; }
p.pflichtfeldhinweis, p.pflichtfeldhinweis strong {
font-size: 11px;
padding: 0 12px 0 0;
text-align: right;
}
button.back, a.back:link, a.back:visited, a.back:hover, a.back:active, a.back:focus {
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_artikelbeschr.png);
background-position: 0 2px;
background-repeat: no-repeat;
border: 0;
color: #595959;
float: left;
padding: 1px 0 4px 24px;
text-align: left;
width: 66px;
}
button.back:hover, a.back:hover { background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_hover_artikelbeschr.png); }
button.forward, a.forward:link, a.forward:visited, a.forward:hover, a.forward:active, a.forward:focus {
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_artikelbeschr_rechts.png);
background-position: 100% 2px;
background-repeat: no-repeat;
border: 0;
color: #595959;
float: right;
padding: 1px 24px 4px 0;
text-align: right;
width: 120px;
}
button.forward:hover, a.forward:hover { background-image: url(/viomatrix/imgs/gfx2010/vkjk_pfeil_hover_artikelbeschr_rechts.png); }
button.back:hover, button.forward:hover { text-decoration: underline; }
.wkorbfields { margin: 0 0 8px; }
.wkorbfields input {
float: left;
width: 20px;
}
.wkorbfields label {
color: #595959;
float: left;
font-size: 11px;
width: 600px;
}
a.detailback:link, a.detailback:visited, a.detailback:hover, a.detailback:active, a.detailback:focus {
margin: 0 14px 14px;
}
a.print:link, a.print:visited, a.print:hover, a.print:active, a.print:focus {
font-size: 11px;
}
#flyoutbg {
background-color: #000;
height: 100%;
filter: alpha(opacity=60);
left: 0;
opacity: 0.6;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#flyout {
background-color: #fff;
background-image: url(/viomatrix/imgs/gfx2010/flyout_bg.png);
background-repeat: no-repeat;
height: 500px;
left: 50%;
margin: -250px 0 0 -250px;
position: fixed;
top: 50%;
width: 500px;
z-index: 1500;
}
#flyout div {
padding: 142px 40px 28px;
text-align: center;
}
#flyout img { display: inline; }
#flyout object {
display: block;
margin: 18px auto 24px;
}
#flyout h1 {
color: #7e192a;
font-size: 11px;
font-weight: bold;
margin: 0 0 4px;
text-align: left;
}
#flyout h2 {
color: #7a7a7a;
font-size: 11px;
font-weight: normal;
text-align: left;
}
#flyout #title {
color: #7e192a;
font-size: 14px;
font-weight: bold;
left: 297px;
position: absolute;
top: 51px;
}
#flyout a#closeflyout:link, #flyout a#closeflyout:visited, #flyout a#closeflyout:hover, #flyout a#closeflyout:active, #flyout a#closeflyout:focus {
background-image: url(/viomatrix/imgs/gfx2010/flyout_close.png);
background-repeat: no-repeat;
display: block;
height: 14px;
right: 12px;
position: absolute;
top: 12px;
width: 15px;
}
#flyout a#closeflyout:hover {
background-image: url(/viomatrix/imgs/gfx2010/flyout_close_hover.png);
}
#flyout #pic {
background-image: url(/viomatrix/imgs/gfx2010/flyout_pic_bg.png);
background-repeat: repeat-y;
margin: 0 auto;
padding: 0;
width: 248px;
}
#flyout #pic div {
background-image: url(/viomatrix/imgs/gfx2010/flyout_pic_bg_bottom.png);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0 4px 5px 2px;
position: relative;
z-index: 10;
}
#flyout #pic div div {
background-image: url(/viomatrix/imgs/gfx2010/flyout_pic_bg_top.png);
height: 5px;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 248px;
z-index: 10;
}
#flyout #pic img { position: relative;z-index: 50; }