/* --------------------------------------------------------------------------- *
  IRONMASTER DECOR INC.  - Juni 2007 ..2 spalten float
 * -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- *
1. KALIBRIERUNG UND ALLGEM. STYLES .............................................
 * -------------------------------------------------------------------------- */

* {padding: 0; margin: 0;}

html {height: 101%;} /* erwzingt scrollbar im firefox */

h1, h2, h3, p, ul, ol {margin-bottom: 1em; }

td, h1, h2, h3, p {padding-left: 20px;
            padding-right: 20px; }


ul, li {margin-left: 30px; }


/* --------------------------------------------------------------------------- *
2. STYLES FÜR DIE LAYOUTBEREICHE ...............................................
 * ------------------------------------ --------------------------------------*/

body    {color: black;
         background-color:white;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: small;
         }

p  {font-size: 75%;
    text-align: justify;

         }

/* --------------------------- Wrapper ----------------------------------------- */
#wrapper {
         color: black;
         background-color: white;
         width: 990px;
         margin: 0px auto 0px auto;
         border-top: 15px solid white;

         }

/* --------------------------- Kopf ----------------------------------------- */
#kopf {position: relative;
       color: black;
       background-color: #000000;
       width: 990px;
       margin: auto;
       margin-top: 5px;
       height: 98px;
       }


/* --------------------------- Navi ----------------------------------------- */
#navi  {text-align: left;
        background: url(img/navi.gif);
        font-size: 80%;
        height: 25px;
        width: 990px;
        margin: auto;
         }

#navi a:link {color:#E2E6EA;text-decoration:none;font-weight:bold; padding: 3px 5px 5px 5px;}
#navi a:visited {color:#E2E6EA;text-decoration:none;font-weight:bold; padding: 3px 5px 5px 5px;}
#navi a:hover {background-color: black; color:#EFD6AF; text-decoration:none; font-weight:bold; padding: 3px 5px 5px 5px; }
#navi a:focus  {color:#FDECA6;text-decoration:none;font-weight:bold}

a.ohne:link {color:#000000;text-decoration:none;font-weight:normal}
a.ohne:visited {color:#000000;text-decoration:none;font-weight:normal}
a.ohne:focus  {color:#8D6A00;text-decoration:none;font-weight:normal}

#indexseite #navi01 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#aboutseite #navi02 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#craftmanshipseite #navi03 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#photogalleryseite #navi04 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#requestseite #navi05 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#contactseite #navi06 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}
#linksseite #navi07 a { color: #EFD6AF;
                 background-color: #000000;
                 border-bottom-color: white;}


#navi li {  display: inline;
            list-style-type: none;
            margin-left: 0px;
            padding: 0px 6px 0px 6px;
           }

#navi ul {margin-left: 0px;
          margin-bottom: 0px;
          padding-top: 3px;}



/* -------------------------- Linker Bereich -------------------------------- */

#left { float: left;
        width: 150px;
        padding-left: 0px;
        padding-top: 40px;
        background-color: white;
        font-size: 90%;
        }

#left ul { margin-left: 0px;
           padding-bottom: 3px;
         }

#left li {
           padding-bottom: 5px;
         }


#left a:link {color:#000000;text-decoration:none;font-weight:bold}
#left a:visited {color:#000000;text-decoration:none;font-weight:bold}
#left a:hover {color:#4D667D;text-decoration:none;font-weight:bold}
#left a:focus  {color:#FDECA6;text-decoration:none;font-weight:bold}

/*  ------------------------------ Inhalt ----------------------------------- */

#text { width: 835px;
        float: left;
        background-color: white;
        margin-bottom: 15px;
        border-right: 1px solid #8c8c8c;
        border-left: 1px solid #8c8c8c;
        overflow: auto;
        }

/* ------------------------- Footer -------------------------------- */
#footer {clear:both;
         color: black;
         background: url(img/footer.jpg);
         height: 25px;
         width: 990px;
         margin: auto;
         }

#footer p  { color: #EBEEF0;
             font-size: 75%;
             padding: 12px 8px 0px 10px;
           }


/* --------------------------------------------------------------------------- *
3. ALLGEMEINE SELEKTOREN und KLASSEN ...................................................
 * -------------------------------------------------------------------------- */

/* Links */

a:link {color:#E5C594;text-decoration:none;font-weight:bold}
a:visited {color:#E5C594;text-decoration:none;font-weight:bold}
a:hover {color:#8FACC7;text-decoration:none;font-weight:bold}
a:focus  {color:#FFCA6C;text-decoration:none;font-weight:bold}


/* Überschriften */

h2 {font-size: 16px;
    color: #006699;
    letter-spacing: 4px;
    font-style: italic;
    font-family: "Times New Roman";
    font-variant: normal;
    font-weight: normal;
         }

h3 {font-size: 13px;
    color: black;
    letter-spacing: 3px;
    font-variant: normal;
    font-weight: normal;
    }

h1 {font-size: 18px;
    color: #560E00;
    letter-spacing: 2px;
    font-variant: normal;
    font-weight: bold;
    font-family: "Times New Roman", serif;
    }



/* Boxen */

.box {overflow:hidden;
      width: 650px;
      margin:5px;
      padding: 15px;
      }

.box img   { border: 1px solid #676767;
             margin: 2px;
         }





/* Anderes */

.foto   { float: left;
          margin: 0px 20px 10px 5px;
         }




blockquote {
          text-align: center;
          background-color: #FAEDA7;
          width: 400px;
          margin:5px auto 5px auto;
          border: solid #204E34 1px;
          padding: 5px;
           }

cite    { font-size: 80%;
          color: #AD8D01;
           }

address {font-size: 80%;
         text-align: center;
         font-style: normal;
         letter-spacing: 2px;
         line-height: 1.5em;
         }




/*  ----------------------- Kontaktforumular -------------------------------- */

form {background-color: #4D667D;
      width: 550px;
      padding: 20px;
      margin-left: 10px;
      border: 1px solid #8c8c8c;
         }

label {display: block;
       cursor: pointer;
         }

input#absender,
textarea {width: 300px;
          border: 1px solid #8c8c8c;
          margin-bottom: 1em;
         }

textarea {height: 7em;
         }

input#absender: focus,
textarea: focus {background-color: #D9D9D9;
         }