*     {margin: 0px;
       padding: 0px;}

body {background-color: #f7e018;
      background-image: url('images/background.jpg');
      background-position: top center;
      background-repeat: repeat-y;
      text-align: center;}

/* --------layout--------- */

#content {
      position: relative;
      width: 770px;
      margin: 0px auto;
      border: 0px solid black;
      text-align: center;
      background-color: transparent;      }

p    {font-family:  Tahoma, Verdana, Helvetica, sans-serif;
      font-size: 95%;
      color: #575757;
      font-weight: normal;} 

#formular {font-family:  Tahoma, Verdana, Helvetica, sans-serif;
      font-size: 95%;
      color: #575757;
      font-weight: normal;} 

a     {text-decoration: none;
      font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 95%;
      color: #575757;
      font-weight: normal;}

h1  { font-family:  Tahoma, Verdana, Helvetica, sans-serif;
      font-size: 30pt;
      color: #003366;
      font-weight: normal;
      margin: 20px 0px 20px 0px}

h2  { font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 100%;
	    color: #990066;
	    font-weight: bold;
	    margin-bottom: 10px}

h3, h3 a  { font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 95%;
	    color: #000000;
	    font-weight: bold;
	    margin: 20px 0px 10px 0px}

h3, h3 a  { font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 95%;
	    color: #000000;
	    font-weight: bold;
	    margin: 20px 0px 10px 0px}

h4, h4 a  { font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	    font-size: 90%;
	    color: #000000;
	    font-weight: bold;
	    margin: 0px 0px 0px 0px}

/* -------- head --------- */

#head {
      background-image: url('images/KOOM-logo.jpg');
      background-position: 50% 13px;
      background-repeat: no-repeat;
      height: 120px;
      width: 600px;
      position: relative;
      border: 0px solid black;
      margin: 0px auto;
      padding-top: 10px;
      margin-bottom: 10px;
      cursor: pointer;}

#head p {font-family:  Tahoma, Verdana, Helvetica, sans-serif;
 	    font-size: 16pt;
	    font-weight: bold;
	    color: #777777;}

/* --------left menu--------- */

.leftmenu {
    width: 140px;
    float: left;
    border: 0px solid black;
    margin: 0px;
}

.leftmenu-content {
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;}

.leftmenu ul {
    margin: 10px 5px 0px 0px;}

.leftmenu li {
    list-style-type: none;
    line-height: 25px;
    text-align: right;
    margin: 15px 0px 0px 0px;
	  border-bottom: 2px solid #BCB8EB;
    background-image: url('images/dot.jpg');
    background-position: 116px;
    background-repeat: repeat-y; }

.leftmenu a {
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	  font-size: 80%;
	  font-weight: bold;
	  color: #777777; }

.leftmenu a:hover  {color: #FF3300; text-decoration: underline}

/* --------right menu--------- */

.rightmenu {
    width: 140px;
    float: right;
    border: 0px solid black;
    margin: 0px;}

.rightmenu-content {
    width: 100%;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;}

.rightmenu ul {
    margin: 10px 0px 0px 5px;}

.rightmenu li {
    list-style-type: none;
    line-height: 25px;
    text-align: left;
    margin: 15px 0px 0px 0px;
	  border-bottom: 2px solid #BCB8EB;
    background-image: url('images/dot.jpg');
    background-position: 16px;
    background-repeat: repeat-y; }

.rightmenu a {
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	  font-size: 80%;
	  font-weight: bold;
	  color: #003366; }

.rightmenu a:hover  {color: #FF3300; text-decoration: underline}

/* --------pictures--------- */

img.wide {width: 400px;
       border: 0px;
       margin: auto}

.img-small-right
      {clear: right;
       width: 200px;
       border: 0px solid #000000;
       margin: 0px 0px 10px 8px;
       float: right;}

.img-small-left
      {width: 200px;
       border: 0px solid #000000;
       margin: 0px 8px 10px 0px;
       float: left;}


/* --------main content--------- */

.main {
    width: 440px;
    margin: 0px 140px 0px 140px;
    border: 0px;}

.main-content {
    width: 100%;
    border: 0px solid black;
    margin: 20px 20px 20px 20px;
    text-align: left;
    background-color: transparent;}

ul {margin: 10px 0px 10px 20px;}

li {list-style-type: disc;
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 95%;
    color: #575757;
    font-weight: normal;}

table {
    margin-top: 10px;
    font-family:  Arial Narrow, Arial;
    font-size: 90%;
    color: #000000;
    width: 100%;
    border: 1px solid black;
    text-align: center; 
    border-collapse: collapse}

table#precision td {
    padding: 3px;
    border: 1px solid black;}

table#longitudes td {
    padding: 2px;
    border: 1px solid black;}

table#ballscrews td {
    text-align: left;
    padding-bottom: 4px;
    border-bottom: 0px solid black}

table#contact {
    border: 0px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: left; }

table#contact td.bold {
    font-weight: bold;
    color: #003366;
    line-height: 18pt;
    vertical-align: top}

table#download {
    border: 0px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: left; }

table#download td{
    padding: 10px 0px 10px 0px;}

table#list {
    border: 0px;
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11pt;
    text-align: left; }

.si {background-color: #c0ffc0}

.person-contact {
    width: 90%;
    height: 119px;
    border: 1px solid black;
    margin: 15px 0px 0px 0px;
    padding: 5px 0px 0px 5px;
    text-align: left;
    background-color: transparent;    
    background-position: right top;
    background-repeat: no-repeat; }

.program {
    width: 60%;
    height: 102px;
    min-height: 102px;
    border: 1px solid black;
    margin: 15px 0px 0px 0px;
    padding: 5px 0px 0px 160px;
    text-align: left;
    background-color: transparent;    
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;}

.download {
    position: relative;
    float: right;
    margin-right: -85px; 
    width: 350px;
    background-image: url('images/square-y.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    text-indent: 25px;
    text-align: left;
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 95%;
    color: #575757;
 	  border-bottom: 2px solid #BCB8EB;
    font-weight: normal;
    cursor: pointer;}

.download-page {
    margin: 0px; 
    width: 110px;}

.download-item {
    height: 20px; 
    border: 1px solid black;}

 /* -------- foot --------- */

.foot {
    width: 85%;
    background-image: url('images/background2.jpg');
    background-position: top center;
    background-repeat: repeat-y;
    line-height: 25px;
    margin: 0px auto;
    border: 0px;
    text-align: center;
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	  font-size: 8pt;
	  font-weight: bold;
	  color: #575757;    }

.foot a {font-family:  Tahoma, Verdana, Helvetica, sans-serif;
	  font-size: 8pt;
	  font-weight: bold;
	  color: #575757;
    text-decoration: none}

/* -------- design --------- */

.cover {position: absolute;
      left: 567px;
      top: 0px;
      width: 2px;
      background-image: url('images/dot.jpg');
      background-position: top left;
      background-repeat: repeat-y; }

.hor-line
      {width: 80%;
      height: 2px;
      line-height: 2px;
      margin: 0px auto;
      padding: 0px;
      background-image: url('images/hor-dot.jpg');
      background-position: top left;
      background-repeat: repeat-x;}

.square-y
      {width: 10px;
      height: 10px;
      margin: 0px auto;
      padding: 0px;
      background-image: url('images/square-y.jpg');
      background-position: top left;
      background-repeat: repeat-x;}

.square-b
      {width: 10px;
      height: 10px;
      margin: 0px auto;
      padding: 0px;
      background-image: url('images/square-b.jpg');
      background-position: top left;
      background-repeat: repeat-x;}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;}
/* -------------GALLERY -------------------- */
#loading{
	position:absolute;
	left:50%;
	margin-left:-62px;
	z-index:5;
	display:none;
	}
#gallery{
	position:absolute;
	left:50%;
	margin-left:-16px;
	z-index:5;
	display:none;
	opacity:0;
	filter:alpha(opacity=0);
	}
#gallery a{
	display:block;
	background:#FFFFFF;
	text-decoration:none;
	}
#shadow{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#000000;
	filter: alpha(opacity=60);
	opacity:0.6;
	z-index:4;
	display:none;
	}
.g_image{
	position:relative;
	padding:8px;
	background:#FFFFFF;
	border:solid 2px #CCCCCC;
	text-align:justify;
	padding-bottom:24px;
	background:#FFFFFF;
	opacity:1;
	filter:alpha(opacity:100);
}
.gallery_text{
  font-family:  Georgia, utopia, serif;
  font-weight: normal;
  font-size: 18px;
  color: #777777;
  font-style: normal;	position:absolute;
	left:10px;
	bottom:6px;
	filter:alpha(opacity:100);
	}
.gallery_close{
	position:absolute;
	right:10px;
	bottom:2px;
	filter:alpha(opacity:100);
	}