html {
   overflow:scroll;
}
body {
   background: #9AB3CD url(/augenklinik-hoffmann/bilder/bg.jpg) repeat-y center;
   margin:0;
   padding:0;
   color:#000000;
   text-align:center; 
   font-family:Verdana,Arial;
   }
#content { 
   margin:auto; 
   width:770px;
   height:550px;
   }
   
/* Header    */
#header  {
   background: url(/augenklinik-hoffmann/bilder/headerempfang.jpg) no-repeat center top;
   height:250px;
   width:770px;
   }  
#header1  {
   background: url(/augenklinik-hoffmann/bilder/headeruntersuchung.jpg) no-repeat center top;
   height:250px;
   width:770px;
   }  
#header2  {
   background: url(/augenklinik-hoffmann/bilder/headerbuero.jpg) no-repeat center top;
   height:250px;
   width:770px;
   }  
#header3  {
   background: url(/augenklinik-hoffmann/bilder/headeruntersuchung2.jpg) no-repeat center top;
   height:250px;
   width:770px;
   }  
#header4  {
   background: url(/augenklinik-hoffmann/bilder/headerwartezimmer.jpg) no-repeat center top;
   height:250px;
   width:770px;
   }  
  
   
.galerie {
   height:250px;
   width:160px;
   float:left;
   padding-top:4px;
   text-align:center;
   margin:7px;
   display:block;
   background: #c8dbbd;
   border-bottom:5px solid #c8dbbd;
   background-position:center bottom; 
   background-repeat:no-repeat;
}
   
 /* Inhalt */  
#inhalt {
   position:relative;
   top:-35px;
   float:right;
   text-align:left;
   margin-top: 0.3em;
   width:500px;
   padding-right:0px;
   }
#inhalt h1 {
   padding:0;
   margin-top:0px;
   border-bottom:1px solid #143558;
   padding-left:10px;
   font-size: 1.4em;
   font-weight:normal;
   color: #143558;
}
#inhalt h2 {
   color: #143558;
   font-size: 0.9em;
   font-weight:bold;
}

#inhalt p, li {
   font-size: 0.8em;
}

#inhalt .text {
   font-size: 1.0em;
}

#inhalt p {
   text-align:left;
   padding-right:20px;
}

#inhalt strong,
#inhalt b {
   color: #143558;
}

#inhalt .bild {
   width:100%;
   height:90px;
   margin-top:5px;
   margin-bottom:5px;

}
.plan {
font-size:12px;
margin:auto;
width:250px;
}
.plan b {
display:block;
float:left;
width:150px;
}



#inhalt table {
  background: #F6F8F9;
  padding:5px;
  border:1px solid #6DA3C5;
  width:440px;
}
#inhalt .long {
  width:253px;
}
#inhalt .fill {
  width:178px;
}
#inhalt .okontakt {
  background: #FFFFFF;
  border:0px;
}

#inhalt .teaserline {
background:#ffffff;
padding:10px;
border:2px solid #408EB4;
}

#inhalt .teaserblock {
margin-top:10px;
background:#ffffff;
padding:10px;
border:2px solid #408EB4;
}

#inhalt .teaserblock h2{
color: #408EB4;
}

td {
   font-size:0.9em;
}



 /* Form */  

input, textarea {
  border:1px solid #6DA3C5;
  background: #FFFFFF;
}

.long {
  width:268px;
}     
   
 /* Navigation */  
#navi {
   position:relative;
   top:-50px;
   float:left;
   margin:0px;
   padding:0px;
   text-align:justify;
   width:11.91em;
   }   
   
   
#navi ul {
  padding:0px;
  margin:0px;
}

#navi li {
  list-style-image:none;
  list-style-position:outside;
  list-style:none;
  padding-left:0.5em;
  margin-top:0.3em;
  height:2.1em;
  border-bottom:0px dotted #A0A0A0;
}   

.navopener {
   position:relative;
   top:-5px;
   padding-top:8px;
   padding-bottom:8px;
   display:block;
}    

#navi a, 
#navi a:link, 
#navi a:visited {
  font-family: verdana,Arial, Helvetica, sans-serif; 
  color:#143558; 
  font-weight:bold;
  font-size: 1.60em; 
  text-decoration: none;
  display:block;
  width:182px;
  padding-left:0.5em;
  border-right:5px dotted #CCE5FF;
  background:none;
}

#navi a:hover {
  color:#1E4D7E; 
  border-right:5px dotted #143558;
}

#navi a.aktivnav,
#navi a.aktivnav:link,
#navi a.aktivnav:visited{
  color:#1E4D7E;
  border-right:5px dotted #143558;
}

#navi li.portal {
  font-size: 0.62em; 
  width:180px;
  border:0px;
  padding:0;
  padding-top:65px;
}

#navi li.portal a,
#navi li.portal a:link,
#navi li.portal a:visited,
#navi li.portal a:hover{ 
  width:180px;
  text-align:left;
}

a, 
a:link, 
a:visited {
  font-weight:bold;
  color:black;
}
.none {
  background-image:none;
}