/************ GLOBAL: ************/

body {
	font-family: Tahoma, Optima, sans-serif;
	background: url(deko/hg_streifen.png);
	background-repeat: repeat-y;
	background-color: #777;
	margin: 0;
}
#main {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.printonly, .watermark {
	display: none;
}
td, th {
	vertical-align: top;
}
span.wichtig {
    background-color: yellow;
    padding:	3px;
    font-weight: bold;
}


/************ Oberteil: ************/

#titelblock {
	text-align: right;
}
#titelblock p {
	font-size: 70%;
	margin: 0;
}
#titelblock h1 {
	color: white;
	font-weight: normal;
	margin: 0;
}
#oben .obenmenue {
	padding: 1ex 0 1ex 0;	/* oben rechts unten links */
}
#titelblock {
	padding: 2ex 1em 0.5ex 0;	/* oben rechts unten links */
}

a.kontakt {
	text-decoration: none;
	color: white;
}
a.kontakt:hover {
	color: yellow;
}


/************ Mittelteil: ************/

#mitte {
	background-color: white;
	height: 400px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}
#bildauswahl {
	width: 172px;
}
#inhalt {
	vertical-align: middle;
}

span.fehler {
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    padding: 0 2em 0 2em;
}


/*** layout Bildkasten: ***/

#bildtraeger th {
	font-size: 84%;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
}
#navi {
	font-family: monospace;
	font-size: 20pt;
	font-weight: bold;

	position: absolute;
	right: 0.5em;
}
#navi a {
	text-decoration: none;
	color: #777;
}
#navi a:hover {
	color: black;
}

#bildtraeger p {
	margin: 0 0 0 1ex;
}
p.btitel {
	font-weight: bold;
	white-space: nowrap;
}
p.bjahr, p.bextraimg {
	padding-bottom: 14px;
}


/*** layout Includes: ***/

#included p, #included table, #included h4 {
    font-size: 85%;
}

#included a.kontakt {
	color: #777;
}
#included a.kontakt:hover {
	color: black;
}

table.cal th {
    text-align: left;
    padding: 0 1em 0 0;
}
table.cal {
    margin: 0 0 0.5ex 0;
}

#included h3 {
    font-size: 100%;
    margin: 1ex 0 0.5ex 0;
}


/************ Beide Menüs: ************/

ul.hauptmenue, ul.bildliste {
	list-style-type: none;

	padding-left: 28px;
	margin: 0.5ex;
}
ul.hauptmenue a, ul.bildliste a {
	text-decoration: none;
	padding-left: 17px;
}
ul.hauptmenue li, ul.bildliste li {
	white-space: nowrap;
}

/*** HAUPT-Menü: ***/

ul.hauptmenue {
	font-size: 85%;
}
ul.hauptmenue a {
	color: white;
}
#mselected {
	color: yellow;

	/*
	background-image: url(deko/knoedel_unten.gif);
	background-repeat: no-repeat;
	*/
}
ul.hauptmenue a:hover, #mselected:hover {
	color: black;
}

/*** BILD-Menü: ***/

ul.bildliste {
	font-size: 75%;
	margin-top: 1.5ex;
	margin-bottom: 3ex;
}
ul.bildliste a {
	color: #777;
}
span.menu_year {
	color: #999;
}
#bselected {
	color: black;
	font-weight: bold;

	background-image: url(deko/marker_oben.gif);
	/*background-image: url(deko/knoedel_oben.gif); */
	background-repeat: no-repeat;
}
ul.bildliste a:hover, #bselected:hover {
	color: black;
}


/*** Schatten-Tabelle: ***/

table.shadow { border-collapse: collapse; border: 0; }
table.shadow td { padding: 0; }
.st_c   { background-color: #b0b0b0; }
.st_lo, .st_l, .st_lu, st_ro, .st_r, .st_ru { width: 15px; }
.st_lo, .st_o, .st_ro { height: 7px; }
.st_lu, .st_u, .st_ru { height: 15px; }
.st_lo	{ background-image: url(deko/r_lo.png);  }
.st_o	{ background-image: url(deko/r_o.png);   }
.st_ro	{ background-image: url(deko/r_ro.png);  }
.st_l	{ background-image: url(deko/r_l.png);   }
.st_r	{ background-image: url(deko/r_r.png);   }
.st_lu	{ background-image: url(deko/r_lu.png);  }
.st_u	{ background-image: url(deko/r_u.png);   }
.st_ru	{ background-image: url(deko/r_ru.png);  }

div.fleft {
    float: left;
}