@charset "utf-8";


body  
	{ 
    font-family: Verdana, Geneva, Arial, sans-serif;
    color: black; 
    font-size: 1.2em;
    line-height: 1.2em;
	}

header 
	{ 
		border: 5px solid grey; 
		margin: 5px;
		padding: 1px;
		text-align: center;
	}
	
footer 
	{ 
		clear:left;
		font-size: 0.9em;
		line-height: 1em;
		border: none;
		border-top: 2px solid grey;
		background-color: #bfbfbf;
		text-align: center;
		margin: 20px;
		padding: 10px;
	}
	
/* Die Angabe von line-height verhindert das uebereinanderfließen der Überschrift
/* beim verkleinern des Browser-Fensters */
h1
	{  
		font-size: 5em; 
		line-height: 1em;
		color: red;
		margin: 20px;
		padding: 10px;
	}

h2
	{
		font-size: 2em;
		line-height: 1em;
		text-align: center;
	}
	


table 
	{
		width: 100%;
	}
	

td {width:25%;}
td, th 
	{
		border: 1px solid black;
		text-align: center;
	}

div { 
   border: 5px solid grey; 
   margin: 5px;
   padding: 10px;
}

.rahmen
{ 
   border: 5px solid grey; 
   margin: 5px;
   padding: 10px;
	 overflow: auto;
}

.trans:hover
	{
		border: 5px solid red;
		transform:scale(1.2) rotate(10deg);
		transition: all 1s ease;
	}

/* Wenn das Browserfenster zu klein wird, wird ein Scrollbalken */
/* unter dem Objekt angezeigt */
.scroll
	{
		overflow: scroll
	}

.ul-nav
	{
		list-style-type: none;
		font-weight: bold;
	}

.li-nav a
	{
		display: block;
		color:black;
		background-color:lightgray;
		width:450px;
		padding: 0.2em 0.6em;
		text-decoration:none;
		border: 1px solid lightgray;
		border-bottom: 2px solid black;
		border-right: 2px solid black;
	}
	
.li-nav a:hover
	{
		background-color: darkgray;
		transform:scale(1.2) rotate(2deg);
	}

	
.article_links
	{
		float:left;
		width:430px;
		height:400px;
		padding:10px;
		margin:5px;
		border: 1px solid black;
		text-align:center;
	}