/**********************************************************
 *
 * Copyright © 2012 Wolf & Jostmeyer - Informationssysteme
 * Alle Rechte vorbehalten
 * www.time-info.de
 *
***********************************************************/

/*
*
*	CUSTOM GRIDS
*
**/

/* Styles 50-25-25 */

.rwd-50-25-25 .ui-body {
}
.rwd-50-25-25 p {
}
/* Stack all blocks to start */
.rwd-50-25-25 > .ui-block-a,
.rwd-50-25-25 > .ui-block-b,
.rwd-50-25-25 > .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-50-25-25 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-50-25-25 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-50-25-25 .ui-body {
		min-height: 14em;
    }
    .rwd-50-25-25 > .ui-block-b,
    .rwd-50-25-25 > .ui-block-c {
		float: left;
		width: 49.95%;
    }
    .rwd-50-25-25 > .ui-block-b p,
    .rwd-50-25-25 > .ui-block-c p {
		font-size: .8em;
    }
    .rwd-50-25-25 > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-50-25-25 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-50-25-25 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-50-25-25 .ui-body {
		min-height: 18em;
    }
    .rwd-50-25-25 > .ui-block-a,
    .rwd-50-25-25 > .ui-block-c {
		float: left;
		width: 49.95%;
    }
    .rwd-50-25-25 > .ui-block-b,
    .rwd-50-25-25 > .ui-block-c {
		float: left;
		width: 24.925%;
    }
    .rwd-50-25-25 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-50-25-25 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-50-25-25 .ui-body {
    }
    .rwd-50-25-25 > .ui-block-a,
    .rwd-50-25-25 > .ui-block-c {
		float: left;
		width: 49.95%;
    }
    .rwd-50-25-25 > .ui-block-b,
    .rwd-50-25-25 > .ui-block-c {
		float: left;
		width: 24.925%;
    }
}





/* Styles 25-75 */

.rwd-25-75 .ui-body {
    /*text-align: left;
    border-color: #ddd;*/
}
.rwd-25-75 p {
    /*color: #777;
    line-height: 140%;*/
}
/* Stack all blocks to start */
.rwd-25-75 > .ui-block-a,
.rwd-25-75 > .ui-block-b,
.rwd-25-75 > .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-25-75 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-25-75 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-25-75 .ui-body {
		min-height: 14em;
    }
    .rwd-25-75 > .ui-block-b {
		float: left;
		width: 74.95%;
    }
    .rwd-25-75 > .ui-block-b p {
		/*font-size: .8em;*/
    }
    .rwd-25-75 > div + div .ui-body {
		border-top-width: 1px;
    }
    .rwd-25-75 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-25-75 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 25/75 */
@media all and (min-width: 55em) {
    .rwd-25-75 .ui-body {
		min-height: 18em;
    }
    .rwd-25-75 > .ui-block-a {
		float: left;
		width: 34.925%;
    }
    .rwd-25-75 > .ui-block-b {
		float: left;
		width: 64.95%;
    }
    .rwd-25-75 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-25-75 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-25-75 .ui-body {
		/*font-size: 125%;*/
    }
    .rwd-25-75 > .ui-block-a {
		float: left;
		width: 24.925%;
    }
    .rwd-25-75 > .ui-block-b {
		float: left;
		width: 74.95%;
    }
}






/* Styles 75-25 */

.rwd-75-25 .ui-body {
    /*text-align: left;
    border-color: #ddd;*/
}
.rwd-75-25 > div:first-child .ui-body {
	padding: 0;
}
.rwd-75-25 > div:last-child .ui-body {
	padding: 0;
}
.rwd-75-25 p {
    /*color: #777;
    line-height: 140%;*/
}
/* Stack all blocks to start */
.rwd-75-25 > .ui-block-a,
.rwd-75-25 > .ui-block-b {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-75-25 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-75-25 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-75-25 .ui-body {
    }
    .rwd-75-25 > .ui-block-a {
		/*float: left;
		width: 74.95%;*/
    }
    .rwd-75-25 > .ui-block-b p {
		/*font-size: .8em;*/
    }
    .rwd-75-25 > div + div .ui-body {
		border-top-width: 1px;
    }
    .rwd-75-25 > div:first-child .ui-body {
        border-bottom-width: 0;
		padding: 0;
    }
    .rwd-75-25 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 25/75 */
@media all and (min-width: 55em) {
    .rwd-75-25 .ui-body {
		
    }
    .rwd-75-25 > .ui-block-a {
		float: left;
		width: 59.95%;
    }
    .rwd-75-25 > .ui-block-b {
		float: left;
		width: 39.925%;
    }
    .rwd-75-25 > div:first-child .ui-body {
        border-bottom-width: 1px;
		padding-right: 1em;
    }
    .rwd-75-25 > div:last-child .ui-body {
        border-bottom-width: 1px;
		padding-left: 1em;
    }	
    .rwd-75-25 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-75-25 .ui-body {
		/*font-size: 125%;*/
    }
    .rwd-75-25 > .ui-block-a {
		float: left;
		width: 69.95%;
    }
    .rwd-75-25 > .ui-block-b {
		float: left;
		width: 29.925%;
    }
    .rwd-75-25 > div + div .ui-body {
        border-left-width: 0;
    }	
}





/* Styles 20-40-40 */

.rwd-20-40-40 .ui-body {
}
.rwd-20-40-40 p {
}
/* Stack all blocks to start */
.rwd-20-40-40 > .ui-block-a,
.rwd-20-40-40 > .ui-block-b,
.rwd-20-40-40 > .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-20-40-40 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-20-40-40 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-20-40-40 .ui-body {
    }
    .rwd-20-40-40 > .ui-block-a {
		
    }
    .rwd-20-40-40 > .ui-block-b p,
    .rwd-20-40-40 > .ui-block-c p {
    }
    .rwd-20-40-40 > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-20-40-40 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-20-40-40 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-20-40-40 .ui-body {
    }
    .rwd-20-40-40 > .ui-block-a {
		width: 100%;
    }
    .rwd-20-40-40 > .ui-block-b,
    .rwd-20-40-40 > .ui-block-c {
		float: left;
		width: 49.925%;
    }
    .rwd-20-40-40 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-20-40-40 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-20-40-40 .ui-body {
    }
    .rwd-20-40-40 > .ui-block-a {
		float: left;
		width: 29.95%;
    }
    .rwd-20-40-40 > .ui-block-b,
    .rwd-20-40-40 > .ui-block-c {
		float: left;
		width: 30.925%;
    }
}







/* Styles 20-20-60 */

.rwd-20-20-60 .ui-body {
}
.rwd-20-20-60 p {
}
/* Stack all blocks to start */
.rwd-20-20-60 > .ui-block-a,
.rwd-20-20-60 > .ui-block-b,
.rwd-20-20-60 > .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-20-20-60 > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-20-20-60 {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-20-20-60 .ui-body {
    }
    .rwd-20-20-60 > .ui-block-a {
		
    }
    .rwd-20-20-60 > .ui-block-b p,
    .rwd-20-20-60 > .ui-block-c p {
    }
    .rwd-20-20-60 > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-20-20-60 > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-20-20-60 > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-20-20-60 .ui-body {
    }
    .rwd-20-20-60 > .ui-block-c {
		width: 100%;
    }
    .rwd-20-20-60 > .ui-block-a,
    .rwd-20-20-60 > .ui-block-b {
		float: left;
		width: 19.925%;
    }
    .rwd-20-20-60 > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-20-20-60 > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-20-20-60 .ui-body {
    }
    .rwd-20-20-60 > .ui-block-c {
		float: left;
		width: 59.95%;
    }
    .rwd-20-20-60 > .ui-block-a,
    .rwd-20-20-60 > .ui-block-b {
		float: left;
		width: 19.925%;
    }
}