/* Stylesheet für Praxis Weßling am See
    
   Start:   05.12.2009
   Datei:   bildschirm.css
   Autor:   [irgacine] Marc René Geiser
            www.irgacine.eu
   

   
    Farben: 
    dunkelblau: #161650
    orange:     #FBDA6F
    
*/

   /* ***********************************************************************
    Kalibrierung und allgemeine Styles
   ***********************************************************************/
*   {
    padding: 0 ;
    margin: 0 ;
    border: 0;
    list-style-type: none;
    text-decoration: none;
    font-style: normal;    
    font-weight: normal;
    font-family: Calibra, Arial, sans-serif;
    font-size: 16pt;
    font-weight: normal;
    color: #161650;
    }
html,body { 
    background-image: url(hg.jpg);
    background-repeat: no-repeat;
    background-position: 300px top;
    }
/*#wrapper{*/
/*    background-image: none;*/
/*}*/
h1 a,
h1{
    font-size: 110%;
    font-weight: bold;
}
h2{
    font-size: 130%;
    font-weight: bold;
    padding-bottom: 20px;
}
h3{
    font-size: 120%;
    font-weight: bold;
}
a   {
    font-size: 100%;
    text-decoration: none;
}
a:hover, 
a:focus     {color: #161650;}
    

/* Link für aktuelle Seite hervorheben 
============================================================*/
/* Hauptnavi */

#praxis         #navi01 a,
#praxis2        #navi01 a,
#osteopathie    #navi02 a,
#osteopathie2   #navi02 a,
#shiatsu        #navi03 a,
#shiatsu2       #navi03 a,
#shiatsu3       #navi03 a,
#weitere        #navi04 a,
#team           #navi05 a,
#marthafeldt    #navi05 a,
#anetteseraphim #navi05 a,
#kontakt        #navi06 a,
#anfahrt        #navi06 a
{
    background-color: #FBDA6F;
    font-weight: bold;
}

/* Subnavi */

#praxis         #subnavi01 a,
#kontakt        #subnavi02 a,
#anfahrt        #subnavi03 a,
#praxis2        #subnavi04 a,
#shiatsu        #subnavi01 a,
#shiatsu2       #subnavi02 a,
#shiatsu3       #subnavi03 a,
#osteopathie    #subnavi01 a,
#osteopathie2   #subnavi02 a
{
    font-weight: bold;
    background-color: #FBDA6F;
}
/* Allgemeine Klassen und IDs 
============================================================*/ 

.liste{
    display: list-item;
    list-style: inside;
    margin-left: 20px;    
}

.irgacine{
    font-size: 80%;}
    
    
/* Styles für bestimmte Bereiche 
============================================================*/
/* Kopfbereich ================================================*/
#kopfbereich{
/*    position: static;*/
/*    padding: 40px 0 0 80px;   */
    padding: 40px 0 0 5%;  
}
#navibereich{
    position: absolute;
/*    width: 250px;*/
    width: 18%;
    padding-top: 80px;
}
    #navibereich a{
        display: block;
        padding: 0 10px;
    }
    #navibereich  a:hover,
    #navibereich  a:active{
        background-color: #fbecbb;
    }
    
#subnavi{
    position: absolute;
    top: 140px;
    right: 8%;
    }
    #subnavi li{
        display: inline;
    }
    #subnavi a{
/*        display: block;  */
    }
    #subnavi a{
        font-size: 0.8em;
        padding-left:5px;
        padding-right: 10px;
    }
    #subnavi a:hover,
    #subnavi a:active{
        background-color: #fbecbb;
        
    }
/* Teamseite==================================================== */
#team #textbereich{
    height: 500px;
}
#team .blink{
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin: 0 30px 30px 0;
    border: 1px solid #999;
    background-image: url(s_portraits.jpg);
    background-repeat: no-repeat;
    

    -moz-box-shadow: 5px 5px 15px #695422;
    -webkit-box-shadow: 5px 5px 15px #695422;
    box-shadow: 15px;
}

#team #team1{background-position: 0 0;}
#team #team1:hover{background-position: 0 -200px;}

#team #team2{background-position: -200px 0;}
#team #team2:hover{background-position: -200px -200px;}

#team #team3{background-position: -800px 0;}
#team #team3:hover{background-position: -800px -200px;}

#team #team4{background-position: -400px 0;}
#team #team4:hover{background-position: -400px -200px;}

#team #team5{background-position: -600px 0;}
#team #team5:hover{background-position: -600px -200px;}

#team #team6{background-position: -1000px 0;}
#team #team6:hover{background-position: -1000px -200px;}

#team #portraits{
    width: 800px;
    margin: 0 0 40px 7%;
}

/*  zeigt beim Rollover den Text an */
#team a div{
    display: none;
}
#team a:hover div {
    display: inline;
    position: absolute;
    bottom: 0;
    padding: 5px 15px;
    width: 170px;
    background-color:  rgba(255,255,255,0.8);
    font-size: 80%;
    }

/* Textbereich ================================================*/
#textbereich{
    position: static;
/*    margin: 30px 60px 0 2.5%;*/
    margin: 30px 2.5% 0 2.5%;
    padding: 50px 20px 20px 25%;
    background-image: url(hgt.png);
    border: 2px solid #FBDA6F ;
    min-height: 400px;
    min-width: 800px;
    -moz-box-shadow: 5px 5px 15px black;
    -webkit-box-shadow: 5px 5px 15px black;
    box-shadow: 15px;
}
#praxis2 #textbereich,
#shiatsu3 #textbereich,
#marthafeldt #textbereich,
#anetteseraphim #textbereich{
    min-height: 520px;
}


    #textbereich p{
        margin: 20px;
    }


#textbereich .info{
    position: absolute;
    top: 350px;
    left: 5%;
    border: 1px solid #999;
}

#textblock{
    max-height: 500px;
    overflow: auto;       
}
    #textblock em{
/*        background-color: #FBDA6F;*/
        font-weight: bold;
        font-size: 120%;

    
    }
#textbereich small{
    font-size: 50%;
}
/* ======= Galerie ===============================================*/
/*#galerie{*/
/*    position: static;*/
/*}*/
#galerie li{
    margin-bottom: 10px;
    padding: 5px 5px 0 5px;
/*    border: 1px solid white;*/
    width: 90px;

}
#galerie li:hover{
    background-color: #FBDA6F;
}
#galerie .gross{
    display: none;
}
#galerie li:hover .gross{
    display: block;
    position: absolute;
    left: 40%;
    right: 2%;
    top: 180px;
}

#mitte{
    float: left;
    position: absolute;
    right: 30%;
    top: 280px;   
}
/* Fussbereich ================================================*/

#fussbereich{
    margin: 20px 0 0 80px;
}

address {
    font-size: 50%;
}
#fussbereich p a{
    display: block;
    width: 200px;
    margin-top: 10px;
    font-size: 50%;
}