/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html {
  height: 100%;
}

body {
  font-size: 82.5%;
  background: #333;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
}

/*
ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
*/

img, a img {
  border: 0;
}

form {
  display: inline;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted;
}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.4em;
  margin: 0 0 1.0em 0;
}

a {
  color: #3A6EB7;
}

h1 {
  font-size: 1.3em;
  margin-bottom: 1.0em;
}

h2 {
  margin-top: 2.0em;
  font-size: 1.1em;
  color: #3A6EB7;
}

h3 {
  margin-top: 2.0em;
  font-size: 1.0em;
  color: #000;
}


/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}

.zurueck a, a.zurueck {
  padding-left: 14px;
  background: transparent url(../bilder/dot_li_zurueck.gif) left 0.3em no-repeat;
  color: #000;
}

.zurueck a:hover {
  color: #3A6EB7;
}

.install {
  background: transparent url(../bilder/install.jpg) left center no-repeat;
  padding: 5px 0;
  padding-left: 30px;
  display: inline-block;
  color: #000;
}


/*----------------------------------------------------------------*/
/* wrap */
/*----------------------------------------------------------------*/
#wrap {
  margin: 16px 0 0 8px;
  width: 747px;
  font-size: 0.9em;
  background: #3A6EB7;
}


/*----------------------------------------------------------------*/
/* header */
/*----------------------------------------------------------------*/
#header {
  height: 47px;
  background: #fff url(../bilder/back_header.gif) left top no-repeat;
  font-size: 0.9em;
}

#header img {
  float: left;
  margin-left: 21px;
}

#header ul, #header li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header li {
  float: right;
  background: #666;
  margin-top: 28px;
}

#header li a {
  color: #fff;
  text-decoration: none;
  line-height: 19px;
  padding: 0 6px;
  border-left: 1px solid #fff;
}

#header li a:hover {
  text-decoration: underline;
}

#header li.last {
  background: #666 url(../bilder/back_iconnavi.gif) left top no-repeat;
  padding-left: 44px;
}

#header li.last a {
  border: 0;
}


/*----------------------------------------------------------------*/
/* topnavi */
/*----------------------------------------------------------------*/
#topnavi {
  height: 22px;
}

#topnavi, #topnavi li {
  background: #3A6EB7;
  padding: 0;
  margin: 0;
  list-style: none;
}

#topnavi {
  clear: both;
  width: 100%;
}

#topnavi li {
  display: inline;
  float: left;
  padding: 3px 5px;
}

#topnavi li.first {
  margin-left: 71px;
}

#topnavi li a {
  color: #fff;
  text-decoration: none;
  padding: 0 4px;
}

#topnavi li a:hover, #topnavi li.selected a {
  background: #6B92C9;
}


/*----------------------------------------------------------------*/
/* content */
/*----------------------------------------------------------------*/
#content {
  background: #fff url(../media/bilder/header/default.jpg) left top no-repeat;
  padding: 10px;
  padding-top: 180px;
  clear: both;
  border-top: 1px solid #91AED7;
}

/*
#news #content {
  background-image: url(../bilder/back_news.jpg);
}

#wir_ueber_uns #content {
  background-image: url(../bilder/back_ueber_uns.jpg);
}

#produktkatalog #content {
  background-image: url(../bilder/back_produktkatalog.jpg);
}

#multimedia #content {
  background-image: url(../bilder/back_multimedia.jpg);
}

#jobboerse #content {
  background-image: url(../bilder/back_jobs.jpg);
}

#kontakt #content {
  background-image: url(../bilder/back_kontakt.jpg);
}
*/


/*----------------------------------------------------------------*/
/* inhalt */
/*----------------------------------------------------------------*/
#inhalt {
  width: 540px;
  float: right;
  display: inline;
}

#inhalt ul {
  margin-bottom: 1.0em;
}

#inhalt ul li {
  padding-left: 14px;
  line-height: 1.4em;
  background: transparent url(../bilder/dot_li.gif) left top no-repeat;
}


/*----------------------------------------------------------------*/
/* links */
/*----------------------------------------------------------------*/
#links {
  width: 170px;
  float: left;
  display: inline;
}

#links h2 {
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 0;
}

#links h3 {
  font-size: 1.0em;
  margin: 0;
  line-height: 1.5em;
  margin-bottom: 2.0em;
}

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

#links a:hover {
  color: #3A6EB7;
}


/*----------------------------------------------------------------*/
/* footer */
/*----------------------------------------------------------------*/
#footer {
  padding-top: 25px;
  background: #333 url(../bilder/back_footer.gif) left top no-repeat;
  color: #fff;
  font-size: 0.9em;
  padding-bottom: 20px;
}

#footer a {
  text-decoration: none;
  background: transparent url(../bilder/ico_email.gif) center center no-repeat;
  width: 16px;
  line-height: 16px;
  display: inline-block;
}


/*----------------------------------------------------------------*/
/* startseite */
/*----------------------------------------------------------------*/
#startseite #content {
  background-image: url(../bilder/back_startseite.jpg);
  padding-top: 230px;
}

#startseite #links {
  display: none;
}

#startseite #inhalt {
  width: 727px;
}

#startseite table td {
  vertical-align: top;
  padding-left: 10px;
}

#startseite table td.s0 {
  padding-left: 0;
  width: auto;
}

#startseite table td.s1 {
  width: 197px;
}

.uk {
  width: 100%;
}

.uk0 {
  width: 45%;
  margin-right: 5%;
}

.uk1 {
  width: 45%;
  margin-left: 5%;
}


/*----------------------------------------------------------------*/
/* produktkatalog uebersicht */
/*----------------------------------------------------------------*/
/*
#produktkatalog #inhalt {
  width: 440px;
}

#produktkatalog #links {
  width: 270px;
}
*/

#pro_kat_uebersicht {
  width: 100%;
}

#links #pro_kat_uebersicht {
  margin-top: 2.0em;
}

#pro_kat_uebersicht td {
  vertical-align: top;
  width: 33%;
  cursor: pointer;
}

#pro_kat_uebersicht td table {
  width: 138px;
  margin-bottom: 10px;
  border-bottom: 1px solid #979797;
}

#pro_kat_uebersicht td table th {
  vertical-align: middle;
  background: transparent url(../bilder/back_pro_kat_uebersicht_h1.gif) left top repeat-Y;
  width: auto;
  height: 30px;
  text-align: left;
}

#pro_kat_uebersicht td table th h2 {
  margin: 0;
  font-size: 0.9em;
  font-weight: normal;
  text-transform: none;
}

#pro_kat_uebersicht td table th h2 a {
  color: #000;
  text-decoration: none;
  display: block;
  margin-right: 9px;
  background: transparent url(../bilder/back_pro_kat_uebersicht_a.gif) left center no-repeat;
  margin-left: 7px;
  padding-left: 17px;
}

#pro_kat_uebersicht td table td {
  width: 106px;
  height: 60px;
  overflow: hidden;
  border-right: 1px solid #979797;
  border-top: 1px solid #979797;
  background: transparent url(../bilder/back_kategorie_no_img.jpg) center center no-repeat;
}

#pro_kat_uebersicht td table td.nr {
  background: #666;
  vertical-align: bottom;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  border: 0;
}

#pro_kat_uebersicht td table td.nr div {
  width: 31px;
}

#template_implantat_balken {
  clear: both;
}

#template_implantat_balken div {
  width: 265px;
  float: left;
  display: inline;
}

#template_implantat_balken div.abstand_rechts {
  padding-right: 10px;
}

h2.pro_kat {
  color: #000;
  margin-bottom: 1.0em;
}

h1.pro_kat, h1.pro_kat_lang {
  background: #3A6EB7;
  color: #fff;
  padding: 0.3em;
  font-size: 1.1em;
  font-weight: normal;
  width: 240px;
}

h1.pro_kat_lang {
  width: auto;
}

.seitenzahl {
  background: #3A6EB7;
  color: #fff;
  padding: 0.1em;
}

#inhalt ul.pro_kat_produkte {
  margin-bottom: 2.0em;
}

#inhalt ul.pro_kat_produkte li {
  background: transparent url(../bilder/dot_li_pfeil.gif) left 0.3em no-repeat;
  list-style: none;
}

#inhalt ul.pro_kat_produkte li a {
  color: #000;
}

#inhalt ul.pro_kat_produkte li a:hover {
  color: #3A6EB7;
}

.pro_kat_img {

}

.tbl_bild {
 width: 240px;
 height: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  float: left;
  display: inline;
}

table.balken, table.linien {
  margin-bottom: 1.0em;
  width: 265px;
}

table.balken_set {
  margin-bottom: 1.0em;
  width: 540px;
}

table.linien {
  border-top: 1px solid #D4D4D4;
}

table.balken td, table.linien td, table.linien th, table.balken th, table.balken_set td, table.balken_set th {
  vertical-align: top;
  text-align: center;
  background: #F0F0F0;
  padding: 0.2em;
  font-weight: normal;
}

table.balken td.last, table.linien td.last, table.linien th.last, table.balken th.last, table.balken_set td.last, table.balken_set th.last {
  text-align: left;
}

table.linien td, table.linien th {
  background: #fff;
  text-align: right;
  border-bottom: 1px solid #D4D4D4;
}

table.linien td.first, table.linien th.first {
  text-align: left;
}

table.balken td.farbe1, table.balken_set td.farbe1 {
  background: #D4D4D4;
}

table.balken th, table.balken_set th {
  vertical-align: bottom;
  text-align: center;
  background: #F0F0F0;
  font-weight: bold;
  padding: 0.6em 0.2em;
}

#indication_container {
  float: left;
  display: inline;
  width: 265px;
}

.indication_eine_zeile div {
  height: 15px;
  overflow: hidden;
  margin: 0;
}

#indication_mehr {
  display: none;
}

.indication_eine_zeile #indication_mehr {
  display: inline;
}


/*----------------------------------------------------------------*/
/* produktsuche */
/*----------------------------------------------------------------*/
#suchcontainer {
  background: #F0F0F0;
  padding: 0.5em;
  border: 1px solid #D4D4D4;
  margin-bottom: 2.0em;
}

#suchcontainer table td {
  padding-right: 0.5em;
}


/*----------------------------------------------------------------*/
/* google map */
/*----------------------------------------------------------------*/
#map {
  background: #eee url(../bilder/loading_big.gif) center center no-repeat;
  height: 300px;
}


/*----------------------------------------------------------------*/
/* kontaktformular */
/*----------------------------------------------------------------*/
span.cx_pflicht {
  color: #FE0000;
  font-weight: bold;
  font-size: 1.4em;
}

input.cx_pflicht, textarea.cx_pflicht {
  background: #FF6D6E;
  color: #fff;
}

.cx_error {
  border: 1px solid #FE0000;
  color: #fff;
  background: #FF6D6E;
  padding: 0.5em;
}

table.kontaktformular {
  margin: 2.0em 0em;
}

table.kontaktformular .spalte-1, table.kontaktformular .spalte-2 {
  vertical-align: top;
  padding-bottom: 0.3em;
}

table.kontaktformular .spalte-1 {
  width: 150px;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea, table.kontaktformular .spalte-2 select, .submit {
  padding: 0.1em;
}

table.kontaktformular .spalte-2 input, table.kontaktformular .spalte-2 textarea {
  width: 300px;
}

.submit {
  text-align: center;
}

p.kontaktformular {
  text-align: center;
}