@charset "utf-8";
/* CSS Document */
   body{
        font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        min-width: 800px;
        background-attachment:fixed;
        background-size: cover;
        font-size: 100%;
        }
    html .index     { background-image: url(../bilder/therapieklar.jpg);}
    html .praxis    { background-image: url(../bilder/hintergrung_praxis.jpg);}
    html .kontakt   { background-image: url(../bilder/hintergrundkontakt.jpg);}
    html .gutscheine{ background-image: url(../bilder/hintergrundgutschein.jpg);}
    
    
    
    
#header{
    width:98%;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width:960px;
    padding-top: 0%; text-align: left;
    background-color: hsla(0,0%,100%,0.65);
    border-bottom: hsla(184,48%,59%,1.00) solid 1px;
    display:flex;
   
    }
    
    #kopf1{
        padding-left: 20px;
        padding-top: 4px;}
    #kopf2{padding-top: 46px; }

#container {
	width:98%;
    margin-left: auto;
    margin-right: auto;
    max-width:960px;
    margin-top: -1px;
	height:auto;
	display:-webkit-flex;
	display:flex;
    background-color: hsla(0,0%,100%,0.55);
    font-size: 80%;
}

    #box1 {
        width:150px; 
        padding-left: 10px;
        padding-top: 13px;
        line-height: 0.5;
    }    


    #box2 {
        -webkit-flex:1;
        flex:1;
        text-align: left;
        padding-left: 25px;
        line-height: 0.4;
        background: url(../bilder/dreieck.png) no-repeat; 
        font-size: 120%;
    }
        
        #box2 p:nth-child(1){padding-left:  0px;font-size: 115%;}
        #box2 p:nth-child(2){padding-left: 25px;font-size: 115%;}
        #box2 p:nth-child(3){padding-left: 90px;font-size: 115%;}
        #box2 p:nth-child(4){padding-left: 90px;font-size: 115%;}
        #box2 p:nth-child(5){padding-left: 90px;font-size: 115%;}
        #box2 p:nth-child(6){padding-left: 90px;font-size: 115%;}

    #box3 { 
        width: 140px;  
        text-align:left;
        padding-left: 10px;      
        padding-top: 10px;
       
        }
    #box3 img {
             box-shadow: 3px 3px 10px 0px rgba(138,135,138,1);   }

    #box4 {
        width:230px; 
        text-align:left; 
        padding-left: 6px; 
        border-left:  gray solid 3px;
        background-color: hsla(0,0%,100%,0.65);
        color: #333333; 
        font-size: 1.2em;
        }
        #box4 p{
            line-height: 0.4;

            }
        #box4 p:nth-child(1){
            font-weight: 800;      
            line-height: 0.9; 
            letter-spacing: 1px;
    }
        #box4 p:nth-child(2), #box4 p:nth-child(3), 
        #box4 p:nth-child(4) {
            font-weight: 600;        
            line-height: 0.7; 
            }

   
    
#menu {
	width: 97.5%;
    margin-left: auto; 
    margin-right: auto;
    max-width:960px;
    margin-top: 5px;
	height:30px;
	display:-webkit-flex;
	display:flex;
    text-align:  left;
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    width:16.6%;
	background-color:#1A9799;
    margin-right:2px;
    text-align: center; 
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px; 
}
   
#m1  a, #m2 a, #m3 a, #m4 a, #m5 a, #m6 a {
    color: #FFFFFF;
    display: block;
    font-variant-caps:small-caps;
    font-weight: 400;
    text-decoration: none;
    border: #9bdddd none 1px; 
    word-break: keep-all;
}

#m1  .active, #m2 .active, #m3.active, #m4 .active, #m5 .active, #m6 .active {
    background-color:#1A9799;
    color: white;
    }
    
    

#m1 a:hover, #m2 a:hover, #m3 a:hover, #m4 a:hover, #m5 a:hover, #m6 a:hover {
   	display: block;
    color: #67BDC7;
   
    
}
#cont{
    width:98%; height: auto;min-height: 400px;
    margin-top: 4px; 
    margin-left: auto;margin-right: auto;max-width:960px;
    padding: 3px 18px 8px 18px;
    box-sizing: border-box; 
    background-color: hsla(0,0%,100%,0.75);
    }
    
        #cont p:nth-child(1) {font-weight: 600; }

        #cont .fett {font-weight: 600; color: #42A3A3;}

        #cont img {
            float:left;
            margin-right:7px; 
            margin-bottom:7px;
            box-shadow: 3px 3px 10px 0px rgba(138,135,138,1);            
        }

        #cont .sub {
            font-weight: 600;font-style: italic;
        }
     #cont:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
    #footer{
        position: absolute; 
        padding-top: 8px; 
        width:98%; 
        height: 35px; 
        text-align: center;
        font-size: 0.85em;
    }
    #footer a{ 
        color:#333333; 
        text-decoration: none;        
    }
     #footer a:hover{ 
        color:#333333; 
        
        text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);  
    }