@charset "utf-8";
/* CSS Document */
body /* content */ {
  margin: 0 20px 0 0;
  padding: 110px 0 0 160px;
  color: rgb(0, 0, 0);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-variant: normal;
  text-align: left;
  text-transform: none;
  line-height: 2.2ex;
  background: rgb(240, 240, 240) url(../pix/dmc_wel.jpg) right top repeat-y;
  overflow-x: hidden;
}
a:link, /* links */ a:active, a:visited {
  font-style: normal;
  color: rgb(40, 40, 40);
  outline: none;
}
a:hover, h3 a:focus {
  font-style: italic;
  color: rgb(40, 40, 40);
  outline: none;
}
a:focus, a:active {
  color: rgb(40, 40, 40);
  outline: none;
}
a:link {
  color: rgb(40, 40, 40);
  font-weight: bold;
  text-decoration: underline;
  outline: none;
}
h1 /* logo */ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 110px;
  left: 0;
  top: 0;
  position: fixed;
  display: block;
  z-index: 10;
  text-indent: -99999px;
  overflow: hidden;
  background: url(../pix/dmc-logo.jpg) left top no-repeat;
}
h2 /* head */ {
  margin: 0;
  padding: 0;
  width: 500px;
  height: 110px;
  left: 150px;
  top: 0;
  position: fixed;
  display: block;
  z-index: 5;
  text-indent: -99999px;
  overflow: hidden;
  background: url(../pix/head.png) 150px 0 no-repeat fixed;
}
#tm /* green */ {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 110px;
  left: 650px;
  top: 0;
  position: fixed;
  z-index: 4;
  background: url(../pix/top.png) left top repeat-x;
}
#sorry {
  margin: 40px;
  font-size: 12px;
  text-align: center;
}
#wrap1, #wrap2, #wrap3 /* content */ {
  margin: 0;
  padding: 10px 1% 5px 0;
  height: 100%;
  float: left;
}
#wrap1 {
  width: 37%;
  min-width: 240px;
}
#wrap2 {
  width: 30%;
  min-width: 240px;
}
#wrap3 {
  width: 30%;
  min-width: 150px;
}
#tec {
  clear: both;
}
h5 /*boxes*/ {
  margin: 5px 5px 5px 0;
  padding: 5px;
  width: auto;
  height: auto;
  min-width: 15em;
  color: rgb(40, 40, 40);
  font-size: 11px;
  display: block;
  border: none;
  border-left: solid 2px rgb(1, 145, 156);
  background: rgb(255, 255, 255);
  max-width: 750px;
}
.title /*project boxes*/ {
  color: rgb(255, 255, 255);
  font-size: 13px;
  border-left: solid 2px rgb(255, 255, 255);
  background: rgb(1, 145, 156);
}
.pic /*pix*/ {
  margin: 10px 5px 0 5px;
  padding: 0;
  width: 150px;
  height: 150px;
  float: left;
  opacity: 0.8;
  box-shadow: 0 0 10px 0 rgb(1, 145, 156);
  /*border: solid 1px rgb(1, 145, 156);*/
  display: block;
}
.pic:hover {
  opacity: 1;
}
h4 /*products*/ {
  margin: 10px 10px 0px 10px;
  padding: 0;
  width: auto;
  height: auto;
  color: rgb(0, 0, 0);
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  line-height: 2.5ex;
  border: none;
  background: none;
}
b /*bold*/ {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.panther {
  display: block;
  margin: 0;
  padding: 50px 0 0 0;
  font-weight: bold;
  font-style: 14px;
  width: auto;
  overflow: visible;
  background: url(../pix/dmc.png) no-repeat;
  clear: both;
  float: none;
}
#wrap1 ul /* kundennutzen */ {
  margin: 10px 10px 0px 10px;
  padding: 0;
}
#wrap1 ul li.kun {
  margin: 0;
  padding: 0;
  color: rgb(1, 145, 156);
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  list-style: none;
}
#wrap1 ul li {
  margin: 5px 5px 0px 20px;
  padding: 0;
  list-style: square outside;
}
table /*tec*/ {
  width: 90%;
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
}
tr {
  margin: 0 0 0 5px;
  padding: 5px;
  width: auto;
  height: auto;
  color: rgb(0, 0, 0);
  font-size: 10px;
  display: block;
  border: none;
  background: rgb(230, 230, 230);
}
tr.green {
  background: rgb(0, 146, 157);
}
td {
  margin: 0;
  padding: 0;
  min-width: 8em;
  text-align: left;
  vertical-align: top;
}
#tec td {
  width: 50%;
}
h3 /* visionmotion */ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 110px;
  left: 0;
  bottom: 0;
  text-indent: -99999px;
  overflow: hidden;
  position: fixed;
  z-index: 8;
  background: url(../pix/visionmotion.jpg) left top no-repeat;
}
#ad /* address */ {
  margin: 0 0 15px 15px;
  padding: 0;
  width: auto;
  height: auto;
  max-width: 127px;
  max-height: 87px;
  left: 0;
  bottom: 0;
  font-size: 10px;
  text-align: left;
  overflow: hidden;
  position: fixed;
  z-index: 9;
}
#bm /* bottom middle  */ {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 110px;
  left: 150px;
  bottom: 0;
  position: fixed;
  z-index: 2;
  background: top url(../pix/bot.png) repeat-x;
  display: none;
}
#ml /* middle left */ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 3;
  background: rgb(250, 250, 250);
}
#menu /* rollover navi */ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 100%;
  left: 0;
  top: 110px;
  position: fixed;
  display: block;
  list-style: none;
  text-indent: -99999px;
  z-index: 7;
}
.kit /*kit*/ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 3px;
  top: 290px;
  left: 0;
  position: fixed;
  display: block;
  list-style: none;
  background: url(../pix/kit.gif) repeat-y;
}
.home, .com, .pro, .cus, .par, .con, .bac /*buttons*/ {
  margin: 0;
  padding: 0;
  width: 150px;
  height: 30px;
  left: 0;
  position: fixed;
  display: block;
  list-style: none;
  text-indent: -99999px;
  z-index: 11;
}
.home {
  top: 110px;
  background: url(../pix/but.png) no-repeat 0px -90px;
}
.com {
  top: 140px;
  background: url(../pix/but.png) no-repeat -150px -90px;
}
.pro {
  top: 170px;
  background: url(../pix/but.png) no-repeat -300px -90px;
}
.cus {
  top: 200px;
  background: url(../pix/but.png) no-repeat -450px -90px;
}
.par {
  top: 230px;
  background: url(../pix/but.png) no-repeat -600px -90px;
}
.con {
  top: 260px;
  background: url(../pix/but.png) no-repeat -750px -90px;
}
.bac {
  bottom: 110px;
  background: url(../pix/but.png) no-repeat -900px -90px;
}
/* rollover buttons */
.home a:link, .home a:visited {
  background: url(../pix/but.png) no-repeat 0px -90px;
}
.home a:focus {
  background: url(../pix/but.png) no-repeat 0px -30px;
}
.home a:hover, .home a:active {
  background: url(../pix/but.png) no-repeat 0px -60px;
}
.com a:link, .com a:visited {
  background: url(../pix/but.png) no-repeat -150px -90px;
}
.com a:focus {
  background: url(../pix/but.png) no-repeat -150px -30px;
}
.com a:active, .com a:hover {
  background: url(../pix/but.png) no-repeat -150px -60px;
}
.pro a:link, .pro a:visited {
  background: url(../pix/but.png) no-repeat -300px -90px;
}
.pro a:focus {
  background: url(../pix/but.png) no-repeat -300px -30px;
}
.pro a:hover, .pro a:active {
  background: url(../pix/but.png) no-repeat -300px -60px;
}
.cus a:link, .cus a:visited {
  background: url(../pix/but.png) no-repeat -450px -90px;
}
.cus a:focus {
  background: url(../pix/but.png) no-repeat -450px -30px;
}
.cus a:hover, .cus a:active {
  background: url(../pix/but.png) no-repeat -450px -60px;
}
.par a:link, .par a:visited {
  background: url(../pix/but.png) no-repeat -600px -90px;
}
.par a:focus {
  background: url(../pix/but.png) no-repeat -600px -30px;
}
.par a:active, .par a:hover {
  background: url(../pix/but.png) no-repeat -600px -60px;
}
.con a:link, .con a:visited {
  background: url(../pix/but.png) no-repeat -750px -90px;
}
.con a:focus {
  background: url(../pix/but.png) no-repeat -750px -30px;
}
.con a:active, .con a:hover {
  background: url(../pix/but.png) no-repeat -750px -60px;
}
.bac a:link, .bac a:visited {
  background: url(../pix/but.png) no-repeat -900px -90px;
}
.bac a:focus {
  background: url(../pix/but.png) no-repeat -900px -30px;
}
.bac a:active, .bac a:hover {
  background: url(../pix/but.png) no-repeat -900px -60px;
}
.home .act:link, .home .act:visited, .home .act:active {
  background: url(../pix/but.png) no-repeat 0px 0px;
}
.home .act:focus {
  background: url(../pix/but.png) no-repeat 0px -30px;
}
.home .act:hover {
  background: url(../pix/but.png) no-repeat 0px -60px;
}
.com .act:link, .com .act:visited, .com .act:active {
  background: url(../pix/but.png) no-repeat -150px 0px;
}
.com .act:focus {
  background: url(../pix/but.png) no-repeat -150px -30px;
}
.com .act:hover {
  background: url(../pix/but.png) no-repeat -150px -60px;
}
.pro .act:link, .pro .act:visited, .pro .act:active {
  background: url(../pix/but.png) no-repeat -300px 0px;
}
.pro .act:focus {
  background: url(../pix/but.png) no-repeat -300px -30px;
}
.pro .act:hover {
  background: url(../pix/but.png) no-repeat -300px -60px;
}
.cus .act:link, .cus .act:visited, .cus .act:active {
  background: url(../pix/but.png) no-repeat -450px 0px;
}
.cus .act:focus {
  background: url(../pix/but.png) no-repeat -450px -30px;
}
.cus .act:hover {
  background: url(../pix/but.png) no-repeat -450px -60px;
}
.par .act:link, .par .act:visited, .par .act:active {
  background: url(../pix/but.png) no-repeat -600px 0px;
}
.par .act:focus {
  background: url(../pix/but.png) no-repeat -600px -30px;
}
.par .act:hover {
  background: url(../pix/but.png) no-repeat -600px -60px;
}
.con .act:link, .con .act:visited, .con .act:active {
  background: url(../pix/but.png) no-repeat -750px 0px;
}
.con .act:focus {
  background: url(../pix/but.png) no-repeat -750px -30px;
}
.con .act:hover {
  background: url(../pix/but.png) no-repeat -750px -60px;
}
a#last:link, a#last:visited, a#last:focus, a#last:active, a#last:hover {
  border-bottom: none;
}
#menu a, #menu .inner {
  margin: 0;
  padding: 0;
  width: 150px;
  min-width: 150px;
  height: 30px;
  display: block;
}
#update /*update*/ {
  display: none;
}
#base {
  margin: 0 20px 0 0;
  padding: 0;
  width: 100%;
  height: 3ex;
  right: 5px;
  top: 5px;
  font-size: 12px;
  text-align: right;
  position: fixed;
  display: block;
  border: none;
  z-index: 6;
  background: none;
}
#base a:link, #base a:active, #base a:hover, #base a:visited, #base a:focus {
  font-weight: normal;
}
#base a:active, #base a:hover, #base a:focus {
  text-decoration: none;
}
.top /*top*/ {
  margin: 3ex 0 1ex 0;
  padding: 0.5ex 0 1ex 0;
  width: 100%;
  font-size: 9px;
  font-weight: normal;
  text-align: center;
  border-top: dashed 1px rgb(1, 145, 156);
}
.top a:link {
  text-decoration: none;
  font-weight: normal;
}
#top {
  position: absolute;
  top: 0;
}
body div#toolTip /*sweet*/ {
  position: absolute;
  z-index: 1000;
  width: 12em;
  background: rgb(0, 146, 157);
  border: none;
  text-align: left;
  padding: 0.5em;
  min-height: 1em;
}
body div#toolTip p {
  margin: 0;
  padding: 0;
  color: rgb(40, 40, 40);
}
body div#toolTip p em {
  display: none;
}
div#toolTip {
  display: none;
}
#txt, #par /*text*/ {
  margin: 0;
  padding: 10px 10px 30px 10px;
  width: 100%;
  font-size: 10px;
  line-height: 3ex;
  background: none;
}
#txt p /*text*/ {
  max-width: 80em;
  margin: 0px 40px 0 5px;
}
#txt table, #txt tbody, #txt tr /*videotabelle*/ {
  margin: 0;
  padding: 0;
  width: 100%;
  background: none;
  float: left;
}
#txt td {
  margin: 0;
  padding: 0 10px 30px 0;
  width: 50%;
  max-width: 750px;
  vertical-align: top;
}
#txt td#video p {
  padding-top: 5px;
  width: 500px;
}
#par table, #par tbody, #par tr /*partnertabelle*/ {
  margin: 0;
  padding: 0;
  background: none;
  width: 100%;
  max-width: 750px;
}
#par td {
  width: 150px;
  vertical-align: middle;
}
#par td + td {
  width: 90%;
  min-width: 200px;
}
iframe {
  margin: 0 auto 0 auto;
}
#txt b {
  font-size: 14px;
}
#txt.block ul {
  margin: 0 0 0 3em;
  padding: 0;
  list-style: lower-latin;
}
#txt.block ul ul {
  margin: 0 0 0 1em;
  padding: 0;
  list-style: square;
}
.block /*block*/ {
  font-size: 10px;
  text-align: justify;
  max-width: 80em;
  margin: 0px 40px 0 0;
}
.over /*product overview*/ {
  margin: 0 40px 20px 0;
  padding: 0;
  width: 15em;
  min-width: 150px;
  float: left;
}
.last {
  margin-bottom: 30px;
}
form /* contact */ {
  width: 500px;
  margin: 0;
  padding: 0;
}
#txt .conta {
  width: auto;
  margin: 0 0 2ex 0;
  padding: 0;
}
#txt .conta td {
  width: 10em;
  margin: 0 0 2ex 0;
  padding: 0;
}
#txt .conta tr, #txt table.conta {
  width: 40em;
}
input {
  margin: 0;
  padding: 0;
  width: 18em;
}
textarea {
  margin: 0;
  padding: 0;
  width: 18em;
  height: 30ex;
}
.but {
  margin: 0;
  padding: 0;
  width: 10em;
  float: left;
}
p {
  margin-left: 20px;
}
/* .pro ul*/ /* dropdown menu */ /*
{
margin:				0;
padding:			0;
width:				auto;
height:				auto;
left:				150px;
top:				0px;
position:			absolute;
display:			block;
border:				none;
border-bottom:		solid 2px rgb(40,40,40);
border-right:		solid 2px rgb(40,40,40);
list-style:			none;
text-indent:		0;
z-index:			20;
background:			none;
}
.pro a.inner:link,
.pro a.inner:visited
{
padding: 			0;
margin:				0;
width:				15em;
height:				1.5ex;
color:				rgb(20,20,20);
font-size: 10px;
text-decoration:	none;
border:				none;
border-bottom:		solid 1px rgb(250,250,250);
background:			rgb(140,140,140);
opacity:			0.8;
}
.pro a.inner:focus,
.pro a.inner:active,
.pro a.inner:hover
{
padding: 			40px;
color:				rgb(200,200,200);
text-decoration:	none;
border-bottom:		solid 1px rgb(120,120,120);
background:			rgb(80,80,80);
opacity:			1;
}
.pro ul
{
display:			none;
}
.pro:hover ul
{
display:			block;
}
#br /* bottom right */ /*{
  margin: 0;
  padding: 0;
  height: 110px;
  width: 110px;
  right: 0;
  bottom: 0;
  position: fixed;
  text-indent: -99999px;
  z-index: 14;
  background: url(../pix/kosy.jpg) right top no-repeat;
}
#br a {
  margin: 0;
  padding: 0;
  width: 110px;
  height: 110px;
  display: block;
}
*/