* { margin: 0px;padding: 0px; }
body {
background-color: #ffffff;
background-image: url(/viomatrix/imgs/gfx09/bg_body2.png);
background-repeat: repeat-x;
background-position: top left;
color: #434343;
font-family: Verdana, Tahoma, sans-serif;
font-size: 10px;
}
.antifloat {
clear: both;
float: none;
font-size: 1px;
height: 1px;
margin: 0px !important;
padding: 0px !important;
visibility: hidden;
}
a, a:visited, a:link, a:focus {
color: #434343;
text-decoration: none;
}
a:hover { text-decoration: underline; }
a.button:link, a.button:focus, a.button:visited {
display: block;
background-repeat: no-repeat;
background-position: top left;
font-family: Century Gothic, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #ffffff;
padding: 5px 0px 0px 0px;
text-align: center;
}
a.full {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
font-size: 1px;
z-index: 100;
}
button, input.submit {
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx09/bg_button_150px.png);
background-repeat: no-repeat;
border: none;
cursor: pointer;
display: block;
width: 150px;
padding: 3px 0px 2px 0px;
text-align: center;
font-size: 1em;
}
* html button { padding: 1px 0px 2px 0px; }
*+html button { padding: 1px 0px 2px 0px; }
fieldset { border: none; }
form { margin: 0px 0px 6px 0px; }
h1, h2, h3, h4, h5, h6 {
font-family: Century Gothic, sans-serif;
font-size: 1.2em;
margin: 0px 0px 11px 0px;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
h2, h3, h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
iframe {
background-color: transparent;
border: none;
height: 480px;
width: 100%;
}
img {
border: none;
display: block;
}
#content img {
float: left;
margin: 0px 11px 11px 0px;
}
input, select, textarea {
background-color: #cccccc;
border: 1px solid #666666;
display: block;
float: left;
width: 210px;
margin: 1px 8px 8px 0px;
padding: 2px 0px 2px 0px;
}
#vertriebspartner input { margin-bottom: 16px; }
#vertriebspartner input.checkbox { margin-bottom: 7px; }
input[type="hidden"] { display: none; }
input.checkbox, input.radio {
float: left;
width: 14px;
height: 14px;
background-color: transparent;
border: none;
margin-right: 4px;
}
input.hnr { width: 24px; }
input.plz { width: 48px; }
input.login { width: 159px; }
input.menge {
background-color: #ffffff !important;
color: #000000 !important;
text-align: center !important;
width: 27px !important;
}
label, .label {
color: #666666;
font-size: 0.9em;
}
.label { margin-bottom: 2px; }
label.missing { color: #cc0000; }
legend {
font-family: Century Gothic, sans-serif;
font-size: 1.5em;
font-weight: normal;
margin: 0px 0px 8px 0px;
}
* html legend { margin-left: -7px; }
*+html legend { margin-left: -7px; }
p { margin: 0px 0px 8px 0px; }
p.error {
color: #cc0000;
font-weight: bold;
}
p.ok {
color: green;
font-weight: bold;
}
p.pflichtfeld {
clear: both;
float: none;
font-size: 0.9em;
margin-top: 8px;
width: 100%;
}
p.price {
color: #666666;
position: absolute;
bottom: 10px;
right: 10px;
font-size: 1.1em;
font-weight: bold;
font-family: Century Gothic, sans-serif;
}
p.price .big { font-size: 2.6em; }
p.price .medium { font-size: 1.6em; }
p.weiter a {
background-image: url(/viomatrix/imgs/gfx09/bg_button_150px.png);
background-repeat: no-repeat;
display: block;
width: 150px;
height: 22px;
padding: 3px 0px 0px 0px;
text-align: center;
margin: 0px auto;
}
ol { margin: 0px 0px 8px 22px; }
select { padding: 0px; }
select.anrede { width: 72px; }
span.red { color: #cc0000; }
table {
border: none;
border-collapse: collapse;
margin: 12px 0px 0px 0px;
}
td { vertical-align: top; }
textarea {
font-family: Verdana, Tahoma, sans-serif;
font-size: 1em;
padding: 0px;
}
strong { color: #333366; }
#content td img {
display: inline;
float: none;
margin: 0px;
}
td.center { text-align: center !important; }
ul { margin: 0px 0px 8px 14px; }
#wrapper {
margin: 0px auto;
width: 980px;
position: relative;
}
#head {
position: absolute;
top: 0px;
left: 0px;
height: 348px;
z-index: 10;
}
#headerflash { margin: 0px 0px 0px 65px; }
#top {
height: 50px;
position: relative;
background-image: url(/viomatrix/imgs/gfx09/bg_head_logo.png);
background-position: 106px 15px;
background-repeat: no-repeat;
}
#sitetitle {
position: absolute;
top: 4px;
left: 239px;
color: #999999;
font-family: Century Gothic, sans-serif;
font-size: 1.4em;
line-height: 1.3em;
}
#hotline {
position: absolute;
top: 4px;
left: 380px;
color: #999999;
font-family: Century Gothic, sans-serif;
font-size: 1.2em;
}
#hotline strong {
color: #999999;
font-size: 1.6em;
font-weight: bold;
}
#wk {
position: absolute;
top: 8px;
left: 570px;
color: #999999;
font-family: Century Gothic, sans-serif;
font-size: 1.2em;
white-space: nowrap;
}
#wk a { color: #999999; }
#wk strong { color: #999999; }
#wk img {
float: left;
margin: 9px 8px 0px 0px;
}
#profil {
position: absolute;
top: 8px;
right: 0px;
color: #999999;
font-family: Century Gothic, sans-serif;
font-size: 1.2em;
width: 180px;
overflow: hidden;
}
#main {
position: absolute;
bottom: 36px;
left: 124px;
width: 804px;
}
#mainsubs {
position: absolute;
bottom: 1px;
left: 151px;
font-family: Century Gothic, sans-serif;
font-size: 1.5em;
}
#mainsubs a {
color: #666666;
font-weight: bold;
}
#mainsubs a.aktiv, #mainsubs a:hover {
color: #233354;
text-decoration: underline;
}
div.center {
float: left !important;
position: relative !important;
left: 50% !important;
bottom: -4px !important;
}
#main ul {
list-style-type: none;
margin: 0px;
}
.center ul {
position: relative !important;
left: -50% !important;
}
* html .center ul { float: left; }
.center .button { margin: 0px auto; }
#main li {
float: left;
margin: 0px 10px 0px 0px;
}
.nomargin li { margin: 0px !important; }
#main li a {
display: block;
width: auto;
color: #ffffff;
font-family: Century Gothic, sans-serif;
font-size: 1.6em;
font-weight: bold;
margin-right: 6px;
padding: 2px 16px 3px 16px;
position: relative;
}
#main li a span.left {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_left.png);
background-repeat: no-repeat;
background-position: top left;
display: none;
font-size: 1px;
width: 5px;
height: 24px;
position: absolute;
top: 0px;
left: 0px;
}
#main li a span.right {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_right.png);
background-repeat: no-repeat;
background-position: top left;
display: none;
font-size: 1px;
width: 5px;
height: 24px;
position: absolute;
top: 0px;
right: 0px;
}
#main li a span.bottom {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_bottom.png);
background-repeat: no-repeat;
background-position: top left;
display: none;
font-size: 1px;
width: 9px;
height: 5px;
position: absolute;
bottom: -5px;
margin-left: -4px;
left: 50%;
}
#main li a.aktiv, #main li a:hover {
background-color: #e1e8ee;
color: #233354;
opacity: 0.8;
text-decoration: none;
}
* html #main li a.aktiv {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_middle.png);
background-repeat: repeat-x;
}
* html #main li a:hover {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_middle.png);
background-repeat: repeat-x;
}
*+html #main li a.aktiv {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_middle.png);
background-repeat: repeat-x;
}
*+html #main li a:hover {
background-image: url(/viomatrix/imgs/gfx09/bg_head_menu_middle.png);
background-repeat: repeat-x;
}
#main li a.aktiv span, #main li a:hover span { display: block; }
#content {
position: absolute;
top: 352px;
left: 0px;
font-size: 1.3em;
z-index: 99;
}
#links, #mitte, #rechts {
float: left;
margin: 0px 11px 11px 0px;
}
#links { margin-left: 135px; }
.marginleft0 { margin-left: 0px !important; }
.marginleft10 { margin-left: 10px !important; }
.marginleft20 { margin-left: 20px !important; }
.marginleft70 { margin-left: 70px !important; }
.marginleft185 { margin-left: 185px !important; }
.box, .minibox {
background-color: #fafafa;
background-image: url(/viomatrix/imgs/gfx09/bg_box.png);
background-repeat: repeat-x;
background-position: bottom left;
border: 1px solid #cccccc;
position: relative;
min-height: 70px;
margin: 0px 0px 11px 0px;
}
.nobg { background-image: none !important; }
.bgwhite { background-color: #ffffff; }
.boxonthebottom .seitenweise {
position: absolute;
bottom: 5px;
left: 0px;
width: 100%;
}
.minibox {
border: none;
height: 134px;
margin: 0px;
}
.minibox2 {
background-image: url(/viomatrix/imgs/gfx09/bg_box_40px.png) !important;
height: 40px;
min-height: 0px;
}
.minibox tr { background-color: transparent !important; }
.minibox form { margin: 0px !important; }
.minibox table { margin-top: 8px !important; }
.minibox td { padding-bottom: 0px !important; }
.minibox2 h6 {
font-size: 0.9em;
font-weight: normal;
}
.nobox {
background-color: transparent;
background-image: none;
border: none;
}
.nobox .content { padding: 0px; }
.lo, .lu, .ro, .ru {
display: block;
position: absolute;
background-repeat: no-repeat;
font-size: 1px;
z-index: 10;
}
.nobox .lo, .nobox .lu, .nobox .ro, .nobox .ru { display: none; }
.lo {
background-image: url(/viomatrix/imgs/gfx09/box_lo.png);
height: 4px;
left: -1px;
top: -1px;
width: 4px;
}
.lu {
background-image: url(/viomatrix/imgs/gfx09/box_lu.png);
height: 4px;
left: -1px;
bottom: -1px;
width: 5px;
}
.ro {
background-image: url(/viomatrix/imgs/gfx09/box_ro.png);
height: 4px;
right: -1px;
top: -1px;
width: 5px;
}
.ru {
background-image: url(/viomatrix/imgs/gfx09/box_ru.png);
height: 4px;
right: -1px;
bottom: -1px;
width: 4px;
}
.content {
background-repeat: no-repeat;
padding: 10px 14px;
position: relative;
z-index: 1;
}
.iframe .content { padding: 10px 8px; }
#rechts .content { padding: 5px 14px; }
div.login {
background-image: url(/viomatrix/imgs/gfx09/bg_box_small.png);
min-height: 30px;
}
div.login button { margin: 8px 0px 0px 0px; }
div.login input { margin: 1px 0px 2px 0px; }
div.login label { font-size: 0.8em; }
h3.blue {
position: absolute;
top: 0px;
left: 0px;
background-image: url(/viomatrix/imgs/gfx09/bg_h3_login.png);
background-position: top left;
background-repeat: repeat-x;
font-size: 1.1em;
height: auto;
width: 100%;
color: #ffffff;
background-color: #233354;
}
* html h3.blue { height: 1%; }
h3.blue span {
display: block;
padding: 2px 0px 3px 7px;
}
span.invisible {
display: block;
margin-bottom: 10px;
visibility: hidden;
}
#rechts div.login .content { padding: 30px 6px 6px 6px; }
#rechts div.login p {
font-size: 0.9em;
line-height: 1.5em;
margin-bottom: 18px;
}
.mitglieder table { margin-top: 0px; }
.mitglieder h3 {
font-size: 1.3em;
font-weight: normal;
text-align: center;
}
.mitglieder h4 {
font-size: 1.2em;
font-weight: normal;
text-align: center;
}
.mitglieder td { padding-bottom: 0px; }
.paket a.button {
margin-top: 12px;
margin-left: 26px;
}
.paket li, .haekchen li {
list-style-image: url(/viomatrix/imgs/gfx09/haekchen.png);
line-height: 1.5em;
margin-left: 14px;
}
.paket h2 {
font-size: 1.4em;
margin-left: 45px;
margin-bottom: 12px;
font-weight: normal;
}
.goldbg .content {
background-image: url(/viomatrix/imgs/gfx09/servicecard_premium.png);
background-position: 360px 24px;
}
.blaubg .content {
background-image: url(/viomatrix/imgs/gfx09/servicecard_standard.png);
background-position: 360px 24px;
}
.blaubg .ie, .goldbg .ie {
display: none;
position: absolute;
top: 24px;
left: 360px;
}
.empty {
background-color: transparent;
background-image: none;
border: none;
}
.empty .lo, .empty .ro, .empty .lu, .empty .ru { display: none; }
/* Menue */
.menu .content {
padding: 0px;
overflow: hidden;
}
.menu ul {
list-style-type: none;
margin: 0px 0px 11px 0px;
}
.menu ul ul {
padding: 0px 0px 27px 26px;
margin: 0px;
}
*+html .menu ul ul { padding-left: 28px; }
.menu ul ul ul {
padding: 0px 0px 0px 8px;
margin: 0px;
}
.menu li { list-style-type: none; }
.menu li li, .menu ul ul { list-style-type: disc; }
.menu li a {
display: block;
padding: 0px 2px 0px 11px;
line-height: 1.5em;
height: 1%;
}
.menu li li a { padding-left: 0px; }
.menu li a.aktiv { font-weight: bold; }
.menu li a:hover {
color: #233354;
text-decoration: underline;
}
.paket li { width: 320px; }
.yaoti .box {
background-color: inherit;
background-image: none;
border: none;
}
a.width70:link, a.width70:focus, a.width70:visited {
background-image: url(/viomatrix/imgs/gfx09/bg_button_70px.png);
font-size: 1em;
height: 27px;
width: 70px;
}
a.width177:link, a.width177:focus, a.width177:visited {
background-image: url(/viomatrix/imgs/gfx09/bg_button_177px.png);
height: 31px;
width: 177px;
}
.floatleft {
float: left;
margin-right: 6px;
}
.width30 .box { width: 30px; }
.width87 .box { width: 87px; }
.width127 .box { width: 127px; }
.width133 .box, .width133 { width: 133px !important; }
.width165 .box, .width165 { width: 165px !important; }
.width183 { width: 183px !important; }
.width218 .box, .width218 { width: 218px !important; }
.width224 .box, .width224 { width: 224px !important; }
.width279 { width: 279px !important; }
.width284 .box, .width284 { width: 284px !important; }
.width364 { width: 364px !important; }
.width426 .box, .width426 { width: 426px !important; }
.width520 .box, .width520 { width: 520px !important; }
.width575 .box, .width575 { width: 575px; }
.width595 { width: 595px; }
.width630 .box, .width630 { width: 630px !important; }
.width640 { width: 640px; }
.width708 .box, .width708 { width: 708px; }
.width739 .box { width: 739px; }
.width775 .box, .width775 { width: 775px; }
.width789 .box { width: 789px; }
.width802 .box { width: 802px; }
.width832 .box { width: 832px; }
.width843 .box { width: 843px; }
.width900 .box, .width900 { width: 900px; }
.height145 { height: 145px !important; }
.height243 { height: 243px !important; }
.height253 { height: 253px !important; }
* html .height253 { height: 268px !important; }
*+html .height253 { height: 267px !important; }
.height282 { height: 282px !important; }
.height283 { height: 283px; }
* html .height283 { height: 290px; }
*+html .height283 { height: 293px; }
.height300 { height: 300px; }
* html .height300 { height: 305px; }
*+html .height300 { height: 309px; }
.height333 { height: 333px; }
* html .height333 { height: 322px; }
*+html .height333 { height: 335px; }
.height434 { height: 434px !important; }
*+html .height434 { height: 426px !important; }
#footer {
margin: 0px 0px 8px 0px;
width: 930px;
}
#footer a {
color: #233354;
padding: 2px 10px 2px 10px;
}
#footer a.aktiv, #footer a:hover { background-color: #cccccc; }
#footer p { text-align: center; }
#mysql {
color: #000000;
margin: 30px 0px 0px 0px;
}
table.pakete {
margin: 12px auto;
text-align: center;
width: 570px;
}
* html table.pakete { margin-top: 32px; }
*+html table.pakete { margin-top: 26px; }
table.pakete th {
font-family: Century Gothic, sans-serif;
font-size: 1.3em;
padding-bottom: 6px;
}
table.pakete th div { position: relative; }
table.pakete .paketcard {
position: absolute;
top: -50px;
left: 20px;
}
* html table.pakete .paketcard { left: 5px; }
table.pakete tbody td {
border-right: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
height: 49px;
padding: 4px 6px;
text-align: left;
vertical-align: middle;
}
table.pakete tbody tr.last td { border-bottom: none; }
table.pakete tbody tr td.last { border-right: none; }
table.pakete tbody span {
color: #000000;
display: block;
margin-left: 19px;
}
table.pakete div p { margin: 0px; }
table.pakete tfoot td { padding-top: 4px; }
#loginform {
float: right;
width: 270px;
}
#loginform button { margin-top: 13px; }
#regcodeform {
background-color: #cccccc;
border: 1px solid #0c0c0c;
border-bottom: none;
float: left;
height: 116px;
width: 226px;
position: relative;
z-index: 1;
}
#regcodeform button {
position: absolute;
bottom: -12px;
left: 0;
z-index: 1000;
width: 226px;
background-image: url(/viomatrix/imgs/gfx09/bg_button_150px_freischalten.png);
}
#regcodeform fieldset { padding: 3px 9px; }
#regcodeform input {
background-color: #ffffff;
border: none;
margin: 5px 0px 1px 0px;
}
#regcodeform label { margin-bottom: 5px; }
#regcodeform legend { font-weight: bold; }
#regcodeform p { color: #666666; }
#content .produktkategorie .box {
float: left;
margin: 0px 6px 6px 0px;
}
#content .produktkategorie h1 {
font-size: 1.8em;
margin: 0px 0px 12px 0px;
text-align: center;
font-weight: normal;
}
#content .produktkategorie h2 {
font-size: 1.4em;
margin: 0px;
}
#content .produktkategorie img {
float: right;
margin: 0px;
}
#produktliste table, #produkt table, #kasse table {
margin: 0px;
width: 100%;
}
#produkt table { margin-bottom: 24px; }
#produktliste thead { background-color: #fafafa; }
#produktliste tr.bg1, #wkorbliste tr.bg1, #kasse tr.bg1 { background-color: #e5e5e5; }
#produktliste tr.bg2, #wkorbliste tr.bg2, #kasse tr.bg2 { background-color: #fafafa; }
#produktliste tbody tr:hover, #produktliste tbody tr.bg, #wkorbliste tbody tr:hover, #bestellliste tr:hover, 
#produktliste tbody tr.trhover, #produktliste tbody tr.trhover, #wkorbliste tbody tr.trhover, #bestellliste tr.trhover { background-color: #a5b9cc; }
#produktliste table.nohover tr, #produktliste tbody tr.nohover:hover tr { background-color: #fafafa; }
#wkorbliste tbody tr.bg1.nohover:hover, #bestellliste tr.bg1.nohover:hover { background-color: #e5e5e5; }
#wkorbliste tbody tr.bg2.nohover:hover, #bestellliste tr.bg2.nohover:hover { background-color: #fafafa; }
#produktliste th, #wkorbliste th, #kasse th {
font-family: Century Gothic, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 6px 13px 11px 13px;
text-align: left;
}
#wkorbliste .padding { padding: 11px; }
#produktliste tbody td, #produkt td, #wkorbliste td, #kasse td { padding: 9px 10px; }
#kasse td.empty {
height: 1px;
padding: 0px;
font-size: 1px;
}
#produktliste tbody img, #produkt tbody img { border: 1px solid #9c9c9c; }
#produktliste .content, #produkt .content, #wkorbliste .content, #kasse .content { padding: 0px; }
#produktliste .pfeile {
float: left;
width: 30px;
}
#produktliste .error { padding: 11px 30px; }
#produktliste td.pic { width: 80px; }
#wkorbliste td.preis { text-align: right; }
#produktliste .preis {
color: #233354;
font-family: Century Gothic, sans-serif;
font-size: 2.1em;
font-weight: bold;
text-align: right;
vertical-align: middle;
width: 190px;
}
#produktliste a, #wkorbliste a { color: #233354; }
#produktliste .preis span { font-size: 0.8em; }
#produktliste .pfeil_hoch {
background-image: url(/viomatrix/imgs/gfx09/pfeil_hoch.png);
background-repeat: no-repeat;
display: block;
float: left;
height: 8px;
margin: 7px 0px 0px 5px;
width: 10px;
}
.pfeil_hoch {
background-image: url(/viomatrix/imgs/gfx09/pfeil_hoch.png);
background-repeat: no-repeat;
}
.pfeil_runter {
background-image: url(/viomatrix/imgs/gfx09/pfeil_runter.png);
background-repeat: no-repeat;
}
.pfeil_runter:hover, .pfeil_hoch:hover { text-decoration: none; }
#produktliste .pfeil_runter {
display: block;
float: left;
height: 8px;
margin: 7px 0px 0px 5px;
width: 10px;
}
#wkorbliste .pfeil_runter, #wkorbliste .pfeil_hoch {
margin: 0px;
padding: 0px;
}
#produktliste label, #produkt label {
color: #000000;
float: left;
width: 125px;
}
#produktliste select, #produkt select {
float: left;
width: 400px;
}
p.seitenweise {
position: absolute;
bottom: 0px;
left: 0px;
text-align: center;
width: 100%;
padding: 1px 0px;
}
p.seitenweise strong { font-weight: normal; }
p.seitenweise a, p.seitenweise strong, .teileshop .pic a {
border: 1px solid #666666;
color: #000000;
padding: 0px 5px;
}
p.seitenweise .mark { font-weight: bold; }
.hr {
border-top: 1px solid #999999;
height: 1px;
font-size: 1px;
margin: 0px 4px 17px 4px;
}
#pfad .hr { margin: 8px; }
#pfad p { margin: 0px; }
#produkt .label {
float: left;
width: 125px;
}
#produkt h1.title { text-align: left; }
#produkt p.price {
position: relative;
bottom: 0px;
right: 0px;
color: #233354;
float: right;
font-size: 2.3em;
margin-top: 18px;
margin-right: 18px;
}
#produkt p.price span {
font-size: 0.7em;
font-weight: bold;
}
#produkt label.menge {
color: #000000;
margin-top: 4px;
width: 100px;
}
#produkt button.submit {
background-image: url(/viomatrix/imgs/gfx09/bg_button_133px_warenkorb.png);
background-repeat: no-repeat;
float: right;
height: 27px;
width: 133px;
}
#wkorbliste .abschluss input.submit { float: right; }
.symbol, .symbolinaktiv, .symboltodo {
 width: 40px;
 height: 32px;
 background-repeat: no-repeat;
 background-position: center 4px;
}
#step1 .symbol { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_1_active.gif); }
#step2 .symbol { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_2_active.gif); }
#step3 .symbol { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_3_active.gif); }
#step4 .symbol { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_4_active.gif); }
#step5 .symbol { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_5_active.gif); }
#step1 .symbolinaktiv { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_1_inactive.gif); }
#step2 .symbolinaktiv { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_2_inactive.gif); }
#step3 .symbolinaktiv { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_3_inactive.gif); }
#step4 .symbolinaktiv { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_4_inactive.gif); }
#step5 .symbolinaktiv { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_5_inactive.gif); }
#step1 .symboltodo { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_1_todo.gif); }
#step2 .symboltodo { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_2_todo.gif); }
#step3 .symboltodo { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_3_todo.gif); }
#step4 .symboltodo { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_4_todo.gif); }
#step5 .symboltodo { background-image: url(/viomatrix/imgs/gfx/20080116_wkzahl_5_todo.gif); }
#kasse tr.deaktiviert, #kasse tbody tr.deaktiviert:hover { background-color: #b2b2b2 !important; }
.point {
 float: left;
 width: 8px !important;
 height: 16px;
 background-color: red;
 display: none;
 margin-left: 4px;
}
.missing .point { display: block; }
.pfeile {
 float: left;
 width: 10px;
 height: 12px;
 margin: 2px 0px 0px 3px;
}
.pfeile a {
 display: block;
 float: left;
 width: 10px;
 height: 12px;
 background-repeat: no-repeat;
}
#zoomframe {
 display: none;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0px;
 left: 0px;
 opacity: 1;
 z-index: 1000;
}
#zoombackground {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0px;
 left: 0px;
 background-color: #000000;
 opacity: 0.35;
 z-index: 1000;
}
#zoomcontent {
 display: block;
 width: 80%;
 height: 80%;
 position: absolute;
 top: 8%;
 left: 8%;
 padding: 0px 2px 3px 2px;
 opacity: 1;
 z-index: 1500;
 background-color: #ffffff;
 border: 1px solid #000000;
}
#zoominnercontent {
 width: 100%;
 height: 100%;
 overflow: auto;
 overflow-y: scroll;
 overflow-x: hidden;
}
#zoomcontent div {
 width: 100%;
 height: 100%;
}
#zoomcontentimg {
 text-align: center;
 margin: 32px auto;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
}
#zoomclose {
 position: absolute;
 top: 0px;
 right: 20px;
 width: 16px;
 height: 16px;
 display: block;
 background-image: url(/viomatrix/imgs/gfx/cancel.png);
 background-repeat: no-repeat;
}
#zoomclose:hover { text-decoration: none; }
#kasse .nopadding td { padding: 0px; }
#kasse h1 { margin: 11px; }
#main li.wkorb {
position: absolute;
top: 0px;
right: -43px;
}
#main li.wkorb img { margin-top: 2px; }
*+html #main li.wkorb { padding-top: 2px; }
#main li.wkorb a:hover { background-color: transparent; }
.teileshop .box .content { padding: 0px; }
.teileshop .line div {
border-bottom: 1px solid #666666;
font-size: 1px;
height: 1px;
margin: 0px 18px;
}
.teileshop #baum { padding: 0px 30px; }
.teileshop #pfad { width: 515px;margin: 0px auto; }
.teileshop #fahrzeugliste {
margin: 0px 0px 56px 0px;
padding: 0px 30px;
}
.teileshop #fahrzeugliste table {
margin: 0px auto;
width: 450px;
}
.teileshop #fahrzeugliste th {
font-family: Century Gothic, sans-serif;
font-weight: bold;
padding: 0px 0px 8px 0px;
text-align: left;
}
.teileshop #fahrzeugliste tbody tr { border-top: 1px solid #f0f0f0; }
.teileshop #fahrzeugliste tbody td { padding: 10px 0px; }
.teileshop #fahrzeugliste tbody td a {
background-image: url(/viomatrix/imgs/gfx09/pfeil_rechts.png);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #426989;
padding-left: 12px;
}
.teileshop #liste {
color: #666666;
padding: 14px 0px 0px 0px;
}
.teileshop form.data {
display: block;
margin: 0px;
padding: 11px 30px;
}
.teileshop h1 {
margin-top: 12px;
text-align: center;
}
.teileshop button {
background-image: url(/viomatrix/imgs/gfx09/bg_button_90px.png);
width: 90px;
}
.teileshop input, .teileshop select {
background-color: #ffffff;
border: 1px solid #666666;
float: left;
width: 71px;
}
.teileshop select { width: 250px; }
.teileshop label {
float: left;
padding-top: 4px;
padding-right: 4px;
}
#steps {
background-image: url(/viomatrix/imgs/gfx09/bg_box_small.png);
background-repeat: repeat-x;
background-position: bottom left;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-family: Century Gothic, sans-serif;
font-size: 1.1em;
font-weight: bold;
height: 42px;
margin-top: 20px;
}
#steps div {
color: #cccccc;
float: left;
margin-top: 5px;
width: 190px;
}
#steps div.aktiv { color: #233354; }
#steps div span {
display: block;
float: left;
font-size: 2.2em;
height: 42px;
margin-left: 30px;
margin-top: -5px;
width: 30px;
}
* html #steps div span { margin-left: 20px; }
#produkt .pic { width: 210px; }
#produkt .pic img {
display: block;
margin-bottom: 8px;
}
#produkt .docs { margin-top: 8px; }
#produkt .docs h4 { font-weight: normal; }
#produkt .docs a {
border: none;
padding: 0px;
}
#reisesuche { margin: 0px; }
#reisesuche td {
padding: 1px 0px;
}
#reisesuche select {
background-color: #ffffff;
width: 100px;
}
#reisesuche input {
background-color: #ffffff;
display: inline;
float: none;
margin: 0px;
width: 16px;
}
#reisesuche input[type="hidden"] { display: none; }
.reiseangebot div { padding: 7px 18px; }
.reiseangebot h2 {
color: #000000;
float: left;
font-size: 1.6em;
font-weight: normal;
margin: 0px;
padding-bottom: 8px;
width: 110px;
}
.reiseangebot img {
border: 1px solid #666666;
margin-bottom: 0px !important;
}
.reiseangebot p { margin-right: 40px; }
#reisenav { text-align: center; }
#reisenav a { 
color: #233354;
font-weight: bold;
}
#reisenav div { margin-bottom: 5px; }
#reisenav img {
float: none;
display: inline;
}
#reisenav p {
color: #999999;
font-size: 1.2em;
}
#reisenav strong { color: #999999; }
a.reisebutton {
background-image: url(/viomatrix/imgs/gfx09/icon_preisbutton_84px.png);
background-repeat: no-repeat;
cursor: pointer;
display: block;
width: 84px;
height: 84px;
position: absolute;
bottom: -9px;
right: -9px;
z-index: 10;
}
a.reisebutton:hover { text-decoration: none; }
a.reisebutton img {
border: none;
position: absolute;
top: 32px;
left: 15px;
}
.pakettext {
font-weight: bold;
margin: 4px 0px 0px 0px;
text-align: center;
}
.nohead { background-image: none !important; }
.nohead #content { top: 0px; }
.nohead #wrapper { width: 100%; }
.nohead #head { display: none; }
.nohead #links { display: none; }
.nohead #mitte { margin: 0px; }
.nohead #footer { display: none; }
.nohead p, .nohead img { margin: 0px !important; }
.nohead * { margin: 0px !important; }
.cursorpointer { cursor: pointer; }
.reise table { margin: 0px; }
#vertriebspartner img {
float: right !important;
margin-bottom: 8px !important;
margin-right: 8px !important;
height: 146px !important;
width: 230px !important;
}
* html #vertriebspartner img { margin-right: 0px !important; }
*+html #vertriebspartner img { height: 148px;margin-right: 0px !important; }
#vertriebspartner #firma { margin-bottom: 16px; }
* html #vertriebspartner #firma { margin-bottom: 14px; }
*+html #vertriebspartner #firma { margin-bottom: 14px; }
#vertriebspartner #anschrift1 { margin-bottom: 16px; }
* html #vertriebspartner #anschrift1 { margin-bottom: 15px; }
*+html #vertriebspartner #anschrift1 { margin-bottom: 14px; }
#vertriebspartner #tel { margin-bottom: 0px; }
* html #vertriebspartner #email { margin-bottom: 13px; }
*+html #vertriebspartner #email { margin-bottom: 14px; }
* html #vertriebspartner #web { margin-bottom: 13px; }
*+html #vertriebspartner #web { margin-bottom: 14px; }
.contentbox img {
display: block !important;
float: none !important;
margin: 0px auto !important;
}