/* grau: #696969
   blau: #3399cc
   beige hell: #f0eee5
   beige dunkel: #e1dfd1
*/

.editmode{color: red; margin:0.2em; font-size: 1.0em;}

html {height: 101%;}
body { margin: 0; padding: 0; color: #696969; font-size: small; font-family: 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, Geneva, Arial, sans-serif; line-height: 1.7em; background-image: url(../images/background.gif); }

p { margin: 0;}
h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #3399CC; font-size: x-large; font-weight: normal; margin: 1.2em 0 0.67em 0; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #3399CC; font-size: large; font-weight: normal; margin: 0.67em 0; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #3399CC; font-size: medium; font-weight: normal; margin: 0.67em 0; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #696969; font-size: large; font-weight: normal; margin: 0.67em 0; }
h5 { font-family: Georgia, "Times New Roman", Times, serif; color: #696969; font-size: medium; font-weight: normal; margin: 0.67em 0; }
h6 { font-family: Georgia, "Times New Roman", Times, serif; color: #696969; font-size: small; font-weight: normal; margin: 0.67em 0; }

img { padding: 5px; border: 1px solid #ccc; background-color: #fff; }

a:link,
a:visited { color:#696969; text-decoration: underline; }
a:hover,
a:active { color:#3399cc; }

#wrapper { background-color: #fff; position: relative; width: 850px; margin: 10px auto 0px auto; padding: 20px; border: solid 1px #a9a9a9; overflow: hidden;}
#kopfbereich { background-color: #dcdcdc; width: 850px; height: 170px; margin-bottom: 30px;}
#kopfbereich img { border: none;}
#navigationsbereich { background-color: white; width: 150px; float: left; }
#textbereich { width: 450px; min-height: 300px; margin-left: 195px;}
#fussbereich { font-size: x-small; background-color: none; text-align: center; width: 800px; clear: both; margin: 2px auto;}
#infoboxbereich { width: 170px; float: right; }	

#navigationsbereich ul { margin: 0; padding: 0; line-height: 2em; } /* Liste Ebene 1 */
#navigationsbereich li { margin: 0; padding: 0; list-style-type: none; } /* Listenpunkt Ebene 1 */
#navigationsbereich ul li ul { margin: 0 0 0.5em 0; padding: 0; background-color: #f0eee5; line-height: 1.5em;} /* Liste Ebene 2 */
#navigationsbereich ul li ul li { margin-top: 0; padding: 0; } /* Listenpunkt Ebene 2 */
#navigationsbereich ul li strong a:link {color: #3399cc; background-color: #f0eee5;} /* Aktiver Punkt Ebene 1 */

#navigationsbereich ul li ul li strong a:link { color: #696969; background-color: #f0eee5;} /* Aktiver Punkt Ebene 2 */
#navigationsbereich ul li ul li strong a:hover { }

#navigationsbereich ul li a:link,
#navigationsbereich ul li a:visited { color: #696969; text-decoration: none; display: block; padding: 0 5px;} /* Link Ebene 1 */
#navigationsbereich ul li a:active,
#navigationsbereich ul li a:hover { color: #3399cc; background-color: #f0eee5;}

#navigationsbereich ul li ul li a:link,
#navigationsbereich ul li ul li a:visited { padding: 0.2em 0 0.2em 1.2em; color: #696969; text-decoration: none; display: block;} /* Link Ebene 2 */ 
#navigationsbereich ul li ul li a:active,
#navigationsbereich ul li ul li a:hover { color: #3399cc; background-color: #f0eee5;}

.infobox { background-color: #f0eee5; width: 150px; padding: 2px 10px 10px 10px; margin-bottom: 10px;}
	.infobox h1 { font-size: small; line-height: normal;}
	.infobox p { line-height: 1.4em; }
	.infobox .datum { font-weight: bold; margin: 0; }
	
.visitenkarte { position:relative; width: 470px; min-height: 150px;}
	.visitenkarte img {float: left; }
	.visitenkarte p {margin-left: 130px; }
	
.linkzeile { position:relative; overflow: visible; margin-bottom: 20px; border-bottom: 1px solid #cccccc; }
	.linkzeile img {display: inline;}
	.linkzeile p {margin-left: 100px; position: relative; top: -85px;}
	.linkzeile ul {margin-left: 100px; position: relative; top: -85px;}

.nach_oben { color: #191970}