/* ############################### MORE THAN 1024 ################################## */

/* Index wurde beim Absatz als CSS Prefix definiert CssPrefixColumn="Index" */

.Indexaddcolumn810
{
    width:870px;
}

.Indexaddcolumn870 {
    width: 870px;
}

/* Spacer */
.Indexaddspacercolumn20
{
    width:20px;
    height: 1px;
}

.Indexaddspacercolumn22
{
    width:22px;
    height: 1px;
}

.Indexaddspacercolumn25
{
    width:25px;
    height: 1px;
}

 /*neue Definitionen*/
.Indexaddcolumn395{
    width:425px;
}

.Indexaddcolumn425 {
    width: 425px;
}

.Indexaddcolumn255{
    width:276px;
}

.Indexaddcolumn276 {
    width: 276px;
}

.Indexaddcolumn535{
    width:574px;
}

.Indexaddcolumn574 {
    width: 574px;
}


.Indexaddcolumn187{
    width:202px;
}

.Indexaddcolumn202 {
    width: 202px;
}

/*
    Floating left & right  for columns  
    Diese werden durchnummeriert, deswegen die Wildcardselection  */
div[class*='Indexparafloatleft-']
{
    float: left;
}

div[class*='Indexparafloatright-']
{
    float: right;
}

/* ############################### MAX 1024 ################################## */
@media only screen and (max-width: 1240px)
{
   
    
    .Indexaddcolumn810, .Indexaddcolumn870
    {
        width:100%;
    }
    
    /* Spacer */
    .Indexaddspacercolumn20
    {
        width:1.6%;
        height: 1px;
    }

    
    .Indexaddspacercolumn22
    {
        width:1.7%;
        height: 1px;
    }

     .Indexaddspacercolumn25
    {
        width:2%;
        height: 1px;
    }

  /*neue Definitionen*/
    .Indexaddcolumn395, .Indexaddcolumn425{
        width:49%;
    }

    .Indexaddcolumn255, .Indexaddcolumn276{
        width:32%;
    }

    .Indexaddcolumn535, .Indexaddcolumn574{
        width:66%;
    }

    
    .Indexaddcolumn187, .Indexaddcolumn202{
        width:23%;
    }
}



/* ############################### GRID MAX 480 ################################## */

@media only screen and (max-width: 480px)
{

    
    .Indexaddcolumn810, .Indexaddcolumn870
    {
        width:100%;
    }
    

    /* Spacer */
    .Indexaddspacercolumn20
    {
        width:0;
        height:0;
    }

        .Indexaddspacercolumn22
    {
        width:0;
        height:0;
    }

     .Indexaddspacercolumn25
    {
        width:0;
        height:0;
    }

  /*neue Definitionen*/    
      
    .Indexaddcolumn395, .Indexaddcolumn425{
        width:100%;
    }

    .Indexaddcolumn255, .Indexaddcolumn276{
        width:100%;
    }
    .Indexaddcolumn535, .Indexaddcolumn574{
        width:100%;
    }
    .Indexaddcolumn187, .Indexaddcolumn202{
        width:100%;
    }

}