/*Stylesheet Garderobenart

Stand: Gestaltung des Kontaktformulars
Datei: _bildschirm.css
Datum: 19.11.2009
Autor: Franz Weck

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; }

h1, p, ul, ol { margin-bottom: 0.6em; }

ol ul { margin-bottom: 0; }

li { margin-left: 2em; }



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

html { height: 101%; }


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

#wrapper {
  background-color: white;
  color: #444;
  width: 770px;
  margin: 10px auto;
  /*padding: 10px; */
}


#kopfbereich {
  position:relative;
  margin-top: 0px;
  margin-bottom: 20px;
}


#navibereich {
  position: absolute;
  top: 105px;
  font-size: 1.1em;
  letter-spacing: 1.2px;
}

        #navibereich li {
          display: inline;
          list-style-type: none;
          margin-left: 10px;
          margin-right: 20px;
        }

         #besonderes #navi01 span,
         #galerie #navi02 span,
         #details #navi03 span,
         #vita #navi04 span {
           color: #BE2346;
        }



#fussnavibereich {
  font-size: 0.7em;
  letter-spacing: 1px;
  margin-top: 35px;
  padding-top: 5px;
  border-top: 1px solid #aaa;
}

         #fussnavibereich li {
           display: inline;
           list-style-type: none;
           margin-left: 10px;
           margin-right: 0px;
         }

         #kontakt #fussnavi01 span,
	#impressum #fussnavi02 span {
	  color: #BE2346;
}


#textbereich {
   margin-left: 10px;
   width: 675px;
}

        #textbereich li {
          margin-left: 10px;
          margin-bottom: 7px;
        }

#galerie .imginactive {
        border: 1px solid white;}
#galerie .imgactive {
        border: 1px solid #BE2346;}

       /*  a.galerie:link, {border: 1px solid #grey; }
         a.galerie:hover, {border: 1px solid #BE2346; }
	a.galerie:focus {border: 1px solid #BE2346; }
         a:aktive: {color: red; }*/

A.wenav:aktiv  {color: #6F6F6F;  font-size:7pt; text-decoration:none; font-size:8pt; font-family:Verdana,Arial,sans-serif;}
A.wenav:hover      {color: #E06060; font-size:7pt; text-decoration:none;}


h1 {
   font-size: 1.7em;
   color: #BE2346;
   letter-spacing: 2px;
}

h2 {
   font-size: 1.3em;
   color: #777;
   letter-spacing: 1px;
}


p {
   font-size: 1em;
   color: #444;
   letter-spacing: 1px;
   line-height: 1,5;
}


a {
  text-decoration: none;
  outline: none;
}
a:link {color: #aaa;}
a:visited {color: #aaa;}
a:hover, a:focus {color: #BE2346; font-style: bold; }
a:aktive: {color: red; }





/* =======================
   Klassen und IDs */

.skiplink {
  position: absolute;
  top: -5000px;
  left: -5000px;
  width: 0;
  height: 0;
  display: inline;
  overflow: hidden;
}

.bildlinks {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.clearing {
  clear: both;
}