@charset "utf-8";

@font-face {
    font-family: 'brock_scriptregular';
    src: url('brockscript-webfont.woff2') format('woff2'),
         url('brockscript-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #080efa;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	font-size: 14pt;
	overflow: ;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	font-size: 12pt;
	font-weight:normal;
}

h1 {
	font-size: 20pt;
}

h2 {
	font-size: 18pt;
}

h3 {
	font-size: 16pt;
}

h4 {
	font-size: 14pt;
}

.font1 {
	font-size: 1.2em;
	font: bold;
	font-family: Arial, "Times New Roman", Times, serif;
	color: #60d11c;
}

.font-rot {
	color: red;
}

font2 {
	font-family: 'brock_scriptregular', Arial, Helvetica, sans-serif;
	font-size: 22px;
}

#container {
	margin: 5% 25% 5% 25%;
	max-width: 960px;
	background: #fafcce;
}

ul#navigation {
	margin:0.1px 0.1px 0.1px 0.1px;
	padding: 1px 1px 1px 1px;
	list-style-type: none;
	text-align: center;
	line-height: 2;
}

ul#navigation li {
	margin:0.1px 0.1px 0.1px 0.1px;
	padding: 1px 1px 1px 1px;
	display: inline;
	line-height: 2;
}

ul#navigation li a:link {
	border: 2px solid #6774f3;
	background-color: non;
	padding: 1px 1px 1px 1px;
	font-size: 14px;	
	text-decoration: none;
	font-weight: bold;
	color: #6774f3;
	text-align: justify;
	white-space: nowrap;
	line-height: 2;
}

ul#navigation li a:hover {
	border: 2px solid #6774f3;
    background-color: #6774f3;
    padding: 1px 1px 1px 1px;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
    color: #fff;	
	text-align: justify;
	white-space: nowrap;
	line-height: 2;
}

#Startseite #navigationStartseite a,
#Downloads #navigationDownloads a,
#Wanderungen #navigationWanderungen a,
#Hilfe #navigationHilfe

 a {
	border: 2px solid #6774f3;
    background-color: #6774f3;
    padding: 1px 1px 1px 1px;
	font-size: 14px;	
	text-decoration: none;
	font-weight: bold;
    color: #fff;	
	text-align: justify;
	white-space: nowrap;
	line-height: 2;
	cursor: default;
}

.current{
	border: 2px solid #6774f3;
    background-color: #6774f3;
    padding: 1px 1px 1px 1px;
	font-size: 14px;	
	text-decoration: none;
	font-weight: bold;
    color: #fff;	
	text-align: justify;
	white-space: nowrap;
	line-height: 2;
}
   
 a{
	color:#6774f3;
}

 a:hover{
	color:#6774f3;
}

.block {
	margin-left: auto;
	margin-right: auto;
}

.table-cell:nth-child(1) {background: #b1def3}
.table-cell:nth-child(2) {background: #b1def3}
.table-cell:nth-child(3) {background: #b1def3}
.table-cell:nth-child(4) {background: #b1def3}
.table-cell:nth-child(5) {background: #b1def3}

@media (min-width: 50em) {
.table { 
	display: table;
	min-width: 60%;
	border-spacing: 0em;
	border: 1px solid black;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	border: 1px solid black;
	padding-left: 10px;
	padding-right: 10px;
}

.clearing { clear: both;
}