
body,html{
  margin:10px auto;
  padding: 0;
  width:100%;
  height:100%;
  background: #fff;
  font-family: "comic sans MS", verdana, arial;
}

#page { 
border-radius: 20px; 
position: absolute;
 width: 950px;
 height: 780px;

 left: 50%;
 margin-left: -475px;
 
 border-left: solid 1px #c9cab8;
 border-right: solid 4px #c9cab8;
 border-top: solid 1px #c9cab8;
 border-bottom: solid 3px #c9cab8;
 background-color: #f8f9f3;
 }

#logo {
width: 7%; 
height: 180px; 
position: absolute; 
top: 60px; left: 2% 
}
#paula {
width: 172px; 
height: 129px; 
position: absolute; 
top: 650px; 
left: 7%; 
z-index:10;
}

#kroete {
width: 100px; 
position: absolute; 
top: 680px; 
right: 8%; 
z-index:10;
}

#echse{
width: 110px; 
height: 160px; 
position: absolute; 
top:-65px; 
left: 790px; 
}


#balken{background: #EF3028; position: absolute;
  width: 90%;
  height: 120px;
  top: 60px;
  left: 10%;
}
h2 {
font-size: 30px;
color: #707070; 
position: absolute; 
top: -65px;
}
h3 { 
font-size: 18px;
}
#anschrift {
color: white; 
font-size: 15px; 
position: absolute;
top: 63px;
left: 5px;
}
#doktor {
color: white; 
font-size: 22px; 
position: absolute;
top: -13px; 
left: 5px;
}
#koppen {
color: white; 
font-size: 15px
}
#fon {
color: white; 
position: absolute; 
left: 550px; top:42px; 
font-size: 15px; 
z-index: 99
}
#mail:link {
color:#fff;
}
#mail:hover {
color:#1361A2; 
}
#simplegallery1 { 
position: absolute; 
visibility: hidden; 
top: 39px; 
left: 547px;
}
#loadarea { 
position: absolute; 
top: 300px; 
left: 547px;
}
#minifoto1 {
position: absolute; 
top: 283px;  
margin-left: 55px; 
}
#minifoto1 li { 
float:left; 
padding-right: 24px;
}
#minifoto1 ul { 
list-style: none;
}
#minifoto2 {
position: absolute; 
top: 360px;  
margin-left: 55px; 
}
#minifoto2 li { 
float:left; 
padding-right: 24px;
}
#minifoto2 ul { 
list-style: none;
}
#minifoto3 {
position: absolute; 
top: 437px; 
margin-left: 55px; 
 }
#minifoto3 li { 
float:left; 
padding-right: 24px;
}
#minifoto3 ul { 
list-style: none;
}

#minifoto4{
position: absolute; 
top: 514px; 
margin-left: 55px; 
 }
#minifoto4 li { 
float:left; 
padding-right: 24px;
}
#minifoto4 ul { 
list-style: none;
}


.thumbnail { 
border: solid 2px #EF3028;
}

#banner{
  position: absolute;
  width:500px;
  top:615px;
  left:225px;
  margin:0auto;
  color:white;
  background-color: #ef3028;
  padding: 0px 20px;
}
#youtube {
position: absolute; 
top: 430px; 
left: 440px;
}

#youtube a:link{
text-decoration: none;

}

#youtube a:hover{
text-decoration: underline;
}


#tv_link{
color: #000;
}


#navi {text-align:left;               /* Textausrichtung     */
   margin-top:200px;               /* Außenabstand oben   */
   margin-bottom:10px;            /* Außenabstand unten  */
   margin-left:70px;              /* Außenabstand links  */
   margin-right:15px;             /* Außenabstand rechts */
}
 
#navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
}
 
#navi li { 
   float:left;                     /* Anordnung links   */
   margin-left:-23px;               /* Außenabstand links*/
   width:100px;                     /* Breite des Links  */
           
   margin-top:10px;                /* Außenabstand oben  */
   padding-top:8px;                /* Innenabstand oben  */
   padding-bottom:8px;             /* Innenabstand unten */
   padding-left:8px;               /* Innenabstand links*/
   padding-right:52px;              /* Innenabstand rechts*/
   
   
}
#aktuell 
 {
 background-color: #707070;
 }  


.linkbox{
display: block;
color: #fff;
background-color:#c2c2c2;
width: 100%;
text-align: center;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
text-decoration:none;
font-size:15px;
}
.linkbox:hover
{
color: #fff;
background-color:#707070;
}

#text1{
 font-size: 11px; 
 position: absolute; 
 width: 300px;
 top: 300px; 
 left: 95px; 
 border-top: solid 1px #808080; 
 border-left: solid 1px #808080; padding-left: 8px;
 }
#rechter-text{
position: absolute; 
top: 346px; 
left: 650px; 
width: 280px;
font-size: 11px;
}
#text2 { 
font-size: 14px; 
position: absolute; 
top: 300px; 
left: 600px; 
border-top: solid 1px #808080; 
border-left: solid 1px #808080; 
padding-left: 8px;
}

#tabelle { 
font-size: 12px;
}
#karte {
position: absolute; 
top: 300px; 
left: 100px;
}
#feuchtwangen  {
color: #959595; 
font-size: 10px; 
position: absolute; 
top: 280px; 
left: 240px;
}
#leistungen {
font-size: 14px;
height: 290px;
overflow: auto;
width: 400px; 
position: absolute; 
top: 300px; 
left: 95px; 
border-top: solid 1px #808080; 
border-left: solid 1px #808080; 
padding-left: 8px;
}
#abrechnung { 
font-size: 14px; 
position: absolute; 
top: 300px; 
left: 600px; 
border-top: solid 1px #808080; 
border-left: solid 1px #808080; 
padding-left: 8px;
}
#patiententext {
font-size: 10px; 
position: absolute; 
top: 600px; 
left: 20px; 
border-top: solid 1px #808080; 
border-left: solid 1px #808080; 
padding-left: 8px;
} 
#tine{width: 250px;
float: left; 
padding-right: 10px; 
}
#ausbildung { 
width: 450px; 
}
#google {
position: absolute; 
top: 180px; 
left: 10px;
} 


.wochentage{}
.vormittag1{ padding-left: 20px;}
.minus{ padding-left: 5px;}
.vormittag2{ padding-left: 5px;}
.nachmittag1{padding-left: 30px;}
.nachmittag2{ padding-left: 5px;}


#footer{ 
background: #EF3028; 
height: 20px; 
position: absolute; 
bottom: 0px;
width: 950px; 
border-bottom-left-radius: 20px; 
border-bottom-right-radius: 20px;
}
#footer p {
font-size: 12px; 
color: #fff; 
padding-left: 230px; 
position: absolute; 
bottom: -10px;
} 





   





