* {
    margin:     0;
    padding:    0;
    border:     none;
    font-family:Arial, sans-serif;
    color:      #000000;
}

html { height:100%; }

body { background: #FFFFFF url(../images/bg_body.png); }

.hide { display:none; }

.bold {	font-weight: bold; }

.bild { margin-right: 12px; padding-bottom: 1px; }

#behaelter {
    width:      765px;
    background: url(../images/bg_behaelter.png) repeat-y;
    height:     100%;
    padding-bottom:15px;
}

#kober {
    position:   absolute;
    top:        20px;
    left:       0;
    width:      100%;
    height:     97px;
    background: url(../images/bg_kober.png) top left repeat-x;
    padding-top:6px;
}

#navigation {
    background: url(../images/bg_nav.png) bottom left no-repeat;
    height:     89px;
}

#navigation a img.psychosomatik { 
    float:      left; 
    margin-right:5px;
}

#navigation ul {
    list-style-type:none;
    /* The width is set to force the impressum navigation item to be put beneath
     * the peter gathmann item. */
    width:      700px;
}

#navigation ul li { 
    float:      left; 
    margin-right:5px;
    margin-top: 3px;
}
#navigation ul li.impressum { height:22px; }

#navigation ul li a { 
    color:      #000000; 
    text-decoration:none;
}
#navigation ul li a:hover { text-decoration:underline; }
#navigation ul li.gesellschaft a,
#navigation ul li.diplome a,
#navigation ul li.gathmann a,
#navigation ul li.impressum a {
    width:      161px;  /* 175 - 2*7 (padding) */
    height:     48px;   /* 62  - 2*7 (padding) */
    background: url(../images/bg_nav_0_0.png) no-repeat;
    display:    block;
    font-size:  12px;
    padding:    7px;
}
#navigation ul li.diplome a,
#navigation ul li.gathmann a {
    height:     24px;   /* 37 - 2*7 (padding) */
    background: url(../images/bg_nav_1_0.png) no-repeat;
}
#navigation ul li.impressum a {
    height:     8px;    /* 22 - 2*7 (padding) */
    background: url(../images/bg_nav_3_0.png) no-repeat;
}

#navigation ul li.diplome ul { width:auto; }
#navigation ul li.diplome ul li a {
    padding:    4px;
    height:     13px;
    width:      77px;
    background: url(../images/bg_nav_2_0.png) no-repeat;
}
#navigation ul li.diplome ul li  { margin:0;margin-top:3px; }
#navigation ul li.diplome ul li.psy1 a { margin-right:5px; }

#navigation ul li.gesellschaft a:hover {
    background: url(../images/bg_nav_0_1.png) no-repeat;
}
#navigation ul li.diplome a:hover,
#navigation ul li.gathmann a:hover {
    background: url(../images/bg_nav_1_1.png) no-repeat;
}
#navigation ul li.impressum a:hover {
    background: url(../images/bg_nav_3_1.png) no-repeat;
}
#navigation ul li.diplome ul li a:hover {
    background: url(../images/bg_nav_2_1.png) no-repeat;
}

#haber {
    margin-left:85px;
    width:      625px;
    padding-top:120px;
    background: url(../images/bg_haber.png) no-repeat;
}

#haber_formular {
    margin-left:85px;
    width:      625px;
    padding-top:20px;
    background: url(../images/bg_haber_formular.png) no-repeat;
}

#start {
    padding:    10px;
    padding-top:5px;
    background: url(../images/bg_text.png);
}

#text {
    padding:    20px;
    padding-top:10px;
    background: url(../images/bg_text.png);
}

#text h1 {
    font-size:  medium;
    margin-bottom:28px;
}

#text h2 {
    line-height:140%;
    font-size:  x-large;
    text-decoration: none;
    margin-bottom:7px;
}

#text h3 {
    line-height:140%;
    font-size:  medium;
/*    text-decoration: underline; */
    margin-bottom:7px;
}

#text h4 {
    line-height:130%;
    font-size:  small;
    font-style: italic;
    margin-bottom:7px;
}

#text h5 {
    line-height:140%;
    font-size:  large;
    text-decoration: none;
    margin-bottom:7px;
    text-align:center;
}

#text h6 {
    color: #FF0000;
    text-align:center;
    line-height:140%;
    font-size:  large;
    text-decoration: none;
    margin-bottom:7px;
}

#text p {
    line-height:140%;
    font-size:  small;
    margin-bottom:28px;
}

#text td {
    line-height:130%;
    font-size:  small;
    margin-bottom:7px;
}

#text li {
    line-height:130%;
    font-size:  small;
    margin-bottom:7px;
}

.text_rot {
    color: #FF0000;
    text-align:center;
}

#text p.psy2_rot {
    color: #FF0000;
    text-align: center;
    line-height:130%;
    font-size:  large;
    margin-bottom:15px;
}

#text p.psy2_schwarz {
    color: #000000;
    text-align: center;
    line-height:130%;
    font-size:  small;
    margin-top:-15px;
    margin-bottom:15px;
}
    
.text_psy1 {
    line-height:100%;
    font-size:  medium;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    margin-bottom:7px;
    text-align:center;
}

.text_diplome { padding-left: 12px; }

#webdesign {
    background: url(../images/bg_webdesign.png) no-repeat;
    padding-top:25px;
    margin-left:85px;
    text-align: right;
    padding-right:60px;
}

#webdesign a, #webdesign span, #webdesign {
    font-size:  11px;
    color:      #999999;
    text-decoration:none;
}
#webdesign a:hover { text-decoration:underline; }



body#psy2 #text{text-align:center;}
body#psy2 #text h3{text-transform:uppercase;}
body#psy2 #text h6{font-size:14px;text-transform:uppercase;}
body#psy2 #text table{width:100%;margin-bottom:40px;}
body#psy2 #text table tr td{padding:5px 0;}
body#psy2 #text table tr td{vertical-align:top;width:33%;}
body#psy2 #text table tr td.we{padding:40px 0 20px;font-weight:bold;}
body#psy2 #text table tr td span{font-weight:normal;display:block;}
body#psy2 #text table tr td h6{margin-top:40px;}