/* definition der größen der einzelnen seitenelemente */

div.header{
	/* kopfbereich mit logo und vereinsnamen */
	width: 100%;
	height: 12%;
}

div.head-navigation{
	/* obere, horizontale navigation */
	width: 100%;
	height: 20px;
	border-top: solid 1px;
	border-bottom: solid 1px;
}

div.side-navigation{
	/* navigation an der seite */
	width: 20%;
	height: 70%;
	float: left;
}

div.side-navigation div#links{
	/* bereich innerhalb der seitennavigation, der die eigentlichen links
	   enthält */
	width: 80%;
	height: 100%;
	float: left;
}

div.side-navigation div#fade{
	/* bereich innerhalb der seitennavigation, der den sanften übergang zum
	   content-bereich darstellt */
	width: 20%;
	height: 100%;
	float: left;
}

div.content{
	/* äußerer contentbereich */
	width: 80%;
	height: 70%;
	float: left;
}

div.content div#textcontainer{
	/* container innerhalb des contentbereiches, der den text enthält */
	margin: 0.5%;
	width: 80%;
}

div.foot-stripe{
	/* roter streifen unter dem inhalt */
	width: 100%;
	height: 20px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	clear: both;
}

div.footer{
	/* fußbereich mit bildern */
	width: 100%;
	height: 10%;
	border-bottom: solid 1px;
}

div.footer div{
	/* divbereiche innerhalb des fußbereiches, die die bilder enthalten.
	   sollen mehr als 4 bilder eingebunden werden, muss die breite auf einen
	   wert von 100 / bilderanzahl (abgerundet!) gesetzt werden */
	width: 24.5%;
	float: left;
}