/*
*/

body {
    margin: 0; 
    padding: 0;
    font: 100% georgia, serif;
    background: #dce3b3;
    text-align: center;
	overflow-y: scroll;  /* damit kurze Seiten ohne Scrollbar nicht springen */
}

a {
    color: #837; text-decoration: none;
}

code {
    font: 14px consolas, 'courier new', monospace;
    color: #900;
}

pre {
    overflow: auto; 
    padding: 1em;
    background: #e8ebd9;
    font-size: 1em;
}

blockquote {
    padding: 1em;
    margin: 1em 1em 1em 0;
    border-left: 1em solid #dce3b3;
    color: #555; background: url(images/kopfbereich.gif) repeat-x;
}

/*Allgemeingueltige Klassen*/

.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 */
}

.aktuelles {
	font-size: x-large;
    font-weight: bold;
}

.bildunterschrift {
	font-size: smaller;
	float: right;
}


/*
* Hauptbereich #container
 */
#container {
	/* width: 55em; min-width: 880px; max-width: 98%; Ermoeglicht auch bei den aelteren Browsern das Zoomen. */
	width: 55em;
	min-width: 880px;
	max-width: 98%;
	border: .375em solid #c6cca1;
/*	border-top: none;  */
	margin: 0 auto;
	text-align: left;
}


/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
 */

#kopfbereich {
    padding: 0.3em;
    background: #fff url(images/kopfbereich.gif) repeat-x;
    color: #333;
	line-height: 1.3
}

#kopfbereich  a {
    text-decoration: underline;
}

#kopfbereich  a:hover {
    text-decoration: none;
}

#kopfbereich h1 {
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 1.3em;
    padding: 0;
}
#kopfbereich h1 a {
    text-decoration: none;
}


#kopfbereich h2 {
    margin: 0; ;
	margin-left: 2.3em;
    padding: 0;
/*    font-size: 1em; */
    font-size: 1.2em; 
    font-weight: normal;
    color: #555;
}


/*
* Hauptbereich: #container
** Unterbereich: #navigation
 */

#navigation {
    padding: 0 3em;
    background: #837 url(images/navigation.gif) repeat-x;
    color: #fff;
    line-height: 2.5em;
    font-size: 1.125em; 
}

#navigation ul {
    list-style: none; margin: 0; padding: 0;
    height: 5.5em;
}

#navigation li {
  display: inline;
}

#navigation ul li a {
    color: #fff;
    float: left;
    margin-right: 1.8em;
}

#navigation ul li a:hover, #navigation ul li a.aktiv {
    background: url(images/pfeil.gif) no-repeat center bottom;
    /* Sowohl der Hover- bzw. der Mouseover-Effekt als auch der aktive Link in der Navi bekommen die Pfeil-Grafik zugewiesen */
}


/*
* Hauptbereich: #container
** Unterbereich: #inhalt
 */

#inhalt {
	padding: 3em;
	width: 49em;
	background: #fff;
	color: #444;
	clear: left;
}

#inhalt h3 {
    margin: 0 0 1em 0;
/*    font-size: 1.125em;  */
    font-size: 1.3em;
    font-weight: bold;
    color: #5F9FBE;
}

#inhalt h3r {
	margin: 0 0 1em 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #883377;
}

/*
* Hauptbereich: #container
** Unterbereich: #inhalt
*** Abschnitt: #inhalt-innen
 */

#inhalt-innen {
/*	font-size: .9375em;  */
    font-size: 1.1em;
	float: left;
/*	width: 53em;  */
	width: 46em;
	line-height: 1.5;
}

#inhalt-innen h4 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
/* 1.8.2016   font-variant: small-caps; */ /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: bold;
    border-bottom: 1px dotted #c6cca1;
}

#inhalt-innen h5 {
    margin: 0 0 .5em 0;
    font-size: 1em;  
    font-weight: normal; 
    font-variant: small-caps;
}

#inhalt-innen h6 {
    margin: 0 0 1em 0;
    font-size: 1em;
    font-weight: normal;
}

#inhalt-innen img {
    border: .0em solid #c6cca1;
    padding: .4em;
    width: 24em;
}

#inhalt-innen-gross img {
    border: .2666em solid #c6cca1;
    padding: .4em;
    width: 30em;
}

#inhalt-innen a {
    text-decoration: underline;
}

#inhalt a:hover {
    text-decoration: none;
}

#inhalt p, #inhalt ul, #inhalt ol {
	margin-top: 0;
	margin-bottom: 1em;
	margin-right: 20px;
}


/*
* Hauptbereich: #container
** Unterbereich: #footer
 */

#footer {
     clear: both;
     padding: 0.75em 3em; margin-top: .375em;
/*     padding: 1.5em 3em; margin-top: .375em; */
     background: #fff url(images/kopfbereich.gif) repeat-x;
     font-size: 1.1em;
/*     font-size: .9375em; */
}

#footer p {
    margin: 1px 0;
}

#footer a:hover {
    text-decoration: underline;
}