html {
height: 100%; }

body {
height: 100%;
margin: 0;
padding: 0;
background: url(../images/bg_oben.gif) repeat-x;
background-color: #e3e2e2; }

#preloader {
height: 0;
width: 0;
display: none; }

.zentrieren {
height: 100%;
background: white;
padding: 0 1px 0 1px;
position: absolute;
top: 0;
left: 33%;
width: 805px;
margin-left: -265px; }

/* Text ***********************************************************/
p {
margin: 0;
padding: 0; }

#content {
color: #423f3b;
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif; }

#content p {
line-height: 145%;
margin-bottom: 1em; }

#content h1 {
font-size: 120%;
padding: 0;
margin: 0 0 1.4em 0; }

#content .h1_mix {
font-weight: bold;
font-size: 120%;
padding: 0;
margin: 0 0 1.4em 0; }

#content h2 {
font-size: 100%;
padding: 0;
margin: 2.2em 0 0.55em 0; }

#content ul {
list-style-type: square;
/*list-style-image: url(../images/liste_quadrat.gif);*/ }

a {
color: #423f3b; }

#content a {
color: #ea4002; }

a.pfeil {
padding-left: 9px;
color: #ea4002;
text-decoration: underline;
background: url(../images/pfeil_orange.gif) no-repeat 0px 3px; }

img.portrait {margin:0 0 6px 12px}

/* Navi oben **************************************************/
#navi_oben b {
padding: 0 10px 0 10px;
display: none; }

#navi_oben {
z-index: 5;
position: absolute;
top: 164px;
left: 1px;
width: 805px;
height: 33px;
bottom: 45px;
border: 0;
list-style-type: none;
background: url(../images/bg_nav_oben.gif) repeat-x;
margin: 0;
padding: 0; }

#navi_oben li#startseite {
margin-left: 27px;
border-left: 1px solid #918f8d; }

*html #navi_oben li#startseite {
margin-left: 14px; /* IE6 halt !? */ }

#navi_oben li {
float: left;
border-right: 1px solid #918f8d;
height: 33px; }

#navi_oben li a {
width: auto;
background-repeat: no-repeat;
color: white;
text-decoration: none;
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
height: 33px; }

#startseite a:link, #startseite a:visited {
width: 78px;
background-image: url(../images/nav_startseite.gif); }
#startseite a:hover, #startseite a:active, #startseite a:focus, #startseite a.active {
background-image: url(../images/nav_startseite_o.gif); }

#philosophie a:link, #philosophie a:visited {
width: 89px;
background-image: url(../images/nav_philosophie.gif); }
#philosophie a:hover, #philosophie a:active, #philosophie a:focus, #philosophie a.active {
background-image: url(../images/nav_philosophie_o.gif); }

#methoden a:link, #methoden a:visited {
width: 87px;
background-image: url(../images/nav_methoden.gif); }
#methoden a:hover, #methoden a:active, #methoden a:focus, #methoden a.active {
background-image: url(../images/nav_methoden_o.gif); }

#leistungen a:link, #leistungen a:visited {
width: 89px;
background-image: url(../images/nav_leistungen.gif); }
#leistungen a:hover, #leistungen a:active, #leistungen a:focus, #leistungen a.active {
background-image: url(../images/nav_leistungen_o.gif); }

#team a:link, #team a:visited {
width: 50px;
background-image: url(../images/nav_team.gif); }
#team a:hover, #team a:active, #team a:focus, #team a.active {
background-image: url(../images/nav_team_o.gif); }

#kontakt a:link, #kontakt a:visited {
width: 69px;
background-image: url(../images/nav_kontakt.gif); }
#kontakt a:hover, #kontakt a:active, #kontakt a:focus, #kontakt a.active {
background-image: url(../images/nav_kontakt_o.gif); }

/* Navi links *************************************************/
#abstand_navi_oben {
height: 229px; }

#navi {
z-index: 4;
position: absolute;
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
margin: 0;
padding: 0;
padding-left: 27px;
float: left;
width: 214px; }

#navi ul {
margin: 0;
margin-top: 4px;
margin-bottom: 40px;
padding: 0;
list-style-type: none; }

#navi li {
height: 1.55em;
margin: 0;
padding: 0;
background: url(../images/nav_normal.jpg) no-repeat;
background-color: #d8d8d8; }

#navi ul a {
height: 1.25em;
display: block;
margin: 0;
padding: 0;
padding: 5px 10px;
color: #57534f;
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; }

#navi ul li a.aktiv {
background: url(../images/nav_over.jpg) no-repeat;
background-color: #f84105;
color: white;  }

/* für IE */
*html #navi ul a {
height: 25px;
margin: 0;
margin-bottom: -10px; }

*html #navi li {
margin-bottom: -2px; }

*+html #navi li {
margin-bottom: -2px; }

#navi ul a:hover, 
#navi li.active a, 
#navi ul a:active, 
#navi ul a:focus {
background: url(../images/nav_over.jpg) no-repeat;
background-color: #f84105;
color: white; }

/* Layout *********************************************************/
#head {
z-index: 2;
position: absolute;
top: 0;
left: 1px; }

#contentrahmen {
z-index: 1;
background: white;
position: absolute;
left: 0;
padding: 0 35px 0 272px;
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
width: 500px;
height: 100%;
float: left;
color: #525152; }

#abstand_content_oben_start {
height: 323px; }

#abstand_content_oben {
height: 236px; }

#content {
margin-bottom: 25px;
padding: 0; }

ul.liste {
list-style-type: square;
margin: 0;
margin-left: 14px;
padding: 0;
}

.box {
overflow: auto;
background: url(../images/bg_box.gif) no-repeat;
background-color: #e5e5e5;
padding: 20px 10px;
margin: 0 0 40px 0;
width: 194px;
color: #423f3b;
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: normal;
line-height: 140%; }

.box_aktuelles {
overflow: auto;
border: 1px solid #e5e5e5;
border-top: 0px;
padding-bottom: 10px;
margin: 0 0 40px 0;
width: 212px;
color: #423f3b;
font-size: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: normal;
line-height: 150%; }

.box_aktuelles p {
padding-right: 10px;
padding-left: 10px; }

p.box_head {
font-size: 110%;
padding: 8px 9px 6px 9px;
margin-bottom: 11px;
background: url(../images/bg_box.gif) no-repeat;
background-color: #e5e5e5;
font-weight: bold;

}

#footer a {
display: block;
float: left;
margin: 0 20px 0 0;
padding: 2px 0 0 22px;
color: #423f3b;
font: bold 0.75em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height:1.9em; }

#footer a:hover, #footer a:active, #footer a:focus {
text-decoration: underline; }

#b_drucken {
background: url(../images/icon_drucken.gif) no-repeat;  }

#b_seitenanfang {
background: url(../images/icon_anfang.gif) no-repeat; }

#b_kontakt {
background: url(../images/icon_kontakt.gif) no-repeat;  }

#b_impressum {
background: url(../images/icon_impressum.gif) no-repeat;  }

/* Druck **********************************************************/
#logo_druck {
display: none; }

#kontakt_druck {
display: none; }