@import url('style2.css');
@import url('../Kontakt/formular.css');

/*
Dieses Template wurde im Auftrag von Microsoft Deutschland erstellt.

- Die grafische Vorlage fuer dieses Layout stammt von Christioph Raffelt (www.raffelt.net).
-Die Umsetzung des Templates wurde von Vladimir Simovic (www.perun.net) durchgeführt.
*/


body {
	background: #E9EFAF;
	background-image: url('hintergrund.jpg');
	color: #383C16;
	font: 100% Verdana, Geneva, Tahoma, sans-serif, Consolas;
	text-align: center;
	background-repeat: repeat-x;
}
/* Allgemeingueltige Klassen und Elemente */
img {
	border: none;
}
code {
	font: 14px consolas, 'courier new', monospace;
	color: #900;
}
pre {
	overflow: auto;
	padding: 1em;
	font-size: 1em;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
}
#inhalt a {
	color: #477;
	text-decoration: none;
	font-weight: normal;
}
#inhalt a:hover {
	text-decoration: underline;
	color: #0591E4;
}
#hauptnavi a:hover {
	text-decoration: none;
	color: #edb;
	background-color: #a0522d;
}
.bild-links {
	/* Diese Klasse vergeben Sie einem Bild welches links ausgerichtet werden soll */
    float: left;
	margin: .1em 1em .4em 0;
}
.bild-rechts {
	/* Diese Klasse vergeben Sie einem Bild welches rechts ausgerichtet werden soll */
    float: right;
	margin: .1em 0 .4em 1em;
}
.bild-abstand img {
	margin: 0 .5em .5em 0; /* Bilder innerhalb dieses Elements bekommen zusaetzlichen Abstand */
}
.clearer {
	clear: both; /* hebt die vorhergehenden Floats auf */
}
/*
* Hauptbereich #container
 */
#container {
	text-align: left;
	margin: 0 auto;
	width: 800px;
	/*background: url('hintergrund.jpg') repeat-x;*/
}
/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich (Logo/Schriftzug und Kontakt-Hinweis)
 */
#kopfbereich {
	/*background: url('logo1.jpg') no-repeat center;*/
	height: /*auto*/177px;
	position: relative;
	width: 800px;
	background-color: white;
	background-image: url('header.jpg');
	background-repeat: no-repeat;
}
#kopfbereich h1 {
	position: absolute;
	left: 15px;
	top: 15%;
	font-size: 1.0em;
	margin: 5;
	padding: 5;
	color: #0066CC;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	display: block;
}
#kopfbereich h1 a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#kopfbereich .fragen {
	position: absolute;
	left: 65px;
	top: 90px;
	width: 210px;
	font-size: 75%;
}
#kopfbereich .fragen p {
	margin-top: 0;
}
#kopfbereich .fragen strong {
	font-size: 1.1667em;
}
#logo {
	margin-right: 25px; /*margin-top: 25px;*/;
	padding: 10px;
}
/*
* Hauptbereich: #container
** Unterbereich: #mitte (Der mittlere Bereich: Inhalt + Seitenleiste)
 */
#mitte {
	position: relative;
	border-top: 5px solid #383C16;
/*border-bottom: 5px solid #383C16;*/width: 800px;
	font-size: 75%; /*padding: 20px 60px 25px 65px;
	line-height: 1.4;*/;
	background-color: white;
}
#mitte h2 {
	margin-top: 0;
	font-size: 1.8333em;
}
#mitte h3 {
	margin-bottom: 0;
	font-size: 1.5833em;
	border-bottom: 1px dotted #444;
}
#mitte h4 {
	margin-bottom: 0;
	font-size: 1.4166em;
}
#mitte h5 {
	margin-bottom: 0;
	font-size: 1em;
}
/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #inhalt
 */
#inhalt {
	position: relative;
	float: right;
	width: 500px; /*min-width: 492px; max-width: 540px;*/;
	margin-left: 20px;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: justify;
	padding-right: 15px;
}
#inhalt .fotogalerie img {
	padding: 5px;
	border: 1px solid #acb;
	border-bottom-color: #8b9;
	border-right-color: #8b9;
	background: #ffe;
	margin-right: 5px;
}
/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #hauptnavi (horizontale Navigation)
 */
#hauptnavi {
	position: relative;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	padding-top: 0px; /*margin-bottom: 2px;*/;
	background-color: #DFE4B4;
}
#hauptnavi a {
	text-decoration: none;
	color: #383C16;
	display: block;
	margin: 0 3px;
	padding: 10px;
	border: 1px #383C16 solid;
	background-color: #DFE4B4;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#hauptnavi ul {
	list-style-type: none;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#hauptnavi li {
	float: left;
}
#hauptnavi ul li.aktiv {
	text-decoration: underline;
}
#hauptnavi a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #383C16;
}
/*
* Hauptbereich: #container
** Unterbereich: #mitte
*** Abschnitt: #sidebar
 */
#sidebar {
	float: left;
	width: 220px; /*padding-top: 30px;*/;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 10px;
	margin-top: 30px;
	margin-left: 15px;
}
#sidebar .sidebar-liste {
	color: #acb;
	padding-left: 0; /*margin-left: 15px;*/;
	margin-top: 0;
}
#sidebar .sidebar-liste li {
	margin-bottom: 1px;
}
/*
* Hauptbereich: #container
** Unterbereich: #footer
 */
#footer {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left; /*margin-top: 10px;
	margin-bottom: 10px;*/;
	background-color: #DFE4B4;
	border-top: 2px #D9E905 solid;
	border-bottom: 2px solid #D9E905;
}
#footer a {
	color: #777F2E;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #585E22;
}
#footer p.copyright {
	font-size: 11px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", Sans-Serif;
	color: #20220C;
	text-align: center;
}
/* Die Telefon-, Fax- und Mobil-Nummer */
#footer dl {
	position: absolute;
	left: 65px;
	top: 25px;
	width: 210px;
}
#footer dl dt {
	font-weight: bold;
	text-transform: lowercase;
	width: 1em;
	float: left;
}
#flash-objekt {
	position: absolute;
	z-index: 0;
	width: 800px;
	height: 179px;
}
/*class für erster Text im #highlights Container*/
.titel {
	font-weight: bold;
}
#sidebar .picture {
	border-style: solid;
	border-color: inherit;
	border-width: 1px;
	padding: 2px;
	margin: 2px;
}
span {
	color: #003366;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75px;
}

#inhalt  ul li{
	list-style-image: url('list-style.png');
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}