* { margin: 0px;padding: 0px;border: solid 0px transparent; }
body {
 font-family: Arial, Verdana, sans-serif;
 font-size: 8pt;
 color: #7b8193;
}
a {
 text-decoration: none;
 color: #000000;
}
a.more {
 background-image: url(/viomatrix/imgs/anstrich.gif);
 background-repeat: no-repeat;
 background-position: 0% 50%;
 padding-left: 10px;
}
a:hover { text-decoration: underline; }
address {
 font-style: normal;
}
h1 {
 color: #4668cd;
 font-size: 9.3pt;
 margin-bottom: 11px;
 padding-left: 14px;
 background-image: url(/viomatrix/imgs/h1_mark.png);
 background-repeat: no-repeat;
 background-position: 0px 2px;
 position: relative;
 display: inline;
}
h1 span {
 display: none;
 position: absolute;
 top: 2px;
 left: -14px;
}
h2, h3, h4, h5, h6 {
 font-size: 8pt;
 color: #7b8193;
 margin: 0px;
}
hr, .hr {
 background-image: url(/viomatrix/imgs/hr.gif);
 width: 100%;
 height: 1px;
 display: block;
 font-size: 1px;
 margin: 12px 0px;
 border: solid 0px transparent;
 background-color: transparent;
}
p { margin: 10px 0px 10px 0px; }
p.date { margin: 0px; }
td { vertical-align: top; }
ul {
 margin-left: 18px;
 list-style-image: url(/viomatrix/imgs/anstrich.gif);
 color: #000000;
}
.antifloat {
 clear: both;
 float: none;
 visibility: hidden;
 font-size: 0pt;
 height: 0px;
}
#placeholder {
 width: 819px;
 margin: 0px auto;
 text-align: center;
}
#wrapper {
 text-align: left;
}
/* Kopfbereich */
#head {
 background-image: url(/viomatrix/imgs/headpic.jpg);
 background-repeat: no-repeat;
 height: 170px;
 width: 100%;
 margin-top: 20px;
 position: relative;
}
.streifen {
 position: absolute;
 left: 0px;
 bottom: 0px;
}
#subnav {
 position: absolute;
 right: -5px;
 top: 16px;
 color: #ffffff;
}
#subnav .liste { height: 20px; }
#subnav .liste ul {
 margin: 0px 20px 0px 10px;
 padding: 0px;
 list-style: none;
 position: relative;
 z-index: 1;
}
#subnav .liste li {
 float: left;
 display: block;
 padding: 2px 0px;
}
#subnav .liste li a {
 color: #ffffff;
 background-image: url(/viomatrix/imgs/mainnav_trenner.gif);
 background-repeat: no-repeat;
 background-position: right 50%;
 padding: 0px 5px;
}
#titel {
 position: absolute;
 bottom: 0px;
 padding: 9px;
 font-size: 7pt;
 color: #ffffff;
}
.slogan {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 394px;
 z-index: 10000;
 padding-left: 8px;
 padding-bottom: 4px;
}
.pngpic2 {
 position: absolute;
 bottom: 0px;
 left: 0px;
 z-index: 1;
}
#titel span {
 font-size: 10pt;
 font-weight: bold;
 color: #0e2674;
 text-transform: uppercase;
 white-space: nowrap;
}
#mainnav {
 background-color: #7b8193;
 color: #ffffff;
 height: 2.3em;
 overflow: hidden;
 margin-top: 1px;
}
#mainnav ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
}
#mainnav ul li {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}
#mainnav ul li a {
 color: #ffffff;
 display: block;
 padding: 4px 3em 3px 3em;
 border-bottom: solid 4px #7b8193;
 background-image: url(/viomatrix/imgs/mainnav_trenner.gif);
 background-repeat: no-repeat;
 background-position: right 50%;
}
#mainnav ul li a.last, #subnav .liste li a.last { padding-right: 3.3em;background-image: none; }
#mainnav ul li a:hover, #mainnav ul li a.aktiv {
 border-bottom: solid 4px #c71825;
 text-decoration: none;
}
.menue ul {
 list-style: none;
 list-style-image: none;
 margin: 0px;
}
.menue ul li {
 text-align: right;
 display: block;
 border-bottom: solid 1px #ffffff;
 padding: 3px 0px;
}
/* Content */
#bottom {
 background-image: url(/viomatrix/imgs/line_left.gif);
 background-repeat: repeat-y;
 background-position: top left;
 height: 100%;
}
#bottom2 {
 background-image: url(/viomatrix/imgs/line_right.gif);
 background-repeat: repeat-y;
 background-position: top right;
}
#content {
 margin-top: 10px;
 background-color: #e1e3ea;
 position: relative;
}
.clo { width: 5px;height: 5px;position: absolute;top: 0px;left: 0px; }
.cro { width: 5px;height: 5px;position: absolute;top: 0px;right: 0px; }
.clu { width: 5px;height: 5px;position: absolute;bottom: 0px;left: 0px; }
.cru { width: 5px;height: 5px;position: absolute;bottom: 0px;right: 0px; }
#content div { padding: 10px 15px; }
#content div div { padding: 0px; }
.left {
 float: left;
 width: 115px;
}
.middle {
 float: left;
 width: 505px;
 padding: 0px 12px;
}
.right {
 float: left;
 width: 167px;
 padding: 0px 12px;
 overflow: hidden;
}
.left div { margin-right: 12px; }
.middle div { margin: 0px 12px; }
.middle div div { margin: 0px; }
.right div { margin: 0px 7px; }
.middle ul, .right ul { float: left;color: #7b8193; }
.mark {
 font-size: 74pt;
 font-weight: bold;
 color: #ffffff;
 border-bottom: solid 1px #ffffff;
 line-height: 0.8em;
}
.box {
 background-color: #f66a69;
 color: #ffffff;
 font-size: 7.9pt;
 width: 154px;
 position: relative;
}
.box .ecke {
 position: absolute;
 top: 0px;
 left: 0px;
 background-image: url(/viomatrix/imgs/content_right_ecke.gif);
 background-repeat: no-repeat;
 height: 14px;
 width: 13px;
 border-bottom: solid 1px #ffffff;
 border-right: solid 1px #ffffff;
 margin: 0px;
 padding: 0px;
}
.box img.left {
 float: left;
 padding-right: 1px;
 border-right: solid 1px #ffffff;
 margin: 1px 2px 1px 1px;
}
.box img.center {
 padding-top: 1px;
 border-top: solid 1px #ffffff;
 margin: 2px 1px 1px 1px;
}
.box a {
 color: #ffffff;
 text-decoration: none;
}
.box a:hover { text-decoration: underline; }
.box p {
 padding: 2px 2px 0px 2px;
 margin: 0px;
}
/* Box-Farben */
.color2, .color2 a { background-color: #ddbfa7;color: #5e626b; }
.produktbilder, .options {
 width: 99%;
 margin: 2px;
}
.liste, .galerie { margin: 2px; }
.downloads td.sec { padding-left: 6px; }
.options td.first { text-align: left; }
.options td.sec { text-align: right; }
.produktbilder td {
 width: 30%;
 background-color: #dbdde3;
 padding: 6px;
}
.liste td, .galerie td {
 background-color: #dbdde3;
 vertical-align: top;
 padding: 6px;
}
.liste table { width: 100%; }
.galerie { width: 99%; }
.liste table td, .galerie td { padding: 0px 0px 1px 0px; }
.frame { position: relative; }
.frame img { margin: 3px; }
.framepic1 { position: absolute;top: 0px;left: 0px;padding: 0px;margin: 0px;background-image: url(/viomatrix/imgs/content_ecke2_lo.gif);width: 14px;height: 14px; }
.framepic2 { position: absolute;top: 0px;right: 0px;padding: 0px;margin: 0px;background-image: url(/viomatrix/imgs/content_ecke2_ro.gif);width: 14px;height: 14px; }
.framepic3 { position: absolute;bottom: 0px;left: 0px;padding: 0px;margin: 0px;background-image: url(/viomatrix/imgs/content_ecke2_lu.gif);width: 14px;height: 14px; }
.framepic4 { position: absolute;bottom: 0px;right: 0px;padding: 0px;margin: 0px;background-image: url(/viomatrix/imgs/content_ecke2_ru.gif);width: 14px;height: 14px; }
.picright {
 float: right;
 margin-left: 12px;
}
.picleft {
 float: left;
 margin-right: 12px !important;
}
#start { 
 float: left;
 width: 620px; 
}
.startbox {
 float: left; 
 margin-top: 4px;
}
.startbox p, .startbox ul { margin: 5px; }
.fill {
 float: left;
 width: 10px;
}
.startboxrechts p, .startboxrechts li { text-align: left; }
.startboxlinks p, .startboxlinks li { text-align: right; }
/* Formulare */
fieldset { font-size: 8pt; }
fieldset td {
 margin: 0px 3px;
 background-color: #dbdde4;
 padding: 2px 4px;
}
tr.sec td { background-color: #dee0e7; }
tr td.missing label { color: red; }
input, select, textarea {
 font-size: 8pt;
 border: solid 1px #7b8193;
 font-family: Arial, sans-serif;
}
input {
 padding: 1px;
 width: 90%;
}
input.checkbox {
 width: auto;
 height: auto;
 padding: 0px;
 float: left;
 margin: 0px 6px 6px 0px;
}
select { width: 60px; }
textarea {
 height: 65px;
 width: 97%;
 float: left;
}
.button { text-align: right; }
.button button {
 border: none;
 background-color: transparent;
 font-size: 8pt;
 margin-right: 16px;
 cursor: pointer;
}
.pflicht { margin-left: 5px; }
#galerienavi {
 padding: 6px 0px;
 text-align: center;
 font-weight: bold;
}
#galerienavi a {
 margin: 0px 2px;
 color: #000000;
}
#galerienavi a.aktiv { color: #7b8193; }
#galerienavi span { margin: 0px 4px; }
.galeriebutton {
 display: block;
 float: left;
 padding: 0px 3px 0px 3px;
}