

/* Layout für Mobilgeräte: 480 px oder weniger. */
	
div.community {
	width: 96%;
	margin-left: 2%;
	padding-bottom:100px;
	text-align: left;
	font-size: 1.1em;
	font-family: open_sanscondensed_light;
	color: #111;
	line-height: 1.8em;
	float: left;
	}
	
div.cRowH, div.cRowI {
	width: 100%;
	border-bottom: 1px dotted #999;
	float: left;
	}
	
div.cNH, div.cPH, div.cSH {
	width: 45%;
	font-size: 1.2em;
	color: #004494;
	float: left;
	font-weight: bold;
	padding-left: 1%;
	}
	
div.cPH {
	width: 31.5%;
	}
	
div.cSH {
	width: 20.5%;
	}
	
div.cRowI:hover {	
	background-image:url(imgSite/10x10_blue_10.png)
	}
	
div.cNI, div.cPI, div.cSI {
	width: 45%;
	float: left;
	padding-left: 1%;
	}
	
div.cPI {
	width: 31.5%;
	}
	
div.cSI {
	width: 20.5%;
	}
	
.cLk {
	font-weight:bold;
}
	
	
	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
div.community {
	width: 94%;
	margin-left: 3%;
	font-size: 1.2em;
	}


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

@media only screen and (min-width: 769px) {
	
div.community {
	width: 92%;
	margin-left: 4%;
	font-size: 1.3em;
	}


}



/* 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) {


}