/*        Projekt:  www.webdesign-niere.de
              Typ:  CSS-Datei
     Beschreibung:  Grundformate für sämtliche Browser
      Erstellt am:  12.12.2005, Frank Peter Neuendorf
Zuletzt geaendert:  20.12.2005, Frank Peter Neuendorf
 Niere Web-Design, www.webdesign-niere.de

============================ Farben ============================

Seitenhintergrund: rgb(165,0,58)
  Navihintergrund: rgb(225,155,23)
Inhalthintergrund: rgb(49,91,119)

======================= externe Dateien ========================

Seitenhintergrund: ../grafik/backg.jpg
Inhalthintergrund: ../grafik/backg-inhalt.jpg
    Fenstersymbol: ../grafik/symb-fenster.jpg

*/

/* =================== Abschnitt: Global ==================== */

body
{     background-color:rgb(165,0,58);
      background-image:url(../grafik/backg.jpg);
      color:#fff;
      font-family:arial,helvetica,verdana,geneva,sans-serif;
      font-size:15px; letter-spacing:1px; font-weight:500;
      line-height:18px; margin:0; padding:0;
      overflow-x: hidden; overflow-y: hidden
}

#zentrierhilfe
{     text-align: center;
      position: absolute;
      top: 50%;
      left: 0px;
      width: 100%;
      height: 1px;
      overflow: visible;
      visibility: visible;
}

#inhalt
{     text-align: left;
      background-color:rgb(165,0,58);
      background-image:url(../grafik/backg.jpg);
      border-bottom:0px solid #FFFFB7;
      margin-left: -385px;
      position: absolute;
      top: -260px;
      left: 50%;
      width:770px;
      height: 520px;
}

#inhalt p { padding-left:10px; padding-right:10px; }

.bild { float:left; background-color:rgb(165,0,58); }
.bild img { margin:0px }

/* ==== Ueberschriften ==== */
#h1,h1
{ font-size:19px; line-height:40px; color:rgb(225,155,23);
  letter-spacing:4px; padding-bottom:0px; padding-left:10px;
}

.h2,h2
{ font-size:17px; color:rgb(255,155,23); margin:0px;
  letter-spacing:2px; padding:0px; font-weight:bold;
}

#h3,h3
{ font-size:17px; color:rgb(255,255,255); padding:0 0 0 10px;
  letter-spacing:1px; font-weight:normal; margin:0px;
}

#h4,h4
{ font-size:15px; color:rgb(255,255,183); padding:0px;
  letter-spacing:1px; font-weight:normal; line-height:25px;
}

#h5,h5
{ font-size:17px; color:rgb(255,155,23); padding:0px;
  margin-bottom:0px; font-weight:normal;
}

/* ==== Container: Symbol ==== */
#symbol-kasten
{ position:absolute;
  top:135px; left:606px;
  height:119px; width:132px;
  padding:0px;
}

/* ==== Container: Inhalt ==== */
#inhalt-kasten
{ position:absolute;
  background-color:rbg(49,91,119); background-image:url(../grafik/backg-inhalt.jpg);
  top:130px; left:0px;
  height:380px; width:769px;
}

/* ==== horizontale Navigation oben ==== */

#navi-kasten-oben
{ position:static;
  height:23px; width:769px;
  padding:0px; margin:0px;
  background-color:rgb(225,155,23); letter-spacing:0px;
}

ul
{ list-style-type:none; margin:0; padding:0px;
  float:left; width:100%;
  border-top:1px solid #FFFFB7; border-bottom:1px solid #FFFFB7;
}

li, li a:visited
{ width:96px; margin:0px; float:left; text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
  text-decoration:none; padding-left:0px; padding-right:0px;
}

li a, li a:visited
{ text-decoration:none; color:rgb(165,0,58); display:block;
  background-color:rgb(225,155,23); padding:2px 0; ; width:100%;
}

li a:hover
{ background-color:#C58714;
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}

/* ==== horizontale Navigation unten ==== */

#navi-kasten-unten
{ position:absolute; float:left;
  bottom:0px; left:0px;
  height:20px; width:769px;
  padding:0px; margin:0px;
  background-color:rgb(225,155,23); letter-spacing:0px;
  border-top:1px solid #FFFFB7; border-bottom:1px solid #FFFFB7;
}

 a.unten, a.unten:visited
{ display:block; float:left;
  width:130px; height:18px; margin:0px; text-decoration:none;
  background-color:rgb(225,155,23); text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
  padding-left:14px; padding-right:10px; padding-top:1px;
}

 a.unten:hover
{ background-color:rgb(197,135,20);
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}


/* ============= Abschnitt: Container - Symbole ============= */

/* ==== Container: PHP-Symbol ==== */
#php-kasten
{ position:absolute; text-align:right;
  top:471px; right:25px;
  height:20px; width:90px;
  padding:0px; margin-left:10px; padding-left:10px;
  color:rgb(255,255,98);
  font-family:arial,helvetica,verdana,geneva,sans-serif;
}

/* ==== Container: 1&1-Symbol ==== */
#einsu1-kasten
{ position:absolute; text-align:right;
  top:436px; right:25px;
  height:50px; width:90px; margin-right:25px;
  padding:0px; margin-left:10px; padding-left:10px;
  color:rgb(255,255,98);
  font-family:arial,helvetica,verdana,geneva,sans-serif;
}

/* ==== Container: CSS-Symbol ==== */
#css-kasten
{ position:absolute; text-align:right;
  top:435px; right:10px;
  height:50px; width:90px; margin-right:10px;
  padding:0px; margin-left:2px; padding-left:2px;
  color:rgb(255,255,98);
  font-family:arial,helvetica,verdana,geneva,sans-serif;
}


/* ================= Abschnitt: Philosophie ================= */

/* ==== Container: Grundsatz ==== */
#grunds-kasten
{ position:absolute; text-align:right;
  top:347px; right:10px;
  height:25px; width:750px;
  padding:0px; margin-left:10px; padding-left:10px;
  color:rgb(255,255,98);
  font-family:arial,helvetica,verdana,geneva,sans-serif;
}


/* =================== Abschnitt: Kontakt =================== */

/* ==== Container: Anschrift ==== */
#anschr-kasten
{ position:absolute; text-align:right;
  top:160px; left:0px;  border:0px solid #000;
  height:50px; width:600px;
  margin:0px; padding:0px; line-height:25px;
}

/* ==== Container: Telefon ==== */
#tele-kasten
{ position:absolute; text-align:right;
  top:230px; left:0px;  border:0px solid #000;
  height:50px; width:600px;
  margin:0px; padding:0px; line-height:25px;
}


/* =================== Abschnitt: Formular ================== */

form
{ width:580px;
  scrollbar-arrow-color:rgb(165,0,58);
  scrollbar-face-color:rgb(255,155,23);
  scrollbar-highlight-color:rgb(165,0,58);
  scrollbar-3dlight-color:rgb(255,155,23);
  scrollbar-shadow-color:rgb(165,0,58);
  scrollbar-darkshadow-color:rgb(255,155,23);
  scrollbar-track-color:rgb(255,155,23);
}

fieldset
{ border:0px; padding:15px; margin-left:20px; }

.hidden { display:none; }

input.Submit
{ padding-left:50px; }

input.Submit2
{ padding-left:150px; }

label
{ width:90px; margin:0px; padding:0px;
  float:left; text-align:right; font-size:14px;
}

.button
{ font-family:arial,helvetica,verdana,geneva,sans-serif;
  text-decoration: none; cursor:pointer;
  font-size:13px; color:#000080; width:110px;
  margin-top:15px; margin-left:15px;
  border:1px outset #FFFFB7; background-color:rgb(225,155,23);
}
.button:hover
{ font-family:arial,helvetica,verdana,geneva,sans-serif;
  text-decoration: none; cursor:pointer;
  font-size:13px; color:#00000#C587140; width:110px;
  margin-top:15px; margin-left:15px;
  border:1px inset #FFFFB7; background-color:rgb(197,135,20);
}

.kurz
{ font-family:Arial,sans-serif;
  font-size:12px;
  color: #5F5F5F;
  background-color:#FFE6FF;
  border: 1px solid #7F9DB9;
  width:50px;
  height:20px;
  text-align:center;
}

.frage
{ font-family:Arial,sans-serif;
  font-size:12px;
  color: #3F3F3F;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  width:110px;
  height:20px;
  text-align:left;
}

/* ==== Navigation Formularaufruf ==== */

#formlink-kasten {
  position:absolute; text-align:right;
  top:310px; left:290px;  border:0px solid #000;
  height:23px; width:172px; line-height:20px;
  margin:0px; padding:3px;
  color:rgb(165,0,58);
}

 a.extra, a.extra:visited
{ display:block; border:1px outset #FFFFB7;
  width:170px; margin:0px; text-decoration:none;
  background-color:rgb(225,155,23); text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
  padding-left:13px; padding-right:10px; padding-top:1px;
}

 a.extra:hover
{ background-color:rgb(197,135,20); border:1px inset #FFFFB7;
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}


/* ================== Abschnitt: Beispiele ================== */

.beispiele
{ float:left; width:195px; line-height:30px;
  text-align:center; font-size:12px; padding:0px; }

.beispiele img
{ margin:2px; margin-top:9px; }

.gruppe
{ margin:0px; padding:0px; padding-top:1px; width:750px; }

 a.beispiel, a.beispiel:visited
{ margin:0px; text-decoration:none;
  text-align:center; color:rgb(255,255,183); font-weight:normal;
  font-family:arial,helvetica,verdana,geneva,sans-serif; font-size:12px;
}

 a.beispiel:hover
{ font-family:arial,helvetica,verdana,geneva,sans-serif; font-size:12px;
  color:#FFFFFF; text-decoration:underline; font-weight:normal;
}

#nr
{ font-size:19px; line-height:40px; color:rgb(225,155,23);
  letter-spacing:5px; padding-bottom:0px; padding-left:390px;
}

/* ==== Navigation - Untermenue ==== */

#navi-kasten-um
{ position:absolute; float:left;
  top:140px; left:150px; text-align:center; letter-spacing:0px;
  width:450px; height:20px; margin:0px; padding-bottom:15px;
  border-bottom:2px solid #1F1F1F;
}

a.um, a.um:visited
{ display:block; float:left; border:1px outset #FFFFB7;
  width:80px; height:18px; background-color:rgb(225,155,23);
  padding-left:3px; padding-right:1px;
  padding-top:0px; padding-bottom:0px;
  margin-top:0px; margin-bottom:0px;
  margin-left:5px; margin-right:5px;
  text-decoration:none; text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
}

a.um:hover, a.um:active
{ background-color:rgb(197,135,20); border:1px inset #FFFFB7;
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}


/* =================== Abschnitt: Preise ==================== */

.preistitel { padding-left:45px; font-weight:bold }

/* ==== Navigation - Preise ==== */

#navi-kasten-preise
{ position:absolute; float:left;
  top:184px; left:10px; text-align:center; letter-spacing:2px;
  width:300px; height:20px; margin:0px;
}

a.preise, a.preise:visited
{ display:block; border:1px outset #FFFFB7; float:left;
  width:200px; height:18px; background-color:rgb(225,155,23);
  padding-left:3px; padding-right:1px;
  padding-top:0px; padding-bottom:0px;
  margin-top:0px; margin-bottom:10px;
  margin-left:0px; margin-right:5px;
  text-decoration:none; text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
}

a.preise:hover, a.preise:active
{ background-color:rgb(197,135,20); border:1px inset #FFFFB7;
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}

/* ==== Navigation: Preise-zurück ==== */
#back-kasten
{ position:absolute; text-align:left; font-size:14px;
  top:142px; right:170px;
  height:18px; width:80px;
  margin:0px; padding:0px;
}

a.pback, a.pback:visited
{ display:block; border:1px outset #FFFFB7; float:left;
  width:80px; height:18px; background-color:rgb(225,155,23);
  padding:0px; margin:0px; margin-bottom:10px;
  text-decoration:none; text-align:center;
  font-family:tahoma,arial,helvetica,sans-serif;
  font-size:13px; font-weight:bold; color:rgb(165,0,58);
}

a.pback:hover, a.pback:active
{ background-color:rgb(197,135,20); border:1px inset #FFFFB7;
  font-family:tahoma,arial,helvetica,sans-serif; font-size:13px;
  font-weight:bold; color:#000; text-decoration:none;
}

/* ==== Container: Preise-Voraussetzungen ==== */
#vorausgs-kasten
{ position:absolute; text-align:left; font-size:14px;
  top:377px; right:145px;
  height:80px; width:370px;
  margin-left:10px; padding:0px;
}

/* ==== Container: Preise-Voraussetzungen ==== */
#shop-kasten
{ position:absolute; text-align:left; font-size:14px;
  top:250px; right:145px;
  height:80px; width:370px;
  margin-left:10px; padding:0px;
}

/* ==== Container: Beispiel-Text ==== */
#bsptext-kasten
{ position:absolute; border-left:2px solid #000;
  top:256px; left:638px;
  height:230px; width:132px;
  padding:0px;
  font-size:15px; padding-left:10px;
}

/* ==== Container: Druckformate-Text ==== */
#formate-kasten
{ position:absolute; text-align:left;
  top:350px; right:10px;
  height:150px; width:110px; margin-right:0px;
  padding:0px; margin-left:2px; padding-left:2px;
  color:rgb(255,255,234); font-size:14px;
  font-family:arial,helvetica,verdana,geneva,sans-serif;
}

/* ==== Container: Beispiel-WebShop ==== */
#webshop-kasten
{ position:absolute;
  top:175px; left:190px;
  width:450px;
  padding:0px; margin-top:10px; padding-top:10px;
  font-size:15px; padding-left:10px;
}