@charset "utf-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #333; background: #62676d;
	margin: 2em 0 1em 0; padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
}

ul { margin: 1em 0 1em 2.5em; padding: 0;}
ol { margin: 1em 0 1em 2.5em; padding: 0;}
li { margin: 0 0 0.5em 0;}
h1 { color:#AC132C; font-size:140%; font-weight:normal; margin:0 0 2em 0; padding:0;}
h2 { color:#AC132C; font-size:120%; font-weight:normal; margin:2em 0 1.0em 0;}
h3 { color:#AC132C; font-size:100%; font-weight:bold; }
small { font-size:90%; margin: 1em 0; }
img { border: none; }
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #333;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited { color: #333; text-decoration: underline; }
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
}
/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
#container {
	width: 720px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}
#header { 
	color: #cccccc;
	margin: 0 0 1em 0;	/* der Header soll nach unten etwas Abstand zum Content bekommen */
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header ul { margin:0; }
#header ul li { display:inline; padding:0 1em 0 0; }
#header ul li a{color:#cccccc; text-decoration: none; }

#mainContent {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
}

#footer { clear:both; color: #cccccc; font-size:75%; margin: 1em 0 0 0px; padding: 0; } 
#footer a{color:#cccccc; text-decoration:none;}

div.seite_mit_rand{ padding:1em; }

td { vertical-align:top; }
td.kontakt { padding:6px 4px 6px 0; border-bottom:1px solid #999999; }
td.objekte { padding:6px 4px 6px 0; border-top:1px solid #999999; }
table.infos { margin-left: 50px; }

/* Formatierung der Bilder */
.pic_gerahmt { margin:0px 8px; padding:6px; border:1px solid #999;}
.siluette { float:right; margin:0 2em 1em 4em; padding:0;}

.box_inline_pic_left { float:left; margin:12px 16px 12px 0; padding:4px 4px 4px 0; }
.box_inline_pic_center { margin:12px 0 2px; padding:4px 0 2px; }
.box_inline_pic_caption { font-size:80%; font-weight:normal; margin:0; padding:4px 0 0; }
.box_inline_pdf_right { background-color:#CCC; float:right; margin:4px 0 12px 16px; padding:6px; color:#000; }
.box_inline_pic_right_mt0 { float:right; margin:0 0 12px 16px; padding:4px; }

#textseite { margin:0 0 0 14em; }

div #fusszeile {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	margin:2pt 2pt 2pt 0pt;
	text-align:left;
}

.hervorheben { 
	background-color:#cccccc;
	border:1px dotted #999999;
	color:black;
	font-weight:normal;
	padding:3px;
}