html 

/*------------- Allgemeine Informationen -----------------------------
                 siehe root/style.css
------------------------------------------------------------------- */

body {
/*--------- Hintergrund für komplettes Fenster definieren ----------*/
background:url(../_main_files/hintergrund_fenster.jpg);  /* Hintergrund Muster */
/*background-color: #FFFFCC;       /* Hintergrund Farbe */
}


/*----------- Formatierung von Listen ------------------------------*/
.li_default {
    list-style-type:  none;
    margin-top:0px;
    margin-left:20px;   /* wird benötigt damit Spiegelstrich erkennbar */
    padding-left:0px;

    font-size:18px;
    line-height:18px;
    color:#000080;
    font-weight:normal;
}

.li_fotoalbum {
    list-style-type: disc;
    font-size:20px;
    line-height:30px;
    color:black;
    font-weight: bold;
    text-align:left; 
    margin-top:0px;
    margin-left:20px;   /* wird benötigt damit Spiegelstrich erkennbar */
    padding-left:0px;}

.li_roadster {
    list-style-type:none;
    font-size:24px;
    line-height:30px;
    color:black;
    font-weight: bold;
    text-align:left;
    margin-top:0px;
    margin-left:0px;   /* wird benötigt damit Spiegelstrich erkennbar */
    padding-left:0px;}




/*---------- Allgemeine definitionen für Bilder --------------------*/
img {
 border: none;     /* alle Bilder ohne Rahmen */
}

img.bild_klein {
    border: double;
}

* /*---------- Spezielle Definitionen für Bilder ---------------------*/
img.back {
    width:40px;
    height:60px;
    border: none;     /* alle Bilder Rahmen */
}
/*---------- Definitionen für Schriften ----------------------------*/
h1 {
   font-family: Arial, sans-serif;
   font-size:36px;       /* Größe Text       */
   line-height:40px;        /* wichtig für gleiche Abstände IE & FF */
   color:#000080;         /* Text Farbe       */
   text-align:left;      /* Text Ausrichtung */
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0;            /*wichtig, damit <br /> im IE und FF gleich ist */
}
/*----- benutzt Construction, Impressum, map, Fotoalbum, Marshan Biler ---*/
h2 {  
   font-family: Arial, sans-serif;
   font-size:28px;       /* Größe Text       */
   line-height:36px ;        /* wichtig für gleiche Abstände IE & FF */
   font-weight: bold;
   color:#000080;         /* Text Farbe       */
   text-align:left;      /* Text Ausrichtung */
   vertical-align: text-top;
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0px;            /*wichtig, damit <br /> im IE und FF gleich ist */
}

h3 {
   font-family: Arial, sans-serif;
   font-size:20px;       /* Größe Text       */
   line-height:28px ;        /* wichtig für gleiche Abstände IE & FF */
   font-weight: bold;
   color:#000080;         /* Text Farbe       */
   text-align:left;      /* Text Ausrichtung */
   
   vertical-align: text-top;
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0px;            /*wichtig, damit <br /> im IE und FF gleich ist */
}

/*----- benutzt Eigene Sache, Impressum ---*/
h4 {
   font-family: Arial, sans-serif;
   font-size:18px;       /* Größe Text       */
   line-height:18px ;        /* wichtig für gleiche Abstände IE & FF */
   font-weight: bold;
   color:#000080;         /* Text Farbe       */
   text-align:left;      /* Text Ausrichtung */

   vertical-align: text-top;
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0px;            /*wichtig, damit <br /> im IE und FF gleich ist */
}

h5 {
   font-family: Arial, sans-serif;
   font-size:16px;       /* Größe Text       */
   line-height:16px ;        /* wichtig für gleiche Abstände IE & FF */
   font-weight: bold;
   color: #000080;         /* Text Farbe       */
   text-align:left;      /* Text Ausrichtung */

   vertical-align: text-top;
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0px;            /*wichtig, damit <br /> im IE und FF gleich ist */
}

h6 {
   font-family: Arial, sans-serif;
   font-size:10px;        /* Größe Text       */
   line-height: ;         /* wichtig für gleiche Abstände IE & FF */
   color:#808080;         /* Text Farbe       */
   text-align:right;      /* Text Ausrichtung */
   margin:0;              /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
}
/*----- benutzt Eigene Sache, Impressum ---*/
p {
   font-family:          Times, Arial, sans-serif;
   font-size:16px;       /* Größe Text       */
   line-height:16px ;    /* wichtig für gleiche Abstände IE & FF */
   color:black;          /* Text Farbe       */
   text-align: ;         /* Text Ausrichtung */
   margin:0;             /*wichtig, damit <br /> im IE und FF gleich ist */
   padding:0;            /*wichtig, damit <br /> im IE und FF gleich ist */
}
/*---------- Bereiche definieren -----------------------------------*/
#kopf_li {
    float:left;          /* Ausrichtung des Bereiches links */
    width:100px;         /* Breite des Bereiches */
    height: 70px;
    
    background-color: transparent;
    margin-top:10px;      /* oberer Rand des Bereiches */
    margin-left:0px;     /* linker Rand des Bereiches */
    
    border:  none;       /* Rahmen */
    border-style: none;  /* Rahmen Art */
     
    font-family: Arial, sans-serif;
    font-size: 12px;      /* Größe Text*/
    font-weight: normal;  /* Fett-Kursiv */
    
    text-align:center;     /* Ausrichtung Text */
    
    padding-left:0px;     /* Text Rand (muß von with abgezogen werden)*/
    padding-top:0px;      /* Text Rand (muß von height abgezogen werden)*/
    
    color:#000080;         /* Farbe */
    line-height: ;
 }

#kopf {
    float:left;          /* Ausrichtung des Bereiches links */
    width:650px;         /* Breite des Bereiches */
    height: 70px;
    background-color: transparent;
    
    margin-top:10px;     /* oberer Rand des Bereiches */
    margin-left:0px;     /* linker Rand */
        
    border-top-style: none;
    border-top-width:15px;
    border-bottom-style: none;
    border-bottom-width:10px;

    
    font-family: Arial, sans-serif;
    font-size: 40px;      /* Größe Text*/
    font-weight: bold;
    text-decoration:  ;
    font-style: italic;
    text-align: left;    /* Ausrichtung Text */
    color:#000080;       
}
              
#kopf_re {
    float:right;          /* Ausrichtung des Bereiches links */
    width:50px;         /* Breite des Bereiches */
    height: 80px;

    background-color: transparent;
    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-right:;     /* linker Rand */

    border:  none;       /* Rahmen */
    border-style: none;  /* Rahmen Art */

    font-family: Arial, sans-serif;
    font-size: 12px;      /* Größe Text*/
    font-weight: normal ;
    text-align: right;    /* Ausrichtung Text */
    color:#000080;       /* Farbe */
    line-height: ;
 }    
                    
#main_li {
    float:left;          /* Ausrichtung des Bereiches links */
    width:400px;         /* Breite des Bereiches */
    height: 440px;
    background-color: transparent;
    
    border-top-style: none;
    border-top-width:15px;
    border-bottom-style: none;
    border-bottom-width:10px;

    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-left:0px;     /* linker Rand */
    
    font-family: Arial, sans-serif;
    font-size: 18px;      /* Größe Text*/
    line-height:18px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;    /* Ausrichtung Text */
    color:#000080;       /* Farbe */
}

#main_re {
    float:right;         /* Ausrichtung des Bereiches rechts */
    width:400px;         /* Breite des Bereiches */
    height: 440px;
    background-color: transparent;
    
    border-top-style: none;
    border-top-width:15px;
    border-bottom-style: none;
    border-bottom-width:10px;
    
    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-right:0px;    /* rechter Rand */
        
    font-family: Arial, sans-serif;
    font-size: 18px;      /* Größe Text*/
    line-height:18px;    
    font-weight: bold;
    text-decoration: none;
    text-align: right;    /* Ausrichtung Text */
    color: #000080;        /* Farbe */
}

#fuss_li {
    float:left;         /* Ausrichtung des Bereiches links */
    width:390px;         /* Breite des Bereiches */
    height: 30px;
    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-left:0px;    /* rechter Rand */
    background-color: transparent;
    margin-left:0px;    /* linker Rand */ 
    
    font-family: Arial, sans-serif;
    font-weight: normal;
    text-align: left;    /* Ausrichtung Text */
    padding-left:10px;  /*Text-Abstand links */
    padding-top:5px;
    color: yellow;        /* Farbe */
    line-height: 10px
}

#fuss_re {
    float:right;         /* Ausrichtung des Bereiches links */
    width:390px;         /* Breite des Bereiches */
    height: 30px;
    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-right:0px;    /* rechter Rand */
    background-color: transparent;
    

    font-family: Arial, sans-serif;
    font-size: 6px;      /* Größe Text*/
    font-weight: normal;
    text-align: right;    /* Ausrichtung Text */
    padding-right:10px;   /* Text Rand */
    padding-top:05px;     /* Text Rand */
    color: yellow;        /* Farbe */
    line-height: 12px
}                                                                                           

.feld_bild{
    float:left;          /* Ausrichtung des Bereiches links */
    width: auto;         /* Breite des Bereiches */
    height: auto;
    background-color: transparent;
    border: double;
    border-color: #000080;
    position: relative;}



.Strich {
    float:left;          /* Ausrichtung des Bereiches links */
    width:800px;         /* Breite des Bereiches */
    height: 5px;
    background-image: url("../_main_files/strich.jpg");
    margin-top:0px;     /* oberer Rand des Bereiches */
    margin-left:0px;     /* linker Rand */
    font-size: 1px;      /* Größe Text*/
}

/*---------- Formatierung von Hyperlinks ---------------------------*/


/*---------- Allgemeine Formatierung für alle links ----*/
a:link {
    text-decoration:none;
    font-style:normal;
    color:#000080;}
a:visited {
    text-decoration: none;
    font-style: normal;
    color:#000080;}
a:hover  {
    text-decoration: none;
    font-style: normal;
    color:#000080;}

/*---------- Formatierung für definierte links ----*/
a.back:link {
    font-size:12px;
    text-align: left;
    color: #000080;
    padding-top:50px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;}
a.back:visited {
    font-size:12px;
    text-align: left;
    color: #000080;
    padding-top:20px;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;}
a.back:hover {color: ;}
/*------------------------------------------*/
a.refer:link {
    color: black;
    font-size:10px;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;}
a.refer:visited {
    color: black;
    font-size:10px;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;}
a.refer:hover {color: ;}
* /*------------------------------------------*/
a.impressum:link {
    color: #666666;
    font-size:14px;
    text-decoration: underline;
    font-style: normal;
    padding-top:0px;
    font-weight: normal;}
a.impressum:visited {
    color: #666666;
    font-size:14px;
    text-decoration: underline;
    font-style: normal;
    padding-top:10px;
    font-weight: normal;}
a.impressum:hover {color: ;}
