a {Arial,Helvetica,sans-serif;font-size: 18px;color:#000000;text-decoration:underline;}
a:link {color:#00;}
a:hover {{color:#FFFFFF;background:#00};                /* #2e66e6; */
/* Hier nach Bedarf formatieren */
}
a:active {color:#304e6a;}

body {
z-index:0;margin:0;padding:0;
font-family: Arial,Helvetica,sans-serif;font-size: 14px;  /* <-- SCHRIFTART */
background: black;                                   /* <-- HINTERGRUNDFARBE */
/*background: url(pic/back.jpg) ;               */
text-align: center;    /* <-- SCHRIFT IN BODY MITTIG. ... oder LEFT UND RIGHT */
color: #000000;
}
#timeless-alt  {z-index:2;margin:20px 0 0 250px;}
#timeless      {z-index:2;margin:20px 0 0 200px;}

#base {
z-index:0;
text-align:left;
margin: 0 auto;
margin-top: 10px;
/* background: url(pic/backgrau800.png);                       /* master.gif) ;  */
background-color: #808080;
width: 800px;
height:600px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow:hidden;
}

#base-in {
padding: 40px 20px 0 200px;   /* <-- ABSTAND DES INHALTES ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx */
width: 580px;
height:460px;
}

#base-test {
position: relative;
top: -50px;
left: 0px;
padding: 50px 20px 0 200px;         /* <-- ABSTAND DES INHALTES ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx */
width: 640px;
height:460px;
}

#baustelle {z-index:2;position: absolute ;top: 100px;left: 50px;font-size: 8px;}
#baustelle-text {z-index:2;position: absolute ;top: 380px;left: 230px;font-size: 24px; color: white;}
#bob1 {z-index:2;position: relative;top: 530px;left: 50px;font-size: 8px;}

#base-band {
z-index:0;
background: url(pic/bild2.jpg) ;
width: 300px;
}

#inhalt {
z-index: 1;
padding: 30px 20px 0 0px;  /* <-- ABSTAND DES INHALTES ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx */
width:560px;
height:340px;
font: normal 18px/18px "Arial","Helvetica",sans-serif;
-moz-box-shadow:8px 8px #666;
/* background: url(inhalt.gif) ; */
overflow:auto;                     /* GESAMTEr BROWSERHINHALT SCROLLEN? DANN BITTE HIER AUSKOMMENTIEREN */
}
#inhalt-impressum {
z-index: 1;
padding: 50px 20px 0 0px;  /* <-- ABSTAND DES INHALTES ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx */
height:430px;
background: url(pic/back140.jpg);
overflow:auto;                     /* GESAMTEr BROWSERHINHALT SCROLLEN? DANN BITTE HIER AUSKOMMENTIEREN */
}

#left  {
height:300px;
width:100px;
float:left;
background-color: #FFCC66;
background:red;
}

#aig1 {position:absolute ; top: 320px; left: 20px}
#aig2 {position:relative ; top: 330px; left: 20px}
#aig3 {position:relative ; top: 340px; left: 30px}

#inhaltunten {
padding: 50px 20px 0 150px;  /* <-- ABSTAND DES INHALTES ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx */
height:500px;
overflow:auto;                     /* GESAMTEr BROWSERHINHALT SCROLLEN? DANN BITTE HIER AUSKOMMENTIEREN */
}

/* Überschriften */
h1 {
text-align:left;         /* MITTIG. WEITERE MÖGLICHKEITEN: LEFT CENTER UND RIGHT  */
/*background-color: #ffffff;        */
color: #000000;                /* EXTRA AUF SCHWARZ GESTELLT */
font-size: 2em;                /* GRÖSSER ALS OBEN DEFINIERTE STANDARDSCHRIFT */
font-weight:bold;        /* SCHRIFTSTÄRKE */
}


/*
a         {color: black;}
a:link    {color: #000000;}
a:visited {color: #000000;}
*/

/* a1         {color:#FF0000;font-size:large;}                /*   */
/* a2         {font-size:large;}                              /*   */
/* tgr        {}                                              /* Formatierung für die Textlinks in den Dateien der großen Bilder */
/* hr         {color:#808080;background-color: #ffffff;}      /* horizontale Linien */

/* .ei        {text-align:left;font-size:360%;color:#808080;}
/* .td        {text-align:left;font-size:180%;color:#808080;}
/* .namen     {text-align:left;font-size:180%;color:#FF0000;}
/* .aviwavtxt {font-size:80%;}                                /* Links zu Text-, Audio und Videodatei */
/* .cr        {font-size:70%;}                                /* Copyright-Zeile */

/* margin: nnpx   <-- ABSTAND INHALT ZUM RAND: OBENpx RECHTSpx UNTENpx LINKSpx  */
/* #00(schwarz) #DDDDDD(HGrau) #FF0000(Rot)    */
/* #808080=Grau */
/* #797248=       #7C7549=       TL alt */

#navcontainer{
margin: 20px 0 0 190px; padding: 0; height: 20px; text-align: center; }

#navcontainer ul    {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; }

#navcontainer ul li {display: block; float: left; text-align: center; padding: 0; margin: 0; }

#navcontainer ul li a {
color: #000000;background: #808080;          /* Menu-SCHRIFT  schwarz auf weiss */
width: 120px;height: 24px;                   /*bei größser wandert sofort unterer block nach rechts  */
/*border-top: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 1px solid #000000;border-right: 1px solid #000000;  */
border: 0px solid #000000;
padding: 0;
margin: 0 0 10px 0;
text-decoration: none;      /* ohne diese zeile kommt der text unterstrichen */
display: block;
text-align: center;
font: bold 18px/24px "Arial","Helvetica",sans-serif;
}


#navcontainerAlt ul li a:hover  {color:#FFFFFF;background:#7C7549; }                            /* mouse over  weisß auf braun */
#navcontainerAlt li#active a    {color:#FFFFFF;background:#524D30;border: 1px solid #524D30;} /* aktiver menupunkt   */

#navcontainer ul li a:hover  {color:#ffffff;background:#808080; text-decoration:underline }       /* mouse over  weisß auf braun */
#navcontainer li#active a    {color:#FFFFFF;background:#808080; border: 0px;} /* aktiver menupunkt  */

#one   {-moz-box-shadow: 10px 10px 10px 20px #999;
        -webkit-box-shadow: 10px 10px 10px 20px #999;
        box-shadow: 10px 10px 10px 20px #999;}


#two   {-moz-box-shadow: 10px 10px 20px green;
        -webkit-box-shadow: 10px 10px 20px green;
        box-shadow: 10px 10px 20px green;}

#s2rot {-moz-box-shadow: 10px 10px 20px red;
       -webkit-box-shadow: 10px 10px 20px red;
        box-shadow: 10px 10px 20px red;}

#s2gelb {-moz-box-shadow: 10px 10px 20px yellow;
       -webkit-box-shadow: 10px 10px 20px yellow;
        box-shadow: 10px 10px 20px yellow;}
#s2blau {-moz-box-shadow: 10px 10px 20px blue;
       -webkit-box-shadow: 10px 10px 20px blue;
        box-shadow: 10px 10px 20px blue;}
#s2gruen{-moz-box-shadow: 10px 10px 20px green;
       -webkit-box-shadow: 10px 10px 20px green;
        box-shadow: 10px 10px 20px green;}
#s2orange{-moz-box-shadow: 10px 10px 20px #FF6600;
       -webkit-box-shadow: 10px 10px 20px #FF6600;
        box-shadow: 10px 10px 20px #FF6600;}