@charset "utf-8";
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #444; background: #fff;
	margin: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, h2, h3, h4 {
	color:#002f2f; font-weight:normal; margin:0 0 1.3em 0; padding:0;
}
h1 {font:170% Georgia, "Times New Roman", Times, serif; color:#737D46;}
h2 { font:130% Georgia, "Times New Roman", Times, serif; color: #737D46; margin:1em 0 1.3em 0;}
h3 { font-size:110%;}
h4 { font-size:100%;}
small { font-size:75%; margin: 1em 0; clear:both;}
img { border:none; }
td { vertical-align:top;}
/* ~~ 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: #444; text-decoration: underline; }
a:visited { color: #444; 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;
}
figure { margin:24px 0;}
figcaption { font-size:10px; margin:4px 0;}

button, .button, a.button, #tooltip {
	color:#444; background:#e6e2af; border: 1px solid #a7a37e;
	padding:0.1em 0.3em; margin:0.1em;
	text-align:left;
	text-decoration:none;
	border-radius:4px;
}
/* der Button auf Zentrum der Antike mit Link zur offiziellen Homepage */
.button_gross:link, .button_gross:visited, .button_gross:hover, .button_gross:active, .button_gross:focus {
	text-decoration:none;
}
.button_gross {
	float:right;
	background-color:#BBBFAF;
	padding:12px;
	margin:0 0 12px 12px;
	line-height:1.8em;
	text-align:center;
	border-radius:6px;
	border:10px #888888;
	text-decoration:none;
}
.button_gross .button_schrift_gross {
	text-decoration:none;
	font:130% Georgia, "Times New Roman", Times, serif; color:black;
}

/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
#container {
	width: 960px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}
#header { position:relative; height:5em; /*border-bottom:1px solid #444;*/ margin: 0 0 0 0;}
#logo { position:absolute; bottom:0.4em; left:0; width:17em; margin:1em 0 0 0;}
#logo #logo-text{ position:absolute; bottom:0; right:0; }
#logo #logo-text small{ font-size:75%; }
#logo img{ position:absolute; bottom:0; left:0; }

#headerbild{
	margin:0 0 2em -8px;
}

#content {
	margin-left:16em;
	padding:0 1em 1em 0;
}

#subsubnavi {
	float:left;
	width:15em;
}

.beitrag{
	overflow:hidden;
	margin:2em 0;
}

.beitrag p{padding:0; margin:0 0 1em 0; text-align:justify;}

.beitrag h2{padding:0; margin:0 0 0.6em 0;}


.img_start{
	float:left;
	padding:0 1em 1em 0;
}
/*News*/
img.liste{ float:left; margin:0 1em 1em 0;}

.hervor{ font-weight:bold;}

/*Projekte*/
#subsubnavi ul{
	list-style:none;
	margin:0;
	padding:0;
}

#subsubnavi ul ul{
	font-size:80%;
	margin:1em 0 1em 2em;
}

#subsubnavi ul a{
	color:#737D46;
	text-decoration:none;
}

subsubnavi ul a:hover{
	text-decoration:underline;
}
/* Formatierungen der Tabellen */
table.right {float:right; }



/* Formatierungen der Bilder, eingebettet in div-Tags */
.box_pic_center { margin:4px auto 12px auto; padding:4px; float:none;}
.box_inline_pic_right { margin:18px 0px 12px 16px; padding:4px; float:right;}
.box_inline_pic_right_mt0 { margin:0px 0px 12px 16px; padding:4px; float:right;}
.box_inline_pic_left { margin:18px 16px 12px 0px; padding:4px; float:left;}
.box_inline_pic_left_mt0 { margin:0px 16px 12px 0px; padding:4px; float:left;}
.box_inline_pic_caption { text-align:left; font-size:8pt; font-weight: normal; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px;}
.box_foto { width:244px; height:300px; margin:0 12px 12px 0; padding:12px; float:left; background-color:#e6e6d9; text-align:center; vertical-align:top; border-width:1px; border-style:solid; border-color:#666666; }
.box_foto #spacer {width:220px; height:226px; margin: 0 0 6px 0; border-width:0 0 1px 0; border-style:solid; border-color:#666666;}
.box_foto_caption { float:none; margin:0px 12px 1px 12px; padding:0; text-align:left; font-size:90%;}
.box_foto_caption a { text-decoration:none;}

/* Formatierungen der pdf,kmz,kml-Dokumente, eingebettet in div-Tags */
.box_pdf_center { margin:4px auto 12px auto; padding:4px; float:none; background-color: #CCD7B3;}
.box_inline_pdf_right { margin:4px 0px 12px 16px; padding:6px; float:right; background-color: #CCD7B3;}
.box_inline_pdf_left { margin:4px 16px 12px 0px; padding:4px; float:left; background-color: #CCD7B3;}
.box_inline_pdf_caption { text-align:left; vertical-align:middle; font-size:8pt; font-weight: normal; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px;}

/* die Thumbnails in den Bildergalerien */
.thumb { display:inline; width:220px; height:220px; margin:8px; }
/* u.a. fuer Zeche Zollern */
/*td.strich_oben{ vertical-align:top; border-top:1px dashed #333333; }*/

.yellow {color:#bb8a02; background-color:#FEE99E; border: 1px dotted #bb8a02; padding:4px;}


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