/* Style Sheet */

ul#sidenavigation {
	margin:0;/*kein Außenabstand*/
	padding:0; /*keine Innenabstand*/ /*Position, Abstand und Breite werden durch umgebendes navdiv und dessen padding bestimmt*/
	list-style:none; /*ohne Aufzählungszeichen*/
	border-left:1px solid silver; /*Linker Rand gesamtes ul-Element*/
	border-right:1px solid silver; /*Rechter Rand gesamtes ul-Element*/
}

ul#sidenavigation li {
	font-family: 'Century Gothic',Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0; /*kein Außenabstand zu den anderen li-Elementen*/
	padding:0; /*keine Innenabstand*/ /*Breite wird durch umgebendes div und dessen padding bestimmt*/
	border-top:1px solid silver; /*Oberer Rand der li-Elements*/
	border-bottom:2px solid silver; /*Unterer Rand der li-Elemente*/
}

ul#sidenavigation li a {
	display:block;
	/* padding:8px; */ /*Innerer Rand der Navi-Elemente*/
	padding:8px 1px; /*Innerer Rand der Navi-Elemente oben/unten - links/rechts*/
	color:#616161; /*Schriftfarbe der Ankerelemente*/
/* 	Text-shadow:1px 1px 0px white;*/ /*Auswirkung nicht wirklich zu erkennen*/
	text-decoration:none; /*keine Unterstriche für die Links*/
	text-align:center; /*Text in die Mitte*/
	border-right:1px solid white;
	border-left:1px solid #C2C2C2;
	border-top:1px solid white;
	background: #efefef; /*Farbe der Schaltflächen*/
/*Animation: Ändert langsam Schriftfarbe und Hintergrundfarbe beim hoovern. Die Zielwerte steht in a:hoover*/
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	-moz-transition:color 0.2s linear, background 0.2s linear;
	-o-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}

ul#sidenavigation li a:hover {
	display:block;
	background:#9c9c9c; /*andere Hintergrundfarbe beim hoovern*/
	color:#282828; /*andere Schriftfarbe bei hoovern*/
}
/*Kennzeichnung der aktiven Seite*/
/*Variante und Alternative siehe: http://www.tutorials.de/webmaster-faq/361875-css-wie-kann-ich-die-aktuell-geoeffnete-seite-im-navigationsmenue-hervorheben.html*/
body#home ul#sidenavigation li a#homenav {
background:#9c9c9c;
color:white;
font-weight:normal;
font-size:normal;
}

