/** Allgemeine Formatierungen **/

body {
	color: #584147;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
}
a:link {
  color: #503d3c;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #f4f0f1;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: none;
}


/** Formatierung für mobile Ansicht **/

/** Navigation wird als vertikale Liste über die komplette Breite dargestellt **/



nav ul {
 	padding: 0px;
 	margin: 0px;
 	width: 100%;
}
 
nav ul li {
	list-style: none;
	padding: 20px 10px;
	border: 1px solid white;
	background: #f4f0f1; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f0f1 0%, #e9e2e4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d4e3), color-stop(100%, #e9e2e4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f0f1 0%, #e9e2e4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f0f1 0%, #e9e2e4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f0f1 0%, #e9e2e4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f4f0f1 0%, #e9e2e4 100%); /* W3C */
}


/** Anpassungen Checkbox+Label (Button) **/






/** Formatierung für Tablet und Desktopansicht **/

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

	/** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
	
	nav {
		display: block;
		text-align: center;
		padding: 20px;
		background: #e9e2e4; /* Old browsers */
		background: -moz-linear-gradient(top, #e9e2e4 0%, #ded3d6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e2e4), color-stop(100%,#ded3d6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e9e2e4 0%, #ded3d6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e9e2e4 0%, #ded3d6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e9e2e4 0%, #ded3d6 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e9e2e4 0%, #ded3d6 100%); /* W3C */
	}
	
	nav ul li {
		display:inline;
		width: 25%;
		border: 1px solid white;
		background: #ded3d6; /* Old browsers */
		background: -moz-linear-gradient(top, #ded3d6 0%, #c9b6bb 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ded3d6), color-stop(100%, #c9b6bb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ded3d6 0%, #c9b6bb 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ded3d6 0%, #c9b6bb 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ded3d6 0%, #c9b6bb 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ded3d6 0%, #c9b6bb 100%); /* W3C */
	}
	

}