@charset "UTF-8";
* { margin: 0; padding: 0; font-size: 11px; font-family: 'MS Sans Serif'; color: rgb(80,80,80); }
/* globale Einstellungen */
.antifloat {
background-image: none !important;
clear: both !important;
float: none !important;
height: 1px !important;
min-height: 0 !important;
padding: 0 !important;
font-size: 1px !important;
visibility: hidden !important;
width: auto !important;
}
a, a:link, a:visited, a:focus {
color: rgb(80,80,255);
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: rgb(50,50,50);
font-size: 1.6em;
font-weight: bold;
margin-bottom: 0.4em;
text-transform: uppercase;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
p, ul, ol, table { margin-bottom: 0.4em; }
img { border: none; display: block; }
a img { border: none; }
table {
border: none;
border-collapse: collapse;
clear: both;
width: 100%;
}
th, td {
padding: 0 0.2em 0.2em 0;
text-align: left;
vertical-align: top;
}
td p, th p { margin: 0; }
ul { margin-left: 1.5em; }
ol { margin-left: 2em; }
#head {
background-repeat: repeat-y;
background-position: top left;
height: 0;
width: 980px;
margin: 1em auto 0 auto;
padding: 5px 5px 0 5px;
clear: both;
float: none;
}
#wrapper {
margin: 0 auto;
background-repeat: repeat-y;
background-position: top left;
width: 980px;
}
.menu {
float: left;
list-style: none;
background-color: rgb(223,223,223);
width: 150px;
margin: 0;
padding: 2em 0 0 0; /* Höhe des Brotkrumenpfad berücksichtigen */
border-bottom: 1px dashed rgb(123,123,123);
}
.menu li { 
list-style-image: none; 
border-top: 1px dashed rgb(123,123,123);
}
.menu li a {
display: block;
text-transform: uppercase;
color: rgb(80,80,80);
padding: 2px 5px;
}
.menu a:hover { background-color: rgb(173,173,173); }
.menu li a.active {
color: rgb(250,250,250);
background-color: rgb(123,123,123);
}
.menu li a.subs {
}
.menu ul {
background-color: rgb(233,233,233);
list-style: none;
margin: 0;
}
.menu li li { padding: 0; }
.menu li ul li a {
padding-left: 20px;
}
#rechts {
float: left;
width: 210px;
margin: 2em 10px 0 0;
padding: 1em 0 0 0;
border-top: 1px dashed rgb(123,123,123);
}
#rechts .teaser {
background-color: rgb(230,230,230);
padding: 5px 2px;
margin: 0 0 1em 0;
}
#navpath { 
line-height: 2em; 
height: 2em;
overflow: hidden;
border-bottom: 1px dashed rgb(123,123,123);
margin-bottom: 1em;
}
#content {
float: left;
font-size: 1.1em;
width: 580px;
padding: 0 10px;
}
#footer {
background-repeat: repeat-y;
background-position: top left;
height: 0;
width: 980px;
margin: 0 auto 0 auto;
padding: 5px;
clear: both;
float: none;
overflow: hidden;
}
#footer a {
}
#footer a:hover {}
/* Microformats */
.vcard {
background-color: rgb(230,230,230);
padding: 5px 2px;
display: none;
}
.vcard * { display: block; }
.vcard .adr .postal-code { float: left; }
.vcard .adr .postal-code:after { content:" "; }
/* Weiterempfehlung */
.recommendation {}
.recommendation form fieldset { border: none; width: auto; }
.recommendation form fieldset input,.recommendation form fieldset textarea {
display: block;
width: 333px;
height: 17px;
margin-top: 2px;
float: left;
}
.recommendation form fieldset textarea {
height: 60pt;
width: 576px;
clear: both;
}
.recommendation form input.hidden { display: none; }
.recommendation form input.button { float: none; clear: both; margin: 10px 0 0 243px; height: auto; }
.recommendation form fieldset label {
clear: both;
float: left;
display: block;
padding: 2px 13px 0 0;
text-align: left;
width: 230px;
height: 21px;
}
.recommendation form fieldset label.missing {
color: red;
font-weight: bold;
}
/* Kontaktformular */
.contact {}
.contact form fieldset {
border: none;
width: auto;
}
.contact form input,.contact form select,div.recommendation form textarea {
display: block;
width: 333px;
height: 17px;
margin-top: 2px;
float: left;
}
.contact form select { width: 337px; height: 21px; }
.contact form textarea {
height: 60pt;
width: 576px;
clear: both;
}
.contact form input.checkbox { width: auto; margin: 10px 0 15px 10px; }
.contact form input.hidden { display: none; }
.contact form input.button { float: none; clear: both; margin: 10px 0 0 243px; height: auto; }
.contact form label {
clear: both;
float: left;
display: block;
padding: 2px 13px 0 0;
text-align: left;
width: 230px;
height: 21px;
max-height: 500px;
}
.contact form div.checkbox {
clear: both;
float: left;
display: block;
padding: 12px 13px 0 0;
margin: 0;
border: none;
width: 510px;
height: auto;
}
.contact form div.checkbox p {
margin: 0;
padding: 0;
}
.contact div.missing {
background-color: rgb(230,230,230);
padding: 5px 2px;
}
.contact form label.missing, .contact form input.missing {
color: red;
font-weight: bold;
}
.contact form .geschlecht {
width: 60px;
float: left;
margin-right: 10px;
}
.contact form .titel {
width: 42px;
float: left;
margin-right: 10px;
}
.contact form input.vorname {
width: 100px;
float: left;
margin-right: 10px;
}
.contact form input.name {
width: 106px;
}
.contact form input.plz {
width: 75px;
float: left;
margin-right: 10px;
}
.contact form input.ort {
width: 244px;
}
.contact form input.strasse {
width: 244px;
float: left;
margin-right: 10px;
}
.contact form input.hausnummer {
width: 40px;
}
.contact form input.telefon {
width: 167px;
float: left;
margin-right: 10px;
}
.contact form input.telefax {
width: 167px;
}
.contact form .textarea {
height: 40px;
}
.contact div.hint {
float: none;
clear: both;
border: none;
margin: 0;
padding: 5px 0;
width: auto;
}
* {
color: rgb(99,99,99);
font-family: Arial, sans-serif;
font-size: 11px;
}
html { overflow-y: scroll; }
body { background-color: #000; }
a:link, a:visited, a:hover, a:active, a:focus {
color: #00b2a8;
text-decoration: underline;
}
iframe { border: 0; }
#head {
background-image: url(/viomatrix/imgs/gfx/bg_wrapper.gif);
height: 310px;
width: 980px;
margin: 0 auto 0 auto;
padding: 0 10px;
}
.vcard { 
display: none;
}
.vcard * { display: none; }
#head iframe { margin: 10px 0 0 18px; }
#head .fb_comment {
display: block;
float: left;
margin: 10px 0 0 18px;
}
#head ul.submenu {
float: right;
clear: both;
list-style-type: none;
margin: 10px 5px 0 0;
height: 20px;
}
#head ul.submenu li { float: left; text-transform: uppercase;margin: 0; }
#head ul.submenu li a { font-size: 0.8em; padding: 0 12px; }
#head ul.submenu li a:hover, #head ul.submenu li a.active { color: rgb(255,0,0); }
#head ul.markenliste {
display: block;
float: none;
clear: both;
list-style-type: none;
margin: 0 0 0 80px;
height: 70px;
overflow: hidden;
}
#head ul.markenliste li { float: left; color: rgb(136,136,136);margin: 0; }
#head ul.markenliste li a { padding: 0 15px; }
#head ul.markenliste li img { border: 0; }
#head div.menuwrapper {
clear: both;
margin: 0 0 0 18px;
height: 315px;
width: 962px;
overflow: hidden;
background-image: url(/viomatrix/imgs/gfx/bg_menu.gif);
background-repeat: repeat-x;
background-position: 0 30px;
background-color: transparent;
}
#head ul.menu {
display: block;
float: left;
clear: both;
list-style-type: none;
margin: 30px 0 0 0;
padding: 0;
height: 185px;
width: 665px;
overflow: hidden;
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx/bg_menu_leftcorner.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
#head ul.menu li { 
float: left; 
color: rgb(255,255,255); 
width: 94px; 
height: 185px;
border: 0;
border-right: 1px solid rgb(255,255,255); 
background-image: url(/viomatrix/imgs/gfx/bg_menudot.gif);
background-repeat: no-repeat;
background-position: 0 78px;
background-color: transparent;
}
#head ul.menu li a { padding: 0; background-color: transparent; height: 145px; overflow: hidden; }
#head ul.menu li img { border: 0; }
#head ul.menu li a.active img, #head ul.menu li a:hover img { margin-top: -145px; }
#head ul.menu li a.title {
position: absolute;
display: block;
max-width: 92px;
width: 92px;
height: 20px;
overflow: hidden;
z-index: 1;
background-color: rgb(45,181,171);
color: rgb(255,255,255);
font-size: 1.5em;
font-family: "Futura MdCn BT", Impact, Arial;
text-transform: none;
padding: 8px 1px 2px 1px;
text-align: center;
}
#wrapper {
padding: 0 10px;
background-image: url(/viomatrix/imgs/gfx/bg_wrapper_c.gif);
width: 980px;
overflow: hidden;
}
#wrapper a, #wrapper a:link, #wrapper a:visited, #wrapper a:focus { text-decoration: underline; }
#links {
width: 195px;
float: left;
overflow: hidden;
}
#content {
background-image: url(/viomatrix/imgs/gfx/bg_content.png);
background-repeat: no-repeat;
background-position: -3px 0;
width: 514px;
float: left;
overflow: hidden;
}
.autoliste, .shopliste { margin: 0;padding: 0;list-style-type: none;width: 100%; }
.autoliste li {
background-color: #2c2c2c;
border: 1px solid #6b6b6b;
padding: 0;
margin: 0 0 22px;
min-height: 83px;
clear: both;
float: none;
}
.shopliste li {
background-color: #2c2c2c;
border: 1px solid #6b6b6d;
padding: 0;
margin: 0 0 14px 14px;
float: left;
min-height: 286px;
position: relative;
overflow: hidden;
width: 154px;
}
* html .shopliste li {
height: 286px;
width: 150px;
}
.shopliste li a.icon_warenkorb {
background-image: url(/viomatrix/imgs/gfx/icon_warenkorb.png);
background-repeat: no-repeat;
background-position: top left;
display: block;
float: right;
margin: 0 14px 8px 0;
text-align: right;
width: 125px;
}
* html .shopliste li a.icon_warenkorb { margin-bottom: 0; }
*+html .shopliste li a.icon_warenkorb { margin-bottom: 0; }
a.icon_bestellen {
background-image: url(/viomatrix/imgs/gfx/icon_bestellen.png);
background-repeat: no-repeat;
background-position: top left;
display: block;
float: right;
text-align: right;
width: 115px;
}
.shopliste li div {
padding: 8px 4px;
}
#text .shopliste li h2 {
color: #2db5ab;
font-size: 1.1em;
font-weight: bold;
width: 138px;
}
.shopliste li img {
border: 1px solid #6a6a6a;
margin: 0 auto 6px;
}
.shopliste li p { width: 138px; }
.shopliste li .hr {
border-top: 1px solid #6b6b6d;
height: 1px;
clear: both;
font-size: 1px;
margin: 12px auto;
padding: 0;
width: 138px;
}
.shopliste li .last {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
width: 150px;
}
.shopliste li u { font-size: 1em; }
.shopliste li .price {
font-size: 0.9em;
letter-spacing: -0.1em;
padding: 0 0 8px;
text-align: right;
white-space: nowrap;
width: 138px;
}
.shopliste li .price .price {
color: #cf0011;
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0em;
}
.autoliste li img {
float: left;
margin: 0 14px 0 0;
}
.autoliste li p { margin: 0; padding: 12px 10px 12px 0; min-height: 42px; }
.autoliste li .price { float: right; font-weight: bold; padding-right: 10px; }
.autodetail {
background-color: #2c2c2c;
border: 1px solid #6b6b6b;
margin: 0 23px 8px;
padding: 10px 32px;
width: 400px;
overflow: hidden;
}
.autodetail a {float: left; }
.autodetail a.back {float: right; }
.autodetail img.detailpic {
clear: both;
float: none;
border: 1px solid rgb(99,101,99);
}
.autodetail .imagemover {
padding: 12px 0 12px 0;
height: 90px;
overflow: scroll;
overflow-x: scroll;
overflow-y: hidden;
}
.autodetail .imagemover div {
height: 70px;
}
.autodetail .imagemover div img {
float: left;
border: 1px solid rgb(99,101,99);
margin-right: 14px;
}
.autodetailbottom {
background-image: url(/viomatrix/imgs/gfx/bg_autodetail_bottom.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
background-color: rgb(232,232,232);
height: 10px;
width: 400px;
overflow: hidden;
padding: 0 32px 0 32px;
margin: 0 23px 30px 23px;
display: none;
}
#rechts {
border: 0;
margin: 0;
overflow: hidden;
width: 195px;
}
div.teaser {
margin: 0 8px 13px 0;
padding: 0 0 11px;
width: 197px;
background-image: url(/viomatrix/imgs/gfx/bg_teaser_2011.png);
background-repeat: no-repeat;
background-position: 0 bottom;
background-color: transparent;
}
div.teaser_nobg {
background-image: none;
padding-bottom: 0;
}
div.teaser h6.title {
background-image: url(/viomatrix/imgs/gfx/bg_teaser_head_2011.png);
background-repeat: no-repeat;
background-color: transparent;
color: #fff;
font-family: Arial, sans-serif;
padding: 5px 12px 4px;
margin: 0;
font-size: 11px;
font-weight: bold;
text-align: left;
}
div.teaser h6.title span {
background-color: #008177;
}
div.teaser h2, div.teaser h3, div.teaser h4, div.teaser h5, div.teaser h6, div.teaser p, div.teaser ul, div.teaser ol {
margin: 0 4px; 
padding: 14px 11px 0;
}
div.teaser strong { color: #fff; }
div.teaser div {
background-color: #5f5f5f;
background-image: url(/viomatrix/imgs/gfx/bg_teaser_content.png);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 11px;
width: 187px;
}
div.teaser div a:link, div.teaser div a:visited, div.teaser div a:hover, div.teaser div a:active, div.teaser div a:focus {
color: #fff;
text-decoration: underline;
}
div.teaser div p { padding: 14px 8px 0; }
div.teaser table {
margin: 14px 15px 0 15px;
width: 160px;
}
div.teaser table .price {
text-align: right;
width: 60px;
}
div.teaser table .summe td {
padding: 9px 0;
border-bottom: 1px solid #a6a6a6;
border-top: 1px solid #a6a6a6;
}
#content div.teaser img {
display: inline;
margin: 0 10px 0 0;
margin-bottom: 10px;
vertical-align: text-top;
}
div.teaser ul, div.teaser ol {
padding: 10px 11px 0 11px;
list-style-type: none;
float: none;
clear: both;
}
div.teaser ul li, div.teaser ol li { float:none; clear: both; margin: 0 0 2px 0; }
#wrapper div.teaser li a.noline { text-decoration: none; }
div.teaser ul li img, div.teaser ol li img { float:left; margin: 0 10px 6px 0; }
div.teaser ul.menu li img, div.teaser ol.menu li img { float:none; margin: 0; }
div.teaser ul.menu, div.teaser ol.menu {
margin: 0;
padding: 0;
background: transparent;
width: 187px;
float: none;
border: 0;
}
div.teaser ul.menu li, div.teaser ol.menu li {
float: none; 
clear: both; 
margin: 2px 0 0;
min-height: 22px;
background-color: #5f5f5f;
border: 0;
}
#wrapper div.teaser ul.menu li a:link, #wrapper div.teaser ul.menu li a:visited, #wrapper div.teaser ul.menu li a:hover, #wrapper div.teaser ul.menu li a:active, #wrapper div.teaser ul.menu li a:focus, 
#wrapper div.teaser ol.menu li a:link, #wrapper div.teaser ol.menu li a:visited, #wrapper div.teaser ol.menu li a:hover, #wrapper div.teaser ol.menu li a:active, #wrapper div.teaser ol.menu li a:focus {
background-image: url(/viomatrix/imgs/gfx/icon_arrow_green.gif);
background-repeat: no-repeat;
background-position: 11px center;
color: #fff;
padding: 0 0 0 23px;
width: 164px;
line-height: 2.0em;
text-decoration: none;
display: block;
float: none;
}
#wrapper div.teaser ul.menu li li a:link, #wrapper div.teaser ul.menu li li a:visited, #wrapper div.teaser ul.menu li li a:hover, #wrapper div.teaser ul.menu li li a:active, #wrapper div.teaser ul.menu li li a:focus {
background-position: 23px center;
height: 1%;
margin: 1px 0;
padding: 0 7px 0 34px;
width: auto;
}
div.teaser ul.menu li a:hover, div.teaser ol.menu li a:hover, div.teaser ul.menu li a.active, div.teaser ol.menu li a.active {
background-color: #44B5af;
}
div.teaser ul.menu li a:hover, div.teaser ol.menu li a:hover { color: rgb(255,0,0); }
div.teaser ul.menu li a img, div.teaser ol.menu li a img {margin-left: -23px; }
div.teaser ul.menu li a img.icon, div.teaser ol.menu li a img.icon, div.teaser ul.menu li a img.iconactive, div.teaser ol.menu li a img.iconactive {margin: 0; float: right; }
div.teaser ul.menu li a img.iconactive, div.teaser ol.menu li a img.iconactive {display: none; }
div.teaser ul.menu li a:hover img.icon, div.teaser ol.menu li a:hover img.icon, div.teaser ul.menu li a.active img.icon, div.teaser ol.menu li a,active img.icon {display: none; }
div.teaser ul.menu li a:hover img.iconactive, div.teaser ol.menu li a:hover img.iconactive, div.teaser ul.menu li a.active img.iconactive, div.teaser ol.menu li a.active img.iconactive {display: inline; }
div.teaser ul.menu li ul {
background-color: transparent;
margin: 1px 0 0;
padding: 0;
display: block;
}
div.teaser ul.menu li ul li { border-top: 2px solid #000; }
div.teaser ul.menu li img {
margin: 0;
}
div.merkzettel {
background-image: url(/viomatrix/imgs/gfx/merkzettel_bottom_bg.png);
padding-left: 17px;
}
div.merkzettel h1 {
background-image: url(/viomatrix/imgs/gfx/merkzettel_head_bg.png);
background-repeat: no-repeat;
background-color: rgb(255,255,255);
padding-top: 64px;
padding-bottom: 0 !important;
margin-left: -17px;
height: 0 !important;
overflow: hidden;
font-size: 0.8em;
}
div.merkzettel ol { list-style-type: decimal; list-style-position: outside; margin-left: 10px; }
div.merkzettel ul { list-style-type: disc; list-style-position: outside; margin-left: 10px; }
div.merkzettel li { float: none; clear: both; color: rgb(0,0,0); padding: 0 18px 4px 0; }
div.merkzettel li a { color: rgb(0,0,0); }
div.merkzettel li a:hover, div.merkzettel li a.active { color: rgb(255,0,0); }
div.merkzettel a img { margin: 10px 0 0 0; }
#rechts div.teaser {
margin: 0 0 13px 8px;
padding: 0 0 15px 0;
background-color: transparent;
}
#footer {
background-repeat: repeat-y;
background-image: url(/viomatrix/imgs/gfx/bg_wrapper_c.gif);
height: auto;
padding: 10px 10px; 
text-align: center;
width: 980px;
}
#footer p { padding: 0 248px; }
#footer a {
background-repeat: no-repeat;
display: block;
float: left;
height: 29px;
width: 113px;
padding: 7px 10px 0 35px;
font-weight: bold;
font-size: 0.8em;
color: rgb(255,255,255);
margin: 0;
}
#footer a:hover { color: rgb(255,0,0); }
#footer a.print {
background-image: url(/viomatrix/imgs/gfx/footer_print.png);
padding: 7px 0 0 45px;
}
#footer a.recommend {
background-image: url(/viomatrix/imgs/gfx/footer_recommend.png);
}
#footer a.basket {
background-image: url(/viomatrix/imgs/gfx/footer_basket.png);
padding: 7px 20px 0 25px;
}
.contact form input, .contact form select, div.recommendation form textarea { width: 267px; }
.contact form select { width: 269px; }
.contact form textarea { width: 510px; }
.contact form input.ort {width: 180px; }
button {
cursor: pointer;
margin: 8px 0 0 180px;
width: 240px;
}
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 {
color: #fff;
text-transform: none;
}
legend {
color: #fff;
font-size: 1.1em;
font-weight: bold;
margin: 0 0 8px;
padding: 0 8px;
}
label {
float: left;
font-weight: bold;
width: 180px;
}
li { color: #fff; }
input, select, textarea {
background-color: #fff;
border: 1px solid #cfcfcf;
width: 240px;
}
input[type="hidden"] { display: none !important; }
input.checkbox {
background-color: transparent;
border: 0;
margin: 4px;
}
.contact form input.datum { display: inline;vertical-align: middle;width: 70px; }
.contact form input.uhrzeit { display: inline;vertical-align: middle;width: 40px; }
.contact form span.label { padding: 4px;display: inline;vertical-align: middle;float: left;width: 22px; }
.teaser form { padding: 10px 11px; }
.teaser form label {
color: #fff;
display: block;
padding-bottom: 2px;
font-weight: normal;
}
.teaser form input {
display: block;
width: 166px;
}
.contact form input.button, .teaser input.button {
background-color: transparent;
background-image: url(/viomatrix/imgs/gfx/bg_button.png);
background-repeat: no-repeat;
border: 0;
cursor: pointer;
margin: 4px 0 0;
padding: 2px 0 3px;
width: 170px;
}
.contact form input.button { float: right; }
sup { font-size: 0.9em; }
p {
color: #fff;
font-family: Arial, sans-serif;
font-size: 12px;
}
u, strong, i, span { color: inherit; }
td, th { color: #fff; }
td p, th p { line-height: 1.3em; }
td span { color: #fff; }
td strong { color: #fff; }
#content table p img {
display: inline;
float: none;
margin: 0;
}
#map_canvas {
height: 300px;
width: 100%;
}
#ersparnisrechner label {
color: #fff;
display: block;
margin: 0 0 6px;
width: auto;
}
#ersparnisrechner span { text-align: right; }
#ersparnisrechner td { padding: 0 11px 16px 0; }
#ersparnisrechner td.rechts {
text-align: right;
}
#ersparnisrechner input {
display: block;
float: left;
height: auto;
margin: 0 6px 0 0;
text-align: right;
width: 64px;
}
#ersparnisrechner input.button {
float: right;
text-align: center;
width: 170px;
}
#ersparnisrechner tr.hidden { display: none; }
#ersparnisrechner input.submit {
float: none;
text-align: center;
width: 100%;
}
.contact form span.preis {
text-align: right;
width: 100px;
}
.contact form input.menge {
text-align: right;
width: 50px;
}
#lieferanschrift { display: none; }
#agb {
background-color: #5d5d5d;
border: 1px solid #222222;
height: 200px;
overflow: scroll;
overflow-x: auto;
overflow-y: scroll;
width: 100%;
}
#agb div { padding: 5px; }
fieldset { margin-bottom: 8px; }
#text h1 {
color: #00b3a8;
font-size: 24px;
font-weight: normal;
text-transform: none;
}
#text li, #text strong, #text i {
font-size: 12px;
}
.autoliste li {
margin-bottom: 18px;
position: relative;
height: 1%;
}
#wrapper .autoliste h2 {
color: #fff;
font-size: 11px;
font-weight: bold;
padding-top: 12px;
}
.autoliste li p {
min-height: 0;
padding: 0;
margin: 0 0 12px 0;
}
.autoliste li p.bottomleft {
position: absolute;
bottom: 8px;
left: 139px;
margin: 0;
padding: 0;
width: 40%;
}
.autoliste li .price {
color: #fff;
position: absolute;
bottom: 8px;
right: 0;
}
.autoliste li .price span { color: #fff; }
#ersparnisrechner td.third, #ersparnisrechner td.fourth, #ersparnisrechner td.six, #ersparnisrechner td.seven, #ersparnisrechner td.rechts {
padding: 4px 8px 4px 4px;
}
.menu li a { position: relative; }
.menu li a.left span {
background-image: url(/viomatrix/imgs/gfx/bg_menu_leftcorner.gif);
background-position: top left;
background-repeat: no-repeat;
display: block;
height: 10px;
position: absolute;
top: 0;
left: 0;
width: 10px;
}
* html #head ul.menu li a:hover { border: 0 solid #fff; }
#text h2 {
color: #00b3a8;
font-size: 18px;
font-weight: normal;
text-transform: none;
}
#content p img { float: left;margin: 0 10px 8px 0; }
* html .autodetail .imagemover {
height: 90px;
width: 100%;
}
* html .autodetail .imagemover div img { margin-right: 7px; }
ol li { margin-left: 20px; }
* html ol li { margin-left: 22px; }
*+html ol li { margin-left: 22px; }
ul li { margin-left: 14px; }
* html ul li { margin-left: 18px; }
*+html ul li { margin-left: 16px; }
ul, ol {
display: table;
margin-left: 0;
}
ul.menu li { margin: 0; }
div.teaser h6 {
height: auto;
}
* html legend { margin-left: -7px; }
*+html legend { margin-left: -7px; }
#head ul.submenu li a.strong {
color: rgb(255,0,0);
font-size: 1.05em;
font-weight: bold;
}
html#rundumansicht { overflow: auto; }
html#rundumansicht body {
background-color: #ffffff;
background-image: none;
}
#wrapper h1 a#link3d:link, #wrapper h1 a#link3d:visited, #wrapper h1 a#link3d:hover, #wrapper h1 a#link3d:active, #wrapper h1 a#link3d:focus {
background-image: url(/viomatrix/imgs/gfx/bg_3dlink.png);
background-repeat: no-repeat;
background-position: top left;
color: #ffffff;
display: block;
float: right;
font-size: 20px;
font-weight: bold;
height: 25px;
padding: 5px 0;
text-align: center;
text-decoration: none;
width: 188px;
}
#wrapper h1 a#link3d:hover {
text-decoration: underline;
}
div.teaser p.telefon {
padding-top: 4px;
white-space: nowrap;
}
.galerielink {
clear: both;
text-align: right;
}
.galerielink a { font-weight: bold; }
#diashow {
display: block;
margin: 0 auto;
width: 980px;
}
#content div.teaser img.ansprechpartnerpic {
display: block;
float: right;
margin: 0 5px 0 15px;
}
div.teaser p.pics {
clear: both;
}
*+html div.teaser p.pics {
position: relative;
top: 8px;
padding-top: 0;
padding-bottom: 0;
}
tr.bg1 { background-color: transparent; }
tr.bg2 { background-color: #111; }
table#adminliste td { padding: 3px 2px 4px; }
#jsshow {
display: block;
height: 320px;
overflow: hidden;
position: relative;
width: 500px;
}
#jsshow li { display: block; }
.anythingSlider {
width: 960px;
height: 442px;
margin: 5px 0 32px;
position: relative;
z-index: 1;
}
.anythingSlider .wrapper {
width: 954px;
overflow: hidden;
height: 436px;
position: absolute;
top: 0;
left: 0;
border: 3px solid #fff;
z-index: 2;
}
.anythingSlider .wrapper ul {
width: 20000px;
list-style: none;
position:absolute;
top: 0;
left: 0;
margin: 0;
}
.anythingSlider ul li {
display:block;
float: left;
margin: 0;
height:442px;
width:960px;
}
.anythingSlider ul li div {
height: 442px;
position: relative;
}
.anythingSlider ul li div div.design1 {
background-image: url(/viomatrix/imgs/gfx/bg_slider_text.png);
background-position: bottom left;
background-repeat: no-repeat;
height: 112px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.anythingSlider ul li div.design1 div.pic {
float: left;
margin: 8px 12px;
width: 364px;
}
.anythingSlider ul li div.design1 img {
}
.anythingSlider ul li div.design1 p {
float: left;
font-size: 14px;
margin-right: 62px;
padding: 20px 0 0;
width: 280px;
}
.anythingSlider .arrow {
visibility:hidden;
}
.anythingSlider .forward {
visibility:hidden;
}
.anythingSlider .back {
visibility:hidden;
}
#thumbNav {
background-color: #fff;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
left: 0;
bottom: -20px;
z-index: 1;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
behavior: url(/viomatrix/imgs/gfx/PIE.htc);
}
*+html #thumbNav {
display: inline;
}
#thumbNav #NavWrapper {
padding: 0 3px;
}
#thumbNav a:link, #thumbNav a:visited, #thumbNav a:hover, #thumbNav a:active, #thumbNav a:focus {
font-size: 1px;
width: 13px;
height: 18px;
display: inline-block;
padding:0;
margin: 0 3px 0 3px;
background: url(/viomatrix/imgs/gfx/bg_slider_nav_inaktiv.png) left no-repeat;
text-indent: -2000px;
}
*+html #thumbNav a:link, *+html #thumbNav a:visited, *+html #thumbNav a:hover, *+html #thumbNav a:active, *+html #thumbNav a:focus {
float: left;
}
#thumbNav a:hover { background: url(/viomatrix/imgs/gfx/bg_slider_nav_aktiv.png) left no-repeat; }
#thumbNav a:active { background: url(/viomatrix/imgs/gfx/bg_slider_nav_aktiv.png) left no-repeat; }
#thumbNav a.cur { background: url(/viomatrix/imgs/gfx/bg_slider_nav_aktiv.png) left no-repeat; }
#start-stop { visibility:hidden; }
#start-stop.playing { visibility:hidden; }
#start-stop:hover { visibility:hidden; }
.anythingSlider .wrapper ul ul {
position: static;
background: none;
overflow: visible;
width: auto;
}
.anythingSlider .wrapper ul ul li {
float: none;
height: auto;
width: auto;
background: none;
}
#wrapper .anythingSlider div.design1 a.button:link, #wrapper .anythingSlider div.design1 a.button:visited, #wrapper .anythingSlider div.design1 a.button:hover, #wrapper .anythingSlider div.design1 a.button:active, #wrapper .anythingSlider div.design1 a.button:focus {
background-image: url(/viomatrix/imgs/gfx/bg_slider_button.png);
background-repeat: no-repeat;
color: #fff;
display: block;
float: left;
font-weight: bold;
height: 32px;
margin-top: 34px;
padding: 8px 0 0;
text-align: center;
text-decoration: none;
width: 206px;
}
#wrapper .anythingSlider div.design1 a.button:hover { text-decoration: underline; }
#content3 {
float: left;
margin: 0 28px;
width: 514px;
}
.newsliste {
width: 100%;
}
.newsliste li {
list-style: none;
list-style-image: none;
margin: 0 0 24px;
}
.newsliste a:link, .newsliste a:visited, .newsliste a:hover, .newsliste a:active, .newsliste a:focus {
font-size: 1em;
}
.contact form label {
color: #fff;
font-size: 12px;
font-weight: normal;
height: auto;
}
.contact div.missing {
background-color: inherit;
}
.contact div.missing p {
color: red;
font-weight: bold;
}
.shopformular form fieldset {
background-color: #2c2c2c;
border: 1px solid #6b6b6b;
margin: 0 0 8px;
padding: 10px 32px;
}
#text .shopformular form h2 {
font-size: 14px;
font-weight: bold;
}
.shopformular form input, .shopformular form select {
width: 202px;
}
.shopformular form input.ort { width: 115px; }
.shopformular form textarea {
width: 400px;
}
#icons_rechts {
position: fixed;
top: 72px;
right: 0;
}
#icons_rechts li {
list-style: none;
list-style-image: none;
margin: 0;
}
.pageselect {
background-color: #008177;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
color: #fff;
font-family: Arial, sans-serif;
padding: 5px 12px 4px;
font-size: 12px;
text-align: left;
margin: 0 0 12px;
text-align: center;
}
#wrapper .pageselect a:link, #wrapper .pageselect a:visited, #wrapper .pageselect a:hover, #wrapper .pageselect a:active, #wrapper .pageselect a:focus {
color: #fff;
text-decoration: none;
}
#wrapper .pageselect a.show:link, #wrapper .pageselect a.show:visited, #wrapper .pageselect a.show:hover, #wrapper .pageselect a.show:active, #wrapper .pageselect a.show:focus {
font-weight: bold;
}
#wrapper .pageselect a:hover { text-decoration: underline; }