* { margin: 0px;padding: 0px; }
html#intro, html#intro body {
 height: 100%;
 background-color: #ffffff;
 background-image: none;
}
html#intro { overflow: hidden; }
html#start .content {
 height: 440px;
 min-height: 440px;
}
html#start hr { margin: 18px 0px; }
#abstand {
 height: 66%;
 width: 100%;
 margin-bottom: -18em;
}
body {
 background-color: #f6f6f6;
 font-size: 1em;
 font-family: Arial, sans-serif;
 color: #646464;
 background-image: url(/viomatrix/imgs/gfx/bg_head.gif);
 background-repeat: repeat-x;
 letter-spacing: 0px;
 line-height: 0.94em;
 padding-left: 18px;
}
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1px;
 height: 1px;
 margin: 0px !important;
 padding: 0px !important;
}
a {
 text-decoration: none;
 color: #646464;
}
.box a, a:hover { text-decoration: underline; }
button {
 width: 145px;
 height: 34px;
 background-image: url(/viomatrix/imgs/gfx/bg_button.gif);
 background-repeat: no-repeat;
 border: none;
 background-color: #ffffff;
 padding: 0px 0px 5px 0px;
 font-size: 0.96em;
 font-weight: bold;
 color: #646464;
 cursor: pointer;
}
a.button {
 display: block;
 width: 145px;
 height: 26px;
 background-image: url(/viomatrix/imgs/gfx/bg_button.gif);
 background-repeat: no-repeat;
 padding: 8px 0px 0px 0px;
 font-size: 0.76em;
 font-weight: bold;
 text-decoration: none;
 margin: 0px auto;
 text-align: center;
}
a.minibutton {
 display: block;
 width: 135px;
 height: 25px;
 background-image: url(/viomatrix/imgs/gfx/bg_button_mini.gif);
 background-repeat: no-repeat;
 padding: 3px 0px 0px 0px;
 font-size: 0.65em;
 text-decoration: none;
}
a.mail { background-image: url(/viomatrix/imgs/gfx/m-button.gif); }
a.aktiv { text-decoration: underline; }
fieldset { border: none; }
fieldset div {
 margin: 13px 0px 0px 0px !important;
 padding: 0px !important;
 font-size: 0.8em;
}
fieldset div.first { margin: 0px !important; }
fieldset div.first button { margin: 3px 0px 0px 8px !important; }
.fieldsub, .third .fieldsub { margin: 0px 0px 0px 6px !important; }
.fieldsub span {
 margin: 0px 2px 0px 10px;
 text-transform: uppercase;
 font-size: 0.7em;
}
h1 {
 font-size: 1em;
 color: #4c4c4c;
}
h2, h3, h4, h5, h6 {
 font-size: 0.8em;
 margin: 40px 0px 0px 0px;
 color: #646464;
}
h2.forms { margin: 0px 0px 20px 0px; }
hr, .line {
 margin: 20px 0px 18px 0px;
 border-top: solid 1px #cccccc;
 height: 1px;
 position: relative;
 padding: 0px !important;
}
.line { padding: 0px 0px 20px 0px !important; }
img {
 display: block;
 border: none;
}
img.left {
 float: left;
 margin: 0px 9px 9px 0px;
}
img.right {
 float: right;
 margin: 0px 0px 9px 9px;
}
.bu { font-size: 0.9em; }
.bu p { width: 130px; }
.center {
 text-align: center;
 margin: 0px !important;
 padding: 0px !important;
}
.center img { margin: 0px auto; }
#start table.center { height: 216px; }
input {
 width: 121px;
 padding: 3px 3px 2px 3px;
 font-size: 0.7em;
}
input.small { width: 16px; }
input.medium { width: 72px; }
input.disabled { color: #4c4c4c; }
input.enabled { color: #000000; }
input.checkbox {
 width: 12px;
 height: 12px;
}
.marginleft { margin-left: 18px; }
.floatleft {
 float: left;
 width: 12px;
 margin-right: 8px;
}
label, .label {
 display: block;
 float: left;
 width: 92px;
 text-align: right;
 padding: 2px 0px 0px 0px;
 margin-right: 12px;
 color: #000000;
 overflow: hidden;
}
.label { font-size: 1px; }
.minilabel { 
 margin-left: 6px;
 color: #000000;
 font-size: 0.96em;
}
.full label, .full .label { width: 180px; }
.missing label, .missing .minilabel, label.missing { color: red; }
.picfield label { padding-left: 88px; }
.picname {
 display: block;
 float: left;
 width: 48%;
 text-align: right;
}
.right .picfield label {
 padding-left: 0px;
 width: 110px;
 white-space: nowrap;
}
.videofield label { padding-left: 88px;width: 86px; }
.right .videofield label { padding-left: 0px; }
legend {
 color: #4c4c4c;
 font-size: 0.9em;
 font-weight: bold;
 margin: 0px 0px 6px 0px;
}
p {
 font-size: 0.76em;
 color: #000000;
}
p strong { font-size: 1.1em; }
p.hint {
 margin: 6px 0px;
 padding: 3px;
 border: solid 1px red;
}
p.small { margin: 0px !important; }
#intro p {
 color: #626262;
 margin: 14px 20px 20px 20px;
 text-align: right;
}
.third p { margin-bottom: 20px; }
.third p.hint { margin-bottom: 0px; }
select { width: 145px; }
table {
 display: table;
 float: none;
 margin: 0px 0px 6px 0px;
 width: 100%;
 border-collapse: collapse;
}
td, th {
 font-size: 0.78em;
 vertical-align: top;
 padding: 2px;
 text-align: left;
}
td div {
 font-size: 1em;
 padding-bottom: 4px;
}
td p { font-size: 0.9em; }
td h2 { font-size: 1em; }
.register, .newstone { width: 784px; }
.newstone { margin: 24px 0px 0px 0px; }
.register td.left { width: 374px; }
.register td.left label, .register td.left .label { width: 230px; }
.register td.left .checkbox, .newstone td.left .checkbox { margin-left: 13px; }
.register td.right label { width: 124px; }
.newstone td.left { width: 284px; }
.newstone td.left label, .newstone td.left .label { width: 120px; }
.newstone td.right { width: 246px; }
.newstone td.right label { width: 80px; }
.newstone hr { margin: 0px; }
.newstone .empty { font-size: 1px; }
#empfehlungen label { float: left;width: 100px; }
#empfehlungen td.left { width: 312px; }
#empfehlungen td.left label { width: 168px; }
#empfehlungen td.right { width: 240px; }
#empfehlungen td.right label { width: 90px; }
#suchergebnisse { width: 900px; }
#suchergebnisse td { width: 432px; }
#suchergebnisse td p { line-height: 1em; }
.pics .left { width: 620px; }
.pics .left .picfield {
 position: relative;
 height: 1%;
}
#suchergebnisse td p.middle {
 float: left;
 width: 100px;
 color: #646464;
 padding-top: 4px;
}
#suchergebnisse td p.right {
 float: right;
 width: 166px;
 padding-top: 4px;
 margin-left: 4px;
}
#suchergebnisse .seframe {
 position: relative;
 width: 430px;
 height: 105px;
 margin: 0px 0px 6px 0px;
 border-bottom: 1px solid #cccccc;
}
#suchergebnisse .seframe .pic {
 float: left;
 width: 136px;
 height: 90px;
 padding: 0px !important;
 margin-right: 4px;
}
#suchergebnisse .seframe .pic td {
 width: 130px;
 height: 90px;
 text-align: center;
 vertical-align: middle;
 padding: 0px !important;
 overflow: hidden;
}
#suchergebnisse .seframe .pic img {
 display: inline;
 padding: 1px;
 margin: 0px;
 border: 1px solid #c1c1c1;
}
#suchergebnisse .more {
 position: absolute;
 bottom: 16px;
 right: 4px;
 background-image: url(/viomatrix/imgs/gfx/pfeil_rot_nach_rechts.gif);
 background-position: 0px 1px;
 background-repeat: no-repeat;
 width: 50px;
 text-align: right;
 color: #000000;
 font-size: 0.95em;
}
#suchergebnisse .kondolenz {
 width: 70px;
 padding-left: 10px;
}
div.search p { color: #646464; }
#steinauswahl { width: 10px; }
#steinauswahl td {
 text-align: center;
 width: 120px;
}
#steinauswahl img { display: inline; }
#symbollist { width: auto; }
#symbollist td {
 color: #000000;
 font-size: 1em;
 width: auto !important;
 padding: 0px 6px 2px 6px;
 text-align: center;
}
textarea {
 width: 90%;
 height: 200px;
 margin: 3px 0px 0px 0px;
 font-family: Arial, sans-serif;
 font-size: 0.9em;
}
textarea.vita {
 width: 600px;
 height: 243px;
 float: left;
}
textarea.kondolenztext {
 width: 440px;
 height: 220px;
}
ul { margin: 0px 0px 0px 16px; }
li {
 font-size: 0.8em;
 margin-bottom: 2px;
}
#placeholder {
 width: 966px;
 padding: 14px 0px 14px 0px;
 margin: 0px auto;
 text-align: center;
}
#intro #placeholder {
 margin: 0px auto;
 width: 480px;
 height: 300px;
 text-align: right;
}
#wrapper { text-align: left; }
/* Kopfbereich */
#head {
 position: relative;
 height: 92px;
}
#topmenue {
 position: absolute;
 top: 0px;
 right: 24px;
 font-size: 0.65em;
}
#symbols, div.symbols {
 position: absolute;
 top: 26px;
 left: 28px;
}
#logo {
 position: absolute;
 top: 33px;
 right: 60px;
}
/* Boxen */
.box {
 position: relative;
 float: left;
 width: 310px;
 margin: 10px 12px 0px 0px;
 background-color: #ffffff;
 text-align: left;
}
/* 2spaltige Box */
.second { width: 500px; }
/* 3spaltige Box */
.third {
 width: 954px;
 margin-right: 0px;
}
.item {
 float: left;
 width: 304px;
 position: relative;
}
.item div { margin: 43px 20px 20px 26px; }
.item div div { margin: 0px; }
h1.h1box {
 position: absolute;
 z-index: 1000;
 top: 8px;
 left: 42px;
 font-size: 0.76em;
 color: #606060;
 text-align: center;
 padding-left: 28px;
 width: 100%;
}
h1.h1box span {
 display: block;
 width: 100%;
 text-align: center;
 position: absolute;
 top: 0px;
 left: 0px;
 color: red;
 font-weight: bold;
}
.center {
 text-align: center;
 clear: both;
 float: none;
}
.center .box {
 float: none;
 margin: 10px auto;
}
.rightcontent { text-align: right; }
.rightcontent .button {
 margin: 0px 0px 0px auto;
 text-align: center;
}
.full { width: 100%; }
.full div { padding-left: 18px; }
.list .h1box {
 left: 0px;
 text-align: left;
}
.list .item div {
 margin-bottom: 9px;
 margin-left: 5px;
}
.list .item div div { margin-left: 0px; }
.list .item .entry {
 padding: 0px 0px 0px 22px;
 border-left: solid 1px #aaaaaa;
 line-height: 0.8em;
 position: relative;
 height: 94px;
 margin-bottom: 0px;
}
.list .item .entry p {
 padding-top: 3px;
 float: right;
 width: 128px;
 font-size: 0.7em;
}
.list .item .entry table {
 float: left;
 width: 130px;
 height: 90px;
}
.list .item .entry td {
 padding: 0px;
 text-align: center;
 vertical-align: middle;
}
.list .item .entry td img { margin: 0px !important; }
.third .third .entry p { width: 112px; }
.list .item .entry p.more a {
 position: absolute;
 left: 164px;
 bottom: 2px;
 font-size: 0.9em;
}
.list .item .entry p.visits {
 position: absolute;
 bottom: -18px;
 left: 240px;
 font-size: 0.6em;
}
#suchergebnisse p.visits {
 position: absolute;
 bottom: 0px;
 left: 142px;
 font-size: 0.9em;
}
.list .first {
 margin-left: 0px;
 width: 321px;
}
.list .second { width: 320px; }
.list .third { width: 305px; }
.list .first .entry { border: none; }
.list .item img {
 border: solid 1px #aaaaaa;
 padding: 1px;
}
.flaggen {
 display: inline;
 border: none !important;
 padding: 0px !important;
 margin-left: 4px;
}
.entry .flaggen { margin-left: 12px; }
.list p { color: #646464; }
.datemark {
 border: none !important;
 padding: 0px !important;
 display: inline;
 margin-right: 8px !important;
}
.one .h1box, .third .one .h1box {
 left: 0px;
 padding-left: 0px;
 text-align: center;
}
.third .h1box {
 left: 0px;
 padding-left: 28px;
 text-align: left;
}
.content .item div { padding-left: 0px; }
.detail {
 border: solid 1px #c2c1c1;
 padding: 10px !important;
 position: relative;
 height: 1%;
}
.detail hr { margin: 0px 0px 14px 0px !important; }
.detail h2 {
 font-size: 1.1em;
 color: #000000;
 margin: 13px 0px 8px 0px !important;
}
.detail .infos { margin: 0px; }
.options {
 position: absolute;
 bottom: -18px;
 right: 0px;
 text-align: center;
 width: 340px;
}
.line .options { bottom: 4px; }
#kondolenzen .options { bottom: 0px; }
#kondolenzen .options div { font-size: 1.1em; }
.detail .uebe { margin: 0px 0px 6px 0px; }
.videos a {
 color: blue;
 text-decoration: underline;
}
#galery, #videos { margin: 10px 0px 20px 0px; }
#galery .pic {
 background-color: #e5e5e5;
 width: 130px;
 display: block;
 float: left;
 margin-right: 20px;
 overflow: hidden;
 text-align: center;
}
#galery .pic table, #galery .pic td {
 width: 100%;
 height: 150px;
}
#galery .pic td {
 text-align: center;
 vertical-align: middle;
}
#galery .pic td.bu { height: auto; }
#galery .pic td.bu p { padding: 0px;margin: 0px; }
#galery img {
 display: inline;
 margin: 0px auto;
}
.pricehint {
 color: red;
 font-weight: bold;
 margin-left: 8px;
}
#kondolenzen .symbol { width: 55px; }
#kondolenzen { width: 500px; }
#kondolenzen .text p { margin: 0px; }
#seitenweise {
 margin-bottom: 10px;
 text-align: center;
}
#seitenweise div {
 display: inline;
 font-size: 0.86em;
 letter-spacing: 0.2em;
}
#seitenweise a { font-weight: bold; }
#seitenweise img {
 display: inline;
 margin: 0px 0px -2px 0px;
}
#seitenweise strong { color: #f24206; }
.borderleft {
 background-image: url(/viomatrix/imgs/gfx/bg_box_left.gif);
 background-repeat: repeat-y;
 background-position: left;
 width: 100%;height: 100%;
}
.borderright {
 background-image: url(/viomatrix/imgs/gfx/bg_box_right.gif);
 background-repeat: repeat-y;
 background-position: right;
 width: 100%;height: 100%;
}
.bordertop {
 background-image: url(/viomatrix/imgs/gfx/bg_box_top.gif);
 background-repeat: repeat-x;
 background-position: top;
 width: 100%;height: 100%;
}
.borderbottom {
 background-image: url(/viomatrix/imgs/gfx/bg_box_bottom.gif);
 background-repeat: repeat-x;
 background-position: bottom;
 width: 100%;height: 100%;
}
.lefttop {
 background-image: url(/viomatrix/imgs/gfx/bg_box_rundung_lo.gif);
 background-repeat: no-repeat;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 11px;
 height: 26px;
}
.righttop {
 background-image: url(/viomatrix/imgs/gfx/bg_box_rundung_ro.gif);
 background-repeat: no-repeat;
 position: absolute;
 top: 0px;
 right: -1px;
 width: 11px;
 height: 26px;
}
.leftbottom {
 background-image: url(/viomatrix/imgs/gfx/bg_box_rundung_lu.gif);
 background-repeat: no-repeat;
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 11px;
 height: 11px;
}
.rightbottom {
 background-image: url(/viomatrix/imgs/gfx/bg_box_rundung_ru.gif);
 background-repeat: no-repeat;
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: 11px;
 height: 11px;
}
#footer { height: 20px; }
#footer div {
 padding: 5px 33px;
 font-size: 0.7em;
}
#footer div.left {
 background-image: url(/viomatrix/imgs/gfx/pfeil_rot_nach_rechts.gif);
 background-repeat: no-repeat;
 float: left;
 width: 65%;
 background-position: 18px 6px;
}
#footer div.left a {
 margin: 0px 4px;
 text-transform: uppercase;
}
#footer div.left strong { color: #000000; }
#footer div.right {
 float: right;
 width: 16%;
 text-align: right;
 padding-right: 50px;
}
#copyright {
 float: none;
 clear: both;
 margin-top: 12px;
}
#copyright p {
 text-align: center;
 font-size: 0.7em;
 color: #646464;
}
.ibutton {
 display: inline;
 float: left;
 margin-left: 2px;
 width: 25px;
 height: 22px;
 position: relative;
 z-index: 100;
}
.ibuttonframe { position: relative; }
.dbutton {
 display: inline;
 float: left;
 margin-left: 2px;
 width: 25px;
 height: 22px;
 position: relative;
 z-index: 100;
}
.dbuttonframe { position: relative; }
.ibuttonlayer {
 position: absolute;
 top: 0px;
 right: 26px;
 display: none;
 width: 150px;
 height: 90px;
 background-color: #dcdcdc;
 border: 1px solid #bcbcbc;
 z-index: 1000;
}
.ibuttonlayer p { font-size: 0.9em; }
.ibuttonlayer span {
 display: block;
 padding: 6px;
}
.absolut { position: absolute;top: 0px;right: 90px; }
#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.75;
 z-index: 1000;
}
#zoomcontent {
 display: block;
 width: 320px;
 height: 200px;
 position: absolute;
 top: 35%;
 left: 35%;
 background-color: #ffffff;
 padding: 0px 2px 3px 2px;
 border: solid 1px #a2a2a2;
 opacity: 1;
 z-index: 1500;
}
#zoominnercontent {
 width: 100%;
 height: 100%;
}
#zoomcontentimg {
 text-align: center;
 margin: 32px auto;
 width: 32px;
 height: 32px;
 background-repeat: no-repeat;
}
#buylist {
 position: relative;
 width: 500px;
 height: 120px;
 font-size: 1em;
}
#zeitlist {
 width: auto;
 height: auto;
 font-size: 1em;
}
#buylistinaktiv {
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}
p.green { border: 1px solid #0bab26; }
span.green { color: #0bab26 !important; }
.bg1900 { background-image: url(/viomatrix/imgs/gfx/bg_input_1900.gif); }
.bg2008 { background-image: url(/viomatrix/imgs/gfx/bg_input_2008.gif); }
.bg1900:focus, .bg2008:focus { background-image: none; }