/* mobile geräte max. 79 em */

@media (max-width: 79em)
{
	body {width: 94%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(../grafik/background.gif);
	background-repeat:repeat;}
	
	
	main {display: block;  /* für IE */
	}
	
	article {
	width: 100%;
	padding: 1px;
	margin: 1px;
	}
	
	p {
	color: #000000;
	font-size:1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	

	.bildlegende {
	font-size : 0.8em;
	}
	
	a:link {
	color: #000000;
	}
	
	a:visited {
	color: #000000;
	}
	
	a:active {
	color: #000000;
	}
	
	a:hover {
	color: #cc0033;
	}
	
	img {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	video {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	h1 {
	color: #000000;
	font-size:1.6em;
	margin-top: 4px;
	margin-bottom: 2px;
	}
	
	h2 {
	color: #000000;
	font-size:1.4em;
	margin-top: 0px;
	margin-bottom: 2px;
	}
	
}

/* tablets notebooks min. 80 em. max. 159 em */

@media (min-width: 79em) and (max-width: 159em)
{
	body {width: 98%;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(../grafik/background.gif);
	background-repeat:repeat;}
	
	main {display: block;  /* für IE */
	}
	
	article {
	width: 38em;
	float: left;
	padding: 3px;
	margin: 2px;
	}
	
	p {
	color: #000000;
	font-size:1.3em;
	}
	
	.bildlegende {
	font-size : 0.8em;
	}
	
	a:link {
	color: #000000;
	}
	
	a:visited {
	color: #000000;
	}
	
	a:active {
	color: #000000;
	}
	
	a:hover {
	color: #cc0033;
	}
	
	img {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	video {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	h1 {
	color: #000000;
	font-size:1.6em;
	}
	
	h2 {
	color: #000000;
	font-size:1.4em;
	}
}

/* grössere bildschirme min. 160 em */

@media (min-width: 160em)
{
	body {width: 77em;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(../grafik/background.gif);
	background-repeat:repeat;}
	
	main {display: block;  /* für IE */
	}
	
	article {
	width: 50em;
	float: left;
	padding: 3px;
	margin: 2px;
	}
	
	p {
	color: #000000;
	font-size:1.3em;
	}
	
	.bildlegende {
	font-size : 0.8em;
	}
	
	a:link {
	color: #000000;
	}
	
	a:visited {
	color: #000000;
	}
	
	a:active {
	color: #000000;
	}
	
	a:hover {
	color: #cc0033;
	}
	
	img {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	video {
	width:100%;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	h1 {
	color: #000000;
	font-size:1.6em;
	}
	
	h2 {
	color: #000000;
	font-size:1.4em;
	}
}