body { font-family: Verdena;
       text-align: justify;
       color: #FFFFFF;  /* Weiß ( #FFFF00 - Gelb) */
       background-color: #000000; /* Schwarz */
       background-image:url(Grafic/wood4.jpg);
       background-repeat:repeat;
       background-attachment:fixed;}

/* alle mit "." ansprechen mit <div class="n"></div> */

.n { font-size: 90%;
     text-align: center;
     color: #FFFF00; }      /* Gelb, für Navigation*/

.n2 { font-size: 90%;
      text-align: center;
      color: #FFFF00; }     /* Gelb, für Navigation verwendet bei IOS Jahrgänge*/

.n3 { font-size: 80%;
      text-align: center;
      font-weight: Bold;
      color: #FFFFFF; }     /* Weiß, beschriftung wie font -1 */

.n4 { font-size: 90%;
     text-align: left;
     color: #FFFF00; }      /* Gelb, für Navigation - Pirates Worldwide Navigation*/

.sp2 { color: #33FF33;
       font-size: 150%;
       font-weight: Bold;}  /* Leuchtgrüne Schrift - Überschriften*/

.sp3 { color: #33FF33;
       font-size: 125%;
       font-weight: Bold;}  /* Leuchtgrüne Schrift - Überschriften + erklärungen*/

.n6 { font-size: 130%;
     text-align: center;
     font-weight: Bold;
     color: #FFFF00; }      /* Gelb, Countdown*/

.n7 { font-size: 80%;
      text-align: center;
      color: #FFFFFF; }     /* Weiß, für Party Event Seite, text */

/* alle mit "#" ansprechen mit <div id="c"></div>  nur für Klassen die einmal pro Seite sind*/

#c1 { color:#33FF33;
      width: 100%;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
      left: 0px;
      right: 0px;
      position:absolute;
      bottom:0px;
      font-size:80%; } /* Leuchtgrüne Schrift - mitten positioniert, copyright INDEX*/

#c {  color:#FFFFFF;
      width: 100%;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
      left: 0px;
      right: 0px;
      position:absolute;
      bottom:0px;
      font-size:80%;
      font-weight: Bold; } /* copyright in weiß - mitten positioniert*/

#c2 {  color:#FFFFFF;
      width: 100%;
      text-align:left;
      margin-left:auto;
      margin-right:auto;
      left: 0px;
      right: 0px;
      position:absolute;
      bottom:0px;
      font-size:80%;
      font-weight: Bold; } /* copyright in weiß, für IOS Jahrgänge*/

#shade{  font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 70%;
	color: #FFFFFF;}        /* Anzeige für Countdown Seite*/


  a:link    { color: #999999; } /* für unbesuchte Links, dunkles Grau */

  a:visited { color: #FFFF00; } /* für besuchte Links, Gelb */

  a:hover   { color: #CCCCCC; } /* Maus über dem Link, helles Grau */

  a:active  { color: #FF0066; } /* Link angeklickt ist, Rot */

  a:focus   { color: #FF3300; } /* aktiver Link. hell Rot */


/* h2 { margin-top: 3em; margin-bottom: 1em; }  */

h1 { font-size: 300%; }
h2 { font-size: 200%; }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5 { font-size: 100%; }

hb1 { font-size: 700%;
      font-weight: Bold;
      text-align: center;
      color: #ff0000;  /* rot */  }   /* Spezial Text, ENTER */

body { font-family: Verdana, sans-serif; }

h1,h2,h3,h4,h5 { font-family: "Arial Rounded MT Bold", Arial,  sans-serif;
           text-align: center;}

p,ul { font-family: "Arial Rounded MT Bold", Arial,  sans-serif;
        text-align: justify;}


#shade
{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 150%;
	color: #FFFFFF;
}                 /* Anzeige für Countdown Seite*/

/* div Container zum positionieren der Party Event Seite */

#Event {
height:40px;
margin-left:0%;
text-align:center;
font-weight:Bold;
font-size:150%;
 }

#Datum  {
clear:both;
margin-left:0%;
height:30px;
width:150px;
float:left;
vertical-align:middle;
text-align:center;
font-weight:Bold;
 }

#Zeit {
margin-left:155px;
text-align:center;
font-weight:Bold;
height:60px;
 }

#Text {
clear:both;
text-align:center;
height:70px;
 }

#Bilder {
clear:both;
text-align:justify;
height:260px;
width:95%;
float:left;
/* background-color:#ffFF00; */}   /* Farben nicht in Verwendung, nur zum basteln */



a.menu {
font-family:Arial, "Arial Rounted MT Bold", sans-serif;
font-size:100%;
font-weight:bold;
display:block;
margin-top:3px;
text-align:center;
width:200px;
border-style:outset;
border-width:3px;
padding:0px;
text-decoration:none;}
/* background-image:url();
background-repeat:repeat -y;} - zur zeit nicht in verwendung*/


a.menu:link {
             color: #CCCCCC;      /* helles Grau */
             text-decoration:none;
             background-image:url("Nav/b-link.gif");} /*dunkles Grau */

a.menu:visited {
             color: #000000;   /* schwarz */
             text-decoration:none;
             background-image:url("Nav/b-visited.gif");} /* Gelb*/

a.menu:hover {
             color: #FFFFFF;    /* Weiß*/
             text-decoration:none;
             background-image:url("Nav/b-hover.gif");}/*helles Grau */

a.menu:active {
             color: #000000;  /* Schwarz */
             text-decoration:none;
             background-image:url("Nav/b-active.gif");}/*Rot */

a.menu:focus {
             color: #999999; /* dunkles Grau */
             text-decoration:none;
             background-image:url("Nav/b-focus.gif");} /*Rot */




a.menu2 {     /*Navigation für IOS Jahre - TOP */
font-family:Arial, "Arial Rounted MT Bold", sans-serif;
font-size:90%;
font-weight:bold;
line-height:28px;
/*display:block;  */
margin-top:2px;
text-align:center;
width:90px;
border-style:outset;
border-width:3px;
padding:0px;
text-decoration:none;}
/* background-image:url();
background-repeat:repeat -y;} - zur zeit nicht in verwendung*/

a.menu2:link {
             color: #CCCCCC; /* helles Grau */
             text-decoration:none;
             background-image:url("Nav/b-link2.gif");}/*dunkles Grau */

a.menu2:visited {
             color: #000000; /* schwarz */
             text-decoration:none;
             background-image:url("Nav/b-visited2.gif");/* Gelb*/ }

a.menu2:hover {
             color: #FFFFFF;  /* Weiß*/
             text-decoration:none;
             background-image:url("Nav/b-hover2.gif");}/*helles Grau */

a.menu2:active {
             color: #000000;  /* Schwarz */
             text-decoration:none;
             background-image:url("Nav/b-active2.gif");}/*Rot */

a.menu2:focus {
             color: #999999;  /* dunkles Grau */
             text-decoration:none;
             background-image:url("Nav/b-focus2.gif");}/*Rot */


a.menu3 {     /*Navigation für IOS Bilder, linke Seite */
font-family:Arial, "Arial Rounted MT Bold", sans-serif;
font-size:100%;
font-weight:bold;
line-height:17px;
display:block;
margin-top:2px;
text-align:center;
width:170px;
border-style:outset;
border-width:3px;
padding:2px;
text-decoration:none;}
/* background-image:url();
background-repeat:repeat -y;} - zur zeit nicht in verwendung*/


a.menu3:link {
             color: #CCCCCC;      /* helles Grau */
             text-decoration:none;
             background-image:url("Nav/b-link.gif");} /*dunkles Grau */

a.menu3:visited {
             color: #000000;   /* schwarz */
             text-decoration:none;
             background-image:url("Nav/b-visited.gif");} /* Gelb*/

a.menu3:hover {
             color: #FFFFFF;    /* Weiß */
             text-decoration:none;
             background-image:url("Nav/b-hover.gif");}/*helles Grau */

a.menu3:active {
             color: #000000;  /* Schwarz */
             text-decoration:none;
             background-image:url("Nav/b-active.gif");}/*Rot */

a.menu3:focus {
             color: #999999; /* dunkles Grau */
             text-decoration:none;
             background-image:url("Nav/b-focus.gif");} /*Rot */