body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10pt;
}
a {
  font-family: Arial, Helvetica, Sans-Serif;
  color: #003063;
  font-size: 10pt;
}
td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
div.talbe {
  display: table;
  border: 0px;
  border-collapse: collapse;
}
div.tr {
  display: table-row;
  clear: both;
  height: 100%;
}
#tr-ie {
  display: block;
}
div.td {
  display: table-cell;
  vertical-align: top;
  height: 100%;
}
#td-ie {
  display: inline-block;
  float: left;
}
/*ie*/
* html .tr, *+html .tr{
display: block;
}

* html .td, *+html .td{
display: inline-block;
float: left;
}
.menutdbottom {
  background-image: url(/bilder/layout/index_backgr_bottom.gif);
}
.menutdtop {
  background-image: url(/bilder/layout/index_backgr_top.gif);
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
}
div.menuleft {
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
}
a.menuleft {
  text-decoration: none;
}
a.menuleft:hover {
  text-decoration: underline;
/*  background-color: white; */
}
/* div.menuleft:hover { */
/*  background-color: #d8d8d8; */
/*  text-decoration: underline; */
/* } */
a.menuleft:hover {
  text-decoration: underline;
}
.f8pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
}
.f10pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 10pt;
}
.f12pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 12pt;
}
.f14pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 14pt;
}
.f16pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 16pt;
}
.f18pt {
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 18pt;
}
input.form1 {
 border: 1px solid #e8e8e8; 
 background-color: #e6e6e6;
}
input.form1:hover {
 border: 1px solid #b2b2b2; 
 background-color: #ffffff;
}
input.form1:focus {
 border: 1px solid black; 
 background-color: #e6e6e6;
}
textarea.form1 {
 border: 1px solid #e8e8e8; 
 background-color: #e6e6e6;
}
textarea.form1:focus {
 border: 1px solid black; 
 background-color: #e6e6e6;
}
/* CSS Menu */
/* */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; } 
* html ul li a { height: 1%; } 
/* End */
/* */
ul.ml {
 margin: 0;
 padding: 0;
 list-style: none outside none;
 width: 140px;
 border-bottom: 0px solid silver;
 font-weight: bold;
}
ul.ml li.ml {
 position: relative;
}
li.ml ul.ml {
 position: absolute;
 left: 139px;
 top: 0;
 display: none;
 text-decoration: none;
}
ul.ml li.ml a {
 background: none repeat scroll 0 0 black;
 display: block;
 text-decoration: none;
 color: black;
 background-color: transparent;
 padding: 3px;
 border: 0px solid silver;
 border-bottom: 0;
}
li.ml:hover ul.ml, li.ml.over ul.ml {
 display: block;
 background-color: white;
 border-left: 0px solid red;
 border-right: 1px solid red;
 border-top: 1px solid red;
 border-bottom: 1px solid red;
}
/* background nav */
#nav .startseite:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .produkte:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .angebote:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .sehtest:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .bivi:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .brillenmode:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .contactlinsen:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .lowvision:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .service:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
#nav .visualtraining:hover {
 background: url(bilder/layout/reddot1.png) no-repeat;
}
.ulinenone {
 text-decoration: none;
}
/* */
/* Menu Rechts */
ul.mr {
 margin: 0;
 padding: 0;
 list-style: none outside none;
 width: 153px;
 border-bottom: 0px solid silver;
 font-weight: bold;
}
ul.mr li.mr {
 position: relative;
}
li.mr ul.mr {
 position: absolute;
 left: -152px;
 top: 0;
 display: none;
 text-decoration: none;
}
ul.mr li.mr a {
 background: none repeat scroll 0 0 black;
 display: block;
 text-decoration: none;
 color: black;
 background-color: transparent;
 padding: 3px;
 border: 0px solid silver;
 border-bottom: 0;
}
li.mr:hover ul.mr, li.mr.over ul.mr {
 display: block;
 background-color: white;
 border-top: 1px solid red;
 border-left: 1px solid red;
 border-bottom: 1px solid red;
}
#nav1 .celle:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .celleap:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .cellekarte:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .barsinghausen:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .barsinghausenap:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .barsinghausenkarte:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .burgwedel:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .burgwedelap:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}
#nav1 .burgwedelkarte:hover {
 background: url(bilder/layout/reddotr1.png) no-repeat;
}