/***************************************basic stuff***************************/

* {
  margin: 0;
  padding: 0;
}


body {
  background-color: #cccccc;
}


a {
  text-decoration:none;
}


a:link {
  color: #666666;
}


a:visited {
  color: #666666;
}

a:hover {
  background: #ffffff;
}


h1 {
  color: #333333;
  font-family: arial, verdana, sans-serif;
  font-size: 110%;
  letter-spacing: 1px;
}

h2 {
  color: #333333;
  font-family: arial, verdana, sans-serif;
  font-size: 67%;
}

h4{
font-family: arial, verdana, sans-serif;
font-size: 100%;
font-weight: normal;
color: #336699;
width: 100%;background-color: #cccccc;
color: #333333;
}

/***************************************content stuff***************************/


#visual {
  position:absolute;
  top: 160px;
  left: 0px;
}

#logo {
  position:absolute;
  top: 5px;
  left: 0px;
}

#platzhalter {
  position:absolute;
  top: 170px;
  left: 110px;
  height: 150px;
  width: 230px;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  background-color: #ffffff;
}

#uebersicht {
  position:absolute;
  top: 170px;
  left: 110px;
}

#anfahrt {
  position:absolute;
  top: 170px;
  left: 600px;
}

#icon {
  position:absolute;
  top: 170px;
  left: 50px;
}

#content {
  position:absolute;
  top: 400px;
  left: 110px;
  width: 980px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 80%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#red {
  color: #ff0000;
  font-family: arial, verdana, sans-serif;
  font-size: 105%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#content1 {
  position:absolute;
  top: 400px;
  left: 110px;
  width: 350px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 80%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#content10 {
  position:absolute;
  top: 756px;
  left: 1125px;
  color: #333333;
  font-family: arial, verdana, sans-serif;
  font-size: 70%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#content-mini {
  position:absolute;
  top: 520px;
  left: 110px;
  width: 350px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 80%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste1 {
  position:absolute;
  top: 280px;
  left: 4px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste2 {
  position:absolute;
  top: 280px;
  left: 80px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste3 {
  position:absolute;
  top: 280px;
  left: 180px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste4 {
  position:absolute;
  top: 280px;
  left: 270px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste5 {
  position:absolute;
  top: 280px;
  left: 350px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste6 {
  position:absolute;
  top: 280px;
  left: 430px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste7 {
  position:absolute;
  top: 280px;
  left: 520px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste8 {
  position:absolute;
  top: 280px;
  left: 605px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste9 {
  position:absolute;
  top: 280px;
  left: 690px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste10 {
  position:absolute;
  top: 280px;
  left: 772px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste11 {
  position:absolute;
  top: 280px;
  left: 870px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

 text-transform: none;
  text-align: justify;
  font-weight: normal;
}


#teamleiste12 {
  position:absolute;
  top: 280px;
  left: 950px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste13 {
  position:absolute;
  top: 280px;
  left: 1033px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#teamleiste14 {
  position:absolute;
  top: 280px;
  left: 1120px;
  width: 850px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 60%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#rechtshinweis {
  position:absolute;
  top: 400px;
  left: 550px;
  width: 540px;
  color: #666666;
  font-family: arial, verdana, sans-serif;
  font-size: 80%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

#sprechzeiten {
  position:absolute;
  top: 410px;
  left: 345px;
  width: 400px;
  color: #000000;
  font-family: arial, verdana, sans-serif;
  font-size: 80%;

  text-transform: none;
  text-align: justify;
  font-weight: normal;
}

/***************************************animation stuff***************************/

#ani1 {
  position:absolute;
  top: 720px;
  left: 890px;
}

#ani2 {
  position:absolute;
  top: 1065px;
  left: 890px;
}

#ani3 {
  position:absolute;
  top: 1610px;
  left: 890px;
}

#ani4 {
  position:absolute;
  top: 2110px;
  left: 890px;
}

#ani5 {
  position:absolute;
  top: 2070px;
  left: 890px;
}
/***************************************navigation stuff***************************/

#navcontainer2 ul { 
  position:absolute;
  top: 340px;
  left: 17px;
  padding-left: 0;
  margin-left: 0;

  font-family: arial, verdana, sans-serif;
  font-size: 65%;
  font-weight: normal;
  color: #336699;
  float: center;
  width: 100%;
  
  letter-spacing: 1px;
  text-transform: none;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  list-style-type: none; 
}

th {
   text-align: center;
}

#navcontainer2 ul li { 
  display: inline; 
}

#navcontainer2 ul li a{
  padding: 0.5em 1.0em;
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
  float: left;
}

#navcontainer2 ul li a:hover{
color: #cc0000;
}



#navcontainer ul { 
  position:absolute;
  top: 127px;
  left: 180px;
  padding-left: 0;
  margin-left: 0;

  font-family: arial, verdana, sans-serif;
  font-size: 75%;
  font-weight: normal;
  color: #336699;
  float: left;
  width: 100%;
  
  letter-spacing: 3px;
  text-transform: none;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  list-style-type: none; 
}

#navcontainer ul li { 
  display: inline; 
}

#navcontainer ul li a{
  padding: 0.5em 1.9em;
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
  float: left;
}

#navcontainer ul li a:hover{
color: #cc0000;
}

active{
color: #cc0000;
}


/***************************************design stuff***************************/


#outline {
  position:absolute;
  top: 40px;
  left: 40px;
  height: 750px;
  width: 1200px;
  border-width: 3px;
  border-style: solid;
  border-color: #999999;
  background-color: #ffffff;
}

#outline2 {
  position:absolute;
  top: 40px;
  left: 40px;
  height: 1100px;
  width: 1200px;
  border-width: 3px;
  border-style: solid;
  border-color: #999999;
  background-color: #ffffff;
}

#outline3 {
  position:absolute;
  top: 40px;
  left: 40px;
  height: 1600px;
  width: 1200px;
  border-width: 3px;
  border-style: solid;
  border-color: #999999;
  background-color: #ffffff;
}

#outline4 {
  position:absolute;
  top: 40px;
  left: 40px;
  height: 2100px;
  width: 1200px;
  border-width: 3px;
  border-style: solid;
  border-color: #999999;
  background-color: #ffffff;
}


#outline-sprechzeiten {
  position:absolute;
  top: 406px;
  left: 335px;
  height: 74px;
  width: 180px;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  background-color: #D3D3D3;
}

/***************************************praxisplan stuff***************************/

#praxisplan {
  position:absolute;
  top: 200px;
  left: 382px;
}

#warten-k {
  position:absolute;
  top: 215px;
  left: 1003px;
}

#behandlung-k1 {
  position:absolute;
  top: 215px;
  left: 878px;
}

#behandlung-k2 {
  position:absolute;
  top: 215px;
  left: 757px;
}

#behandlung-k3 {
  position:absolute;
  top: 215px;
  left: 645px;
}

#behandlung-k4 {
  position:absolute;
  top: 405px;
  left: 540px;
}

#roentgen-k {
  position:absolute;
  top: 390px;
  left: 620px;
}

#flur-k {
  position:absolute;
  top: 355px;
  left: 840px;
}

#besprechung-k {
  position:absolute;
  top: 215px;
  left: 522px;
}

#rezeption-k {
  position:absolute;
  top: 378px;
  left: 1003px;
}

#swap {
  position:absolute;
  top: 200px;
  left: 80px;
}