/* Stylesheet für Psychosolziale Beratungsstelle Pöcking
   Marion Arver Aechter-Droege 
   Stand 10.12.2007
   Datei: bildschirm.css
   Autor: Marc René Geiser
   
   Design mit float (1.1.08)
   
   Farben: 
    Beige:          #F4EED7
    Helles Beige:   #f5f5f3
    Dunkelbraun:    #4E493D
    Orange:         #F7661C
    Graublau:       #386083
*/

   /* ***********************************************************************
    Kalibrierung und allgemeine Styles
   ***********************************************************************/
/* Holly Hack für IE */
* html #spalte2 {height: 1%}
html { height: 101%; } 
*   {
    padding: 0 ;
    margin: 0 ;
    border: 0;
    list-style-type: none;
    }
body { 
    color: black ;
    background-color: #F4EED7;
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    font-size: 10pt;
    font-weight: normal;
    } 
h1,h2 {
    font-family: Georgia, serif;
    text-decoration: none;
    color: #386083;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    font-style: normal;
    font-weight: normal;
    }

h1  {
    font-size: 2em;
    margin-bottom: 0.3em;
    padding-top: 20px;
    }
h2  {font-size: 1.5em;
    margin-bottom: 0.2em;}
h3  {
    font-size: 0.8em;
    color: #386083;
    margin-bottom: 0.7em;
    }
    
li  {padding-bottom: 0.7em;}
p   {padding-bottom: 1em;}

label {
    color: #386083;
    margin-top: 1.5em;
}
address{
/*    margin-left:40px;*/
    width: 200px;
    color: #4e493d;
    font-size: 0.7em;
    font-style: normal;
}
    address .betont{
    margin-bottom: 5px;
    }
a           {text-decoration: none;}
a:link      {color: #4e493d;}
a:visited   {color: #4e493d;}
a:active    {color: #F7661C;}

.abstand{margin-top: 2em;}

.betont{
    font-weight: bold;
    color:#4e493d;
    margin-bottom: 0;
    }
    
.klein{
    font-size: 0.7em;
    font-style: normal;
}
.info{
    padding: 0 20px 30px 0;
    font-size: 0.7em;
    font-style: normal;
    text-align: right;
    }
.skiplink{
    position: absolute;
    top: -2000px;
    left: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
    }
    
.bildrechts{
    float: right;
    margin: 0 30px;
    clear: right;
    }
    
.bildlinks {
    float: left;
    margin: 0 20px 10px 0;
}

.bildmitte{
    margin: 10px auto ;
}

.termine{
    font-style: normal;
    margin: 0 20px;
    padding: 10px;
    border-top: 1px solid #999;
}

    .termine strong{
        font-style: normal;
    }

    .termine em{
        font-size: 0.9em;
        font-style: normal;
        color: #386083;
    }
    
    .termine .datum{
        font-size: 0.7em;
        
    }

.zumir{
    margin: 6em 0 0 5em;
    font-style: bold;
    font-size: 0.8em;
    letter-spacing: 1px;
}

   /* ***********************************************************************
    Styles für die Layoutbereiche
   ***********************************************************************/
#wrapper {
    width: 840px;
    margin: 0 auto;
    color: black;
    background-color: #F4EED7;
    background-image: url(wasser.jpg);
    height: 900px;
    }

#kopfbereich {
    position: relative;
    color: black;
    background-color: #F4EED7;
    padding: 0 0 10px 0;
}
#kopfbereich h1{
    padding: 0 0 0 0;
}
#spalte1{
    float: left;
    width: 250px; 
/*    height: 700px;*/
    margin: 20px  ;  
    padding: 10px 0 10px 0;
    background-color: rgba(245,245, 244, 0.6);
    border: 1px solid #4E493D;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    -moz-box-shadow: 3px 3px 5px #4E493D;
    -webkit-box-shadow: 3px 3px 5px #4E493D;
}

#spalte1 li{
    padding: 3px 10px;
    font-size: 100%;
    
}
#navimitte .betont{
        padding-top: 1.4em;
    }
    
#navimitte li:hover{
    background-color: #F7661C;
}


#fbmitte {
    margin: 20px 10px;
    padding: 30px 15px 10px 0;  
}

#impressum{
    margin: 10px 0 20px 10px;
/*    padding: 0 20px;*/
}
    #impressum p{
        padding: 0 0 10px 0;
    }
    
/* Spalte 2  Haupttext */

#spalte2 {
    margin: 20px 20px 20px 300px;
    }
    #spalte2 a{color:#386083;}
    #spalte2 a:hover{color:#F7661C;}
    #spalte2 em{font-weight: bold;}
    #spalte2 .link{
        font-size: 75%;
        font-style: italic;
        color: black;
        font-weight: normal;
        padding-left: 1em;        
    }
    #spalte2 .hinweis{
        margin-top: -5px;
    }
    
#tbmitte{
/*    padding: 0 60px 0 50px;*/
    padding: 10px 10px 50px 30px;
    min-height: 500px;
    max-height: 700px;
    Overflow-x: hidden;
    Overflow-y: auto;
/*    width: 400px;*/
    
    background-color: #f5f5f3;
/*    border: 1px solid #4E493D;*/
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    -moz-box-shadow: 3px 3px 10px #4E493D;
    -webkit-box-shadow: 3px 3px 10px #4E493D;
}


   /* ***********************************************************************
    Sonstige Styles
   ***********************************************************************/