/*Für alle Seiten gültig */
* {
font-family: "century gothic", tahoma, arial, sans-serif;
color: #444444;
line-height: 1.6; /* Bis Okt 2016 war 160%*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}

h2 {
    font-weight: bold;
    padding-left: 3%;
}

body {
/* padding:0;     herausnehmen */
margin:0;     /* damit am plafond klebt */
background-color: #aaa;
content: ;
}

.sie-sind-hier {
    background-color: #444444;
    color: #ffffff;
}

img {
    max-width: 100%;
    height: auto;
}
    
hr {                       
clear: both;
visibility: hidden;
}
 
#bild_rechts_unten {      /* wird verwendet, wenn darüber keine Tabelle ist; bei immobilien und lohnvererchnung; bei Klienten und Honorar geht nicht*/
float: right;
margin-right: 10%;
margin-bottom: 5%;
}

#container {
max-width: 960px; /*wenn 100% ni mehr zentriert*/
/*height: 2000px;   height herausnehmen*/            
margin: 0 auto;
/* padding:0;   herausnehmen */
/*border: 1px solid #0000ff; */  /*nur anzeigehilfe LÖSCH!*/
background-color: #ffffff;    /* geht sonst bei IE Proworx nicht; da ist unten der Hintergrund das Bild*/

border-left: 1px solid #000000;
border-right: 1px solid #000000;

}



#navigation {                         
max-width: 100%;
height: auto;         
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;   
background-color: #dddddd;
}

#navigation ul {
margin:0;    /* für firefox belassen, eigentlich unlogisch*/
padding: 0;   /* für firefox belassen, eigentlich unlogisch*/
list-style-type:none;
/*font-size: 14px;        31Okt2016 entfernt*/
text-align: center;     
letter-spacing:0.08em; /*bis 31Okt2016 war 1px*/
word-spacing: 3em;       /* bis 31Okt2016 war 4em */
/*line-height: 1;    lineheight ist für alles mit 1.6 eingestellt - für Firefox muss hier auch 100% bzw. 1 rückgestellt werden, sonst text zu weit unten*/
}

#navigation ul li {
display:inline;
vertical-align: middle;
}

 /* Für Navigation unter Header: */

a:link {
color:#444444;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
background-color: #ffffff;

}
a:active {
}
a:focus {
}
 /* Für Navigation unter Header Ende */


/* Ende für alle Seiten gültig */


/* Beginn Seite leistungen */


       
.zweispaltig {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
        padding-left: 3%;
      }

.gross_fett {
font-size: 1.2em;
font-weight: bold;
color: #000000;
padding-left: 3%;
}


/* Ende Seite Leistungen */

/* Beginn Seite Fortbildung */



#fortbildung_einleitung p {
padding:8px;
}
#fortbildung_tabelle {                          /* nicht DIV herum und diese zentrieren; geht bei IE nicht, da auf Zellen vererbt wird */
margin: 0 auto;                    /* zentriert Tabelle */
font-size: 0.9em;
}
/* Ende Seite Fortbildung */

/* Beginn Seite Klienten */


#klienten_tabelle {                          /* nicht DIV herum und diese zentrieren; geht bei IE nicht, da auf Zellen vererbt wird */
margin: 0 auto;                    /* zentriert Tabelle */
/* font-size: 0.8em;  */
}

#bild_klienten_honorar {               /* bild_klienten ist ein img, keine DIV */
float: left;
display: block;                /* würde auch ohne dieser Zeile funktionieren, obwojl img ein inline-Elemet ist und daher keine margin hat */
margin: 2em 0 15em 2em;        /* der dritte Wert bewirkt, dass Weiß nach unten aufgespannt wird */
}

 /* Ende Seite Klienten */


/* Beginn Seite Team */



div.galerie {
    margin-left: 2%;
}

div.galerie img{
    float: left;
    margin-right: 2%;
}

div.galerie p{
    margin: 0;
    padding: 0;
}
 /* Ende Seite Team */

/* Beginn Seite Honorar */

#TabelleHonorar {
padding-left:5%;  
}

.pastellblau {
color: #4966FB;    
padding-left: 1em;
}
 /* Ende Seite Honorar */

/* Beginn Seite Impressum */
#plan {
max-width: 950px;
height: auto   ;
background-color: #ffffff;     /* für firefox notwendig, eigentlich unlogisch */
padding-left: 0.5em;               /* vom linken Rand 8px weg  */
margin-top: 1em;                /* Abstand von oben  */
margin-bottom: 1em;            /* Abstand zu folgender DIV  */
}

#plan img {
float: left;
margin-right: 2em;
}

#haus {
max-width: 950px;
height: auto;    
background-color: #ffffff;     /* für firefox notwendig, eigentlich unlogisch */
padding-left: 0.5em;               /* vom linken Rand 8px weg  */
clear: both;
}
#haus img {
float: left;
margin-right: 2em;
}


/* Ende Seite Impressum */

/* Beginn Seite Start */
/* alles in HTML-Code enthalten*/
/* Ende Seite Start */


/*Beginn Seite Lohnverrechnung */


#lohnverrechnung {
margin-top: 1em;
margin-left: 0;
margin-right: 0;
margin-bottom: auto;
padding: 0 3em 0 3em;
float: left;
/*text-align: justify; hier nicht justify, da zuwenig Wörter pro Zeile */
/*border: 1px solid #FF0000; */   /*nur anzeigehilfe LÖSCH!*/
background-color: #ffffff;     /* für firefox notwendig, eigentlich unlogisch */
}


#lohnverrechnung a{
color:#000;
text-decoration: underline;
}

/* Ende Seite Lohnverrechnung */

@media screen and (max-width: 800px) {
    #haus img {
        float: none;
    }
    #plan img {
        float: none;
    }
   
}