/* Hauptelemente */

body
   {
   background:#F6F6F4; 
   padding:0px;
   margin:0px;
   font-family:"Tahoma","Trebuchet ms","Helvetica","Arial","Verdana",sans-serif;
   font-size:84%;
   line-height:1.8em;
   color:#fff; 
   }
   
#haupt 
   {
   width:961px;
   
   margin: 0 auto 0 auto;  
   margin-top:40px;
   background:white;
   position:relative;
   }   
   
#hauptinnen 
   {
   width:900px;
   margin: 0 auto 0 auto;  
   margin-top:40px;
   }  
   
 
   
#inhalt 
   {   
   padding-top:50px;
   margin-right:50px;
   color:black;
   border-bottom:1px dotted #AF3C4D;
   }

#fuss 
   {
   color:gray;
   float:left;
   padding-left:30px;
   margin: 0 auto 0 auto;  
   width:932px;
   background:white;  
   }
   
#info
  {
  line-height:1.3em;
  width:145px;
  color:black;
  margin-right:57px;
  padding-right:0px;
  padding-left:18px;
  float:left;
  height:450px;
  border-right:1px solid #AF3C4D;
  background:#C6C9CA;
  padding-top:10px;
  margin-bottom:100px;
  font-size:12px;
  margin-top:7px;
  padding-top:18px;
  }
  
.intext
  {
  float:left;
  width:125px;
  }
  
.um
 {   
   margin-left:217px;
   
   }
   
/* Absatzformate */     
   
strong
  {
  font-weight:bold;
  font-size:93%;
  }

h1
  {
  font-size:110%;
  margin:0;
  padding:0;
  color:black;
  } 
  
h2
  {
  font-size:120%;
  margin:0;
  padding:0;
  color:#AF3C4D;
  } 
table
 {
 border:1px solid #ccc;
 }
 
td
 {
 vertical-align:top;
 padding-top:9px;
 padding-left:3px;
 }
  
/* Diverse Klassen */     
 
   
.inside
 {    
 float:right;
 margin-top:0;
 margin-right:0;
 margin-left:20px; 
 border:1px solid #7E7F7F;
 }
 
.insidetab
 {    
 
 border:1px solid #7E7F7F;
 } 
  
.punkt
  {
  vertical-align:bottom;
  margin-bottom:4px;
  }
  
.aktiv
  {
  color:#AF3C4D; 
  }

 

.navi
  {
  color:#BABBBC;  
  font-size:120%;
  margin-left:220px;
  }
  
.subnavi
  {
  color:#BABBBC;  
  font-size:100%;
  margin-left:220px;
  }
 
.oben
  {
  background-image:url(kurzi.png); 
  background-repeat:no-repeat;
  height:90px;
  }
  
.untern
  {
  float:right;
  width:260px;
  height:60px;
  position:absolute;
  left:450px;
  top:340px;
  border:none;
   }
   
.leist
  {
  float:left;
  position:absolute;
  left:30px;
  top:240px;
  width:300px;
  border:none;
  height:50px;
  }

.publ
  {
  float:left;
  position:absolute;
  left:470px;
  top:100px;
  width:130px;
  border:none;
  height:50px;
  }
    
.presse
  {
  float:right;
  position:absolute;
  left:340px;
  top:25px;
  width:170px;
  border:none;
  height:55px;
  cursor:pointer;
  }
      
.ref
  {
  float:left;
  position:absolute;
  left:400px;
  top:480px;
  width:180px;
  border:none;
  height:50px;
  }  
     
.service
  {
  float:left;
  position:absolute;
  left:168px;
  top:410px;
  width:120px;
  border:none;
  height:50px;
  }   
  
.start  
  {
  float:left;
  position:static;
  left:180px;
  top:50px;
  width:200px;
  height:100px;
  }
  
.news
  {
  float:left;
  position:absolute;
  left:795px;
  top:23px;
  width:130px;
  border:none;
  height:50px;
  line-height:1.2em;
  color:rgb(88,88,90);
  padding:2px;
  }
  
/* Links; Listen und Bilder */ 
    
img
  {
  border:1px solid #AF3C4D;
  }

.img2
 {
  border:none;
  }
  
.img3
 {
  border-left:30px solid white;
  border-right:30px solid white;
  border-top:20px solid white; 
  border-bottom:5px solid white; }
   
   
a   
 {
 text-decoration:none;
 color:#9B9C9E;  
 }  

 
   
a:hover
 {
 text-decoration:underline;
 color:#AF3C4D;  
  }  
   
.aktivhover
 {
 text-decoration:none;
 color:#AF3C4D;    
 }  

.inlink
 {
 text-decoration:underline;
 color:#AF3C4D;    
 }  
 

 
li
 {
 list-style-type:none;
 list-style-image:url(punkt.gif);   
 margin-left:-22px;
 }
 

 
.linkext
 {
 background:url(img/pfeil.gif) no-repeat center left;
 background-position:1px 3px;
 padding-left:12px;
 text-decoration:underline;
 color:#AF3C4D; 
 }
 
 
 /* Bildergalerien:  */ 
 
.hoverbox
{
 cursor:default;
 list-style:none;
 width:110px;
 padding:10px;
 margin:0; 
}

.hoverbox a
{
 cursor:pointer;
}

.hoverbox a .preview
{
 display:none;
}

.hoverbox a:hover .preview
{
 display:block;
 position:absolute;
 top:0px;
 left:26em;
 z-index:1;
}

.hoverbox img
{
 background:#fff;

 color:inherit; 
 vertical-align:top;
 width:100px;
 height:75px;
 padding:4px;
}
 
.hoverbox td
{
 color:inherit;
 display:inline;
 float:left;
 position:relative;
}

.hoverbox .preview
{
 width:250px;
 height:250px;
}

.hoverbox a
{
 position:relative;
}

.hoverbox a:hover
{
 display:inline;
 font-size:100%;
 z-index:1;
}
 
.hoverbox li
{
 position:static;
}