/* CSS Document für Ing.-Büro Christian Kotucha*/

body {
   background-color: #f2f1f0;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   padding-top: 8px;
   padding-right: 8px;
   padding-bottom: 8px;
   padding-left: 8px;
   font-family: "Arial", "Helvetica", "Helvetica Neue";
   color: #ffffff;
   font-size: medium;
}

h1 {
   margin: 0px;
   padding: 0px;
}

a  {
   color: inherit;
   font: inherit;
   text-decoration: none;
}

a:link {
   color: inherit;
   font: inherit;
   text-decoration: none;   
}

a:visited {
   color: inherit;
   font: inherit;
   text-decoration: none;
}

a:hover {
   color: inherit;
   font: inherit;
   text-decoration: none;
}

a:active {
   color: inherit;
   font: inherit;
   text-decoration: none;
}

          
#kopfleiste {
   background-color: #ffffff;
   width: inherit;
   height: 90px;
   line-height: 100px;  /* Vertikale Zentrierung des Schriftzuges 
                           (hier: line-height = height) */
   margin-bottom: 15px;
   padding-left: 20px;
   font-size: 1.3em;
   border-radius: 10px; /* Rundungen an den Ecken der Kopfleiste */
   box-shadow: 2px 3px 3px 0px #515151; /* Schatten um die Kopfleiste */
   -webkit-box-shadow: 2px 3px 3px 0px #515151; 
              /* Schatten um die Kopfleiste - für Safari und Google Chrome */
   text-shadow: 2px 3px 3px #2E2E2E; 
              /*Schatten am Text der Kopfleiste*/     
   overflow: hidden; /* Bei schmalem Bildschirm wird der Schriftzug 
                in der Kopfleiste nicht umgebrochen sondern abgeschnitten;
                Überprüfung der Darstellung im IE9 */                       
}             

#menu {
   background-color: #3E9715;
   width: auto;
   height: auto;
   float: left;
   margin-right: 15px;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   font-size: 1.1em;
   border-radius: 10px; /* Rundungen an den Ecken des Menüs */
   box-shadow: 2px 3px 3px 0px #515151; /* Schatten um das Menü */
   -webkit-box-shadow: 2px 3px 3px 0px #515151; 
              /* Schatten um das Menü - für Safari und Google Chrome */
   text-shadow: 0.1px 1px 1px #2E2E2E; 
              /*Schatten am Text der Kopfleiste*/          
}

#menu ul {
   list-style-type: none;
   padding: 0px;
}

#menu li {
   margin-bottom: 15px;
   padding-right: 20px;
   padding-left: 20px;
}

#menu li.current {
   color: #2E2E2E;
}
  
#inhalt {
   background-color: #ffffff;
   width: auto;
   height: auto;
   overflow: auto;
   padding-top: 5px;
   padding-right: 20px;
   padding-bottom: 10px;
   padding-left: 20px;
   color: #555555;
   border-radius: 10px; /* Rundungen an den Ecken des "Inhalt"-Blockes */
   box-shadow: 2px 3px 3px 0px #515151; /* Schatten um den "Inhalt"-Block */
   -webkit-box-shadow: 2px 3px 3px 0px #515151; 
          /* Schatten um den "Inhalt"-Block - für Safari und Google Chrome */
}

#inhalt a {
   color: inherit;
   font: inherit;
   text-decoration: underline;
}

#inhalt li {
   margin-bottom: 5px;
   margin-left: 40px;
}