/* stellt ausschließlich positions und größenangaben ein. */
/* damt das erhöhen des 3px abstands einfacher wird, kann man nach marginsize suchen und ersetzen */

	body
	{
		margin:3px; /*marginsize*/
		margin-top:0px;
		margin-bottom:0px;
		font-family:arial;
		font-size:10pt;
	}
	
	/*diese div erstreckt sich über den gesamten inhalt. Mit ihr kann die Website schmäler oder breiter gemacht werden*/
	.main
	{
		max-width:1024px;
		margin-left:auto;
		margin-right:auto;
	}

	/*das tabellenformat der website*/
	.header
	{
		min-height:20px;
	}
	
	.left
	{
		display:table-cell;
		padding-right:3px; /*marginsize*/
	}
	
	.mid
	{
		display:table-cell;
		width:100%;
	}
	
	.right
	{
		padding-left:3px; /*marginsize*/
		display:table-cell;
	}
	
	/*das hier stellt die breite der seitlichen divs ein. Die mittlere div passt sich dann dementsprechend an*/
	.sidecol
	{
		/*hier an dieser zahl wird die breite aller 3 cols gesteuert*/
		min-width:128px; /*125px + 3px*/
	}
	
	/*diese klasse sollte auch immer noch dazugeholt werden, wenn eine div in einer column erstellt wird*/
	/*sie sorgt dafür, das alles die richtige größe und den richtigen abstand hat*/
	.inside
	{
		padding:5px;
		margin-bottom:3px; /*marginsize*/
		min-height:30px;
	}
	
	/*ein bild das auf 100% breite angezeigt wird. Sozusagen das .inside für bilder*/
	img.fullwidth
	{
		margin-left:0px;
		margin-right:0px;
		width:100%;
	}
	
	/*muss von allen teilen des grids genutzt werden, damit sich alle inhalte von oben ran sortieren*/
	.grid
	{
		vertical-align:top;
	}
	
	.gridtable
	{
		display:table;
	}
	
	
@media screen and (min-width:900px)
{
	.right
	{
		display:table-cell;
		
		
	}
}

@media screen and (max-width:900px)
{
	.right
	{
		display:none;
	}
	
	.main
	{
		position:absolute;
		left:0px;
		right:0px;
	}
	
	.inside.content
	{
		padding-right:0px;
	}
}

@media screen and (max-width:768px)
{
	.left
	{
		display:none;
	}
	
	.mid
	{
		/*da es jetzt das letzte element der "tabelle" ist, soll es normal dargestellt werden*/
		display:inline;
	}
	
	.inside.content
	{
		padding-left:0px;
	}
}