/* CSS Document */



body {  width:900px;

        /*height:650px;*/

        top:0px;

        left:0px;

        margin:0;

        background:url(pix/linie_2.gif) top left repeat-y;

        }



h2 {font-family:verdana,sans serif;}

a, a:link, a:visited {     
        
        color:#4d505a;
          
        text-decoration: underline;
        
        }

a:hover, a:active{color:#21a1ca;}  


#logo {position:absolute;

        top:70px;

        left:0px;

        width: 240px;

        height: 99px;

        }

#menue_bg{ position:absolute;

        top:70px;

        left:257px;  

        height:96px;

        width:320px;

        z-index:40;}

#menue_bg .linkstart {-moz-opacity:0.85;width:320px;height:24px;background-color:#024964; }

#menue_bg .linkwir {-moz-opacity:0.75;width:320px;height:25px;background-color:#024964; }

#menue_bg .linkleistungen {-moz-opacity:0.55;width:320px;height:25px;background-color:#024964; }

#menue_bg .linkkontakt {-moz-opacity:0.40;width:320px;height:24px;background-color:#024964; }          

#menue{ position:absolute;

        top:70px;

        left:257px; 

        height:98px;

        width:320px;

        line-height:1.5em;
        
        font-family: Arial,Verdana,Helvetica,sans-serif;
        
        font-size:11px;
        
        font-weight: normal;
        
        letter-spacing: 4px;

        z-index:150;}   

#menue a {display:block;

          text-decoration:none;

          padding: 4 0 4 20px;

          color:white;
          
          z-index:150;}

#menue a:link {}

#menue a:visited{}

#menue a:hover{background-color:#21a1ca;}  

#menue a:active{background-color:#21a1ca;}  

/*

#menue .linkstart {-moz-opacity:0.58;}

#menue .linkwir {-moz-opacity:0.48;}

#menue .linkleistungen {-moz-opacity:0.38;}

#menue .linkkontakt {-moz-opacity:0.28;}   

*/   

#menue .active {background-color:#024964;font-weight:normal;}    

#impressum {position:absolute;

            top:10px;

            left:465px;

            height:15px;

            width:80px;
            
            font-family: Verdana,Arial,Helvetica,sans-serif;

            font-size:0.65em;

            font-weight:normal;

            text-align:right;

            z-index:16;

            }

#impressum a{ text-decoration:none;

            color:white;}  

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

#transparenz {position:absolute;

          top:0px;

          left:477px;

          min-height:650px;

          height:100%;

          width:100px;

          background-color: #024964;

          -moz-opacity:0.15;

          z-index:15;

          }               

#headline_index {position:absolute;

          top:168px;

          left:577px;

          height:75px;

          width:276px;

          background-color: #024964;

          -moz-opacity:0.07;

          z-index:10;

          }

#headline {position:absolute;

          top:168px;

          left:577px;

          height:40px;

          width:276px;

          background-color: #024964;

          -moz-opacity:0.07;

          z-index:10;

          }          

.headline {position:absolute;

          top:147px;

          left:605px;

          height:60px;

          width:253px;
          
          font-family: Arial,Verdana,Helvetica,sans-serif;

          color:#fff;

          font-size:2em;

          font-weight:300;

          z-index:11;

          }          

.content{position:absolute;

          top:213px;

          left:605px;

          width:230px;

          height:400px;
          
          font-family: Verdana,Arial,Helvetica,sans-serif;

          color:#4d505a;

          font-size:0.70em;
          
          line-height: 1.5em;

          font-weight:100;

          }  

.content_index{position:absolute;

          top:243px;

          left:605px;

          width:230px;

          height:400px;
          
          font-family: Verdana,Arial,Helvetica,sans-serif;

          color:#4d505a;

          font-size:0.70em;
          
          line-height: 1.5em;

          font-weight:100;

          }                      

#bild {

      position:absolute;

      top:70px;

      left:257px;

      width:320px;

      height:445px;

      z-index:5;
      }  
#map {

      position:absolute;

      top:168px;

      left:257px;

      width:320px;

      height:347px;

      z-index:100;
      
      }          

#adresse{position:absolute;

        top:520px;

        left:270px;

        height:100px;

        width:320px;

        color:white;
        
        font-family: Verdana,Arial,Helvetica,sans-serif;

        font-weight:normal;

        font-size:0.65em;
        
        z-index:20;

        }

.adresse {position:absolute;

          top:10px;

          left:10px;

          width:140px;}

.telefon {position:absolute;

          top:10px;

          right:20px;

          width:150px;}          

                                 

/*IE6 hacks*/

* html #menue_bg .linkstart {filter:alpha(opacity=70);}

* html #menue_bg .linkwir {filter:alpha(opacity=55);}

* html #menue_bg .linkleistungen {filter:alpha(opacity=40);}

* html #menue_bg .linkkontakt {filter:alpha(opacity=25);}          

* html .content{top:236px;} 

* html .headline{top:169px;}

* html .content_index {top:261px;}

/* html #menue a:link {filter:alpha(opacity=22);}

* html #menue a:visited{filter:alpha(opacity=66);}

* html #menue a:hover{filter:alpha(opacity=48);} 

* html #menue a:active{filter:alpha(opacity=22);}*/

* html #headline {filter:alpha(opacity=7);} 

* html #headline_index{filter:alpha(opacity=7);}                                                               

* html #transparenz {filter:alpha(opacity=15);  

                    left:477px;}


