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

p.progT {
	margin: 0.3em 0em 0.3em 0em;
	font-weight: bold;
	color: #004494;	
	}
p.progA {
	margin: 0.3em 0em 0.3em 0em;
	font-size: 1.0em;
	}
p.progAb {
	margin: 0.3em 0em 0.3em 0em;
	font-weight: bold;
	color: #004494;
	}
img.progI {
	margin: 4% 0%;
	}

.programBlock {
	border-bottom: 1px dotted #999;
	width: 94%; 
	margin: 6% 0% 40px 3%;
	}	
.programItem {
	width: 100%;
	border-top: 1px dotted #999;
	}	
.programTime {
	width: 13%;
	float: left;
	}	
.programImage {
	width: 23%;
	float: left;
	}	
.programSpacer {
	width: 2%;
	float: left;
	}	
.programAct {
	width: 61.9%;
	float: left;
	}
.frstDay {
	width: 40%;
	float: left;
	}
.arrow {
	width: 20%;
	float: left;
	text-align: center;
	}
.scndDay {
	width: 40%;
	float: left;
	text-align: right;
	}
	
.programBanner {
	width: 100%;
	text-align: center;
	margin: 0% auto 0% auto;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top:  1px dotted #999;
	}	
	
	
	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

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


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

.programBlock {
	width: 93%; 
	margin: 6% 0% 60px 4%;
	}



}


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

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

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





}