/* CSS Document */

#body {
  text-align: center;
  font-family: arial;
  background-color: #e3e3e3; 
  background-image: url(img/background.jpg);
  background-repeat: repeat-x;
  
}



#complete{
  width: 800px;
  height: 996px;
  border: 1px solid black;
  border-bottom: 0px solid black;
  margin: 0 auto;
  background-color: #e5f6fe;
}

#complete img {
  border-width: 0px;
}

#augen_lasern_augsburg{
  width: 800px; 
  height: 41px;   
  font-family: arial;
  font-weight: bold;
  line-height: 1.8;
}

* html #augen_lasern_augsburg{ /*IE7 only*/
  margin-top: -3px;
}


#content {
  width: 547px;
  height: 800px;
  position: relative;
  right: 0px;
  top: 0px;
  float:right;
  text-align: left;
  margin-right: 0px;
  margin-left: 5px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: white; 
}

* html #content { /*IE6 only*/
   padding: 15px;
   width:587px;
   height: 798px;
   margin-top: 0px;
   margin-right: -2px;
   margin-bottom: -19px;
}

* html #content{ /*IE7 only*/
   padding: 15px;
   width:587px;
   height: 798px;
   margin-top: -3px;
   margin-right: -2px;
   margin-bottom: -15px;
}

#content h1 {
  text-align: center;
}

#content h2 {
  text-decoration:underline;
}

#animation {
  float: right;
  text-align: right;
  border: 1px solid black;
  margin-left: 20px;
  margin-bottom: 10px; 
}

.text{
  font-size: 12px;
  text-align:justify;

}
.text ul, li{
  font-size: 12px;
  text-align:justify;
}

.text2{
  font-size: 12px;
  text-align:justify;
  margin-left: 120px;
}

.text_center{
  font-size: 12px;
  text-align: left;
}

.text_small{
  font-size: 9px;
}

.ul{
  font-size: 12px;  
}


#content h2 {
  font-size: 14px;
  line-height: 0px;
}

.nav {
  left: 20px;
  padding-top: 10px;
  width: 200px;
  height: auto;
  text-align: left;
  padding-left: 10px;
  margin-top: 20px;
  line-height: 22px;  
}

.nav a{
  list-style-type: none;
  font-size:12px;
  color: white;
  padding-left: 20px;
}

.nav a:link, a:visited, a:active {
  color: #0e2062;
  text-decoration: none;
  font-weight: bold;  
}

.nav a:hover {
text-decoration: none;
color: #32cfbb;
}

.nav_head{
  background-image: url(img/nav_points_1.jpg);
  background-repeat: no-repeat;
  line-height: 1.4;
  color: white;
  font-weight: bold;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
}

.nav_body{
  background-image: url(img/nav_body.jpg);
  background-repeat: repeat-y;
}
.nav_foot{
  background-image: url(img/nav_foot.jpg);
  background-repeat: no-repeat;
}




.footer{
  font-size: 12px;
  width: 800px;
  height:41px;
  background-image: url(img/augen_lasern_augsburg.jpg);
  border-bottom: 0px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  margin: -12px auto 20px auto;
  clear: both;
  line-height: 3.0;
}

* html .footer { /*IE6 only*/
  margin-top: 0px;
    width: 802px;
}

* html .footer { /*IE7 only*/
  margin-top: 0px;
    width: 802px;
    
}


.footer a:link, a:visited, a:active {
  color: #0e2062;
  text-decoration: none;
  font-weight: bold;  
}

.footer a:hover {
text-decoration: none;
color: #32cfbb;
}

.image_float{
  
}

.table_left{
  margin-right: 20px;
  clear: both;
  float: left;
  font-size: 12px;
  width: 250px;
}

.table_right{  
  font-size: 12px;
  float: clear;
  margin-left: 260px;
}

.sitemap{
  margin-left: 220px;
}

.box a {
color:#000000;
background:#e5f6fe;
font:bold 14px arial, sans-serif;
text-decoration:none;
width:100px;
height: 30px;
padding:5px;
border:1px solid black;}

.box a:hover {
color:black;
background:#669bdd;}

.box a img {display:none;}

.box a:hover img {
display:block;
width:300px;
color:black;
background:#e5f6fe;
font:normal 16px courier, sans-serif;
border: 1px solid black;
padding:0px;}