/*        Projekt:  www.napalm-death.com
              Typ:  CSS-Datei
     Beschreibung:  Grundformate fuer saemtliche Browser
      Erstellt am:  10.03.2006, Frank Peter Neuendorf
Zuletzt geaendert:  14.04.2008, Frank Peter Neuendorf
 Niere Web-Design, www.webdesign-niere.de

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

Seitenhintergrund: rgb(148,130,109) bzw. #94826D
Seitenkopfhintergrund: rgb(51,51,51) bzw. #333333
Positionsbalkenhintergrund: rbg(181,169,97) bzw. #B5A961

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

Seitenhintergrund:     ../grafik/hg.jpg
Seitenkopfhintergrund: ../grafik/hg-o.jpg
Positionsbalkenhintergrund: ../grafik/hg-balken.jpg

*/

/* =============== Abschnitt: Global - Links ================ */

a.nav:active { display:block; font-family:tahoma,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; color:#0050A0; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#B5A961; background-image:url(../grafik/navi-1.jpg); background-position:top right; border-bottom:1px solid #2F2F2F; border-left:1px solid #2F2F2F; width:140px; height:20px; line-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:#0050A0; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#B5A961; background-image:url(../grafik/navi-1.jpg); background-position:top right; border-bottom:1px solid #2F2F2F; border-left:1px solid #2F2F2F; width:140px; height:20px; line-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:#0050A0; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#B5A961; background-image:url(../grafik/navi-1.jpg); background-position:top right; border-bottom:1px solid #2F2F2F; border-left:1px solid #2F2F2F; width:140px; height:20px; line-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:#DFDFDF; text-decoration:none; text-align:center; letter-spacing:1px; background-color:#333333; background-image:url(../grafik/navi-2.jpg); background-position:top right; border-bottom:1px solid #9F9F9F; border-left:1px solid #9F9F9F; border-right:0px; width:140px; height:20px; line-height:20px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin:4px; }

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

a.dlskin:active { display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:15px; line-height:15px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-left:155px; }
a.dlskin:link   { display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:15px; line-height:15px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-left:155px; }
a.dlskin:visited{ display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:15px; line-height:15px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-left:155px; }
a.dlskin:hover  { display:block; color:#FCFECB; font-size:14px; font-weight:bold; background-color:#333; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; width:150px; height:15px; line-height:15px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-left:155px; }

a.dlmp3:active { display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:14px; line-height:14px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-top:2px; }
a.dlmp3:link   { display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:14px; line-height:14px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-top:2px; }
a.dlmp3:visited{ display:block; color:#0050A0; font-size:14px; font-weight:bold; background-color:#B5A961; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:1px solid #333; border-bottom:1px solid #333; width:150px; height:14px; line-height:14px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-top:2px; }
a.dlmp3:hover  { display:block; color:#FCFECB; font-size:14px; font-weight:bold; background-color:#333; text-align:center; letter-spacing:1px; text-decoration:none; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; width:150px; height:14px; line-height:14px; padding-top:2px; padding-bottom:2px; padding-right:0px; padding-left:0px; margin-top:2px; }

a.order:link   { display:block; text-decoration:none; font-size:14px; letter-spacing:2px; text-align:center; color:#FFFFBB; background-color:#C0AC78; border:dotted #FFFFBB 1px; padding-top:4px; padding-bottom:4px; width:192px }
a.order:visited{ display:block; text-decoration:none; font-size:14px; letter-spacing:2px; text-align:center; color:#FFFFBB; background-color:#C0AC78; border:dotted #FFFFBB 1px; padding-top:4px; padding-bottom:4px; width:192px }
a.order:active { display:block; text-decoration:none; font-size:14px; letter-spacing:2px; text-align:center; color:#FFFFBB; background-color:#C0AC78; border:dotted #FFFFBB 1px; padding-top:4px; padding-bottom:4px; width:192px }
a.order:hover  { display:block; text-decoration:none; font-size:14px; letter-spacing:2px; text-align:center; color:#000000; background-color:#FFDF00; border:dotted #FFFFBB 1px; padding-top:4px; padding-bottom:4px; width:192px }

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

hr { margin-left:180px; margin-right:15px }

p,h1,h2,h3,h4
{ margin:0; padding:5px; padding-left:180px; padding-right:15px; }
p.zf
{ margin:0; padding:10px; padding-left:15px; padding-right:15px; padding-top:0; }

h1 { font:22px arial,sans-serif; letter-spacing:2px; font-weight:bold; }
h2 { font:18px arial,sans-serif; letter-spacing:2px; font-weight:bold; color:#FCFECB }
h3 { font:24px arial,sans-serif; letter-spacing:2px; font-weight:bold; padding-top:0px;}
h4 { font:17px arial,sans-serif; letter-spacing:1px; font-weight:bold; color:#CFCFCF }
.h4 { font:17px arial,sans-serif; letter-spacing:1px; font-weight:bold; color:#CFCFCF; margin-left:70px }
.head4 { font:17px arial,sans-serif; letter-spacing:1px; font-weight:bold; color:#CFCFCF }

#h5,h5
{ position:absolute; top:70px; right:175px; z-index:1;
  font:15px arial,sans-serif; letter-spacing:2px; color:rgb(181,168,97);
}

/*
#h5,h5
   { font:17px arial,sans-serif; letter-spacing:1px;
     font-weight:bold; color:#FCFECB; word-spacing:80px;
}
*/

h6
{ margin-top:0; margin-bottom:25px; padding:0;
  font:30px arial,sans-serif; letter-spacing:5px; font-weight:bold; color:#800000
}

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

.sign
{ text-align:right; color:#0050A0; font-style:oblique;
  letter-spacing:2px; font-family:comic sans ms,courier new,chicago;
}

.neu
{ background-image:url(../grafik/hg-neu.jpg); background-repeat:no-repeat;
  background-position:center center; background-color:#333; display:block;
  height:444px; width:180px; float:right; margin:0px; padding:0px; margin-left:17px;
  text-align:center; color:#FFFFBB; line-height:27px;
}
.neudetail
{ background-image:url(../grafik/hg-neud.gif);display:block;
  margin:7px; margin-top:10px; padding:7px;
  text-align:center; color:#FFFFBB; line-height:27px;
  font:15px bold arial,tahoma,helvetica,sans-serif;
}
/* ================== 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; }

#knopf { position:absolute; top:5px; left:10px; z-index:1; }
input.knopf
{ height:22px; display:block; width:200px; margin:0px; padding:0;
  font-family:arial,tahoma,helvetica,sans-serif,"trebuchet ms"; font-size:16px;
  font-weight:bold; line-height:20px; color:#000; letter-spacing:1px;
  text-align:center; cursor:pointer;
  text-decoration:none; border:outline 1px #000080; background-color:#C4EFB1; }
input.knopf:hover
{ background-color:#2F2F2F; color:#E0FF00 }

/* ================== Abschnitt: Container ================== */

#members { position:absolute; top:5px; left:159px; z-index:1 }

#home { position:absolute; top:107px; right:0px; height:13px; width:250px;
        background-image:url(../grafik/ecke_3.jpg); background-repeat:no-repeat;
        background-position:left top; background-color:#800000; display:block;
        padding:0px; margin:0px;
}

#navi
{ position:absolute; text-align:left;
  top:0px; left:0px;
  background-color:rgb(148,130,109); 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:rbg(181,169,97); 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:rbg(173,202,232); z-index:1;
  width:17px; height:17px; padding-left:0px; padding-top:0px;
}

#kontakt
{ position:absolute; bottom:0px; left:46%; color:#fff;
  font-size:10px; line-height:20px; letter-spacing:4px;
}

#update
{ position:absolute; bottom:0px; left:10px; color:#fff;
  font-size:10px; line-height:20px; letter-spacing:1px;
  text-align:left; z-index:1;
}

#logo-nd
{ position:absolute; top:110px; right:40px;
  background-image:url(../grafik/logo-nd.gif); background-repeat:no-repeat;
  height:71px; width:72px; float:left;
  margin-left:10px; padding-left:0px;
}

/* ============ Abschnitt: Container - Downloads ============ */

#skins
{ position:absolute; top:180px; left:180px; width:150px; height:90px;
  background-image:url(../grafik/hg-o.jpg); text-align:center;
  background-color:rgb(51,51,51); padding-top:5px;
  font:17px arial,sans-serif; letter-spacing:1px;
  font-weight:bold; color:#FCFECB; border:2px inset #B5A961;
}

#musik
{ position:absolute; top:180px; left:370px; width:150px; height:90px;
  background-image:url(../grafik/hg-o.jpg); text-align:center;
  background-color:rgb(51,51,51); padding-top:5px;
  font:17px arial,sans-serif; letter-spacing:1px;
  font-weight:bold; color:#FCFECB; border:2px inset #B5A961;
}

#tabs
{ position:absolute; top:180px; left:560px; width:150px; height:90px;
  background-image:url(../grafik/hg-o.jpg); text-align:center;
  background-color:rgb(51,51,51); padding-top:5px;
  font:17px arial,sans-serif; letter-spacing:1px;
  font-weight:bold; color:#FCFECB; border:2px inset #B5A961;
}

#alternativ
{ position:static; width:150px; height:90px; margin-left:180px;
  background-image:url(../grafik/hg-o.jpg); text-align:center;
  background-color:rgb(51,51,51); padding-top:5px;
  font:17px arial,sans-serif; letter-spacing:1px;
  font-weight:bold; color:#FCFECB; border:2px inset #B5A961;
}
/* ======= Abschnitt: Container - Downloads | Details ======= */

#details-l
{ position:absolute; top:230px; left:180px; width:90px;
  text-align:right; color:#FCFECB }

#details-r
{ position:absolute; top:230px; left:290px; width:300px;
  text-align:left; color:000; }

/* ============= Abschnitt: Container - Platten ============= */

.leer { margin-left:5px; clear:both }
.bild { float:left }
.bild img { float:left; margin:5px }
.gruppe
{ background-color:#A7D2FE; background-image:url(../grafik/hg-balken.jpg);
  width:530px; margin:10px; padding:5px; margin-left:180px; }

/* ============== Abschnitt: Container - Titel ============== */

li
{ list-style:decimal-leading-zero; margin-left:175px }
.bulletfarbe { color:#CFCFCF }
.textfarbe { color:#000000 }

#zurueck { position:relative; top:125px; left:450px; z-index:1 }

#cover
{ position:absolute; top:170px; right:40px;
  height:192px; width:192px; float:left;
  margin-left:10px; padding:0px;
}

#tidy
{ position:absolute; bottom:0px; right:140px; background-color:#94826D;
  margin:0; padding:0 }
/* ================== Abschnitt: Tourdaten ================== */

.datum
{ color:#CFCFCF; padding-right:10px; line-height:29px; }

/* =================== 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:rgb(148,130,109); background-image:url(../grafik/hg.jpg);

        scrollbar-arrow-color:#333333;
        scrollbar-base-color:#B5A961;
        scrollbar-track-color:#4F4F4F;
}

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

#inhalt
{       position:fixed; overflow: auto; width:100%;
        top:90px; bottom:35px;

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

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

#unten
{       position:fixed; letter-spacing:1px;
        bottom:0px; width:100%; height:25px;
        overflow:auto; text-align:right;
        background-color:#333333;
        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:rgb(148,130,109); background-image:url(../grafik/hg.jpg);
        /**/
}
#oben { position:absolute;
        width:100%;
        top:0;
        height:90px;
        overflow:auto;
        background-color:rgb(51,51,51);
        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-members.jpg);
        background-repeat:no-repeat;
        background-position:bottom center;
        background-attachment:fixed;
}
#inhaltzf
{       margin-top: 40px;
        /* ohne IE/Mac \*/
        position: absolute;
        height: expression(document.body.clientHeight - 135 + "px");
        margin:0;
        /**/
        width:100%; top:100px; overflow:auto;

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

<![endif]-->

<!-- START CUGE-BOX CODE -->
     .tableoutside { border: 1px solid #666600; background: #FFFFFF; background-color: #FFFFFF; }
     .tableinside { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
     .smalltext { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#999900; }
     .smalllink { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#999900; text-decoration: underline; }
     .smalllink:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#FF9900; text-decoration: underline; }
<!-- END OF CUGE-BOX CODE -->