/* Layout für Mobilgeräte: 480 px oder weniger. */

h4.guests {
	padding: 10% 0 0 0;
	text-align: center;
	}
.bodyImageSetS {
	width: 94%;
	margin-left: 10%;
	text-align: center;
	float: left;
	padding-bottom: 4%;
	}
.bodyImageSetG {
	width: 74%;
	margin-left: 18%;
	text-align: center;
	float: left;
	padding-bottom: 4%;
	}
.bodyImageSetSC {
	text-align: center;
	padding-bottom: 4%;
	}
.SCopyRight {
	width: 2.5%;
	margin: 0;
	float: left;
	min-height: 80px;
	}
.SCopyRightT {
	float: left;
	transform: rotate(90deg);
	transform-origin: 10% 10px;
	white-space: nowrap;
	}
.bodyImageSet {
	width: 94%;
	margin-left: 3%;
	text-align: center;
	float: left;
	padding-bottom: 4%;
	}
.bodyImageSM {
	width: 33.4%;
	margin: 0;
	float: left;
	}
	
.bodyImageS1 {
	width: 90%;
	margin: 0;
	float: left;
	}
.bodyImageS2 {
	width: 40%;
	margin: 0;
	float: left;
	}
.bodyImageS3 {
	width: 30%;
	margin: 0;
	float: left;
	}
.bodyImageS2C{
	width: 40%;
	margin: auto;
	}
.bodyImageS2S {
	width: 40%;
	margin: 0;
	float: left;
	}
.bodyImageS3C {
	width: 30%;
	margin: auto;
	}
.bodyImageS3S {
	width: 30%;
	margin: 1%;
	float: left;
	}
	
.bodyImageS3S2 {
	width: 30%;
	margin: 1%;
	float: left;
	position: relative;
	left: 30%;
	transform: translateX(-50%);
	}
	
.bodyImageS2GW{
	float:right;
	width: 35%;
	margin: 10% 4% 2% 4%
	}
	
.bodyImageS3C {
	width: 30%;
	margin: auto;
	}
.bodyImage6 {
	width: 31%;
	margin: 1%;
	float: left;
	}
.bodyImage4 {
	width: 48%;
	margin: 1%;
	float: left;
	}
.bodyImage3 {
	width: 31%;
	margin: 1%;
	float: left;
	}
.bodyImage2 {
	width: 48%;
	margin: 1%;
	float: left;
	}
.bodyImage1 {
	width: 31%;
	margin: auto;
	}	
p.sofaName {
	font-size: 1.1em;
	color: #004494;
	}
p.sofaPos {
	font-size: 0.9em;
	}
	
	
.rbList {
	width: 94%;
	margin-left: 3%;
	margin-bottom: 5%;
	}
div.rbList p {
	font-size: 1.1em;
	padding:0em;
	margin: 0em;
	}	
div.rbDate {
	width: 12%;
	float: left;
	padding:0em;
	margin: 0em;
	}	
div.rbContent {
	width: 88%;
	float: left;
	padding:0em;
	margin: 0em 0em 0.5em 0em;	
	}
img.grusswort {
	float: right;
	margin: 0.5em 0.5% 5% 6%;
	width: 50%;
	}
	
.contentGroup {
	width: 94%;
	margin: 0% 0% 1% 3%;
	}	
.contentGroup01 {
	float: left;
	width: 100%;
	background-image:url(/imgSite/10x10_blue_10.png); 
	}	
.contentGroup02 {
	float: left;
	width: 100%;
	margin-top: 4%;
	border-top: 1px solid #ebf3fd;
	background-image:url(/imgSite/10x10_blue_10.png); 
	}
.contentGroup03 {
	float: left;
	width: 100%;
	background-image:url(/imgSite/10x10_blue_10.png); 
	}	
p.cG01 {
	font-size: 1.1em;
	margin: 2%;
	color: #004494;
	}	
p.cG02 {
	font-size: 1.1em;
	margin: 0% 0% 4% 2%;
	color: #111;
	}
img.cG01 {
	width: 96%;
	margin-left: 2%;
	}
img.cG02 {
	width: 100%;
	margin-left: 0%;
	}
img.cG05 {
	width: 85%;
	margin: 2% 4% 0px 2%;
	}
img.cG06 {
	width: 96%;
	margin: 2%;
	float:left;
	}
.preisItem {
	width: 96%;
	margin: 0% 0% 2% 2%;
	float: left;
	}
.preisImage {
	width: 30%;
	float: left;
	}
.preisDesc {
	width: 70%;
	float: left;
	}
	
.contentAccent {
	width: 94%;
	margin: 0% 0% 6% 3%;
	background-color: #004494;
	}
.contentAccent p {
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: justify;
	color: #f9fcff;
	margin: 1em;
	}
	
	

	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {

h4.guests {
	text-align: left;
	}

.bodyImageSet {
	width: 94%;
	margin-left: 3%;
	}
.bodyImage4 {
	width: 23%;
	margin: 1%;
	}
	
	
div.rbList {
	width: 94%;
	margin-left: 3%;
	}
div.rbList p {
	font-size: 1.5em;
	}	
div.rbDate {
	width: 11%;
	}	
div.rbContent {
	width: 89%;
	}
	
	
	
.contentGroup {
	width: 94%;
	margin: 0% 0% 1% 3%;
	}	
.contentGroup01 {
	width: 100%;
	}
.contentGroup02 {
	width: 100%;
	}	
p.cG01 {
	font-size: 1.5em;
	margin: 2% 0% 2% 2%;
	}	
p.cG02 {
	font-size: 1.5em;
	margin: 0% 0% 2% 2%;
	}
.preisItem {
	}
.preisImage {
	width: 40%;
	float: left;
	}
.preisDesc {
	width: 60%;
	float: left;
	}

.contentAccent p {
	font-size: 1.3em;
	}
	

}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {

h4.guests {
	text-align: center;
	}

.bodyImageSet {
	width: 92%;
	margin-left: 4%;
	}
.bodyImage4 {
	width: 48%;
	margin: 1%;
	}
	
	
div.rbList {
	width: 92%;
	margin-left: 4%;
	}
	
	
	
.contentGroup {
	width: 94%;
	margin: 0% 0% 1% 3%;
	}	
.contentGroup01 {
	width: 100%;
	}
.contentGroup02 {
	width: 100%;
	}	
p.cG01 {
	font-size: 1.7em;
	margin: 2% 0% 2% 2%;
	}	
p.cG02 {
	font-size: 1.7em;
	margin: 0% 0% 2% 4%;
	}
.preisItem {
	}
.preisImage {
	width: 40%;
	float: left;
	}
.preisDesc {
	width: 60%;
	float: left;
	}
	
}



/* Desktoplayout: 919 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 919px) {

h4.guests {
	text-align: left;
	}	
p.sofaName {
	font-size: 1.4em;
	margin: 0;
	color: #004494;
	}	
p.sofaPos {
	font-size: 1.1em;
	margin: 0;
	}
.bodyImageSet {
	width: 92%;
	margin-left: 4%;
	}

.bodyImage4 {
	width: 23%;
	margin: 1%;
	}
	
	
div.rbList {
	width: 92%;
	margin-left: 4%;
	}
div.rbList p {
	font-size: 1.7em;
	padding:0em;
	margin: 0em;
	}	
div.rbDate {
	width: 10%;
	float: left;
	}	
div.rbContent {
	width: 90%;
	float: left;
	}
img.grusswort {
	float: right;
	margin: 0.5em 1.5% 5% 6%;
	width: 50%;
	}
	
	
	
.contentGroup {
	width: 92%;
	margin: 0% 0% 1% 4%;
	background-image:url(/imgSite/10x10_blue_10.png); 
	}	
.contentGroup01 {
	width: 100%;
	}
.contentGroup02 {
	width: 100%;
	}
.contentGroup03 {
	width: 50%;
	background-image:url(/imgSite/10x10_trans.png); 
	}
.contentGroup02 {
	width: 58%;
	margin-left: 0%;
	border-left: 4px solid #f9fcff;
	margin-top: 0%;
	border-top: 0px;
	background-image:url(/imgSite/10x10_trans.png); 
	}	
p.cG01 {
	font-size: 1.7em;
	margin: 0.2em 0% 0.2em 4%;
	}	
p.cG02 {
	font-size: 1.3em;
	margin: 0% 0% 2% 4%;
	}
img.cG01 {
	width: 92%;
	margin-left: 4%;
	}
img.cG05 {
	width: 85%;
	margin: 2% 4% 0px 2%;
	}	
.preisItem {
	width: 92%;
	margin: 0% 0% 2% 4%;
	float: left;
	}
.preisImage {
	width: 40%;
	float: left;
	}
.preisDesc {
	width: 60%;
	float: left;
	}
	
.contentAccent {
	width: 92%;
	margin: 0% 0% 6% 4%;
	}

.contentAccent p {
	font-size: 1.5em;
	}

}