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



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

/* Slider*/
.sshowaddcolumn1060{
    width:1060px;   
}

.resaddcolumn1200 {
    width: 1200px;
}

.resaddcolumn1060{
    width:1060px;
}


.resaddcolumn498{
    width:498px;
}

.resaddspacercolumn64{
    width:64px;
    height:1px;
}

.resaddcolumn151{
    width:151px;
}

.resaddcolumn310{
    width:310px;
}

.resaddcolumn357 {
    width: 357px;
}

.resaddspacercolumn65{
    width:65px;
    height:1px;
}


/* Teaserbox*/

.teasertxtaddcolumn310{
    width:310px;
}

.teaserimgaddcolumn310{
    width:310px;
}

.teasertxtaddcolumn357 {
    width: 357px;
}

.teaserimgaddcolumn357 {
    width: 357px;
}

/* Newsbox*/
.newstxtaddcolumn300{
    width:300px;
}

.newsimgaddcolumn300{
    width:300px;
}

.newsabsatzaddcolumn665{
    width:768px
}

.newsabsatzaddcolumn768 {
    width: 768px;
}

.newsabsatzaddcolumn423{
    width:423px
}


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


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


/* ############################### MAX 1024 ################################## */
@media only screen and (max-width: 1200px)
{
.sshowaddcolumn1060{
    width:100%;   
}


.resaddcolumn1060, .resaddcolumn1200 {
    width: 100%;
}

.resaddcolumn498{
    width:47.5%;
}

.resaddspacercolumn64{
    width:5%;
    height:1px;
}


.resaddcolumn310, .resaddcolumn357 {
    width: 30%;
}



.resaddspacercolumn65{
    width:5%;
    height:1px;
}


/* Teaserbox*/

    .teasertxtaddcolumn310, .teasertxtaddcolumn357 {
        width: 100%;
    }

    .teaserimgaddcolumn310, .teaserimgaddcolumn357 {
        width: 100%;
    }

/* Newsbox*/
.newstxtaddcolumn300{
    width:100%;
}

.newsimgaddcolumn300{
    width:97%;
}
.newsabsatzaddcolumn665, .newsabsatzaddcolumn768 {
    width: 100%;
}


.newsabsatzaddcolumn423{
    /*width:52%*/
    width:100%
}

}

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

    .resaddcolumn310, .resaddcolumn357 {
        width: 100%;
    }
}

/* ############################### MAX 480 ################################## */
@media only screen and (max-width: 480px){

    .resaddcolumn498{
    width:100%;
}

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


.resaddcolumn310, .resaddcolumn357 {
    width: 100%;
}

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


.newsabsatzaddcolumn423{
    width:100%
}

}