/*
 * File: /css/frontend.css
 * Info: CSS-Datei fuer die Frontend-Eigenschaften
 * Author: Stefan Schultz, info@stefanschultz.com
*/

body {
	background-color: #F2E1BE;
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: arial, sans;
}

/* Wrapper - Container der das Layout zentriert */
.wrapper {
	width: 882px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

/* Schatten-Huelle schliesst Inhalt ein */
.schatten_huelle {

}

/* Shadow-Left: Schatten links */
.schatten_links {
	/* width: 11px;*/
	padding: 0px;
	margin: 0px;
	padding-left: 11px;
	background-color: #F2E1BE;
	background-image: url(../images/website/schatten_links.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: top left;
	border: none;
}

/* Shadow-Right: Schatten rechts */
.schatten_rechts {
/*	width: 11px;*/
	padding: 0px;
	margin: 0px;
	padding-right: 11px;
	background-color: #F2E1BE;
	background-image: url(../images/website/schatten_rechts.png);
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: top right;
	border: none;
}

/* Shadow-Right: Schatten rechts */
.schatten_unten {
	width: 860px;
	height: 10px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	background-image: url(../images/website/schatten_unten.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top left;
	border: none;
}

/* Header = Kopfzeile fuer Navigation und Logo */
.header {
	width: 860px;
	height: 210px;
	padding: 0px;
	margin: 0px auto;
	background-color: #ffffff;
	background-image: url(../images/website/header_bg.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top left;
	border: none;
}

/* Navigation enthaelt die Menuefuehrung */
.navigation {
	list-style-type: none;
	width: 860px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	background-color: #F1B942;
	background-image: url(../images/website/navigation_bg.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: top left;
	border: none;
}

.navigation a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

.navigation img {
	border: none;
}

/* Die Listenelemente der Navigation werden ohne Anfuehrungspunkte angezeigt */
.navigation ul {
	list-style-type: none;
	position: absolute;
	padding: 0px;
	margin: 0px;
}

/* Die Listenelemente der Navigation werde per float, horizontal nebeneinandergestellt */
.navigation li {
	float: left;
	/*display: inline;*/
	padding: 0px;
	margin: 0px;
}

/* Footer = Fusszeile fuer Kontaktdaten, Login-Button und Impressum-Button */
.footer {
	width: 860px;
	height: 39px;
	padding: 0px;
	margin: 0px auto;
	background-color: #F1B942;
	border: none;
	text-align: center;
}

/* Footer: Schrift-Formatierung */
.footer>.footer_content {
	font-size: 0.8em;
	color: #000000;
	margin: 0px;
	padding: 10px;
	display: block;
}

/* Content = Seiteninhalte */
.content {
	width: 860px;
	min-height: 300px;
	padding: 0px;
	margin: 0px auto;
	background-color: #ffffff;
	border: 0px;
}

/* Content: Schriftformatierung fuer die Seiteninhalte */
.content_formatierung {
	font-size: 1.0em;
	background-color: #ffffff;
	color: #000000;
	margin: 0px;
	padding: 1px 20px 20px 20px;
	border: 0px;
	display: block;
	line-height: 1.4em;
}

/* Content: Ueberschrift */
.content_formatierung h1 {
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}

/* content_formatierung: Absatz */
.content_formatierung p {
	margin-bottom: -5px;
	font-size: 1.0em;
	line-height: 1.4em;
}

/* content_formatierung: Listen */
.content_formatierung ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 0px;
	padding: 0px;
}

/* content_formatierung: Listenpunkte */
.content_formatierung li {
	list-style-type: square;
}

/* content_formatierung: Schriftformatierung Fett */
.content_formatierung b {
	color: #54A32D;
}

/* content_formatierung: Links */
.content_formatierung a {
	outline: none;
	color: #000000;
	border: none;
}

/* content_formatierung: Bildlinks */
.content_formatierung a img {
	border: 1px solid #bbbbbb;
	padding: 2px;
}

.content_formatierung input, .content_formatierung textarea {
	margin-top: 2px;
	padding: 6px 4px 6px 4px;
	background-color: #dddddd;
	border: 0px;
}

.content_formatierung input:hover, .content_formatierung textarea:hover {
	background-color: #eeeeee;
	border: 0px;
}

.content_formatierung input:focus, .content_formatierung textarea:focus {
	background-color: #eeeeee;
	border: 1px solid black;
}

/* Kontaktformular */
.kontaktformular {
	font-size: 1.0em;
	color: #000000;
}

#button {
	margin-top: 2px;
	padding: 6px 4px 6px 4px;
	color: #ffffff;
	background-color: #808080;
	border: 0px;
}

#button:hover {
	background-color: #4C4C4C;
}