@media screen, handheld {
div.titlepage
	{
	clear:left; width:96%;padding:1%; border:thin solid black; margin:1%;
	font-size:115%;
	line-height: 1.5;
	}
div.titlepage h2
	{
	padding-left:30px;
	}	
div.titlepage h3
	{
	padding-left:45px;
	}
div.titlepage a
	{
	text-decoration:none;
	color:	#000066;
	}
	
	div.titlepage div.overview
	{
	background-color:#CCFF99;min-width:95%;padding:5px
	}
div.titlepage div.educationalobjective
	{
	background-color:#339966;min-width:95%;padding:5px
	}
div.titlepage div.task
	{
	background-color:		#3366FF;min-width:95%;padding:5px
	}	

div.titlepage div.task div.loesung 
	{
	color:#330033;
	font-size:75%;
	border: thin dotted #330033;
	padding-right:2%;
	}
	
div.titlepage div.task div.loesung
	{
	text-align: center;
	}	

div.titlepage div.task div.loesung div
	{
	text-align: justify;
	}	
div.titlepage div.task div.loesung div
	{
	text-align: justify;
	display:none;
	}	
div div img.icon 
	{
	width:40px; float:left
	}	
	
div.titlepage div b 
		{
		font-size:150%;
		padding:5%;

		
		}
	
div.titlepage p {
		padding:5px;
		text-align: justify;
		}

div.titlepage div.quellcode
	{
	background-color:#808080;min-width:95%;padding:5px
	}
		
		
/* ChapterBar */	
div.chapterbar
	{
	width:80.5%;
	margin:0;
	padding-left:50px;
	}
/* chapterbar: text */	
div.chapterbar div.text
	{
	text-align:center;
	border: thin dotted gray;
	float:left;
	width:15%;
	height:25px;
	font-weight:bold;
	}
	
/* chapterbar: lfsk */		
div.chapterbar div.lfsk
	{
	text-align:center;
	border: thin dotted gray;
	float:left; 
	width: 30%;
	height:25px;
	font-weight:bold;
	}	
/* chapterbar: additum */		
div.chapterbar div.additum
	{
	text-align:center;

	border: thin dotted gray;
	float:left;
	width: 15%;
	height:25px;
	font-weight:bold;
	}	
div.titlepage div.zurueck {
	text-align:center;
}
}

@media print {
div.titlepage div.zurueck {
	text-align:center;
	display:none;
	
}
div.titlepage
	{
	clear:left; 
	width:96%;
	padding:1%;
	border:thin solid black; 
	margin:1%;
	font-size:125%;
	line-height: 1.35;
	}
div.titlepage h1
	{
	font-size:150%;
	}
div.titlepage h2
	{
	padding-left:30px;
	font-size:125%;
	}	
div.titlepage h3
	{
	padding-left:45px;
	font-size:125%;
	}
div.titlepage a
	{
	text-decoration:none;
	color:	#000066;
	}
	
	div.titlepage div.overview
	{
	border:thick outset #CCFF99; 
	min-width:95%;
	padding:5px;
	
	}
div.titlepage div.educationalobjective
	{
	background-color:#339966;min-width:95%;padding:5px
	}
div.titlepage div.task
	{
	background-color:		#3366FF;min-width:95%;padding:5px
	}	

div.titlepage div.task div.loesung 
	{
	color:#330033;
	font-size:75%;
	border: thin dotted #330033;
	padding-right:2%;
	}
	
div.titlepage div.task div.loesung
	{
	text-align: center;
	}	

div.titlepage div.task div.loesung div
	{
	text-align: justify;
	display:block;
	}	
div.titlepage div.task input
	{
	display:none;
	}
div div img.icon 
	{
	width:40px; float:left
	}	
	
div.titlepage div b 
		{
		font-size:150%;
		padding:5%;

		
		}
	
div.titlepage p {
		padding:5px;
		text-align: justify;
		}

div.titlepage div.quellcode
	{
	background-color:#808080;min-width:95%;padding:5px
	}
		
		
/* ChapterBar */	
div.chapterbar
	{
	width:80.5%;
	margin:0;
	padding-left:50px;
	}
/* chapterbar: text */	
div.chapterbar div.text
	{
	text-align:center;
	border: thin dotted gray;
	float:left;
	width:25%;
	font-weight:bold;
	}
	
/* chapterbar: lfsk */		
div.chapterbar div.lfsk
	{
	text-align:center;
	border: thin dotted gray;
	float:left; 
	width: 35%;
	font-weight:bold;
	}	
/* chapterbar: additum */		
div.chapterbar div.additum
	{
	text-align:center;

	border: thin dotted gray;
	float:left;
	width: 15%;
	font-weight:bold;
	}		
	
}