/* ======================================
  1. Kalibrierung und Restauration
  http://www.mushroomtube.com/search/?kwid=5789&q=money|Cash&p=2&c=1
 http://www.local24.de/piatraumgirl/_b2JqZWN0SWQ9NzAwMTIxMSZzZW5kZXI9c2VhcmNoJndsPTE=/
   ====================================== */
/* Reset - alle Abstände auf NULL */
*  { padding: 0; margin: 0; }
/* optional: erzwingt Scrollbar im Firefox */
html { height: 100%; width: 99%; margin-bottom: 1px; }
h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em ; }
/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ======================================
  2. Allgemeine Styles
  ====================================== */

body {
font-size: 80.01%;
font-size: 11px;
background:url("/layout/hintergrund.png") no-repeat #FFFFFF;
   color: #fff;
   font-family:verdana,arial,helvetica,clean,sans-serif;
   
   background-color: #6A6A6A;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
address {
  text-align: center;
  font-size: 80%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5;
}
.img {
border:none;
}
img {
border:none;
}

a {
  text-decoration: none;
  /* outline: none; */ /* nur wenn es Sie wirklich stört */
}
a:link {  }
a:visited {  }
a:hover,
a:focus {

}
a:active {

}
/* Allgemeine Klassen und IDs */
}

/* ======================================
  3.  Styles für die Layoutbereiche
  ====================================== */
#kopfbereich {
  /* plus padding li und re */
 /* background-color: #5F8EDC;*/

}

  #kopfbereich h1 {
    padding: 20px 10px 41px 0;
  }
  
#typo{

}
#wrapper {
z-index: 2;
  position: absolute;
  /*background-color: white;*/
  width: 1024px;
  max-width: 1024px;
  margin: 0 auto;
}
#textbereich {
  /* background-color: white;*/
   padding: 110px 20px;
   margin-left: 330px;
   margin-right: 215px;
   
}
  #textbereich a {
  
    text-decoration: none;
    color: #ff8400;
    /*background-color: #D4E1F7;*/
    padding: 4px;
   /* border-left: 3px solid #3F36DD;*/
  }
  #textbereich a:hover,
  #textbereich a:focus {
    color: #FFF623;
    background-color: #6A6A6A;
   /* border-left-color: #3F36DD;*/
    border-bottom: none;
  }
  #textbereich a:active {
   /* color: white;*/
    background-color: #3F36DD;
  }
#fussbereich {
  top: 590px;
   position: absolute;
 left: 55px;
 padding-bottom:0px;
}
  #fussbereich a {

    text-decoration: none;
    color: #fff;
    /*background-color: #D4E1F7;*/
    padding: 4px;
 /*  border-left: 3px solid #3F36DD; */
  }
  #fussbereich a:hover,
  #fussbereich a:focus {

    color: #FFF623;
    background-color: #6A6A6A;
   /* border-left-color: #3F36DD;*/
     border-bottom: none;
  }
#sidebar {

   position: absolute;
   top: 0;
   left: 65px;
   width: 229px;

}
#sidebar2 {
display: block;
z-index: 1;
   position: absolute;
   top: 400px;
   left: 55px;
   width: 229px;
   padding: 10px;
}


#sidebar2 #dieseEbene,
#sidebar2 #andereEbene{
   top: 500px;
   left: 59px;
   width: 500px;
   padding: 10px;
   background-color: #6A6A6A;
   border: 2px solid #FFF623;
}

  #sidebar2 a {
    display: block;
    text-decoration: none;
    color: #ff8400;
    background-color: #000000;
    padding: 4px;
   /* border-left: 3px solid #3F36DD;*/
  }
  #sidebar2 a:hover,
  #sidebar2 a:focus {
    color: #FFF623;
    background-color: #6A6A6A;
   /* border-left-color: #3F36DD;*/
    border-bottom: none;
  }
  #sidebar2 a:active {
   /* color: white;*/
    background-color: #6A6A6A;
  }
  
#navibereich {

   position: absolute;
   top: 0;
   right: 0px;
* right: 15px;
   width: 172px;
   padding: 10px;
   font-size: 95%;
}
  #navibereich ul {
    width: 130px;
  /*  border-top: 1px solid #5F8EDC;*/
  }
  #navibereich li {
    list-style-type: none;
   /*border-left: 1px solid #3F36DD;
    border-bottom: 1px solid #3F36DD;*/
    margin: 0;
  }
  #navibereich a {
    display: block;
    text-decoration: none;
    color: #ff8400;
    /*background-color: #D4E1F7;*/
    padding: 4px;
   /* border-left: 3px solid #3F36DD;*/
  }
  
  #startseite #navi01 a,
  #kontaktseite #navi02 a {
    color: #ff8400;
    /*background-color: white;*/
   /* border-left-color: #3F36DD;*/
    border-bottom: none;
  }
  #navibereich a:hover,
  #navibereich a:focus {
    color: #FFF623;
    background-color: #6A6A6A;
   /* border-left-color: #3F36DD;*/
    border-bottom: none;
  }
  #navibereich a:active {
   /* color: white;*/
    background-color: #3F36DD;
  }


/* ======================================
  4. Sonstige Styles
  ====================================== */
/* Das Kontaktformular */
form {
  background-color: #eee;
  width: 370px;
  padding: 20px;
  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:focus,
textarea:focus {
  background-color: #d9d9d9;
}