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

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

/*Article Box*/
.articleaddcolumn310,
.articletxtaddcolum310
 {
    width:310px;
}


.articlebtnaddcolumn310 {
    width: 100%;
}
.Indexaddcolumn810
{
    width:810px;
}

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

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

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

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

.Indexaddcolumn255{
    width:255px;
}


.Indexaddcolumn535{
    width:535px;
}


.Indexaddcolumn187{
    width:187px;
}



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

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

/* ############################### MAX 1060 ################################## */

@media only screen and (max-width:1060px) {
    .Indexaddcolumn810
    {
        width:100%;
    }
}




/* ############################### MAX 1024 ################################## */
@media only screen and (max-width: 1024px)
{
    /*Article Box*/
    .articleaddcolumn310,
    .articletxtaddcolum310,
    .articlebtnaddcolumn310
     {
        width:100%;
    }
    
    /* Spacer */
    .Indexaddspacercolumn20
    {
        width:1.6%;
        height: 1px;
    }

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

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

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

    .Indexaddcolumn255{
        width:32%;
    }

    .Indexaddcolumn535{
        width:66%;
    }

    
    .Indexaddcolumn187{
        width:23%;
    }
}



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

@media only screen and (max-width: 480px)
{
    
    /* Spacer */
    .Indexaddspacercolumn20
    {
        width:0;
        height:0;
    }

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

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

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

    .Indexaddcolumn255{
        width:100%;
    }
    .Indexaddcolumn535{
        width:100%;
    }
    .Indexaddcolumn187{
        width:100%;
    }

}