* { margin: 0px;padding: 0px; }
body {
 background-color: #727272;
 font-family: Verdana;
}
#placeholder {
 width: 1026px;
 text-align: left;
 background-color: #ffffff;
 margin: 0px auto;
 text-align: center;
}
#wrapper {
 text-align: left;
 border-right: solid 1px #000000;
 border-left: solid 1px #000000;
 position: relative;
}
.antifloat {
 clear: both;
 visibility: hidden;
 font-size: 1px;
 height: 1px;
 margin: 0px;
 padding: 0px;
}
#left {
 float: left;
 width: 169px;
 background-color: #c1c1c1;
}
#right {
 float: left;
 width: 855px;
 position: relative;
}
a, a:visited {
 text-decoration: none;
 color: blue;
}
a:hover { text-decoration: underline; }
h1 {
 color: #2d3692;
 font-size: 18px;
 margin-bottom: 15px;
}
h2 {
 color: #2d3692;
 font-size: 13px;
 margin-bottom: 30px;
}
h3, h4, h5, h6 {
 color: #2d3692;
 font-size: 12px;
 margin: 10px 0px;
}
.start h1 {
 font-size: 26px;
 margin-bottom: 4px;
}
.start h2 {
 font-size: 14px;
 margin-bottom: 18px;
}
img { border: none; }
p {
 font-size: 12px;
 line-height: 1.6em;
 margin: 0px 0px 8px 0px;
}
table {
 border-collapse: collapse;
 width: 100%;
 margin-bottom: 100px;
}
th {
 color: #434b9c;
 font-size: 12px;
 vertical-align: top;
 padding: 10px 10px 0px 10px;
 border-right: solid 1px #2a3390;
}
td {
 font-size: 12px;
 vertical-align: top;
 border-right: solid 1px #2a3390;
}
td.first { width: 200px; }
td p {
 border-top: solid 1px #dddddd;
 padding: 9px 0px;
 margin: 0px 11px;
 display: inline-block;
}
th.last, td.last { border: none; }
ul {
 margin: 5px 0px 5px 16px;
 font-size: 12px;
 list-style-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/rechteck_rot.gif);
}
li { line-height: 1.6em; }
#logo {
 text-align: center;
 display: block;
 float: right;
 width: 264px;
 height: 136px;
}
#logo a {
 display: block;
 width: 100%;
 height: 100%;
}
#logo img {
 float: none;
 margin: 0px;
}
#logobottom {
/* position: absolute;
 bottom: -60px;
 left: 0px;*/
 width: 100%;
 height: 60px;
 background-color: #a4a4a4;
 border-top: solid 1px #273192;
}
#logobottom img {
 float: left;
 width: 50px;
 height: 43px;
 margin: 10px 10px 0px 20px;
}
#slogan {
 margin: 21px 0px 0px 20px;
 color: #ffffff;
 font-weight: bold;
 font-size: 1em;
}
.main {
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/main_bg.gif);
 background-repeat: no-repeat;
 height: 28px;
 width: 1024px;
 margin-top: 3px;
 border-top: solid 1px #273192;
}
.main div {
 float: left;
 border-right: solid 2px #ffffff;
}
.main a, .main a:visited {
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil.gif);
 background-repeat: no-repeat;
 background-position: 30px 50%;
 padding: 7px 40px 7px 40px;
 display: block;
 text-transform: uppercase;
}
.main a:hover {
 background-color: #2a3390;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil.gif);
 text-decoration: none;
}
.sub {
 margin-left: 20px;
 background-color: #d6d6d6;
}
.sub ul {
 margin: 0px 0px 0px 16px;
 list-style-image: none;
 list-style-type: none;
}
.sub li {
 margin-left: -20px;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/sub_bg.gif);
 background-repeat: repeat-y;
 border-bottom: solid 1px #b9b8b8;
 border-left: solid 1px #b9b8b8;
 border-right: solid 1px #b9b8b8;
 overflow: hidden;
}
.sub li a {
 display: block;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil_rot.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 padding: 8px 0px 10px 0px;
 font-size: 12px;
 font-weight: bold;
 color: #000000;
 overflow: hidden;
}
.sub li a:hover {
 background-color: #f21b01;
 color: #ffffff !important;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil.gif);
 text-decoration: none;
}
.sub li a:visited { color: #000000; }
.sub li a.aktiv {
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil_runter.gif);
 background-color: #f21b01;
 color: #ffffff !important;
}
.sub li a.aktiv:hover { background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil_runter.gif); }
.sub li a span {
 padding-left: 20px;
 display: block;
}
.sub li li {
 margin-left: -17px;
 overflow: hidden;
 border-top: solid 1px #b9b8b8;
}
.sub li li a {
 font-size: 10px;
 font-weight: normal;
 padding-left: 10px;
 background-position: 12% 50%;
 overflow: hidden;
}
.sub li li a.aktiv {
 background-color: transparent !important;
 color: #f21b01 !important;
 font-weight: bold !important;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil_rot.gif) !important;
}
.sub li li a:hover, .sub li li a.aktiv:hover {
 background-color: transparent;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/pfeil_rot.gif);
 color: #f21b01 !important;
}
.sub li li li {
 margin-left: -17px;
 overflow: hidden;
 border-top: none;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/sub_bg_3.gif);
}
.sub li li li a {
 font-size: 10px;
 font-weight: normal;
 padding-left: 13px;
 background-position: 12% 50%;
 overflow: hidden;
 background-image: none !important;
}
.sub li li li a.aktiv {
 background-color: transparent !important;
 color: #f21b01 !important;
 font-weight: bold !important;
 background-image: none !important;
}
.sub li li li a:hover, .sub li li li a.aktiv:hover {
 background-color: transparent;
 background-image: none !important;
 color: #f21b01 !important;
}
.oben {
 margin-left: -3px;
 background-color: #d6d6d6;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/sub_bg.gif);
 border-bottom: solid 1px #b9b8b8;
 font-size: 1px;
 height: 12px;
}
.content {
 margin: 23px 12px 28px 12px;
 float: left;
 width: 550px;
}
.left {
 float: left;
 width: 46%;
 margin-right: 30px;
}
.right {
 float: left;
 width: 47%;
}
.end { background-color: #a4a4a4; }
.start {
 width: 273px;
 margin-bottom: 0px;
}
.startlayer {
 float: left;
 position: relative;
 width: 290px;
 height: 100%;
}
.startlayerabschluss {
 position: absolute;
 bottom: -63px;
 left: 0px;
 width: 100%;
 height: 61px;
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/startlayer_bottom.gif);
 z-index: 10000;
}
.startlayercontent { padding: 55% 15px 15% 15px; }
.schattenlinks {
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/schatten_links.gif);
 background-repeat: repeat-y;
 background-position: left top;
}
.schattenrechts {
 background-image: url(http://tde.viosys.de/viomatrix/imgs/gfx/schatten_rechts.gif);
 background-repeat: repeat-y;
 background-position: right top;
 width: 100%;
}
.piclist {
 float: right;
 width: 264px;
 margin: 0px !important;
}
.galery { padding: 95px 0px 0px 0px; }
.picframe {
 position: absolute;
 top: 8px;
 right: -301px;
 width: 294px !important;
 z-index: 1000;
}
.pic {
 float: left;
 margin: 0px 11px 11px 0px;
 width: 50px;
 height: 50px;
 border: solid 1px #2f2a88;
}
.zoom {
 display: none;
 position: absolute;
 left: 0px;
 top: 55px;
 z-index: 10000;
 opacity: 0;
 filter: alpha(opacity=0);
}
.ie { display: none; }