/**************************************************/
/* Fixes                                          */
/**************************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.comment-fix {
  visibility: hidden;
  display: none;
}


/**************************************************/
/* Basisdefinitionen                              */
/**************************************************/

body,td,div,p,ul,li,b,nobr,textarea,input {
  color: #6C6C6C;
  font: 10px/13px Verdana, Arial, sans-serif;
}

body {
  background: #ffffff;
  margin: 15px 20px;
  border: 0 none;
  padding: 0;
}

table td {
   margin: 0;
   border: 0 none;
   padding: 0;
   vertical-align: top;
}

p {
   margin: 0;
   border: 0;
   padding: 10px;
}

img {
   border: 0px none;
}

ul {
  margin: 0;
  padding: 7px 0 5px 15px;
  line-height: normal;
}

ul li {
  list-style: url(../img/list_bullet.gif);
  color: #6C6C6C;
  padding: 0 0 5px 0;
  line-height: normal;
}


/**************************************************/
/* Formulare                                      */
/**************************************************/

form {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

textarea {
  background: #ffffff;
  color: #606060;
  border: 1px solid #d2d2d2;
}

input {
  background: #ffffff;
  color: #000000;
  border: 1px solid #8E8A88;
}

select {
  background: #ffffff;
  color: #5A5D5F;
  border: 1px solid;
  font-family: Arial,sans-serif;
}

.formbutton {
  background: #C1DCED;
  color: #000000;
  font-weight: bold;
  font-size: 9px;
  letter-spacing: 1px;
}


/**************************************************/
/* Links                                          */
/**************************************************/

a {
  color: #5C7B8F;
  text-decoration: underline;
}

a:visited {
  color: #5C7B8F;
}

a:hover {
  color: #20485F;
  text-decoration: none;
}


/**************************************************/
/* SEO                                            */
/**************************************************/

h1.titel1, h1.titel2, h1.titel3,
h2.titel1, h2.titel2, h2.titel3,
h3.titel1, h3.titel2, h3.titel3  {
  font-size: 10px;
  line-height: 13px;
  color: #000000;
  padding: 0 0 4px 0;
  margin: 0px 10px 0px 0px;
  display: block;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

#wrapper {
  width: 930px;
}

#home-wrapper {
  width: 928px;
  height: 645px;
  border: 1px solid #cac6b9;
  border-top: none;
  float: left;
}

#flash-video {
  margin: 8px 0px 0px 7px;
}

/**************************************************/
/* Abstände, Ausrichtung                          */
/**************************************************/

.horz-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.links {
  float: left;
}

.rechts {
  float: right;
}


/**************************************************/
/* Text                                           */
/**************************************************/

.titel1, .titel2, .titel3 {
  color: #000000;
  padding: 0 0 4px 0;
  display: block; /* IE: padding funktioniert sonst nicht */
  font-weight: bold;
  text-transform: uppercase;
}

.titel2 {
  color: #000000;
}

.titel3 {
  color: #000000;
}

.titel4 {
  color: #205984;
  padding: 0 0 5px 0;
  display: block;
  font-weight: bold;
}

.titel5, .titel6 {
  color: #000000;
  display: block;
  font-weight: bold;
  font-size: 11px;
}

.titel6 {
  color: #ffffff;
}

.absatz1 {
  padding: 0 0 15px 0;
  display: block;
}

.absatz2 {
  padding: 15px 0 0 0;
  display: block;
}

.absatz3 {
  padding: 0px 0 20px 0;
  display: block;
}

.absatz4 {
  padding: 5px 0 0 0;
  display: block;
}

.absatz5 {
  padding: 0 0 5px 0;
  display: block;
}

.intro1, .intro2 {
  color: #6C6C6C;
  margin: 0 0 5px 0;
  display: block;
}

.intro2 {
  margin: 0;
}

.schmal {
  line-height: normal;
}

.klein {
  font-size: 10px;
}

.gross {
  font-size: 11px;
}

.hilite1 {
  color: #19A6E7;
  font-weight: bold;
}

.hilite2 {
  color: #787878;
}

.hilite3 {
  color: #000000;
  font-weight: bold;
}

.hilite4 {
  color: #A7A292;
  font-weight: bold;
}

ul.simple {
  margin: 0;
  padding: 0 0 0 25px;
  line-height: normal;
}

ul.simple li {
  list-style: url(../img/list_bullet.gif);
  color: #787878;
  padding: 0 0 5px 0;
  font-weight: normal;
  line-height: normal;
}


/**************************************************/
/* Links                                          */
/**************************************************/

a.basic {
  background: url(../img/link_basic.gif) no-repeat bottom left;
  padding: 0 0 0 15px;
}

a.titles {
  text-decoration: none;
}

a.inverted, a.inverted2 {
  color: #ffffff;
  text-decoration: none;
}

a:visited.inverted, a:visited.inverted2 {
  color: #ffffff;
}

a:hover.inverted, a:hover.inverted2 {
  color: #ffffff;
  text-decoration: underline;
}

a.inverted2 {
  font-size: 11px;
}

a.inverted3 {
  color: #ffffff;
  text-decoration: underline;
}

a:visited.inverted3 {
  color: #ffffff;
}

a:hover.inverted3 {
  color: #19A6E7;
  text-decoration: none;
}

a.navi1 {
  color: #ffffff;
  padding: 0 40px 0 0;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-transform: capitalize;
}

a:visited.navi1 {
  color: #ffffff;
}

a:hover.navi1 {
  color: #C1DCED;
}

a.navi2 {
  color: #ffffff;
  font-size: 11px;
  padding: 0 0 5px 0;
  display: block;
  font-weight: bold;
  text-decoration: none;
}

a:visited.navi2 {
  color: #ffffff;
}

a:hover.navi2 {
  color: #C1DCED;
}

a.standard {
  color: #ffffff;
  padding: 0 40px 0 0;
  font-weight: bold;
  text-decoration: none;
}

a:visited.standard {
  color: #ffffff;
}

a:hover.standard {
  color: #20485F;
}


/**************************************************/
/* Content                                        */
/**************************************************/

.pic1, .pic1b {
  background: #ffffff;
  margin: 0 0 0 15px;
  border: 1px solid #DFDFDF;
  padding: 4px;
}

.pic1b {
  margin: 0;
}

.pic2 {
  background: #ffffff;
  margin: 0 15px 0 0;
  border: 1px solid #DFDFDF;
  padding: 4px;
}

.pic3 {
  background: #ffffff;
  margin: 0 15px 20px 0;
  border: 1px solid #DFDFDF;
  padding: 4px;
}

.white-min {
  width: 1px;
  height: 375px;
  float: right;
}

/**************************************************/
/* LAYOUT                                         */
/**************************************************/
/**************************************************/
/* Basis-Layout                                   */
/**************************************************/

#main-table {
  width: 930px;
  margin: 15px 0 0 20px; /* IE: padding greift nicht */
}

#main-header {
  height: 160px;
  background: #EFECE3 url(../img/bg_header.gif) repeat-x left;
}

#main-left-farbe {
  background: #fff;
  /* IE: width wird in TD nicht eingehalten, daher wird #main-left */
  /* durch DIV Innerhalb der TD definiert, bis auf Farbe ->  */
  /* TD left & TD main gleich "lang" */
}

#main-content-farbe {
  background: #ffffff;
  /* IE: width wird in TD nicht eingehalten, daher wird #main-content */
  /* durch DIV Innerhalb der TD definiert, bis auf Farbe ->  */
  /* TD left & TD main gleich "lang" */
}

#main-footer {
  height: 5px;
  background: url(../img/bg_footer.gif) repeat-x top left;
}


/**************************************************/
/* Modul: Header                                  */
/**************************************************/

#main-logo {
  width: 210px;
  height: 130px;
  background: #CAC6B9 url(../img/bg_logo.gif) repeat-x top;
  padding: 30px 0 0 0;
  float: left;
}

#main-claim {
  width: 720px;
  height: 95px;
  background: #efece3;
  text-align: right;
  float: left;
}

#main-navi {
  height: 25px;
  width: 700px;
  background: #20485f;
  padding: 10px 0 0 20px;
  float: left;
}

#standard-navi {
  height: 22px;
  width: 700px;
  padding: 8px 0 0 20px;
  background: #cac6b9;
  float: left;
}


/**************************************************/
/* Modul: Left                                    */
/**************************************************/

#main-subnavi {
  width: 190px;
  min-height: 600px;
  background: #cac6b9 url(/img/n-placeholder2.jpg) no-repeat bottom center;
  height: auto !important;
  height: 600px;
  padding: 20px 10px 15px 10px;
  float: left;
  clear: left;
}

#main-impressum {
  width: 210px;
  height: 410px;
  background: url(../img/impressum_bild1.jpg) no-repeat top left;
  overflow: hidden;
  float: left;
  clear: left;
}


/**************************************************/
/* Modul: Content                                 */
/**************************************************/

#main-content {
  width: 700px;
  margin: 0 0 0 20px;
  background: #fff;
  float: left;
}

#main-content-mitte {
  width: 525px;
  padding: 20px 20px 15px 0;
  background: #ffffff;
  float: left;
}

#main-content-full {
  width: 680px;
  padding: 0 20px 15px 0;
  background: #ffffff;
}

#main-content-rechts {
  width: 155px;
  float: right;
}

/**************************************************/
/* Modul: Footer                                  */
/**************************************************/

#medienpark {
  clear: left;
  float: left;
  margin: 0 0 0 65px;
}


/**************************************************/
/* CONTENT                                        */
/**************************************************/
/**************************************************/
/* Modul: Home                                    */
/**************************************************/

#home-intro1 {
  height: 165px;
  overflow: hidden;
}

.home-box1 {
  height: 135px;
  background: #F2F2F2;
  margin: 15px 0 0 0;
  padding: 10px;
  overflow: hidden;
}


/**************************************************/
/* Modul: Praxis                                  */
/**************************************************/

.praxis-bild {
  width: 110px;
  padding: 0 10px 0 0;
}

.praxis-bild img {
  background: #ffffff;
  margin: 20px 0 0 0;
  border: 1px solid #DFDFDF;
  padding: 4px;
}

.praxis-text {
  width: 410px;
}

.praxis-title1, .praxis-title1b, .praxis-title1c {
  height: 13px;
  background: #C1DCED;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #DFDFDF;
  padding: 5px 10px 5px 10px;
}

.praxis-title1b {
  margin: 10px 0 0 0;
}

.praxis-title1c {
  height: auto;
}

.praxis-title2, .praxis-title2b {
  margin: 10px 0 0 0;
  border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  padding: 4px 10px 4px 10px;
}

.praxis-title2b {
  margin: 25px 0 0 0;
}

.praxis-team1 {
  margin-top: 1px;
  width: 100%;
}

.praxis-box1 {
  width: 50%;
  background: #F2F2F2;
  padding: 10px;
}

.praxis-box2 {
  width: 270px;
  float: right;
}

.praxis-box3 {
	float: left;
}
.praxis-body1 {
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
}

.praxis-footer1 {
  background: #F2F2F2;
  padding: 1px 10px 3px 10px;
  text-align: right;
}

/**************************************************/
/* Modul: Behandlung, Implantate, Aesthetik       */
/**************************************************/

.behandlung-box1 {
  background: #F2F2F2;
  margin: 20px 0 0 0;
  padding: 10px;
}

.behandlung-box1 img {
  margin: 10px;
  float: right;
  clear: right;
}

.text1, .text2, .text3 {
  margin: 10px 0 0 0;
  background: #C1DCED;
}

.text2 {
  background: #EBEC10;
}

.text3 {
  background: #FF5A00;
}


/**************************************************/
/* Modul: Information                             */
/**************************************************/

.info-title1, .info-title1b {
  background: #C1DCED;
  margin: 25px 0 0 0;
  border-bottom: 1px solid #DFDFDF;
  padding: 5px 10px 5px 10px;
}

.info-title1b {
  margin: 10px 0 0 0;
}

.info-title2, .info-title2b {
  border-bottom: 1px solid #DFDFDF;
  padding: 4px 10px 4px 10px;
}

.info-title2b {
  margin: 25px 0 0 0;
  border-left: 1px solid #DFDFDF;
}

.info-bild {
  background: #ffffff;
  margin: 10px 0 10px 15px;
  border: 1px solid #DFDFDF;
  padding: 4px;
  float: right;
}

.info-body1 {
  border-right: 1px solid #DFDFDF;
}

.info-footer1 {
  background: #F2F2F2;
  border-top: 1px solid #DFDFDF;
  padding: 1px 10px 3px 10px;
  text-align: right;
}


/**************************************************/
/* Modul: Jobs                                    */
/**************************************************/

.jobs-title1, .jobs-title1b {
  background: #D8FF83;
  margin: 25px 0 0 0;
  border-bottom: 1px solid #DFDFDF;
  padding: 5px 10px 5px 10px;
}

.jobs-title1b {
  margin: 10px 0 0 0;
}

.jobs-title2 {
  border-bottom: 1px solid #DFDFDF;
  padding: 4px 10px 4px 10px;
}

.jobs-footer1 {
  background: #F2F2F2;
  border-top: 1px solid #DFDFDF;
  padding: 1px 10px 3px 10px;
  text-align: right;
}


/**************************************************/
/* Modul: Kontakt                                 */
/**************************************************/

#kontakt-box {
  background: #F2F2F2;
  margin: 30px 0 0 0;
  padding: 10px;
  display: block;
}

#kontakt-form {
  background: #E5E5E5;
  margin: 15px auto 10px auto;
  border: 5px solid #ffffff;
}

#kontakt-form td {
  padding: 5px 0px 5px 10px;
}

#kontakt-form textarea {
  width: 453px;
  height: 80px;
}

#kontakt-form input {
  width: 215px;
  margin: 2px 10px 3px 0;
}

#kontakt-form input.big {
  width: 453px;
}


/**************************************************/
/* Modul: Popup                                   */
/**************************************************/

#popup-titel {
  height: 30px;
  background: #CAC6B9;
  padding: 15px 0 0 20px;
}

#popup-navi {
  height: 30px;
  padding: 15px 30px 0 0;
  text-align: center;
}

#popup-pic {
 border-top: 30px solid #20485F;
 background: #F2F2F2;
 padding: 10px 0 10px 0;
 text-align: center;
}

#static-content {
  float: left;
  width: 520px;
}


/**************************************************/
/* Sub-Navi für Implantate                        */
/**************************************************/

ul.navi3 {
  padding: 0px;
  margin: 0px;
}

ul.navi3 li {
  list-style: none;
  background: url(/img/link_navi2_off.gif) left 4px no-repeat;
  padding: 0px 0px 0px 15px;
}

ul.navi3 li.active,
ul.navi3 li:hover {
  background: url(/img/link_navi2_on.gif) left 4px no-repeat;
}

ul.navi3 li.active a,
ul.navi3 li:hover a {
  color: #C1DCED;
}