/* @override http://wilkat.local/css/screen.css */

*
{
  text-decoration: none;
  font: normal normal normal 11px Helvetica, arial, sans-serif;
  line-height: 17px;
}


#txt a {
  color: #fff;
  text-decoration: underline;
}

#txt a:hover {
  color: #999;
  text-decoration: underline;
}

h1
{
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 5px;
}

p
{
  margin-bottom: 16px;
}

#main
{
  width: 950px;
  height: 696px;
  margin: 80px auto 10px auto;
  overflow: hidden;
}

#column
{
  width: 950px;
  height: 4872px;
  overflow: hidden;
}

.topic
{
  width: 8650px;
  height: 696px;
  overflow: hidden;
  clear: both;
}

.subtopic
{
  width: 950px;
  height: 696px;
  position: absolute;
}

#topic-startseite, #topic-philosphie, #topic-gruender, #topic-praxis
{
  background-image: url(../images/start/bg-rezeption.jpg);
}



#topic-zahnmedizin, #topic-prophylaxe, #topic-therapiekonzepte, #topic-labor
{
  background-image: url(../images/zahnmedizin/bg-op.jpg);
}

#topic-zahntechnik, #topic-praxislabor, #topic-partnerlabore
{
  background-image: url(../images/zahntechnik/bg-praxislabor_1.jpg);
}


#topic-oralchirurgie, #topic-operationen, #topic-anaesthesieverfahren
{
  background-image: url(../images/oralchirurgie/bg-op.jpg);
}

#topic-implantologie, #topic-implantate, #topic-3d-analyse, #topic-comp-implanation
{
  background-image: url(../images/implantologie/bg-flur.jpg);
}

#topic-dvt, #topic-volumentomographie, #topic-analyse
{
  background-image: url(../images/dvt/paxduo3d_kopf.jpg);
}

#topic-team
{
  background-image: url(../images/team/HG-team.jpg);
}

#topic-management, #topic-aerzte, #topic-prophylaxe-team, #topic-assistenz, #topic-auszubildende, #topic-labor-team, #topic-service-team
{
  background-image: url(../images/team/bg2-team.jpg);
}

#topic-kontakt, #topic-anschrift, #topic-anfahrt, #topic-notdienst, #topic-termin
{
  background-image: url(../images/kontakt/bg-kontakt.jpg);
}

#topic-impressum
{
  background-image: url(../images/implantologie/bg-flur.jpg);
}


#header
{
  width: 950px;
  height: 125px;/*88*/
  background-color: #484644;
  position: absolute;
  z-index: 100;
}

#logo
{
  width: 950px;
  text-align: right;
  height: 65px;
  background-color: #FFF;
  /*float: left;*/
}

#nav
{
  width: 950px;
  /*float: left;*/
  margin: 10px 0 0 60px; /*21px 0 0 15px*/
}

/* @group nav */

#nav ul
{
  padding: 0;
  width: 775px;
  height: 18px;
  position: relative;
  
}

#nav ul li
{
  float: left;
}

#nav ul li a
{
  display: block;
  text-transform: uppercase;
  height: 20px;
  line-height: 18px;
  padding: 0 20px 0 0;
  float: left;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

#nav ul li a:hover
{
  line-height: 18px;
  height: 18px;
  color: #999;
}

#nav ul li:hover > a
{
  line-height: 18px;
  height: 18px
}

#nav ul ul
{
  padding: 2px 0 0 0;
  margin: -2px 0 0 -10px;
  position: absolute;
  height: 18px;
  width: 700px;
  background-image: url(../images/bg_header.png);
  left: -9999px;
  top: 20px;
  z-index: 10;
}

#nav ul ul li
{
  height: 20px;
  line-height: 20px;
}

#nav ul ul li a
{
  color: #fff;
  padding: 0 10px 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: none;
}

#nav ul ul li a:hover
{
  height: 20px;
  line-height: 20px;
  background: transparent;
  color: #999;
}

#nav ul li.current ul
{
  left: 0;
  z-index: 10;
}

#nav ul li ul.fix
{
  left: 0;
  z-index: 1;
}

#nav ul li ul.fix li a
{
  color: #009FE1 !important;
}

#nav ul li a:hover,
#nav ul li ul.fix li a:hover
{
  color: #009FE1 !important;
  text-decoration: underline;
  },

  #nav ul li ul.fix li.active a:hover
  {
    color: #fff !important;
  }

  #nav ul li.current a
  {
    line-height: 18px;
    height: 18px;
  }

  ul#nav li.current ul li a
  {
    color: #fff;
    height: 20px;
    line-height: 20px;
    background: transparent;
    font-weight: bold;
  }

  #nav ul li.current ul li.current_sub a
  {
    font-weight: bold;
  }

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

  #nav ul li.active a {
   color: #009FE1; /*#BF1A15*/
 }
 #nav ul li.active ul li a {
   color: #fff;
 }
 #nav ul li ul li.active a {
  color: #fff !important;
  background-color: #009FE1 !important;
}

#nav ul li a:hover, #nav ul li.active ul li a:hover {
	
}

#nav ul li a:hover, #nav ul li.active ul li.active a:hover {
	color: #fff !important;
}

/* @end */

.content
{
  padding: 200px 0 0 60px;
  width: 950px;
  height: 696px;
}

#left
{
  width: 406px;
  height: 350px;
  float: left;
}

#images
{
  height: 310px;
  background-image: url(../images/bg_header.png);
}

.subnav-images-over
{
  padding-left: 20px;
  width: 386px;
  padding-top: 4px;
  text-align: left;
  background-color: #484644;
  height: 18px;
}

.subnav-images-over.praxis
{
  padding-left: 20px;
  width: 555px;
  padding-top: 4px;
  text-align: left;
  background-color: #484644;
  height: 18px;
}



.subnav-images a/*, #images-prev-next a*/
{
  color: #999;
  width: 5px;
  height: 15px;
  padding: 3px 5px;
}

.subnav-images a:focus, #images-prev-next a:focus
{
  outline: none;
}

/*#images-prev-next, #images-prev-next li,*/ .subnav-images {
  float: left;
}



#images-prev-next
{
  position: absolute;
  z-index: 100;
  display: none;
}




a.diashow-prev,
a.diashow-next,
a.diashow-prev:hover,
a.diashow-next:hover
{
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 200px;
  height: 310px;
  background-color:transparent;

}

a.diashow-prev {
  float: left;
  background-image: url(../images/diashow-prev.png);
  background-repeat: no-repeat;
  background-position: -100px -100px;
}

a.diashow-next {
  float: left;
  background-image: url(../images/diashow-next.png);
  background-repeat: no-repeat;
  background-position: -100px -100px;
}

a.diashow-prev:hover
{
  background-position:10px 120px;
}

a.diashow-next:hover
{
  background-position:150px 120px;
}

/*
#full a.diashow-prev,
#full a.diashow-next,
#full a.diashow-prev:hover,
#full a.diashow-next:hover
{
  display: block;
  text-indent: -1000px;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 265px;
  height: 310px;
  background-color:transparent;

}


#full a.diashow-prev:hover
{
  background-position:10px 150px;
}

#full a.diashow-next:hover
{
  background-position:203px 150px;
  }*/



  .unsichtbar {
    display: none;
  }





  #full
  {
    width: 525px;
    height: 400px;
    float: left;

    
    margin-left: 150px;
  }

  #full #images
  {
    width: 525px;
    height: 380px;
    background-image: url(../images/bg_header.png);
    padding: 25px 25px 0 25px;

  }

  #full #subnav-images-over {
    width: 1000px;
  }







  a.activeSlide {
    color: #fff;
    font-weight: bold;
  }

  #right
  {
    width: 406px;
    height: 350px;
    float: left;
  }

  #txt
  {
    padding: 20px;
    width: 366px;
    height: 270px;
    float: left;
    background-image: url(../images/bg_header.png);
  }

  #txt li
  {
    margin-left: 15px;
    list-style-image:url(../images/bullet.png);
  }

  .zweispaltig {
    width: 180px;
    float: left;
  }

  .formular {
    width: 366px;
    clear: both;
    margin-top: -20px;
  }

  .zweispaltig-formular-label {
    width: 120px;
    float: left;
  }

  .zweispaltig-formular-feld {
    width: 200px;
    float: left;
  }

  .zweispaltig-formular-feld input {
    width: 200px;
    background-color: #fff;
    color: #333;
    padding: 3px;
    border: none;
  }

  .zweispaltig-formular-feld #form-terms {
    width: auto;
    background-color: #fff;
    color: #333;
    padding: 3px;
    border: none;
    float: left;
  }

  textarea {
    width: 200px;
    background-color: #fff;
    color: #333;
    padding: 3px;
    border: none;
    height:  4.2em;
    margin-bottom: 1.4em;
  }

  .zweispaltig-formular-feld input.senden {
    width: 90px;
    background-color: #fff;
    color: #333;
    padding: 3px;
    border: none;
  }


  .zweispaltig-formular-feld input.senden:hover {
    background-color: #333;
    color: #fff;
  }



  #subnav-txt {
    padding-right: 0px;
    width: 406px;
    padding-top: 4px;
    text-align: right;
    background-color: #484644;
    height: 18px;
  }

/*#page-auszubildende #subnav-txt {
  width: 800px;
  }*/

  #subnav-txt ul
  {
    float: right;
  }

  #subnav-txt li
  {
    float: left;
    width: 90px;
    height: 18px;
  }

  #subnav-txt li a
  {
    color: #fff;
    width: 5px;
    height: 15px;
    padding: 0px 20px;
  }
  #subnav-txt.subnav-txt-assistenz{
    width:800px;
    padding-top:10px;
  }
  #team {
    width: 785px;
    height: 360px;
    padding: 15px 0px 15px 15px;
    background-image: url(../images/bg_header.png);
  }

  #team.aerzte { width: 390px;}
  #team.service { width: 195px;}
  /*#team.assistenz { width: 405px;}*/
  /*#team.auszubildende { width: 585px;}*/
  #team.labor { width: 195px; }
  #team.management { width: 585px;}
  /*#team.prophylaxe { width: 585px;}*/

  #team .person {
    width: 180px;
    float: left;
    margin-right: 15px;
  }

  #team.auszubildende .person {
    margin: 15px 0 0 15px;
  }

  .person h1 {
    margin-top: 20px;
  }

  #subnav-txt.subnav_auszubildende {
   width: 600px;
 }



 #footer
 {
  margin-top: 5px;
  text-align: right;
  width: 950px;
  margin: 0px auto 80px auto;
}

#footer a
{
  color: #fff;
  top: 900px;
}

#footer a:hover
{
  color: #999;
}

img
{
  border: none;
}

.clear
{
  clear: both;
}

div.placeholder
{
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: #000;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  padding-top: 350px;
}
#prevpage-praxis div.placeholder img,
#prevpage-philosphie div.placeholder img,
#prevpage-gruender div.placeholder img {
  display: none;
}

.zweispaltig-formular-label.error p,
.zweispaltig-formular-feld.error p {
  font-weight: bold;
  color: red;
}

.zweispaltig-formular-feld.error input,
.zweispaltig-formular-feld.error textarea
{
  background-color: rgb(255, 134, 134);
}
#team.assistenz>div{
 padding: 15px 0px 15px 15px;
}
