/* hier sind Veränderungen des Layouts nur für die Indexseite vorzunehmen, z. Bsp. die Grafiklinks*/

    #contentindex   { 	  background-image: url('../images/bg3.jpg'); background-repeat: repeat-y; position: absolute; width: 800px; background-color: white; left:100px; top:190px;}
      
    #haupt1  { position: relative; width: 550px; height: 150px; left: 40px; margin-top:25px; margin-bottom: 25px; }
    #haupt1  a { border: 0px; background-image: url('../images/comeinklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt1  a:link { background-image: url('../images/comeinklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt1  a:visited { background-image: url('../images/comeinklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt1  a:active { background-image: url('../images/comeinklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt1  a:focus { background-image: url('../images/comeinklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt1  a:hover { outline-style: solid; outline: 2px; outline-color: #008400; width: 650px; height: 150px; left: 0px; background-image: url('../images/comein.jpg');}

    #haupt2  { position: relative; width: 550px; height: 150px; left: 40px; margin-top:25px; margin-bottom: 25px; }
    #haupt2  a { border: 0px; background-image: url('../images/solecupklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt2  a:link { background-image: url('../images/solecupklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt2  a:visited { background-image: url('../images/solecupklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt2  a:active { background-image: url('../images/solecupklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt2  a:focus { background-image: url('../images/solecupklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt2  a:hover {  width: 650px; height: 150px; left: 0px; background-image: url('../images/solecup.jpg');}
    
    #haupt3  { border: 0px; position: relative; width: 550px; height: 150px; left: 40px; margin-top:25px; margin-bottom: 25px; }
    #haupt3  a { background-image: url('../images/familientagklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt3  a:link { background-image: url('../images/familientagklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt3  a:visited { background-image: url('../images/familientagklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt3  a:active { background-image: url('../images/familientagklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt3  a:focus { background-image: url('../images/familientagklein.jpg'); position: absolute; width: 100px; height: 150px; left: 550px;}
    #haupt3  a:hover {  width: 650px; height: 150px; left: 0px; background-image: url('../images/familientag.jpg');}