/* mhg-css-01.css, der CSS - File  für www.mittelbuchen-geschichtsverein.de  -  Stand 2009-03-06 */
body  {margin:0;padding:0;}
html {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;background-color:#FFFFFF;}

ul, li {list-style:none;margin:0;padding:0;}
li a {text-decoration:none;color:black;}
h1 {font-size:20px;font-weight:normal;}
h2 {font-size:18px;font-weight:normal;}
h3 {font-size:16px;font-weight:normal;}
h4 {font-size:14px;font-weight:normal;}
img {display: block;border:none;}
img p {margin:0;padding:0;}

#navigation {background-image:url(../images/navi_balken.gif);background-repeat:no-repeat;width:906px;height:42px;}
#navigation ul {padding-left:20px;}
#navigation ul li {float:left;font-size:12px;padding-right:15px;background-image:url(../images/navi_unterteiler.gif);background-position:right;background-repeat:no-repeat;height:30px;}
#navigation ul li a {padding-right:15px;position:relative;top:9px;}
#banner {background-image:url(../images/logo_banner.gif);background-position: 7px 5px;width:895px;height:110px;background-repeat:no-repeat;}
#center {background-color:white;width:905px;margin:auto;margin-bottom:15px;}

.active {background-image:url(../images/navisub_active.jpg);width:200px;padding:0;margin:0;font-weight:bold;}
.current {font-weight:bold;}
.normal {background-image:url(../images/navisub_punktlinie_horiz.gif);width:200px;background-repeat:no-repeat;padding:0;margin:0;}

#subnavigation {float:left;}
#subnavigation ul li {margin-left:6px;padding-top:12px;padding-bottom:7px;}
#subnavigation ul li a {padding-left:6px;}

#breadcrumbs{background-image:url(../images/navisub_punktlinie_verti.gif);background-repeat:repeat-y;float:left;width:650px;margin-left:1pt;padding-left:12pt;line-height:16pt;margin-top:1pt;padding-bottom:18pt;}

#content {background-image:url(../images/navisub_punktlinie_verti.gif);background-repeat:repeat-y;float:left;width:650px;margin-left:1px;padding-left:12px;line-height:16px;margin-top:1px;padding-bottom:18px;}

#fusszeile {font-size:10px;text-align:center;margin-right:14px;padding-bottom:10px;text-decoration:none;color:#BBBEC7;}
#fusszeile a {text-decoration:none;color:#BBBEC7;}

/* folgende Inhalte beim Drucken/Druckvorschau bzw. am Bildschirm weglassen*/
@media print{
#navigation,#banner,#subnavigation,#fusszeile{display:none}
}
@media screen{
#breadcrumbs{display:none}
}

.float-left150 {float:left;width:150px;padding-right:10px;margin:0;}
.float-left225 {float:left;width:225px;padding-right:10px;margin:0;}
.float-left300 {float:left;width:300px;padding-right:10px;margin:0;}
.float-left400 {float:left;width:400px;padding-right:10px;margin:0;}
.float-none {clear:left;display:block;}

/* --- I N F O B O X - Beginn ------------------------------------------------------
QUELLE: http://www.ohne-css.gehts-gar.net/0012.php CSS-TOOLTIP
Der HTML-Code für den Text, bei dem sich ein Infofenster öffnen soll, 
bedient sich für den Zweck des Infofensters eines a-Links, 
der über die zugewiesene Klasse "infobox" per CSS formatiert wird: ----------------*/
/*    
<a class="infobox" href="#">Hier soll beim Drüberfahren ein Info-Fenster erscheinen 
   <span>Hallo, ich bin ein Tooltip oder das CSS-Info-Popup-Fenster. Hier kannst du Infos reinschreiben</span></a>
*/
/* Bei der Klasse a.info werden die Text- und Hintergrundformatierungen für den "normalen", per Infofenster dann zu erläuternden Text hinterlegt. */
/* position:relative; z-index:1; dienen dazu, das spätere Infofenster in Bezug zum Text zu positionieren. */
a.infobox 
{
position:relative;
z-index:1;
background-color:#ff0;
color:#2D006B;
text-decoration:none;
}

/* "z-index-Angabe" bewirkt, dass sich das spätere Infofenster eine Ebene über dem Ursprungstext einblendet. */
/* a.info:hover definiert in diesem Fall die Hintergrundfarbe des normalen Textes beim Hovern.  */
a.infobox:hover
{
z-index:2;
background-color:#C0FF3E;
}

/* "display: none;" bei a.info span verhindert, dass der hinterlegte Infotext außerhalb des Hover-Zustandes ersichtlich ist. */
a.infobox span
{
display: none;
}

/* In a.info:hover span sind die Angaben für den Tooltip hinterlegt. 
Man kann ihn absolut zum Text positionieren, indem top- und left- Werte definiert werden. 
Ferner können hier die üblichen Formatierungsangaben für Breite, Farben, Schrift, Hintergrund und Rahmen eingetragen werden. */
a.infobox:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #12127D;
background-color:#fc0;
color:#000;
text-align: left;
padding: 5px;
font-size: 0.8em;
}
/* --- I N F O B O X - Ende -------------------------------- */

.cleaner
{
	clear:both;
	height:1px;
	Font-size:1px;
	border:0px none;
	margin:0;padding:0;
	background:transparent;
}