/* Dieses Template wurde von Raimund Knapp erstellt. */

body {
    margin: 0; padding: 0;
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;

    font-size:14px;
    background: #e1dfa8;
    text-align: center;
    overflow: scroll;
    overflow-x: hidden; 
}

a {
    color: #837; text-decoration: none;
}
code {
    font: 14px consolas, 'courier new', monospace;
    color: #900;
}
pre {
    overflow: auto; padding: 1em;
    background: #ebe8a2;
    font-size: 1em;
}
blockquote {
    padding: 1em;
    margin: 1em 1em 1em 0;
    border-left: 1em solid #c0bb39;
    color: #555; background: url(img/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 zusätzlichen Abstand */
}
.clearer {
    clear: both; /* hebt die vorhergehenden Floats auf */
}
/*
* Hauptbereich #container
 */
#container {
    width: 810px;  /* Ermoeglicht auch bei den aelteren Browsern das Zoomen. */
    border: 3px solid #d3ce3f;
    border-top: none;
    margin: 0 auto;
    background: #f9f9e2;
    text-align: left;
}
/*
* Hauptbereich: #container
** Unterbereich: #kopfbereich
 */
#kopfbereich {
    padding: .6em;
    background: #fff url(img/kopfbereich.gif) repeat-x;
    color: #333;
}
#kopfbereichbild {
    padding: 0 10px 0 10px;
    background: #f9f9e2 url(img/kopfbereich1.gif) repeat-x;
    color: #333;
}
/*
* Hauptbereich: #container
** Unterbereich: #navigation
 */
/* menue oben */
.menu {
	width:790px; 
	height:30px;
	background-image:url(img/img02.gif);
	position:relative; 
	margin:0 10px;
	z-index:100;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	font-weight:bold;
	color:#324505;
	background-image:url(img/img3.gif);
	font-family:verdana, sans-serif; 
	font-size: 90%;
	font-variant:normal;
	overflow:hidden;
	width: 15.355em;
	margin:0 1px;
	border:solid 1px #d3ce3f;
	line-height:28px;
	text-align:center;
	background-image:url(img/img02.gif);
}
.menu ul {
	padding:0; 
	margin:0 auto; 
	list-style: none;
}
.menu ul li {
	float:left; 
	position:relative;
}
.menu ul li ul {
	display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
	background-color:#282828;
	color:#fff; 
	text-decoration:none ;
	border:solid 1px #d3ce3f;
	background-image:url(img/img2.gif);
}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:28px; 
	left:0; 
	width:105px;
}
.menu ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#fff;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block; 
	background:#282828; 
	color:#324505;
	border:solid 1px #d3ce3f;
	line-height:28px;
	background-image:url(img/kopfbereich.gif);
}
.menu ul li:hover ul li a:hover {
	background-color:#282828;
	color:red; 
	text-decoration:none ;
	border:solid 1px #d3ce3f;
}
/*
* Hauptbereich: #container
** Unterbereich: #inhalt
 */
#inhalt {
    padding: 1em;
    background: #f9f9e2;
    color: #324505;
    clear: left;
}
#inhalt h3 {
    margin: 0 0 1em 0;
    font-size: 1.125em;
}
#inhalt-innen h1 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: normal;

}
#inhalt-innen h4 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: normal;
    border-bottom: 1px dotted #d3ce3f;
}
#inhalt-innen h5 {
    margin: 0 0 .5em 0;
    font-size: 1em;  font-weight: normal; font-variant: small-caps;
}
#inhalt-innen h6 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: bold;
    border-bottom: 1px dotted #d3ce3f;
}
#inhalt-innen h2 {
    margin: 0 0 .5em 0;
    font-size: 1em;  font-weight: bold; font-variant: small-caps;
}
#inhalt-innen {
    font-size: .9375em;
    float: left; width: 40em;
    border-right: 1px dotted #d3ce3f;
    padding-right: 15px;
}
#inhalt-innen img {
    border: .1666em solid #d3ce3f;
    padding: .2em;

}
#inhalt-innen a {
    text-decoration: underline;
}
#inhalt a:hover {
    text-decoration: none;
}
#inhalt p, #inhalt ul, #inhalt ol {
    margin-top: 0; margin-bottom: 1em;
}
/*
* Hauptbereich: #container
** Unterbereich: #sidebar
 */
#sidebar {
    font-size: .9375em;
    float: right;
    width: 17em;
    padding: 0 5px 0 0;
}

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

/*
* Hauptbereich: #container
** Unterbereich: #footer
 */
 #footer {
     clear: both;
     padding: .5em 3em; margin-top: .375em;
     background: #fff url(img/kopfbereich.gif) repeat-x;
     font-size: .8375em;
     color: #324505;
}
#footer p {
    margin: 1px 0;
}
#footer a:hover {
    text-decoration: underline;
}

/* für Kalender Anfang */
.calout {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
text-align:center;
width:150px;
height:150px;
}

.calcellTop {
float:left; 
width:100%;
color:#333399;
font-size:14px;
font-weight:bold;
}

.calcellday {
float:left; 
width:14%;
font-weight:bold;
}

.calcell {
float:left; 
width:14%;
}

.calcellactive {
float:left; 
width:14%;
background-color:#CC0000;
color:#FFFFFF;
}  
/* Kalender Ende */

#inhalt .portrait-foto {
        float: left;
        margin: 0px 10px 0px 0px;
        padding: 3px;
        border: 2px solid #ADCE16;
}
/* Anfang für Trennlinie */
hr {
border:0.01em dotted #d3ce3f;
}
/* Ende für Trennlinie */
/* Anfang für Tabellen */

table thead th, table thead td {
        background: #E1EA88;
        color: #1C4F14;
        text-align: left;
}

table th, table td {
        border-bottom: 1px dotted #c6cca1;
        text-align: left;
        padding: 5px 2px 5px 0px;
}
/* Ende für Tabellen */





/*
*  Anfang Wolfgang Hauptbereich: #container
** Unterbereich: #inhalt
 */
#inhaltwolfgang {
    padding: 1em;
    background: #f9f9e2;
    color: #324505;
    clear: left;
}
#inhaltwolfgang h3 {
    margin: 0 0 1em 0;
    font-size: 1.125em;
}
#inhaltwolfgang-innen h1 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: normal;

}
#inhaltwolfgang-innen h4 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: normal;
    border-bottom: 1px dotted #d3ce3f;
}
#inhaltwolfgang-innen h5 {
    margin: 0 0 .5em 0;
    font-size: 1em;  font-weight: normal; font-variant: small-caps;
}
#inhaltwolfgang-innen h6 {
    margin: 0 0 .5em 0;
    font-size: 1.133em;
    font-variant: small-caps; /* Mit dieser deklaration werden sog. Kapitaelchen erzeugt */
    font-weight: bold;
    border-bottom: 1px dotted #d3ce3f;
}
#inhaltwolfgang-innen h2 {
    margin: 0 0 .5em 0;
    font-size: 1em;  font-weight: bold; font-variant: small-caps;
}
#inhaltwolfgang-innen {
    font-size: .9375em;   
}
#inhaltwolfgang-innen img {
    border: .1666em solid #d3ce3f;
    padding: .2em;

}
#inhaltwolfgang-innen a {
    color: #837; text-decoration: underline;
    font-weight: normal;
}
#inhaltwolfgang-innen a:hover {
    text-decoration: none;
} 
#inhaltwolfgang p, #inhaltwolfgang ul, #inhaltwolfgang ol {
    margin-top: 0; margin-bottom: 1em;
}
#inhaltwolfgang-innen .witze {
border: 0;
}

/*
* Ende Hauptbereich: #container Wolfgang
 */