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

ul.widget {
	color: #ac4380;
	list-style-type: square;
	padding: 0;
	margin: 0% 0% 2% 0%;
	}

li.widget {
	font-size: 1.1em;
	padding: 0;
	margin: 0% 0% 2% 0%;
	}
p.widget {
	font-size: 1.1em;
	margin: 0% 0% 2% 0%;
	padding: 3px 0 10px 0;
	}
.widgetSpacer {
	height: 0px;
	}

.widgetElement {
	width: 100%;
	margin: 0%;
	float: left;	
	}
.widgetContent {
	width: 96%;
	margin: 0% 0% 3% 2%;
	overflow: hidden;
	border-bottom: 1px dotted #999;	
	}
.widgetElementImg {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	text-align: center;
	}
.widgetElementDesc {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	}
.partnerElementImg {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	text-align: center;
	}

a.widget {
	color: #ac4380;
	}
	
h3.widget {
	margin-bottom: 0;
	}

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

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

li.widget {
	font-size: 1.1em;
	margin: 0% 0% 0.3em 4%;
	}
p.widget {
	font-size: 1.1em;
	margin: 0% 0% 0.3em 4%;
	}
.widgetElement, .partnerElement {
	width: 48%;
	margin: 0% 0% 0% 1%;
	float: left;
	}
.widgetContent {;
	border-bottom: 0px dotted #999;	
	}
.widgetSpacer {
	height: 1px;
	width: 96%;
	margin-left: 2%;
	border-bottom: 1px dotted #999;
	}


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

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

li.widget {
	font-size: 1.2em;
	margin: 0em 0% 0.4em 8%;
	}

p.widget {
	font-size: 1.2em;
	margin: 0em 0% 0.4em 8%;
	}

.widgetElement {
	width: 100%;
	margin: 0% 0% 6% 0%;
	overflow: hidden;
	}
.widgetContent {;
	border-bottom: 1px dotted #999;	
	}
.widgetElementImg {
	width: 76%;
	float: left;
	margin:0% 2% 2% 10%;
	text-align: center;
	}
.widgetElementDesc {
	width: 96%;
	float: left;
	margin:0% 2% 2% 2%;
	}
	
.partnerElementImg {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	text-align: center;
	}
.widgetSpacer {
	height: 0px;
	border-bottom: 0px dotted #999;
	}


}



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

li.widget {
	margin: 0em 0% 0.2em 4%;
	}

p.widget {
	margin: 0em 0% 0.2em 4%;
	}

.widgetElement {
	width: 100%;
	margin:0%;
	overflow: hidden;
	}
.widgetElementImg {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	text-align: center;
	}
.widgetElementDesc {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	}
	
.partnerElementImg {
	width: 46%;
	float: left;
	margin:0% 2% 2% 2%;
	text-align: center;
	}
	


}