/*        Projekt:  www.aktion-sorgenfelle.de
              Typ:  CSS-Datei
     Beschreibung:  Grundformate fuer saemtliche Browser
      Erstellt am:  12.12.2005, Frank Peter Neuendorf
Zuletzt geaendert:  19.04.2006, Frank Peter Neuendorf
 Niere Web-Design, www.webdesign-niere.de

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

Seitenhintergrund: rgb(0,160,255)
Seitenkopfhintergrund: #0050A0

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

Seitenhintergrund:     ../grafik/hg.jpg
Seitenkopfhintergrund: ../grafik/hg-o.jpg                     */

/* =============== Abschnitt: Global - normal =============== */

a.nav:active { display:block;  font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin:4px; }
a.nav:link   { display:block;  font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin:4px; }
a.nav:visited{ display:block;  font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin:4px; }
a.nav:hover  { display:block;  font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFF80; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#000080;     border:1px inset #A7D2FE; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin:4px; }

a:active { color:#FFFFFF; text-decoration:none; }
a:link   { color:#FFFFFF; text-decoration:none; }
a:visited{ color:#FFFFFF; text-decoration:none; }
a:hover  { color:#FFFF00; text-decoration:underline; }

a.tipp:active { display:inline; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:10px; padding-left:10px; margin:0px;  }
a.tipp:link   { display:inline; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:10px; padding-left:10px; margin:0px;  }
a.tipp:visited{ display:inline; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:rgb(0,80,159); border:1px outset #000; border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:10px; padding-left:10px; margin:0px;  }
a.tipp:hover  { display:inline; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#FFFF80; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#000080; border:1px inset #A7D2FE;  border-left:#FFFF80; border-top:#FFFF80; width:140px; height:20px; padding-top:2px; padding-bottom:2px; padding-right:10px; padding-left:10px; margin:0px;  }

a.hoch:active { color:#FFFFFF; text-decoration:none; padding-left:18px; background:url(../grafik/pfeil-hoch.gif); background-repeat:no-repeat; background-position:left; }
a.hoch:link   { color:#FFFFFF; text-decoration:none; padding-left:18px; background:url(../grafik/pfeil-hoch.gif); background-repeat:no-repeat; background-position:left; }
a.hoch:visited{ color:#FFFFFF; text-decoration:none; padding-left:18px; background:url(../grafik/pfeil-hoch.gif); background-repeat:no-repeat; background-position:left; }
a.hoch:hover  { color:#FFFF00; text-decoration:underline; padding-left:18px; background:url(../grafik/pfeil-hoch-g.gif); background-repeat:no-repeat; background-position:left; }

a.neu:active { color:#A00020; text-decoration:none; }
a.neu:link   { color:#A00020; text-decoration:none; }
a.neu:visited{ color:#A00020; text-decoration:none; }
a.neu:hover  { color:#0060FF; text-decoration:underline; }

.weiter { clear:left; padding-top:0px; margin-top:0px; }
.weiter2 { clear:right; padding-top:0px; margin-top:0px; }

p,h1,h2,h3
{ margin:0; padding:5px;
  padding-left:180px; padding-right:15px;
}

h1 { font:22px arial,sans-serif; letter-spacing:2px; font-weight:bold; }
h2 { font:19px arial,sans-serif; letter-spacing:1px; font-weight:normal; color:#C8FCC0 }
h4 { font:20px arial,sans-serif; letter-spacing:1px; font-weight:bold; padding-left:7px; margin:0px; }
h3 { font:24px arial,sans-serif; letter-spacing:2px; font-weight:bold; padding-top:0px;}

#h5,h5
{ position:absolute; top:70px; right:210px;
  font:15px arial,sans-serif; letter-spacing:2px; color:#BFBFBF;
}

h6
{ font:19px arial,sans-serif; letter-spacing:2px; font-weight:normal; color:#C8FCC0;
  margin-left:180px; margin-right:15px; margin-bottom:0; padding:5px; padding-left:10px;
  background-color:#0050A0;
}

ul
{ list-style-image:url(../grafik/pfeil.gif); list-style-position:outside;
  margin:0; padding:5px; padding-left:200px; padding-right:15px;
}

ul.normal
{ list-style-image:url(../grafik/pfeil.gif); list-style-position:outside;
  margin:0; padding:5px; padding-left:20px; padding-right:15px;
}

.hlinie
{ padding-bottom:0px; margin-top:5px; width:100%; height:2px; }

.linie
{ padding-bottom:0px; margin-top:15px; width:100%; height:1px; }

.rot { color:#9F0000 }
/* ================== Abschnitt: Formulare ================== */

form, input, textarea
{ font-family:arial,tahoma,helvetica,sans-serif; font-size:16px;
  line-height:12px; padding-left:180px; margin:0px; }

legend
{ font-size:15px; color:#000; letter-spacing:3px; color:#0050A0;
  font-weight:bold; margin:0px; padding:0px; }

fieldset
{ padding:15px; width:530px; margin:0px; height:325px;
  background-color:#B0CAEB; border:solid 1px #0050A0;
  background-image:url(../grafik/hg-balken.jpg); color:#0050A0; }

input, textarea
{ display:block; float:left; width:235px; font-size:14px;
  border:1px solid #8F8F8F; background-color:#fff;
  margin:5px; padding:2px; letter-spacing:1px; margin-top:7px; }

.hidden { display:none; }

textarea
{ float:left; width:250px; }

#alter { width:50px; }

.submit, .reset
{ background-color:#0050A0; cursor:pointer; font-weight:bold;
  color:#fff; font-size:14px; height:24px; width:120px; }

label
{ width:100px; margin:5px; padding:5px; float:left;
  text-align:right; font-weight:bold; color:#0050A0; }

/* ================== Abschnitt: Container ================== */
#logo { position:absolute; top:5px; left:160px; z-index:1 }
#aslogo { position:absolute; top:0px; left:15px; z-index:1 }
#vetlogo { position:absolute; top:5px; left:300px; }


#navi
{ position:absolute; text-align:left;
  top:0px; left:0px;
  background-color:#00A0FF; background-image:url(../grafik/hg.jpg);
  height:405px; width:150px; float:left;
  margin-left:10px; padding-left:0px;
}
#bilder { position:absolute; top:5px; right:10px; }

#position
{ position:absolute; top:90px; left:160px; border:0px; margin:0px;
  font-size:13px; font-weight:bold; color:#0050A0; letter-spacing:5px;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  width:100%; height:17px; padding-left:23px; padding-top:0px;
}

#ecke
{ position:absolute; top:90px; left:160px; border:0px; margin:0px;
  background-color:#A7D2FE; z-index:1;
  width:17px; height:17px; padding-left:0px; padding-top:0px;
}

#vogelspur { position:absolute; bottom:0px; left:0px; }

#sitemap
{ position:absolute; bottom:0px; left:48%; color:#fff;
  font-size:10px; line-height:20px; letter-spacing:1px;
}

.anschrift1
{ position:relative; top:10px; left:192px; border:0px;
  width:250px; height:; padding:0px; margin:0px;
}

.anschrift2
{ position:relative; top:10px; left:180px; border:0px;
  width:295px; height:; padding:0px; margin:0px;
}

.anschrift1b
{ position:relative; top:20px; left:217px; border:0px;
  width:250px; height:; padding:0px; margin:0px;
}

.anschrift2b
{ position:relative; top:20px; left:184px; border:0px;
  width:295px; height:; padding:0px; margin:0px;
}

.anschrift3b
{ position:relative; top:20px; left:206px; border:0px;
  width:295px; height:; padding:0px; margin:0px;
}

#anschrift
{ position:absolute; top:59px; left:250px; border:0px;
  padding:0px; margin:0px;
}

.daten
{ position:relative; border:0px; display:block;
  margin:0px; width:250px; height:150px;
  padding:5px;
  line-height:20px; text-align:right;
  font-size:15px; font-weight:bold; color:#0050A0; letter-spacing:2px;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
}
.tiername
{ position:relative; border:0px; display:block;
  margin:0px; padding:5px; width:250px; height:20px;
  background-color:#fff; text-align:center;
}
.infobox
{ position:static; border:0px; background-color:#fff; color:#8F8F8F;
  margin:0px; padding:5px; margin-right:20px; text-align:center;
}
.formlink
{ position:relative; border:0px; display:block;
  margin:0px; padding:5px; width:250px; height:20px; margin-bottom:15px;
  background-color:#0050A0; background-image:url(../grafik/hg-o.jpg);
  text-align:center; font-size:16px; color:#fff;
}
.plz
{ position:relative; border:0px; display:block;
  margin:0px; padding:5px; width:250px; height:20px;
  background-color:#fff;
  text-align:center; font-size:15px; color:#0050A0;
}
.test
{ position:relative; border:0px; display:block;
  margin:0px; padding:5px; width:250px; height:20px;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  text-align:center; font-size:15px; color:#0050A0;
}

/* ============ Abschnitt: Container - Profitipps =========== */

.tippecke
{ position:static; border:0px; display:block;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  margin-top:20px; margin-right:15px; margin-left:180px;
  padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:7px;
  color:#0050A0; font-size:17px; font-weight:bold;
}
.tippbox
{ position:static; border:0px; display:block;
  color:#0050A0; font-size:17px; font-weight:bold;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  margin-top:0px; margin-right:15px; margin-left:180px; padding:7px;
}
.tipplink
{ position:static; border:0px; display:block; color:#000;
  background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  margin-top:15px; font-family:arial,tahoma,helvetica,sans-serif;
  font-size:17px; letter-spacing:2px; font-weight:normal;
}

/* ============ Abschnitt: Container - Königreich =========== */
img.portrait { float:left; margin-right:15px; margin-top:12px }

/* ============ Abschnitt: Container - Geht doch! =========== */
.bildtext { display:block;width:700px }

.bildformat { float:left;margin-right:10px }

/* ============ Abschnitt: Container - Tierschutz =========== */

.tippecke2
{ position:static; border:0px; display:block;
  background-color:rgb(239,240,214); background-image:url(../grafik/hg-ts.jpg);
  margin-top:20px; margin-right:15px; margin-left:180px;
  padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:7px;
  color:#0050A0; font-size:17px; font-weight:bold;
}
.tippbox2
{ position:static; border:0px; display:block;
  color:#0050A0; font-size:17px; font-weight:bold;
  background-color:rgb(239,240,214); background-image:url(../grafik/hg-ts.jpg);
  margin-top:0px; margin-right:15px; margin-left:180px; padding:7px;
}
.tipplink2
{ position:static; border:0px; display:block; color:#000;
  background-color:rgb(239,240,214); background-image:url(../grafik/hg-ts.jpg);
  margin-top:15px; font-family:arial,tahoma,helvetica,sans-serif;
  font-size:17px; letter-spacing:2px; font-weight:normal;
}

/* ========= Abschnitt: Container - Hinweis-Kasten ========= */

.hinweis
{ float:right; margin-left:10px; margin-right:10px;
  width:250px; font-size:15px; text-align:center; }

.hinweis .thema {
  font-size:20px; text-align:center; color:#000;
  width:250px; padding-top:1px; padding-bottom:0px;
  margin-top:0px; margin-bottom:0px; display:block; letter-spacing:5px;
  background-image:url(../grafik/oben.gif); background-repeat: no-repeat; }

.hinweis div {
  font-size:17px; font-weight:bold; background-color:#FFFFB3; padding:5px; line-height:20px; color:#000080;
  border-right:4px solid #B0CAEB; border-left:4px solid #B0CAEB; border-bottom:5px solid #B0CAEB; }

.update {
  font-size:12px; color:#000; letter-spacing:4px; background-color:#DFDFDF; width:100%; display:block;
  border-left:1px solid #7F7F7F; border-top:1px solid #7F7F7F; }

/* === Hinweis-Kasten === ENDE === */

/* =================== Abschnitt: Global ==================== */
<![if ! IE ]>
html {  margin:0; /* eine sinnlose Anweisunng, da nach der vorhergehende Zeile eine Anweisung ignoriert wird */
}

body {  font:18px arial,tahoma,helvetica,sans-serif;
        margin:0px; padding:0px;
        overflow: hidden; color:#000;
        background-color:#00A0FF; background-image:url(../grafik/hg.jpg);

        scrollbar-arrow-color:#000080;
        scrollbar-base-color:#A7D2FE;
        scrollbar-track-color:#B0CAEB;
}

#oben { position:fixed; width:100%; top:0; overflow: auto;
        height:90px;
        background-color:#0050A0;
        background-image:url(../grafik/hg-o.jpg);
}

#inhalt
{       position:fixed; overflow: auto; width:100%;
        top:90px; bottom:35px;
        background-image:url(../grafik/hg-logo.jpg);
        background-repeat:no-repeat;
        background-position:center 90% ;
        background-attachment:fixed;
}

#unten
{       position:fixed; letter-spacing:1px;
        bottom:0px; width:100%; height:25px;
        overflow:auto; text-align:right;
        background-color:#0050A0; color:#FEDE70;
        background-image:url(../grafik/hg-o.jpg);
}

<![endif]>
<!--[if gte IE 5]>
html, body { font:18px arial,tahoma,helvetica,sans-serif;
        margin: 10;
        padding: 0;
        /* ohne IE/Mac \*/
        overflow: hidden; color:#000;
        background-color:#00A0FF; background-image:url(../grafik/hg.jpg);
        /**/
}
#oben { position:absolute;
        width:100%;
        top:0;
        height:90px;
        overflow:auto;
        background-color:#0050A0;
        background-image:url(../grafik/hg-o.jpg);
}
#inhalt
{       margin-top: 60px;
        /* ohne IE/Mac \*/
        position: absolute;
        height: expression(document.body.clientHeight - 155 + "px");
        margin:0;
        /**/
        width:100%; top:120px; overflow:auto;

        background-image:url(../grafik/hg-logo.jpg);
        background-repeat:no-repeat;
        background-position:center 90%;
        background-attachment:fixed;
}

#unten
{       /* ohne IE/Mac \*/
        position:absolute; line-height:18px;
        color:#FEDE70; font-size:10px; text-align:right;
        top: expression(document.body.clientHeight - 20 + "px");
        /**/
        background-color:#0050A0; color:#FEDE70;
        background-image:url(../grafik/hg-o.jpg);
        overflow:auto; width:100%; height:20px;
}

<![endif]-->