* { margin: 0px;padding: 0px; }
html { height: 100%; }
body { 
 font-family: Arial, Tahoma, sans-serif;
 font-size: 10pt;
 color: #676767;
 background-color: #dddbd3;
 height: 100%;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1, .h1 {
 color: #001db3;
 font-size: 14pt;
 font-weight: normal;
}
h1 span {
 color: #ffffff;
 font-size: 13pt;
}
img { border: none; }
p { text-align: justify; }
p a { text-decoration: underline; }
strike {
 color: #001db3;
 text-decoration: none;
}
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1pt;
 height: 1px;
 margin: 0px;
 padding: 0px;
}
#placeholder {
 width: 900px;
 background-color: #ffffff;
 margin: 0px auto;
 text-align: center;
 min-height: 100%;
}
#wrapper {
 text-align: left;
 background-image: url(/viomatrix/imgs/bg.gif);
 background-repeat: no-repeat;
 background-position: bottom center;
 min-height: 100%;
}
/* Kopf */
#head {
 width: 100%;
 height: 130px;
 position: relative;
 background-image: url(/viomatrix/imgs/orna_top.gif);
 background-repeat: no-repeat;
 background-position: top right;
}
#nav {
 position: absolute;
 bottom: 0px;
 left: 0px;
 background-color: #45A23A;
 width: 100%;
 height: 30px;
}
#nav a {
 color: #ffffff;
 font-size: 9pt;
 font-weight: bold;
 padding: 0px;
 display: block;
 padding: 8px 12px;
 text-transform: uppercase;
}
#nav ul {
 list-style-type: none;
}
#nav ul li {
 float: left;
 position: relative;
 background-image: url(/viomatrix/imgs/head_trenner.gif);
 background-repeat: no-repeat;
 background-position: left center;
}
#nav ul li.first {
 padding-left: 10px;
 background-image: none;
}
#nav ul li ul {
 display: none;
 position: absolute;
 top: 30px;
 left: 0px;
}
#nav ul li ul li {
 white-space: nowrap;
 background-color: #77bb6f;
 float: none;
 background-image: none;
}
#nav ul li ul li a {
 border-top: solid 1pt #77bb6f;
 padding: 4px 24px;
}
#nav ul li ul li a:hover {
 background-color: #45A23A;
 border-top: solid 1pt #ffffff;
}
#logo {
 position: absolute;
 left: 22px;
 top: 19px;
 border: none;
}
#language {
 position: absolute;
 right: 40px;
 top: 20px;
}
/* Content */
#navi {
 color: #676767;
 text-transform: uppercase;
 margin: 15px 30px;
 font-size: 8pt;
}
#navi a { 
 font-size: 8pt;
 color: #676767;
}
.start { padding: 50px 70px 0px 77px; }
.content {
 margin-left: 225px;
 width: 653px;
}
.content div {
 background-color: #f7f6f4;
 padding-top: 10px;
 margin-top: 2px;
 background-image: url(/viomatrix/imgs/contentbg_ol.gif);
 background-repeat: no-repeat;
 background-position: top left;
}
.content div div, .content .nobg {
 background-image: none;
 background-color: transparent;
}
.produktspezifikation {
 padding: 0px 30px 0px 30px;
 margin: 0px;
 width: 840px;
}
.small { width: 450px; }
.sortiment .frame {
 padding: 0px;
 position: relative;
 background-color: #ffffff;
}
.sortiment .frame div { background-color: #ffffff; }
.sortiment .pics {
 position: absolute;
 bottom: 0px;
 padding: 0px;
 left: 356px;
}
.sortiment .pics img {
 margin: 0px 10px 0px 0px;
 border: solid 1px #dddbd3;
}
.sortiment .text {
 padding: 68px 0px 22px 358px;
 background-color: #ffffff;
 text-align: left;
}
.sortiment h1 {
 width: 313px;
 margin: 0px;
 text-transform: uppercase;
 text-align: right;
}
.content a, .start a {
 text-decoration: underline;
 font-size: 10pt;
 color: #676767;
}
.content a:hover, .start a:hover {
 color: #001db3;
 text-decoration: underline;
}
.standard {
 float: left;
 width: 428px;
}
.content h1, .h1, .h1 .seitenweise {
 margin: 0px;
 background-image: url(/viomatrix/imgs/h1_bg.gif);
 background-repeat: no-repeat;
 background-color: #dddbd3;
 padding: 8px 10px;
}
.content .h1ende {
 float: none;
 background-image: url(/viomatrix/imgs/h1_bg_unten.gif);
 background-color: #dddbd3;
 background-repeat: no-repeat;
 background-position: left bottom;
 padding: 8px 10px;
}
.content ul { margin: 0px 0px 12px 45px; }
.h1 {
 font-size: 12pt;
 position: relative;
}
.h1 .seitenweise {
 position: absolute;
 top: 0px;
 right: 10px;
 color: #676767;
 background-image: none;
 font-size: 10pt;
}
.h1 a {
 color: #676767;
 text-decoration: none;
}
.h1 a.aktiv {
 color: #676767;
 text-decoration: underline;
}
.content h2 {
 font-size: 12pt;
 color: #001db3;
 padding-left: 25px;
 margin: 0px 0px 25px 0px;
}
.content h3 {
 text-transform: uppercase;
 padding-left: 25px;
 margin: 0px 0px 25px 0px;
 font-weight: normal;
}
.content h4, .content h5, .content h6 {
 padding-left: 25px;
 margin: 0px 0px 25px 0px;
}
.content h4 { margin: 0px; }
.content .pic {
 float: left;
 margin: 0px 18px 18px 25px;
}
.content .pic .bu {
 width: 100%;
 text-align: right;
 padding: 0px;
 margin: 0px;
}
.content .pic .bu div {
 padding: 0px;
 margin: 0px;
}
.content p { padding: 0px 25px 18px 25px; }
.content p.date { padding-bottom: 0px; }
#contentpics {
 display: block;
 height: 120px;
}
.startpics { height: 225px; }
#contentpics a {
 display: block;
 float: left;
}
#contentpics a:hover { text-decoration: none; }
.news {
 float: left;
 width: 225px;
 background-color: #dddbd3;
 padding-top: 56px;
 position: relative;
}
.flagg {
 position: absolute;
 bottom: 55px;
 left: 0px;
 display: block;
 background-color: #d7000b;
 text-transform: uppercase;
 color: #ffffff;
 font-weight: bold;
 font-size: 20pt;
 padding: 2px 8px;
}
.news strong {
 display: block;
 width: 100%;
 padding: 6px 0px 0px 0px;
 text-align: center;
 text-transform: uppercase;
 font-size: 14pt;
 font-weight: normal;
}
.news a {
 font-size: 14pt;
 color: #676767;
}
.teaser {
 float: right;
 width: 170px;
 padding-top: 22px;
}
.teaser img { margin: 15px 0px; }
.menue {
 float: left;
 width: 225px;
}
.menue a { color: #676767; }
.menue li { padding: 0px 0px 8px 0px; }
.menue li ul {
 margin-top: 8px;
 margin-left: 17px;
}
.menue li.aktiv, .menue li.aktiv a {
 font-size: 9pt;
 color: #001db3;
}
.menue li.aktiv a { text-decoration: underline; }
.menue li.aktiv { list-style-image: url(/viomatrix/imgs/list_aktiv.gif); }
.menue ul {
 list-style-type: none;
 margin: 0px 0px 0px 30px;
 font-size: 9pt;
 text-transform: uppercase;
}
.menue li span {
 text-decoration: none;
 color: green;
 margin-left: 10px;
 font-weight: bold;
}
.newsbox {
 padding: 25px;
 margin-bottom: 28px;
 float: none;
 width: 85%;
}
.newsbox div { float: left;width: 290px;padding: 0px; }
.newsbox h2 { padding-left: 0px;margin: 0px; }
.newsbox img { float: left;margin: 0px 0px 0px 22px; }
.newsbox p { padding: 0px; }
.newsnavi {
 padding: 0px 25px;
 position: relative;
 text-align: center;
 margin: 30px 0px;
}
.newsnavi a {
 text-decoration: none;
 color: #676767;
 font-size: 8pt;
}
.newsnavi img { border: none; }
.newsnavi a:hover { text-decoration: underline; }
.newsnavi .left { position: absolute;top: 0px;left: 25px; }
.newsnavi .right { position: absolute;top: 0px;right: 25px; }
p.date {
 font-size: 10pt;
 margin: 0px;
}
.print {
 display: block;
 width: 100%;
 text-align: right;
 font-size: 7.6pt;
}
.print a {
 font-size: 7.6pt;
 text-decoration: none;
 color: #676767;
}
.print a:hover { text-decoration: underline; }
.prodinfo {
 width: 266px;
 height: 28px;
 display: block;
 text-align: right;
 margin: 0px;
 color: #001DB3;
 background-color: #dddbd3;
 position: absolute;
 bottom: 70px;
 right: 0px;
}
.prodinfo a {
 text-decoration: none;
 color: #001DB3;
}
#detaillink {
 height: 100%;
 display: block;
 padding-top: 3px;
}
.sitemap ul {
 float: left;
 width: 45%;
 margin-left: 25px;
 list-style: none;
}
.sitemap ul li { margin: 0px 0px 12px 0px; }
.sitemap ul li, .sitemap ul li a {
 font-weight: bold;
 color: #676767;
 text-decoration: none;
 text-transform: uppercase;
}
.sitemap ul li ul { float: none;width: 80%; }
.sitemap ul li ul li { margin: 0px; }
.sitemap ul li ul li a { font-weight: normal; }
/* Footer */
#footer {
 text-align: center;
 color: #676767;
 font-size: 8pt;
 padding-bottom: 6px;
 margin-top: 30px;
 clear: both;
 float: none;
}
#footer a {
 color: #676767;
 margin: 0px 3px;
}
#footer a:hover { color: #001db3; }
/* Formulare */
fieldset {
 border: solid 0px transparent;
 margin-bottom: 25px;
 font-size: 9pt;
}
fieldset div {
 margin: 0px;
 padding: 0px;
}
label {
 width: 92px;
 display: block;
 float: left;
 text-align: right;
 padding: 0px 10px 0px 0px;
 margin-top: 3px;
}
legend {
 font-weight: bold;
 font-size: 11pt;
 margin: 0px 0px 14px 0px;
 padding-left: 18px;
}
input, select, textarea {
 border: solid 1px #dddbd3;
 width: 335px;
 background-color: #ffffff;
}
textarea { height: 220px; }
.button {
 text-align: right;
 width: 435px;
}
.plz {
 float: left;
 width: 150px;
}
button {
 border: none;
 background-color: transparent;
 color: #676767;
 width: 36%;
}
#lupe { margin-left: 20px; }
/* Tabellen */
table {
 border-collapse: collapse;
 border: none;
 width: 100%;
 margin-bottom: 24px;
}
td { vertical-align: top; }
table.data {
 margin-left: 25px;
 width: 80%;
}
table.data tr { width: 100%; }
table.data p { padding-bottom: 0px; }
.info {
 border: solid 1px #dddbd3;
 background-color: #ffffff;
 margin: 4px 0px;
 padding: 2px 2px 1px 8px;
 font-weight: bold;
 width: 100%;
}
.anfahrt { margin-left: 25px; }
.anfahrt div { background-color: transparent;padding: 0px; }
.bu div { padding: 0px 25px; }
#picbig { float: left;background-color: #f7f6f4; }
.back { float: right; }
.back a {
 text-decoration: none;
 color: #001db3;
 display: block;
}
.back a#detaillink { padding-top: 3px; }
.back img {
 float: left;
 margin-right: 12px;
}