/****************************global settings**************************************/
* {
    margin: 0;
}
html, body {
    height: 100%;
}

html {
  background: #80B3D4 url(../images/bg_content.jpg) repeat-x;
}
body {
  color: #000;
  font: normal 11px verdana, arial, helvetica, sans-serif; 
  line-height: 16px;
}

:root  body  { overflow-y: scroll; } /* shows always right scrollbar */

a {
  color: #000;
  outline: none;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a.more {
  color: #006FB7;
  font-weight: bold;
  text-decoration: none;
}

hr {
  border: none;
  border-top: 1px dotted #0C5578;
  height: 1px;
  margin: 5px 0px;
}

.cls {
  clear: both;
}
img a, a img {
  border: 0px;
  outline: none;
}
img.iborder {
  border: 1px solid #D7D7D7;
}
h1 {
  color: #006FB7;
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 5px;
}

h2 {
  background: #E6EFF5;
  color: #006FB7;
  font-weight: bold;
  padding: 3px;
}

h2.black {
  background: none;
  color: #000;
  font-weight: bold;
  padding: 3px 3px 3px 0px;
}

h3 {
  color: #505050;
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 10px;
}

h3 span {
  font-size: 0.9em;
  font-weight: normal;
}

strong {
  font-weight: bold;
}

a.hidden { display: none; }

.nowrap {white-space: nowrap;}

/****************************global settings**************************************/

/****************************content********************************************/
.wrapper {
  background: url(../images/bg.gif);
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -33px;
  width: 800px;
}

div#content-frame {
  margin: 0 auto;
  width: 800px;
}

div#content-frame div#header { 
  height: 104px; 
}  

div#content-frame div#header img#logo { 
  display: block;
  float: left;
  margin-top: 19px;
}

div#content-frame div#header ul { 
  background: url(../images/bg_navigation.gif) 19px 40px no-repeat;
  float: left;
  height: 28px; 
  padding: 76px 0px 0px 4px;
  width: 575px;
}

body.en div#content-frame div#header ul { 
  background: url(../images/bg_navigation_en.gif) 19px 40px no-repeat;
}

div#content-frame div#header ul li { 
  display: inline;
}

div#content-frame div#visual { 
  height: 260px;
  padding: 0px 10px;
  position: relative;
  width: 780px;
}

div#content-frame object#visual {
  margin: 0px 10px 0px 10px;
}

img#btn_das-handstueck {
  left: 20px;
  position: absolute;
  top: 184px;
}
img#btn_phaco-nadeln {
  left: 212px;
  position: absolute;
  top: 184px;
}

div.home {
  background: #FFF url(../images/ihr-spezialist-fuer-die-herstellung.jpg) 10px 0px no-repeat;
  height: 260px;
}  

body.en div.home {
  background: #FFF url(../images/fallback_header.jpg) 10px 0px no-repeat;
}  

div#content-frame div#content-left { 
  float: left;
  padding: 15px 30px 0px 10px;
  width: 200px;
}

div#content-frame div#content-left ul li { 
  border-bottom: 1px dotted #84B8D3;
  padding: 3px 0px;
}

div#content-frame div#content-left ul li.spacer { 
  background: url(../images/bg_spacer.gif) right bottom repeat-x;
  color: #0C5583;
  margin-top: 10px;
}

div#content-frame div#content-left ul li.active a { 
  color: #006FB7;
  font-weight: bold;
}
div#content-frame div#content-left ul li.active a:hover { 
  text-decoration: none;
}

div#content-frame div#content-left ul li a { 
  display: block;
  text-decoration: none;
}

div#content-frame div#content-left ul li a:hover { 
  color: #006FB7;
}

div#content-frame div#content-right { 
  float: left;
  padding: 15px 10px 0px 0px;
  width: 550px;
}

div#content-frame div#content-right p.news {
  border-bottom: 1px dotted #0C5578;
  padding: 3px 0px;
}  
div#content-frame div#content-right p.news img {
  float: left;
  padding: 2px 7px 7px 0px;
}

div#content-frame div#content-right p.small {
  color: #929191;
  font-size: 0.9em;
} 
div#content-frame div#content-right p.small a {
  color: #929191;
  text-decoration: underline;
}

div#content-frame div#content-right a.download {
  background: #E6EFF5 url(../images/icon_link.gif) 5px 6px no-repeat;
  color: #006FB7;
  display: block;
  margin: 5px 0px;
  font-weight: bold;
  padding: 3px 3px 3px 20px;
  text-decoration: none;
}

div#content-frame div#content-right p.image {
  padding: 0px 0px 20px 105px;
} 
div#content-frame div#content-right p.image a {
  color: #006FB7;
  text-decoration: none;
}

div#content-frame div#content-right p.image.fritz-ruck {
  background: url(../images/logo_fritz_ruck.gif) 0px 5px no-repeat;
}
div#content-frame div#content-right p.image.buerki {
  background: url(../images/logo_buerki.gif) 0px 0px no-repeat;
}
div#content-frame div#content-right p.image.bytec-med {
  background: url(../images/logo_bytec_med.gif) 0px 5px no-repeat;
}
div#content-frame div#content-right p.image.fraunhofer {
  background: url(../images/logo_fraunhofer.gif) 0px 5px no-repeat;
}

div#content-frame div#content-right ul.header  {
  width: 550px;
}

div#content-frame div#content-right ul.header li {
  float: left;
}

div#content-frame div#content-right ul.header li {
  width: 230px;
}

div#content-frame div#content-right ul.header li.left {
  width: 320px;
}

div#content-frame div#content-both { 
  padding: 15px 10px 0px 10px;
  width: 780px;
}

div#content-frame div#content-both h1 { 
  padding-left: 230px;
}

div#content-frame div#content-both ul { 
  width: 780px;
}

div#content-frame div#content-both ul li.left { 
  float: left;
  padding: 10px 30px 10px 0px;
  text-align: right;
  width: 200px;
}
div#content-frame div#content-both ul li.left strong  { 
  color: #006FB7;
}

div#content-frame div#content-both ul li.right { 
  border-bottom: 1px dotted #84B8D3;
  float: left;
  padding: 10px 0px 10px 0px;
  width: 550px;
}

div#content-frame div#content-both ul li.right p img { 
  float: left;
  padding: 2px 7px 7px 0px;
}  
div#content-frame div#content-right ul.text  {
  margin-top: 10px;
}

div#content-frame div#content-right ul.text li {
  background: url(../images/bullet.gif) 0px 6px no-repeat;
  padding-left: 10px;
}

/****************************content********************************************/

/****************************footer*********************************************/
.push {
  clear: both;
  height: 33px;
}

div.footer {
  height: 33px;
} 

div.footer ul {
  background: #006DB3;  
  color: #B3D3E8;
  font-size: 0.9em;
  height: 23px;
  margin: 0 auto;
  padding: 10px 0px 0px 24px;
  width: 776px;
}

div.footer ul li {
  display: inline;
}

div.footer ul li a {
  color: #B3D3E8;
  text-decoration: none;
}

div.footer ul li a:hover {
  color: #FFF;
  text-decoration: underline;
}

/****************************footer*********************************************/ 

/****************************forms*******************************************/
label {
  display: block; 
  float: left; 
  margin-top: 5px; 
  width: 74px;
}

input, textarea {
  background: url(../images/bg-form.gif) no-repeat;
  border-top: 1px solid #C5C5C5;
  border-right: 1px solid #A7A7A7; 
  border-bottom: 1px solid #A7A7A7; 
  border-left: 1px solid #A7A7A7;
  font: normal 11px verdana, arial, helvetica, sans-serif; 
  height: 15px;
  margin-top: 5px;
  padding: 0px 5px; 
  width: 268px;
}
textarea { 
  height: 60px;
  margin-bottom: 5px;
}

input.submit {
  background: none;
  border: none;
  height: auto;
  margin: 5px 0px 0px 74px;
  padding: 0px; 
  width: auto;
}

p.blue {
  color: #006FB7;
}
/****************************forms*******************************************/

/****************************visible skip menue**********************************/
.skip, .skip:link, .skip:visited {
  color: #000;
  position: absolute;
  top: -1000em;
  z-index: 100;
}

.skip:focus, .skip:active {
	display: block;
	left: 20px;
	outline: none;
	padding-top: 7px;
	position: absolute;
	top: 0px;
}
/****************************visible skip menue**********************************/