@charset "utf-8";
/* CSS Document */

body {
              background:#666 url("../images/bg_10_rote-Graeser-Japan_1600.jpg") center top no-repeat;
              background-repeat:no-repeat;
              min-width:600px;
              padding-bottom:20px;

        }




body#ueber_mich,
body#leistungen,
body#kontakt {
              background:#666 url("../images/bg_10_rote-Graeser-Japan_1600.jpg") center top no-repeat; background-size:100% auto;
              background-repeat:no-repeat;
              min-width:600px;
        }


body#startseite {
                 background:#222 url("../images/bg_05_Kroete_1600.jpg") center top no-repeat; background-size:100% auto;
         }

body#leistungen  {
                 background:#222 url("../images/bg_06_1650_blaue-Blume-Triglav.jpg") center top no-repeat; background-size:100% auto;
         }

body#kontakt {
              background:#aaa url("../images/bg_09_Eifelfruehling.jpg") center top no-repeat; background-size:100% auto;
              }

body#referenz    {
                 background:#222 url("../images/bg_07_Pyreneensee_1650.jpg") center top no-repeat; background-size:100% auto;
         }

body#impressum    {
                 background:#222 url("../images/bg_08_morgennebelsee-in-Pyrenaeen.jpg") center top no-repeat; background-size:100% auto;
         }

#wrapper {
                  min-height:100%;
                  padding-bottom: 20px;
         }


#container-top {
              background:#000;
              right:0px;
              top:10px;
              position:absolut;
              min-height:40px;
              width:100%;
              }

#navi-top {
         padding-top:8px;
         text-align:center;
                 }

#navi-top a {
         text-decoration:none;
         color:#fff;
         font-weight:bold;
         font-size: 18px;
         padding:10px 20px 10px 20px;
          }

#navi-top a:hover {
         color:#ddd;
         font-weight:bold;
          }


#logoname {
         position:absolute;
         left: 29%;
         top: 60px;
         border-radius:15px; 
         }

#startseite #logoname,
#leistungen #logoname,
#kontakt #logoname,
#impressum #logoname,
#referenz #logoname {
             background-color:rgba(255,255,255,0.4);
         }

#ueber_mich #logoname {
             background-color:rgba(255,255,255,0.7);
         }

#container{
        margin-left:-495px;
        width: 990px;
        position: absolute;
        left: 50%;
}

/*Navigation*/

#navi{
        position:absolute;
        height: 280px;
        width: 180px;
        left: 68px;
        top: 250px;
        }

#navi a {
        text-decoration:none;
        color:#333;
        font-size: 22px;
        padding:5px 10px 5px 10px;
        }



#navi a:hover {
        background-image:url(../images/navi_bg.png);
        color:#FFF;
}

#navi ul {margin-top:25px;
        margin-left:-15px;
}

#navi li {
        margin-bottom:15px;
        list-style-type: none;
        }

li.active {
        list-style-image:url(../images/pfeil_kl.gif);
}


/*Textfelder*/

#textfeld {
        position:absolute;
        width: 385px;
        left: 29%;
        top: 250px;
        padding:19px;
        border-radius:15px;
        }

#textfeld h3 {
        font-size:22px;
        }


#ueber_mich #textfeld,
#leistungen #textfeld,
#referenz #textfeld,
#kontakt #textfeld,
#impressum #textfeld {
        background-color:rgba(255,255,255,0.4);
        margin-bottom:20px;
        min-height: 350px;
        }

#ueber_mich #textfeld
         {
        background-color:rgba(255,255,255,0.7);
         }

#referenz #textfeld {
          width: 600px;
          left: 29%;
                    }

#referenz #textfeld td {
         width:33%;
         }
#kontakt #textfeld {

         }

#ueber_portrait img {
         margin-top:10px;
        }

#textfeld p {
        color:#222;
        font-size: 16px;
        margin-bottom: 3px;
        }

#textfeld li {
        color:#222;
        font-size: 16px;
        margin-bottom: 3px;
        }

#textfeld a {
        color:#544;
        font-weight:600;
        font-size: 16px;
        }

#textfeld a:hover {
         color:#733;
         }

#referenzen h3 {
      margin-top:10px;
      margin-bottom:0px;
}

#startseite .menulogo {
      background-color:rgba(255,255,255,0.4);
      right:0;
      top:0;
      position:fixed;
}

#startseite .menulogo img {
      max-width:3em;
      min-width:2em;
         }

/*Textfelder - ueber mich*/

#ueber_portrait {
        margin-top: 10px;
        padding: 10px 20px 0px 0px;
        float:left;
        }

#ueber_name  {
        font-weight: bold;
        }

#welogo  {
         margin-top:45px;
         float:right;
         height: 75px;
         width:  75px;
         }

#wordpress
         {
         float:left;
         margin-right: 20px;
         }

         #php_mysql {
          margin-right: 20px;
         }