﻿.homeContent {
	/*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
	font-family: monospace,monospace;
	font-size: 1em;
	color: #fff;
	background-color: #242424;
	padding: 0;
	margin: 0;
}


.homeContent nav h2, h1 {
	text-align: center;
	padding-left: 0;
}

.homeContent ul {
	list-style-type: none;
	padding: 0;
}

.homeContent li {
	padding: 0.5em 1em;
	margin-bottom: 0.1em;
	text-align: center;
}

.homeContent a {
	text-decoration: none;
	font-weight: bold;
	line-height: 3em;
	background-color: rebeccapurple;
	display: inline-table;
	width: 100%;
}

.homeContent nav#apps, nav#intranet {
	background-color: darkgray;
}

.homeContent nav#web {
	background-color: cornflowerblue;
	color: white;
}

.homeContent nav#file {
	background-color: darkgreen;
	color: white;
}

.homeContent nav#apps a, nav#intranet a {
	background-color: orange;
	border-radius: 10px;
	background-color: #efefef;
	color: red;
}

.homeContent nav#web a {
	background-color: lightblue;
	color: blue;
}

.homeContent nav#file a {
	background-color: lightgreen;
	color: black;
}

.homeContent nav#apps li, nav#intranet li {
	background-color: #efefef;
}

.homeContent nav img {
	height: 24px;
	vertical-align: middle;
	margin-right: 0.5em;
}

.homeContent nav#web li {
	background-color: lightblue;
}

.homeContent nav#file li {
	background-color: lightgreen;
}

.homeContent a:hover, .homeContent a:active, .homeContent a:focus {
	text-decoration: underline;
}

/* 600px und höher
------------------------------------------*/
@media only screen and (min-width: 600px) {
	.homeContent nav h2 {
		text-align: left;
		padding-left: 4em;
	}

	.homeContent nav#apps li, .homeContent nav#intranet li, .homeContent nav#web li, .homeContent nav#file li {
		background-color: inherit;
	}

	.homeContent li {
		display: inline-block;
	}

	.homeContent a {
		width: auto;
		padding: 0 2em;
		border-radius: 10px;
		display: inline-table;
	}

	.homeContent nav#apps a, .homeContent nav#intranet a {
		color: red;
		line-height: 5em;
	}

	.homeContent nav#intranet a {
		color: red;
		line-height: 3em;
	}

	.homeContent nav#web a {
		color: blue;
		line-height: 3em;
	}

	.homeContent nav#file a {
		color: black;
		line-height: 3em;
	}
}