/*OKO Werkzeuge und Maschinenbau*/
H1, H2, H3, H4           { color: #000; font-size: 12pt; font-weight: bold; background-image: url("images/h1-4_bg.gif"); background-repeat: no-repeat; background-position: 0 9px; padding-top: 10px; padding-left: 18px }
html>body H1 { background-position: 0 -1px; padding-top: 0 }
html>body H2 { background-position: 0 -1px; padding-top: 0 }
html>body H3 { background-position: 0 -1px; padding-top: 0 }
H5              { color: #333; font-size: 10pt; font-weight: bold; margin-top: 6px; margin-bottom: 3px }
BODY           { color: #333; font-size: 10pt; font-family: Arial, Geneva, Helvetica, sans-serif; line-height: 130%; background-image: url("images/body_bg_oko.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; margin: 0; padding: 0 }
TD   { color: #333; vertical-align: top }
TABLE { border-collapse: collapse}
span { }
ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.submenu, ul.search    { list-style-type: none; list-style-image: none; margin-left: 0; padding-left: 0 }
form { margin: 0 }
IMG { border: 0 }
li   { line-height: 1.2 }
#NAVI1 li  { line-height: 1; display: inline }
#NAVI23 .doc        { background-image: url("images/menuitem.gif"); background-repeat: no-repeat; padding-left: 16px }
/*
html>body #NAVI23 .doc a:hover, #NAVI23 .docs a:hover  { background-image: url("images/arrow_right.gif"); background-repeat: no-repeat; margin-left: -16px; padding-left: 16px }
*/
#NAVI1 .doc { display: inline; padding-left: 12px }
#NAVI23 .docs        { background-image: url("images/menuitem.gif"); background-repeat: no-repeat; padding-left: 16px }
#NAVI1 .docs  { display: inline; padding-left: 12px }
#NAVI23 .sdoc        { background-image: url("images/arrow_right.gif"); background-repeat: no-repeat; padding-left: 16px }
#NAVI1 .sdoc { background-repeat: no-repeat; background-position: 0 0; display: inline; padding-left: 12px }
#NAVI23 .sdocs        { background-image: url("images/arrow_right.gif"); background-repeat: no-repeat; padding-left: 16px }
#NAVI1 .sdocs { background-repeat: no-repeat; background-position: 0 0; display: inline; padding-left: 12px }
a  { font-weight: bold }
a:link         { color: #06c; text-decoration: none }
a:visited     { color: #06c; text-decoration: none }
a:active, a:hover     { color: #000058; text-decoration: underline }

.menulevel1     { color: #000; font-size: 10pt; font-weight: bold }
.menulevel1 a:link, .menulevel1 a:visited     { color: #000; text-decoration: none; display: inline }
.menulevel1 a:active, .menulevel1 a:hover       { color: #333; text-decoration: underline; display: inline }

.menulevel2         { color: #06c; font-size: 10pt; font-weight: bold }
.menulevel2 a:link, .menulevel2 a:visited    { color: #000; text-decoration: none }
.menulevel2 a:active, .menulevel2 a:hover         { color: #06c; text-decoration: none }
.menulevel3       { color: #06c; font-size: 10pt; font-weight: bold }
.menulevel3 a:link, .menulevel3 a:visited    { color: #000; text-decoration: none }
.menulevel3 a:active, .menulevel3 a:hover       { color: #06c; text-decoration: none }
.search a  { color: black; font-weight: bold; text-decoration: none }
.search a:link, .search a:visited  { color: #000; text-decoration: none }
.search a:active, .search a:hover  { color: #4999f1; font-weight: bold; text-decoration: none }
.locator { color: #895d30; font-size: 11pt; text-align: left; padding-right: 2px; padding-left: 2px; vertical-align: middle }
.locator a:link, .locator a:visited, .locator a:active, .locator a:hover { color: #999 }
#login { display: inline }
.login     { color: #06c; font-size: 6pt; font-family: "Courier New", Courier, Monaco, monospace; text-align: center }
.login a, .login a:link, .login a:visited, .login a:active, .login a:hover   { color: #06c }
.toc  { margin-left: 10px }
.edit    { font-size: 7pt; background-color: #ccc }
input, select    { color: #222; font-size: 8pt; text-align: left }
textarea   { font-size: 8pt; text-align: left; width: 98%; border: solid 1px #686868 }
#SEARCHBOX .text, #SEARCHBOX .submit       { font-size: 11px; display: inline; margin-top: 1px; margin-bottom: 1px; border: solid 1px #333 }
#SEARCHBOX .submit   { color: #000 }
#CONTENT input, #CONTENT textarea { color: #333; background-color: #fff; overflow: hidden; border: solid 1px #686868 }
#CONTENTNAVI a:hover { text-decoration: none }
#copyright a:visited, #copyright a:link, #copyright a:active  { color: #fff; font-weight: normal }
#copyright a:hover  { color: #000; font-weight: normal }
#infopic1, #infopic2, #infopic3 { margin-bottom: 4px }
/*- Menu Tabs B--------------------------- */

    #tabsB   { font-size: 93%; line-height: normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; float: left }
    #tabsB ul  { list-style: none; margin: 0; padding: 1px 10px 0 30px }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a  { text-decoration: none; background: url("images/tableftB.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; float: left }
    #tabsB a span   { color: #333; font-weight: bold; background: url("images/tabrightB.gif") no-repeat right top; display: block; padding: 5px 15px 4px 6px; float: left }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }

.sitemaplevel1 { font-size: 10pt; font-weight: bold; line-height: 16px }
.sitemaplevel1 .doc, .sitemaplevel1 .docs, .sitemaplevel1 .sdoc, .sitemaplevel1 .sdocs { background-image: url("images/dunkel_verlauf.jpg"); background-repeat: no-repeat; background-position: 3px 0; margin-bottom: 1px; padding-left: 20px }
.sitemaplevel2 { font-size: 9pt; font-weight: normal; line-height: 16px; padding-top: 1px }
.sitemaplevel2 .doc, .sitemaplevel2 .docs, .sitemaplevel2 .sdoc, .sitemaplevel2 .sdocs { background-image: url("images/arrow_right.gif"); background-repeat: no-repeat; padding-left: 20px }
.sitemaplevel3 { font-size: 9pt; font-weight: normal; line-height: 16px; padding-top: 4px }
.sitemaplevel3 .doc, .sitemaplevel3 .docs { background-image: url("images/punkt.gif"); background-repeat: no-repeat; padding-left: 20px }
.sitemaplevel1 a:link, .sitemaplevel2 a:link, .sitemaplevel3 a:link, .sitemaplevel1 a:visited, .sitemaplevel2 a:visited, .sitemaplevel3 a:visited { color: #222 }
.sitemaplevel1 a:active, .sitemaplevel2 a:active, .sitemaplevel3 a:active, .sitemaplevel1 a:hover, .sitemaplevel2 a:hover, .sitemaplevel3 a:hover  { color: #4999f1; text-decoration: none }
.border1 { padding: 0 4px; border: solid 1px #000 }

/*
.sitemaplevel1{font-size:9pt;background: url(images/dot.gif) repeat-y 16px 0;}
.sitemaplevel2{font-size:9pt;background: url(images/dot.gif) repeat-y 21px 0;}
.sitemaplevel3{font-size:9pt;background: url(images/dot.gif) repeat-y 27px 0;}

.sitemaplevel1 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat -2px 7px;padding-left:30px;}
.sitemaplevel2 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 5px 7px;padding-left:35px;}
.sitemaplevel3 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 11px 7px;padding-left:41px;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}
.sitemaplevel1 li.doc{background: url(images/bullet1.gif) no-repeat 33px 6px;}
.sitemaplevel1 li.docs{background: url(images/bullet2.gif) no-repeat 33px 6px;}
.sitemaplevel2 li.doc{background: url(images/bullet1.gif) no-repeat 39px 6px;}
.sitemaplevel2 li.docs{background: url(images/bullet2.gif) no-repeat 39px 6px;}
.sitemaplevel3 li.doc{background: url(images/bullet1.gif) no-repeat 45px 6px;}
.sitemaplevel3 li.docs{background: url(images/bullet2.gif) no-repeat 45px 6px;}
*/
.kontakt { width: 98% }
#infobox3 a { color: #fff; font-weight: normal }
a.spamlink  { color: #eee }