/* ----------------------------------------------------------------------------- * 
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * Blue Colors:
 * #333333 - dunkelgrau
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * ----------------------------------------------------------------------------- */

html    {
    font-size: 100%;
}

body {
	background-color: #9c9e9f; /* gruen */
	color: #333333; /* dunkelgrau */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 16px */
	line-height: 1.5em; /* 24px */
	background-attachment: fixed;
	background-image: url(../img/back_verlauf.png);
	background-repeat: repeat-x;
}

.page-wrapper {
	background-color: #FFFFFF; /* weiss */
}

header {
	background-color: #FFFFFF; /* weiss */
	color: #999999;
	/* box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.5) inset; */
}

.main {
	background-color: #fff; /* weiss */
	color: #333333; /* dunkelgrau */
}

.mainContent {
    color: #333;
}

aside {
	color: #333333; /* dunkelgrau */
	background-color: #82af16; /* gruen */
}

top {
	background-color: #ffffff; /* weiss */
	color: #333333; /* dunkelgrau */
	text-align: right;
}

footer {
	background-color: #f9b720; /* gelb */
	color: #000000;
	text-align: right;
	position: fixed;
	bottom: 0px;
	max-width: 78em;
	font-size: 80%;
	font-style: italic;
}

/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */

h1, h2, h3  {
	font-family: Arial, Helvetica, sans-serif; /* Google-Font Gentium Book wenn verfügbar, sonst Fallback */
	font-style: italic;
	font-weight: bold;
}

h1  {
	font-size: 2.25em; /* 36px; */
	line-height: 1.5em; /* 54px */
}

h2  {
	font-size: 1.625em; /* 26px */
	line-height: 1.5em;
	color: #2e559e; /* blau */
}

h3  {
	color: #2e559e; /* blau */
	font-size: 1.375em; /* 22px */
	font-weight: bold;
}

p.teasertext    {
	color: #333333; /* dunkelgrau */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.188em; /* 19px */
	line-height: 1.368em; /* 26px */
	font-style: italic;
}

a:link, a:visited {
	color: #2e559e; /* blau */
	text-decoration: none;

}

a:hover, a:focus, a:active {
	color: #2e559e; /* blau */
	text-decoration: underline;
}

.highlight{
	color: #f9b720; /* gelb */
}

/* ----------------------------------------------------------------------------- * 
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {
	box-shadow: inset 2px 2px 15px 2px rgba(51,51,51,0.2);
	color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* 20px */
}

nav ul li {
    list-style: none;
}

nav a:link, nav a:hover {
	color: #2e559e; /* blau */
}

nav a:hover {
	background-color: #f9b720; /* gelb */
	color: #ffffff; /* weiss */
}

nav #aktiv {
	background-color: #f9b720; /* gelb */
	color: #2e559e; /* blau */
}