#nav p a {
	color: #333;
margin-right: 15px;
}
#nav p a:visited { color: #333; }
#nav p a:hover { color: #06e; }
#nav p a:focus { outline: thin dotted; }

/* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */
#nav p a:hover, a:active { outline: 0; }

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {

#nav p a {
	color: #333;
	margin-right: 5%;
}
#nav p a:visited { color: #333; }
#nav p a:hover { color: #06e; }
#nav p a:focus { outline: thin dotted; }

/* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */
#nav p a:hover, a:active { outline: 0; }

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */


}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
#nav p a {
	color: #333;
	margin-right: 10%;
}
#nav p a:visited { color: #333; }
#nav p a:hover { color: #06e; }
#nav p a:focus { outline: thin dotted; }

/* Verbessert in allen Browsern die Lesbarkeit von Hyperlinks, die über die Tabulatortaste fokussiert werden (focus) und von Hyperlinks, auf die der Mauszeiger gerichtet ist (hover): h5bp.com/h */
#nav p a:hover, a:active { outline: 0; }

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */


}