@charset "UTF-8";

/* ==============================

   CSS-Reset und Grundeinstellungen

   Datei: meincssreset.css / Version 1.0
   Datum: 03.03.2020
   Autor: Ronald "Ronny" Ramm

============================== */

@media all  {

html  {
         background-color: #ffd954;
}

*  {
   margin: 0px;
   padding: 0px; 
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 16px;
   list-style: none;
   text-decoration: none;
   border: 0px;
   outline: 0px;
}

dd {
      margin-left: 40px;
}

body  {
         background-color: #ffd954;
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
section  {
            display: block;
}

#wrapper {
               width: 1200px;
               margin: 0px auto;
               background-color: #ffd954;
}

header   {
               width: 100%;
               height: 260px;
               background-color: #ffd954;
}

 #skiplinks  {
                  width: 1200px;
                  height: 40px;
                  background-color: #ffd954;
}

a.skip,.hideme,.print,dfn   {
                                       position: absolute;
                                       left: -10000px;
                                       top: -10000px;
}

a.skip:focus,a.skip:active   {
                                          position: relative;
                                          left: 0px;
                                          top: 10px;
}

#foto {
         width: 100%;
         height: 180px;
}

#hori_nav {
                  width: 100%;
                  height: 40px;
                  background-color: #ffd954;
                  text-align: right;
}

#nav_oben   {
                     padding: 10px 0px 10px;
}

#nav_oben li   {
                        display: inline;
                        margin-left: 8px;
}

#hori_nav a {
                     background-color: #ffd954;
}

main  {
         width: 100%;
         background-color: #ffd954;
}

#hori_nav a:hover,
#hori_nav:focus,
#startseite #navi01 a,
#uebermich #navi02 a,
#kontakt #navi03 a,
#impressum #navi04 a {
                                    background-color: #fff;
}

hori_nav a:active {
                           background-color: #fff;
}

h1 {
      font-size: 200%;
      margin-bottom: 0.1em;
      color: #69491a;
}

h2 {
      font-size: 166.67%;
      margin: 0.2em 0px;
      color: #69491a;
}

h3 {
      font-size: 150%;
      margin: 0.2em 0px;
      color: #69491a;
}

h4 {
      font-size: 133.33%;
}

h5 {
      font-size: 116.67%;
}

h6 {
      font-size: 116.67%;
      font-style: italic;
}

br {
      margin-bottom: 0.2em;
}

#left {
         width: 225px;
         height: 300px;
         float: left;
         background-color: #ffd954;
}

.kasten  {
               width: 100%;
               height: 30px;
               background-color: #69491a;
               margin: 2px 0px;
               text-align: center;
}

.kasten a   {
                  display: block;
                  color: #ffd954;
                  padding-top: 6px;
}

#hauptinhalt   {
                        width: 730px;
                        padding: 0px 10px 10px 10px;
                        /* height: 300px;*/
                        float: left;
                        text-align: center;
                        background-color: #dad;
}

#right   {
            width: 225px;
            /* height: 300px; */
            float : right;
            background-color: #777;
}

footer   {
            clear: both;
            width: 100%;
            height: 100px;
            background-color: #69491a;
}

#fussbereich h3   {
                              color: #ffd954;
}

}  /* Ende von @media - nicht löschen!!! */