/* ************************************ */
/* * project: phoenix-xray.com        * */
/* * file:    styles.css              * */
/* * version: 1.0                     * */
/* * updated: 2006-07-26              * */
/* * author:  Thomas Goebe            * */
/* *          (goebe@twin-systems.de) * */
/* ************************************ */


/* *** general settings *** */
* {
  margin:0;
  padding:0;
  font-size: 100%;
  color: #000;
  font-family: Verdana, Helvetica, sans-serif;
}

html {
  height: 100%;
}

div#logo {
position: absolute;
top: 25px;
left: 10px;
z-index: 600;
}

div#logo a,
div#logo a img {
border: 0;
}

body {
  height: 100%;
  overflow: hidden;
  font-size: 100.01%; 
  position: relative; 
  border: 0;
  background-color: #fff;
}

/* disable print header  */
div#print_header {
  display: none;
}

/* right column  */
div#col_right {
  position: relative;
  width: 134px;
  height: 100%;
  float: right;
  background-color: #E6E7E8;
}

div#col_right_header {
  position: relative;
  height: 25%;
  width: 100%;
  overflow: hidden;
}

div#col_right_header div#sidebar_placeholder {
  height: 119px;
  margin: 0;
  paddng: 0;
  background: transparent;
}

div#col_right_content {
  position: relative;
  height: 71%;
  width: 100%;
  overflow: hidden;
}

div#col_right_footer {
  position: relative;
  height: 4%;
  width: 100%;
  overflow: hidden;
}


/* left column */
div#col_left {
  position: relative;
  width: 196px;
  height: 100%;
  float: left;
  background: #939598 url(http://www.phoenixxray.com/images/background/bg_footer.gif) bottom left repeat-x;
}

div#col_left_header {
  position: relative;
  height: 25%;
  width: 100%;
  overflow: hidden;
  background: transparent url(http://www.phoenixxray.com/images/background/bg_logo.gif) top left repeat-x;
}

div#col_left_header img {
  position: relative;
  top: 10px;
  left: 15px;
}

div#col_left_navigation_top {
  position: relative;
  height: 60%;
  width: 100%;
  overflow: auto;
}

div#col_left_navigation_bottom {
  position: absolute;
  bottom: 4%;
  left: 0px;
  width: 100%;
  background-color: #FDB813;
}

div#col_left_footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 4%;
  width: 100%;
  background: transparent url(http://www.phoenixxray.com/images/background/bg_footer.gif) bottom left repeat-x;
  font-size: 8pt;
}


/* main column */
div#col_main {
  position: relative;
  margin: 0px 134px 0px 196px;
  height: 100%;
  background-color: #fff;
  z-index: 100;
}

div#col_main_header {
  position: relative;
  height: 25%;
  width: 100%;
  background: transparent url(http://www.phoenixxray.com/images/background/bg_content_header2.gif) top left repeat-x;
  z-index: 1000;
}

div#col_main_header_navigation {
  position: relative;
  top: 103px;
  height: 13px;
  padding: 0px 48px 0px 48px;
  z-index: 1000;
}

div#col_main_ge {
  position: relative;
  top: 106px;
  font-size: 10px;
  color: rgb(30,65,145);
  height: 15px;
  border-bottom: 1px #e7e6e9 solid;
  width: 100%;
}

div#col_main_ge a {
  position: absolute;
  top: 1px;
  left: 48px;
  color: rgb(30,65,145) !important;
  text-decoration: none;
  font-size: 7pt;
  font-weight: bold;
  z-index: 50;
}

div#col_main_ge a:hover {
  font-style: italic;
}

div#col_main_content {
  position: relative;
  height: 71%;
  overflow: auto;
  padding: 0px 48px 0px 48px;
  z-index: 200;
}

div#col_main_footer {
  position: relative;
  height: 4%;
  background: transparent url(http://www.phoenixxray.com/images/background/bg_footer.gif) bottom left no-repeat;
  z-index: 300;
}

/* navigation */
/* header navigation */
div#col_main_header_navigation ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 1000;
}

ul#language_select {
  z-index: 1000;
}

div#col_main_header_navigation ul li {
  display: block;
  float: left;
  width: 16%;
  color: #f1f1f2;
  border-left: 1px #f1f1f3 solid;
  padding-left: 2px;
  z-index: 1000;
}

div#col_main_header_navigation ul li ul {
  display: none;
  position: relative;
  border: 0;
  background-color: #939598;
  z-index: 2000;
  padding: 5px 2px 0px 2px;
  margin-left: 0px 0px 0px -2px;
}

div#col_main_header_navigation ul li ul li {
  display: block;
  border: 0;
  padding: 0px 0px 5px;
  margin: 0;
  float: none;
  background-color: #939598;
  width: 100%;
  z-index: 2000;
}

div#col_main_header_navigation ul li ul li a {
  border: 0;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  font-weight: normal;
}

div#col_main_header_navigation ul li a {
  font-size: 8pt;
  color: #f1f1f3;
  text-decoration: none;
  display: block;
  margin: 0px;
  padding: 0px 2px 0px 2px;
  font-weight: normal;
}

div#col_main_header_navigation ul li a:hover {
  background-color: #f1f1f3;
  color: #969598;
}


/* --- top navigation --- */

div#col_left_navigation_top ul {
  margin: 0px 1px 0px 15px;
  list-style-type: none;
}

div#col_left_navigation_top ul li {
  margin: 0px 0px 10px 0px;
  padding: 0;
  line-height: 1.1em;
}

div#col_left_navigation_top ul li a {
  display: block;
  background: transparent;
  color: #fff;
  position: relative;
  text-decoration: none;  
  font-size: 8pt;
  font-weight: bold;
}

div#col_left_navigation_top ul li a:hover {
  background-color: #f1f1f2 !important;
  color: #939598 !important;
}


div#col_left_navigation_top ul li ul {
  list-style-type: none;
  margin: 5px 0px 10px 0px;
  padding: 0;
}

div#col_left_navigation_top ul li ul li {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 1.1em;
}

div#col_left_navigation_top ul li ul li a sup,
div#col_left_navigation_top ul li.current ul li a sup {
  color: #f1f1f2;
}

div#col_left_navigation_top ul li ul li a:hover sup,
div#col_left_navigation_top ul li.current ul li a:hover sup {
  color: #939598;
}
div#col_left_navigation_bottom ul li ul li a {
  padding-left: 25px;
  font-weight: normal !important;
}


div#col_left_navigation_top ul li.current a {
  font-weight: bold;
}

div#col_left_navigation_top ul li.current ul li a {
  padding-left: 25px;
  font-weight: normal;
}

div#col_left_navigation_top ul li.current ul li.current {
  margin: 1px 0px 1px 0px;
}

div#col_left_navigation_top ul li.current ul li.current a {
  padding-left: 25px;
  color: #939598;
  background-color: #f1f1f2 !important;
  font-weight: normal;
}


div#col_left_navigation_top ul li.current ul li.current a sup {
  color: #939598;
}

/* bottom navigation */

div#col_left_navigation_bottom ul {
  margin: 0px 1px 0px 15px;
  list-style-type: none;
  padding: 10px 0px 10px;
}

div#col_left_navigation_bottom ul li {
  margin: 0px 0px 4px;
  padding: 0;
  line-height: 1.1em;
}

div#col_left_navigation_bottom ul li a {
  color: #58595a;
  display: block;
  background: transparent;
  position: relative;
  text-decoration: none;  
  font-size: 8pt;
  font-weight: bold;
}

div#col_left_navigation_bottom ul li a:hover {
  font-weight: bold;
}

div#col_left_navigation_bottom ul li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#col_left_navigation_bottom ul li ul li {
  margin: 0;
  padding: 0;  
  display: block;
  line-height: 1.1em;
}

div#col_left_navigation_bottom ul li ul li a {
  padding-left: 25px;
  font-weight: normal;
}

div#col_left_navigation_bottom ul li ul li a:hover {
  font-weight: bold;
}

div#col_left_navigation_bottom ul li.current ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#col_left_navigation_bottom ul li.current a {
  font-weight: bold;
  color: #b8292f;
}

div#col_left_navigation_bottom ul li.current ul li a {
  padding-left: 25px;  
  font-weight: normal;
  color: #58595a;
}

div#col_left_navigation_bottom ul li.current ul li a:hover {
  font-weight: bold !important;
}

div#col_left_navigation_bottom ul li.current ul li.current a {
  padding-left: 25px;
  color: #b8292f;
  font-weight: normal!important;
}

div#col_left_navigation_bottom ul li.current ul li.current a:hover {
  font-weight: bold !important;
}

div#col_left_navigation_bottom ul li.current ul li.current ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#col_left_navigation_bottom ul li.current ul li.current ul li a {
  padding-left: 50px;  
  font-weight: normal !important;
  color: #58595a;
}

div#col_left_navigation_bottom ul li.current ul li.current ul li a:hover {
  font-weight: bold;
}

div#col_left_navigation_bottom ul li.current ul li.current ul li.current a {
  padding-left: 50px;  
  font-weight: bold;
  color: #b8292f;
}

/* Content */
a img {
  border: 1px #5c5c5c solid;
}

div#col_left_header a img,
div#col_right_content a img {
  border: 0;
}

div#col_right_header object {
  position: relative;
  width: 134px;
  height: 119px;
  display: block;
  margin: 0;
  padding: 0;
}

div#col_right_header img {
  margin: 0;
  padding: 0;
  display: block;
}

div#col_right_content img {
  margin-bottom: 15px;
}

div#col_right_header h1 {
  margin: 0;
  font-size: 7pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  min-height: 14px;
  vertical-align: center;
  display: block;
  padding: 1px 0px 0px 0px;
}

div#col_main_content {
  font-size: 8pt;
  color: #000;
  text-align: left;
  line-height: 180%;
}

div#col_main_content hr {
  height: 1px;
  boder: 0;
  margin: 0;
  padding: 0;
}

div#col_main_content a img#principle_image,
div#col_main_content a img#product_image {
  float: left;
  margin: 0px 10px 20px 0px !important;
}


div#col_main_content * {
  color: #000;
  line-height: 180%;
}

div#col_main_content p {
  color: #000 !important;
  margin-bottom: 15px;
}

div#main_content a:link,
div#main_content a:active,
div#main_content a:visited,
div#main_content a:hover {
  text-decoration: underline;
  color: #000;
}

div#col_main_content h1 {
  margin-bottom: 10px;
  font-size: 8pt;
  font-weight: bold;
  line-height: 150%;
}


div#col_main_content h2 {
  margin-bottom: 10px;
  font-size: 8pt;
  font-weight: bold;
  line-height: 150%;
}

div#col_main_content h3 {
  margin: 30px 0px 5px 0px;
  font-size: 8pt;
  font-weight: bold !important;
  line-height: 150%;
}


div#col_main_content table h3 {
  margin-top: 0;
  padding-top: 0;
  font-weight: normal;
}

div#col_main_content ol {
  margin: 10px 0px 0px 25px;
}

div#col_main_content ul {
  margin: 10px 0px 0px 0px;
  list-style-type: none;
}

div#col_main_content ul li {
  padding-left: 15px;
  background: transparent url(http://www.phoenixxray.com/images/background/pfeil_grau.gif) 0px 4px no-repeat;
  position: relative;
  line-height: 1.8em;
}

div#col_main_content ul li ul {
  margin: 10px 0px 10px 15px;
}

div#col_main_content ul.searchresult li {
  margin-bottom: 15px;
}

div#col_main_content table#honours tr th,
div#col_main_content table#honours tr td {
  text-align: left;
  vertical-align: bottom;
  padding: 20px;
}

div#col_main_content table tr th {
  font-size: 8pt;
}

div#col_main_content table tr td {
  margin: 0;
  padding: 0px 0px 5px 0px;
  vertical-align: top;
  font-size: 8pt;
}
div#col_main_content table tr th p, 
div#col_main_content table tr td p {
  margin: 0px;
  padding: 0px;
}


div#col_main_content table tr td.image {
  padding: 5px 5px 0px 0px;
}

div#col_main_content table.fullwidth {
  width: 100%;
}

div#col_main_content table.coloredTable {
  border-collapse: collapse;
  margin: 20px 0px 20px 0px;
}

div#col_main_content table.coloredTable tr th {
  text-align: left;
  border: 1px #fff solid;
  color: #fff;
  padding: 6px 20px 6px 20px;
  vertical-align: top;
  font-weight: bold;
  font-size: 7pt;
}


div#col_main_content table.coloredTable tr th.hiddenCell,
div#col_main_content table.coloredTable tr td.hiddenCell {
  background-color: transparent !important;
}

div#col_main_content table.coloredTable tr td {
  border: 1px #fff solid;
  background-color: #E6E7E8;
  padding: 20px;
  font-size: 8pt;
}

div#col_main_content table.smallMargins tr th,
div#col_main_content table.smallMargins tr td {
  padding: 6px !important;
}


div#col_main_content table tr th.image,
div#col_main_content table tr td.image {
  vertical-align: top;
}

div#col_main_content table tr th.bottomAlign,
div#col_main_content table tr td.bottomAlign {
  vertical-align: bottom !important;
}


div#col_main_content ul.glossar_letter {
  list-style-type: none !important; 
  margin: 0;
  text-align: center;
}

div#col_main_content ul.glossar_letter li {
  display: inline !important;
  font-size: 10pt;
  padding: 0px 10px 0px 0px !important;
  background-image: none !important;
}

div#col_main_content form div#support_form,
div#col_main_content form div#contact_items,
div#col_main_content form div#newsletter {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

div#col_main_content form div#support_form p,
div#col_main_content form div#contact_items p,
div#col_main_content form div#newsletter p {
  width: 100%;
  margin: 0px 0px 10px 0px;
  padding: 0;
}

div#col_main_content form div#support_form p label,
div#col_main_content form div#contact_items p label,
div#col_main_content form div#newsletter p label {
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

div#col_main_content form div#support_form p input,
div#col_main_content form div#contact_items p input,
div#col_main_content form div#newsletter p input {
  width: 250px;
  border: 1px #373535 solid;
  margin: 0;
  padding: 0;
  position: relative;
}

div#col_main_content form div#support_form p textarea,
div#col_main_content form div#contact_items p textarea,
div#col_main_content form div#newsletter p textarea {
  width: 250px;
  height: 100px;
  border: 1px #373535 solid;
}

div#col_main_content form div#contact_products {
  width: 45%;
  float: left;
  position: relative;
  margin-right: 2%;
}

div#col_main_content form div#contact_applications {
  position: relative;
  margin-left: 45%;
}

div#col_main_content form div#contact_products p,
div#col_main_content form div#contact_applications p {
  margin-bottom: 5px;
}

div#col_main_content p.clearLeft {
  clear: left;
}

/* Footer */
div#col_left_footer p {
  position: absolute;
  bottom: 1px;
  left: 5px;
  font-size: 7pt;
  color: #58595A;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

div#col_main_footer a {
  position: absolute;
  text-decoration: none;
  left: 48px;
  bottom: 1px;
  font-size: 7pt;
  color: #58595A;
  margin: 0;
  padding: 0;
}

div#col_main_footer a:hover {
  text-decoration: underline;
}


/* --- IE-Hacks --- */
/* Hides from IE-mac \*/
* html div#col_left { margin-right: -3px; }
* html div#col_right { margin-left: -3px; }
* html div#col_main { margin-left: 193px; margin-right: 131px; } 
* html div#col_main_content {position: relative; width: 100%;}
* html div#col_main_header_navigation ul li a {width: 99%;}
* html div#col_left_navigation_top { height: 65%; }
* html div#col_left_navigation_top ul li a { width: 100%;}
* html div#col_left_navigation_top ul li ul li a { width: 100%;}
* html div#col_left_navigation_top ul li.current ul li a { width: 100%;}
* html div#col_left_navigation_top ul li.current ul li.current a { width: 100%;}
* html div#col_left_navigation_bottom ul li a { width: 100%;}
* html div#col_right_header h1 { height: 15px; }
/* End hide from IE-mac */ 