/* CSS Document */
* { margin:0; padding:0; border:0px; }
body { background:#DBB077 url(../images/pixel.gif) top left repeat; color:#006; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:13px; text-align:center; }  /* IE5.x  zentriert div-Container mit text-align! */
h2 { font-size:22px; font-weight:bold; color:#006; background:#e5e5e5; padding:0; margin: 0px 0px 8px 0px; }
img { border:none; }
a:active, a:focus, a:visited {outline: none;}
/* zum Testen: border:1px solid #f00;*/
/* Mittig stellen der container Haupt-Flaeche */
#zentriere-v { width:1px; height:50%; margin-bottom:-280px; float:left; } /* halbe Containerhoehe */
/* \*/html, body { height:100%; }/* versteckt fuer IE5.xMac */
#zentriere-h { width:900px; margin:0 auto; text-align:left; clear:left; }
#container { position:relative; width:900px; height:560px; background:#084F98; color:#006; }
/* Opera Warnung */
#opera { display:none; }
/*html + body #opera {display:block;position:absolute;width:315px;height:150px;z-index:10;left:200px;top:50px;border:1px solid #000;color:#000;background:#f00;}  /*Hack nur fuer IE5.0*/
html * body #opera[id] { display:block; position:absolute; width:315px; height:160px; z-index:10; left:200px; top:50px; border:1px solid #000; color:#000; background:#f00; } /*fuer Opera 4 5 und 6*/
/* \*//*/#opera {display:block;position:absolute;width:315px;height:160px;z-index:100;left:320px;top:100px;border:1px solid #000; color:#000;background:#f00;}/**/
#opera p { margin:5px 5px 3px 10px; color:#000; background:#f00; }
/* Vereinslogo */
#logo { position:absolute; margin:0; padding:0; width:150px; height:100px; z-index:1; left:25px; top:25px; background:#084F98; }
/* Ueberschrift: Schlepperfreunde Flachsmeer e.V. */
#kopf1 { position:absolute; width:590px; height:40px; z-index:8; left:200px; top:20px; }
#jubileum { position:absolute; width:56px; height:60px; z-index:1; left:800px; top:18px; }
/* Adresse */
#kopf2 { position:absolute; width:550px; height:20px; z-index:7; left:190px; top:65px; text-align:right; color:#daa520; background:#084F98; font-size:16px; font-weight:bold; }
/* Die Arbeitsflaeche */
#schwung, #startbild { position:absolute; width:690px; height:450px; z-index:2; left:185px; top:95px; border:1px none #000; }
#schwung { background:#e5e5e5 url(../images/bogen.gif) top left no-repeat; }
#schwung h6 { font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin:14px 120px 0px 10px; text-align:right; font-weight:normal; text-indent:90px }
#haupt { position:absolute; width:650px; height:410px; z-index:6; left:20px; top:31px; color:#006; background:#e5e5e5; overflow:hidden; }
#scrollhaupt { position:absolute; width:650px; height:345px; z-index:6; left:23px; top:90px; color:#006; background:#e5e5e5; overflow:auto; }
#haupt h6 { margin-top:8px; font-size:10px; text-align:center; font-weight:normal; color:#00f; background:#e5e5e5; }
#haupt h2 { margin: 0px 0px 3px 0px; font-size:22px; }
#haupt p, #scrollhaupt p, #haupt h5 { color:#006; background:#e5e5e5; padding:0; margin:0px 5px 4px 15px; }
#haupt h5 { font-size:15px; margin-bottom:3px; }
#haupt h3, #haupt h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:transparent; color:#000; margin:3px 4px 0px 0px; text-align:right; font-weight:normal; }
#haupt h4 { margin:11px 4px 0px 0px; }
/*Startseite */
#startbild { background:url(../images/startbild.jpg) top left no-repeat; }
#startbild .starttext { margin-left:283px; padding:0; width:376px; border:1px solid #007101; }
#startbild .starttext { margin-top:15px; }
.starttext p { margin: 4px 2px 4px 6px; line-height:18px; padding:0; }
.init { font-size:28px; color:red; background:transparent; height:24px; padding:2px; float:left; margin: 4px 3px 0 -2px; }
#textinfo { display:block; width:50px; height:50px; border:1px none #000; position:absolute; left:82px; top:380px;z-index:10 } /* Startumgebung */
#textinfo dd { position:absolute; }/* Position des eigentliche Link im Kasten textinfo */
#textinfo #tabtext { left:0px; top:0px; z-index:20; } /*  Abstand roter Quadratrahmen der eigentliche Link von textinfo */
#textinfo a#text { display:block; width:50px; height:50px; text-decoration:none; z-index:20; background:url(../images/lesen.gif) top left no-repeat; }/* roter Quadratrahmen der eigentliche Link, erst nicht sichtbar */
#textinfo a span.hover-txt, #textinfo a:visited span.hover-txt { display:none; }/* weiss nicht */
#textinfo a#text:hover { border:1px none #3ab3e7; } /* Quadratrahmen beim ueberfahren des Links sichtbar MUSS mit none da sein! wegen IE */
html + body #textinfo a#text:hover { border-right:1px solid #3ab3e7; } /* Hack: nur fuer IE 5.0 (sonst geht Hover nicht!) */
#textinfo a:hover span.hover-txt { position:absolute; display:block; color:#006; width:260px; height:198px; font-size:13px; background:#084F98; border:1px none #3ab3e7; } /* Ausdehnung fuer Text + Bild  */
#textinfo a#text:hover span.hover-txt { left:320px; top:-150px; }/* Erscheinungsort von Bild und Text */
.hover_ebene1 { display:block; position:absolute; width:254px; height:20px; z-index:20; background:#084F98; color:#fff; left:3px; top:3px; font-size:14px; font-weight:bold; }
.hover_ebene2 { display:block; position:absolute; width:238px; height:80px; left:3px; top:23px; z-index:10; background:#faeed4; color:#006; padding:3px 8px 0px 8px; }
.hover_ebene3 { display:block; position:absolute; width:238px; height:85px; left:3px; top:106px; z-index:10; background:#faeed4; color:#006; padding:3px 8px 0px 8px;}
.hover_ebene2 { width:254px; w\idth:238px; } /* Hack fuer IE5.5 */
.hover_ebene3 { width:254px; w\idth:238px; } /* Hack fuer IE5.5 */
.hover_ebene2 { height:83px; heigh\t:80px; } /* Hack fuer IE5.5 */
.hover_ebene3 { height:88px; heigh\t:85px; } /* Hack fuer IE5.5 */
/* Bildinfobox */
#bildvorlad { position:absolute; width:1px; height:1px; border:0px; background:url(../images/ostfriesland.jpg) 1px 1px no-repeat; }
#bildinfo { display:block; width:50px; height:50px; border:1px none #000; position:absolute; left:18px; top:380px;z-index:10 } /* Startumgebung */
#bildinfo dd { position:absolute; }/* Position des eigentliche Link im Kasten bildinfo */
#bildinfo #tabkarte { left:0; top:0; z-index:20; } /*  Abstand roter Quadratrahmen der eigentliche Link von bildinfo */
#bildinfo a#karte { display:block; width:50px; height:50px; text-decoration:none; z-index:20; background:url(../images/ostklein.gif) top left no-repeat; }/* roter Quadratrahmen der eigentliche Link, erst nicht sichtbar */
#bildinfo a span.hover-bild, #bildinfo a:visited span.hover-bild { display:none; }/* weis nicht */
#bildinfo a#karte:hover { border:1px none #0ba0d7; } /* Quadratrahmen beim ueberfahren des Links sichtbar */
html + body #bildinfo a#karte:hover { border-right:1px solid #0ba0d7; } /* Hack: nur fuer IE 5.0 (sonst geht Hover nicht!) */
#bildinfo a:hover span.hover-bild { position:absolute; display:block; color:#fff; width:381px; height:368px; background:#084F98; } /* Ausdehnung fuer Text + Bild  */
#bildinfo a#karte:hover span.hover-bild { left:157px; top:-338px; }/* Erscheinungsort von Bild und Text */
#bildinfo a:hover span.hover-bild img { margin:3px 0 0 3px; } /*Das Bild evtl. mit Text umflossen (evtl mit float) */
.hover-ebene0 { position:absolute; width:381px; height:20px; z-index:1; left:0px; top:348px; font-size:13px; font-weight:bold; line-height:19px; text-align:center }
/* Bildinfobox2 */

#bildinfo2 { display:block; width:50px; height:50px; border:1px none #000; position:absolute; left:70px; top:362px; z-index:20; } /* Startumgebung */
#bildinfo2 dd { position:absolute; }/* Position des eigentliche Link im Kasten bildinfo */
#bildinfo2 #tabkarte { left:0; top:0; z-index:20; } /*  Abstand roter Quadratrahmen der eigentliche Link von bildinfo */
#bildinfo2 a#karte { display:block; width:50px; height:50px; text-decoration:none; z-index:20; background:url(../images/ostklein.gif) top left no-repeat; }/* roter Quadratrahmen der eigentliche Link, erst nicht sichtbar */
#bildinfo2 a span.hover-bild2, #bildinfo a:visited span.hover-bild2 { display:none; }/* weis nicht */
#bildinfo2 a#karte:hover { border:1px none #0ba0d7; } /* Quadratrahmen beim ueberfahren des Links sichtbar */
html + body #bildinfo2 a#karte:hover { border-right:1px solid #0ba0d7; } /* Hack: nur fuer IE 5.0 (sonst geht Hover nicht!) */
#bildinfo2 a:hover span.hover-bild2 { position:absolute; display:block; color:#fff; width:222px; height:206px; background:#084F98; z-index:20; } /* Ausdehnung fuer Text + Bild  */
#bildinfo2 a#karte:hover span.hover-bild2 { left:358px; top:-312px; }/* Erscheinungsort von Bild und Text */
#bildinfo2 a:hover span.hover-bild2 img { margin:1px 0 0 1px; } /*Das Bild evtl. mit Text umflossen (evtl mit float) */
.hover-ebene02 { position:absolute; width:222px; height:20px; z-index:1; left:0px; top:184px; font-size:13px; font-weight:bold; line-height:19px; text-align:center; }
/* Impressum  */
#impressum1, #impressum2, #impressum3 { position:absolute; margin:0; padding:0; border:1px none #000; background:#e5e5e5; color:#006; }
#impressum1 { width:420px; height:350px; left:200px; top:50px; z-index:7; }
#impressum0 { position:relative; width:280px; height:16px; left:15px; z-index:9; }
#impressum2 { position:absolute; width:85px; height:16px; left:0; z-index:9; }
#impressum3 { position:absolute; width:190px; height:16px; left:85px; z-index:10; }
.impressum14 { font-size:14px; color:#006; background:#e5e5e5; margin: 0 15px 4px 30px; }
.impressum14b { font-size:14px; color:#006; background:#e5e5e5; margin: 0 15px 0px 30px; }
/* Das Menue nach Stu Nicholls http://www.cssplay.co.uk/*/
#menue { position:absolute; margin:0; width:140px; border:1px none #000; padding:10px; background:#084F98; color:#000; left:13px; top:135px; z-index:7; }
* html #menue { width:160px; w\idth:140px; }/*Erweiterter vereinfachter Boxmodel Hack */
*+html #menue { width:160px; w\idth:140px; }
#menue dd { padding:0; margin:3px 0; text-align:center; } /* Ungeordnete Liste! Abstand der Buttons (margin) */
#menue div, #menue span { border:1px solid #000; } /* Erzeugt  3 Innen- und 5 zentriererahmen von 1px Staerke */
#menue .innen3 { padding:1px 0; }/*Laesst Die Buttonhoehe bei der Verschiebung mit 1px nach unten konstant!*/
#menue span { display:block; }
#menue .rand0 { border-color:#F5E3B4 #daa520 #daa520 #F5E3B4; } /* Farben der 5 zentriere raender  */
#menue .rand1 { border-color:#daa520 #EBC665 #EBC665 #D09F1E; }
#menue .rand2 { border-color:#D09F1E #EDCE7C #EDCE7C #C9991D; }
#menue .dd { border-color:#D09F1E #EDCE7C #EDCE7C #C9991D; }/* 3 Rand,gehoert zur ungeordneten Liste! */
#menue .rand4 { border-color:#E0AE29; padding:0 2px 0 0; }/* Setzt den rechten Rand Mittig (bei Opera und Firefox) */
* html #menue .rand4 { padding:0; } /* Hack: Setzt den rechten Rand Mittig (fuer alle IE)  */
*+html #menue .rand4 { padding:0; }
#menue a, #menue a:visited { display:block; width:100%; border:1px solid #000; color:#930; background:#F2DCA2; text-decoration:none; }/* Schwarzer Rahmen und Schriftfarbe "ungedrueckt" und Innenfarbe "ungedrueckt"  */
#menue .innen1 { border-color:#F8EAC7 #AD8827 #AD8827 #FBF1D9; }/* Farben der 3 Innenraender  */
#menue .innen2 { border-color:#F5E3B4 #D0A42F #D0A42F #F8F2C7; }
#menue .innen3 { border-color:#F2DCA2 #E1BD5E #E1BD5E #F5E4B8; }
#menue .rand4g { border-color:#E0AE29; padding:0 2px 0 0; }/* Setzt den rechten Rand Mittig (bei Opera und Firefox) */
* html #menue .rand4g { padding:0; } /* Hack: Setzt den rechten Rand Mittig (fuer alle IE)  */
*+html #menue .rand4g { padding:0; }
#menue .rand4g a, #menue .rand4g a:visited, #menue .rand4g a:hover { display:block; width:100%; border:1px solid #000; color:#000; background:#daa520; padding:2px 0 0 0; text-decoration:none; cursor:default; }/* Markiert die ausgewaehlte Seite an */
#menue .innen1g, #menue .innen2g, #menue .innen3g { border-color:#daa520; cursor:default; }
#menue a:hover { background:#EDCE7C; color:#000; }/* Legt Hintergrundfarbe und Schriftfarbe bei "gedrueckt" fest */
#menue a:hover .innen1 { display:block; border-color:#AD8827 #F8F0DC #FAF1DA #AD8827; }
#menue a:hover .innen2 { display:block; border-color:#D0A42F #F5EDB4 #F5EDB4 #D0A42F; }
#menue a:hover .innen3 { display:block; border-color:#E1BD5E #EFD58F #EFD58F #E1BD5E; padding:2px 0 0 0; }/*Verschiebung mit 1px nach unten */
#menuimpress { position:absolute; margin:0; padding:0; width:135px; height:18px; z-index:101; left:25px; top:540px; border: 1px none red; text-align:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold }
#menuimpress a { color:#f2dca2; text-decoration:none; }
#menuimpress a:hover { color:#daa520; text-decoration:none; }
/* Formular */
#dasformular { position:absolute; margin:0; padding:0; width:595px; height:370px; z-index:3; left:50px; top:30px; border: 1px none #000; color:#006; background:#e5e5e5; }
#dasformular p { color:#006; background:#e5e5e5; padding:0; margin: 10px 15px 5px 15px; }
#dasformular h2 { font-size:22px; font-weight:bold; color:#006; background:#e5e5e5; margin:0; padding:0; }
form { border: 1px none #000; color:#006; background:#e5e5e5; margin:0; padding:0; }
input, textarea { border:1px solid #E2B132; margin:0px; padding:3px 10px; background:#F8ECD1; font-size:13px; color:#006; }
textarea { width:315px; height:80px; }
.feldname { font-size:14px; color:#006; background:#e5e5e5; font-weight:bold; width:75px; float:left; clear:left; line-height:200%; left:15px; margin: 0px 0px 0px 100px; }
* html .feldname { margin: 0 0 0 50px; } /* Hack: (fuer alle IE)  */
*+html .feldname { margin: 0 0 0 50px; }
input:focus, textarea:focus, input:hover, textarea:hover { background:#fff; color:#006; }
.submit { border-left: #eee 2px inset; border-top:#000 2px outset; font-size:13px; border-right: #000 2px inset; color: #000; border-bottom: #eee 2px outset; background: #0c0; cursor:pointer; }
.submit:hover { border-left: #000 2px outset; border-top: #eee 2px inset; font-size:13px; border-right: #eee 2px outset; color:#fff; border-bottom: #000 2px inset; background:blue; }
#formanzeige { position:absolute; padding:0; width:290px; height:57px; z-index:7; left:15px; top:320px; color:#f30; background:#e5e5e5; font-size:12px; font-weight:bold; }
#inputort { position:absolute; width:90px; height:30px; left:460px; top:330px; }

/* Startseitenmenue */
#s_menue, #s_menue2 { position:absolute; left:549px; top:116px; width:308px; height:27px; z-index:100; background:#E0AE29; color:#006; }
#s_menue a, #s_menue2 a { display:block; width:72px; height:17px; text-decoration:none; background:#084F98; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin-right:3px; line-height:17px; }
#s_menue a:hover, #s_menue2 a:hover { background:#f00; color:#fff; }
#s_menuebox1, #s_menuebox12 { position:absolute; width:72px; height:17px; z-index:3; top:5px; left:4px; }
#s_menuebox2, #s_menuebox22 { position:absolute; width:72px; height:17px; z-index:3; top:5px; left:80px; }
#s_menuebox3, #s_menuebox32 { position:absolute; width:72px; height:17px; z-index:3; top:5px; left:156px; }
#s_menuebox4, #s_menuebox42 { position:absolute; width:72px; height:17px; z-index:3; top:5px; left:232px; }
#s_menuebox5, #s_menuebox52{ position:absolute; width:72px; height:17px; z-index:3; top:5px; left:308px; }
#s_menueboxzu, #s_menueboxzu2 { position:absolute; width:72px; height:17px; z-index:3; top:5px; left:4px; }
#s_menueboxzu a, #s_menueboxzu2 a { display:block; width:72px; height:17px; text-decoration:none; background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin-right:3px; line-height:17px; }
/* Uebersichtsliste aller Trecker- und Maschinendaten */
#g_liste { position:absolute; left:570px; top:110px; width:280px; height:27px; z-index:100; background:#E0AE29; color:#006; }
#g_liste a { display:block; width:85px; height:17px; text-decoration:none; background:#084F98; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin-right:3px; line-height:17px; }
#g_liste a:hover { background:#f00; color:#fff; }
#g_liste h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:6px 0px 0px 5px; font-weight:bold; }
#g_listbox1 { position:absolute; width:85px; height:17px; z-index:3; top:5px; left:100px; }
#g_listbox2 { position:absolute; width:85px; height:17px; z-index:3; top:5px; left:190px; }
/* Die gelben Boxen */
#box-gelb1, #box-gelb2, #box-gelb3, #box-gelb4 { position:absolute; width:620px; z-index:2; left:20px; top:50px; background:#E0AE29; color:#006; }
#box-gelb1 a, #box-gelb2 a, #box-gelb3 a, #box-gelb4 a { display:block; width:72px; height:17px; text-decoration:none; background:#084F98; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-align:right; line-height:16px; } /*  Die blauen Boxen */
#box-gelb1 h3, #box-gelb2 h3, #box-gelb3 h3, #box-gelb4 h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:6px 0px 0px 5px }
#box-gelb1 a:hover, #box-gelb2 a:hover, #box-gelb3 a:hover, #box-gelb4 a:hover { background:#f00; color:#fff; } /*  Hoverfarbe Rot */
/* maschinen.php */
#imap { display:block; width:200px; height:410px; position:absolute; z-index:3; left:0px; top:0px; background:url(../images/clear.gif) no-repeat; } /*Hier muss background mit irgeneinem Wert angegeben werden Browserbug beim IE */
#imap dd { position:absolute; padding:0; margin:0; }
#imap #masch1, #imap #masch2, #imap #masch3, #imap #masch4, #imap #masch5, #imap #masch6, #imap #masch7, #imap #masch8, #imap #masch9, #imap #masch10 { left:25px; top:10px; z-index:2; }
#imap #masch11, #imap #masch12, #imap #masch13, #imap #masch14, #imap #masch15, #imap #masch16, #imap #masch17, #imap #masch18, #imap #masch19, #imap #masch20 { left:115px; top:10px; z-index:2; }
#marken1, #marken2, #marken3, #marken4, #marken5, #marken6, #marken7, #marken8, #marken9, #marken10 { position:absolute; width:79px; height:36px; z-index:2; left:25px; top:10px; }
#marken11, #marken12, #marken13, #marken14, #marken15, #marken16, #marken17, #marken18, #marken19, #marken20 { position:absolute; width:79px; height:36px; z-index:2; left:115px; top:10px; }
#imap #masch2, #imap #masch12, #marken2, #marken12 { top:50px; }
#imap #masch3, #imap #masch13, #marken3, #marken13 { top:90px; }
#imap #masch4, #imap #masch14, #marken4, #marken14 { top:130px; }
#imap #masch5, #imap #masch15, #marken5, #marken15 { top:170px; }
#imap #masch6, #imap #masch16, #marken6, #marken16 { top:210px; }
#imap #masch7, #imap #masch17, #marken7, #marken17 { top:250px; }
#imap #masch8, #imap #masch18, #marken8, #marken18 { top:290px; }
#imap #masch9, #imap #masch19, #marken9, #marken19 { top:330px; }
#imap #masch10, #imap #masch20, #marken10, #marken20 { top:370px; }
#imap a#a_masch1, #imap a#a_masch2, #imap a#a_masch3, #imap a#a_masch4, #imap a#a_masch5, #imap a#a_masch6, #imap a#a_masch7, #imap a#a_masch8, #imap a#a_masch9, #imap a#a_masch10 { display:block; width:80px; w\idth:79px; height:36px; text-decoration:none; z-index:2; }
#imap a#a_masch11, #imap a#a_masch12, #imap a#a_masch13, #imap a#a_masch14, #imap a#a_masch15, #imap a#a_masch16, #imap a#a_masch17, #imap a#a_masch18, #imap a#a_masch19, #imap a#a_masch20 { display:block; width:80px; w\idth:79px; height:36px; text-decoration:none; z-index:2; }
#imap a span.hover-mix, #imap a:visited span.hover-mix { display:none; }/* klar */
#imap a#a_masch1:hover, #imap a#a_masch2:hover, #imap a#a_masch3:hover, #imap a#a_masch4:hover, #imap a#a_masch5:hover, #imap a#a_masch6:hover, #imap a#a_masch7:hover, #imap a#a_masch8:hover, #imap a#a_masch9:hover, #imap a#a_masch10:hover, #imap a#a_masch11:hover, #imap a#a_masch12:hover, #imap a#a_masch13:hover, #imap a#a_masch14:hover, #imap a#a_masch15:hover, #imap a#a_masch16:hover, #imap a#a_masch17:hover, #imap a#a_masch18:hover, #imap a#a_masch19:hover, #imap a#a_masch20:hover { border-right:1px solid #e5e5e5; }/*Rechteckrahmen beim ueberfahren des Links sichtbar Start-hover */
#imap a:hover span.hover-mix { position:absolute; display:block; color:#000; background:transparent; width:280px; height:350px; } /* Textdaten */
#imap a#a_masch1:hover span.hover-mix { left:245px; top:40px; }
#imap a#a_masch2:hover span.hover-mix { left:245px; top:0px; }
#imap a#a_masch3:hover span.hover-mix { left:245px; top:-40px; }
#imap a#a_masch4:hover span.hover-mix { left:245px; top:-80px; }
#imap a#a_masch5:hover span.hover-mix { left:245px; top:-120px; }
#imap a#a_masch6:hover span.hover-mix { left:245px; top:-160px; }
#imap a#a_masch7:hover span.hover-mix { left:245px; top:-200px; }
#imap a#a_masch8:hover span.hover-mix { left:245px; top:-240px; }
#imap a#a_masch9:hover span.hover-mix { left:245px; top:-280px; }
#imap a#a_masch10:hover span.hover-mix { left:245px; top:-320px; }
#imap a#a_masch11:hover span.hover-mix { left:155px; top:40px; }
#imap a#a_masch12:hover span.hover-mix { left:155px; top:0px; }
#imap a#a_masch13:hover span.hover-mix { left:155px; top:-40px; }
#imap a#a_masch14:hover span.hover-mix { left:155px; top:-80px; }
#imap a#a_masch15:hover span.hover-mix { left:155px; top:-120px; }
#imap a#a_masch16:hover span.hover-mix { left:155px; top:-160px; }
#imap a#a_masch17:hover span.hover-mix { left:155px; top:-200px; }
#imap a#a_masch18:hover span.hover-mix { left:155px; top:-240px; }
#imap a#a_masch19:hover span.hover-mix { left:155px; top:-280px; }
#imap a#a_masch20:hover span.hover-mix { left:155px; top:-320px; }
#imap a:hover span.hover-mix img { border:1px solid #084f98; }
.hoverebene1 { position:absolute; width:200px; height:100px; z-index:1; background:#f2dca2; left:0px; top:220px; color:#000; font-weight:bold; }
.hoverebene2 { position:absolute; width:150px; height:100px; left:50px; top:220px; z-index:2; background:transparent; text-align:right; }
.hoverebene3 { position:absolute; width:280px; height:20px; left:0px; top:-30px; z-index:2; background:#e5e5e5; color:#000; text-align:center; font-weight:bold; font-size:16px; }
.hoverebene1_lm { position:absolute; width:200px; height:110px; z-index:1; background:#f2dca2; left:0px; top:219px; color:#000; ; font-size:11px; font-weight:bold; }
.hoverebene2_lm { position:absolute; width:100px; height:30px; left:100px; top:232px; z-index:2; background:transparent; text-align:right; white-space:nowrap; font-size:11px; }
.hoverebene3_lm { position:absolute; width:200px; height:65px; z-index:1; background:#f2dca2; left:0px; top:260px; color:#000; font-size:11px; text-align:justify; }
.hoverebene1_ueb { position:absolute; width:280px; height:13px; font-size:13px; color:#084F98; background:#f2dca2; text-align:center; z-index:5; top:214px; left:-40px; font-weight:bold; }
#maschinegelb { position:absolute; width:280px; height:280px; z-index:1; left:230px; top:100px; background:#f2dca2; color:#000; }
#maschineblau { position:absolute; width:280px; height:210px; z-index:2; left: 270px; top:50px; background:#084F98; color:#fff; border:1px solid #084F99; }
#maschineblau p { font-size:18px; color:#fff; margin:60px 25px 0px 25px; text-align:right; background:#084F98; }
#maschineblau h5 { font-size:24px; color:#fff; margin:20px 25px 0px 25px; text-align:right; background:#084F98; font-weight:normal; }
/*Vorwaerts A - Z und weiter von maschinen.php*/
#rueck { position:absolute; width:10px; height:19px; left:544px; top:330px; z-index:4; background:#e5e5e5; color:#006; }
#abisz { position:absolute; width:36px; height:19px; left:560px; top:331px; z-index:4; background:#e5e5e5; color:#006; }
#n_teil { position:absolute; width:46px; height:36px; left:576px; top:175px; z-index:4; background:#e5e5e5; color:#006; border:2px solid #f30; }
#n_teil p { font-size:14px; text-align:center; margin:0 }
#n_teilv { position:absolute; width:10px; height:19px; left:632px; top:187px; z-index:4; background:#e5e5e5; color:#006; }
#n_teilr { position:absolute; width:10px; height:19px; left:560px; top:187px; z-index:4; background:#e5e5e5; color:#006; }
#weiter { position:absolute; width:10px; height:19px; left:602px; top:330px; z-index:4; background:#e5e5e5; color:#006; }
#weiter a, #rueck a, #n_teilv a, #n_teilr a, #weiter a:hover, #rueck a:hover, #n_teilv a:hover, #n_teilr a:hover { display:block; width:10px; height:19px; text-decoration:none; background:url(../images/do_pfeil_r.gif) 0 0 no-repeat; }
#rueck a, #n_teilr a { background:url(../images/do_pfeil_l.gif) 0 0 no-repeat; }
#weiter a:hover, #n_teilv a:hover { background:url(../images/do_pfeil_r.gif) 0px -34px no-repeat; }
#rueck a:hover, #n_teilr a:hover { background:url(../images/do_pfeil_l.gif) 0px -34px no-repeat; }
#exitt { position:absolute; width:60px; height:17px; left:548px; top:359px; z-index:4; background:#fff; color:#006; font-size:11px; line-height:16px; text-align:right; }
#umexitt { position:absolute; width:68px; height:25px; left:544px; top:355px; z-index:4; background:#daa520; color:#006; }
#exitt a { display:block; width:60px; height:17px; text-decoration:none; background:#084F98; color:#fff; }
#exitt a:hover { background:#f00; color:#fff; }
.stil_schlange { font-size:20px; visibility:visible; color:#f33; font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; top:-50px; font-weight:bold; z-index:100; }
/* Aktivitäten  */
#jubi { position:absolute; width:525px; height:410px; z-index:6; left:200px; top:120px; color:#006; background:#e5e5e5; }
#jubi h1 { font-size:32px; margin: 10px 0px 30px 0px; }
#jubi h2 { font-size:22px; margin: 40px 0px 0px 140px; }
#jubi h3 { font-size:22px; margin: 60px 0px 20px 40px; }
#jubi h4 { font-size:18px; margin: 0px 0px 0px 20px; }
#jubi h5 { font-size:13px; margin: 10px 0px 0px 35px; font-weight:normal; }
#jubi ul { font-size:15px; margin: 20px 0px 20px 80px; }
#jubi li { font-size:15px; margin: 5px 0px 0px 0px; }
#jubi p { font-size:14px; margin: 25px 0px 0px 65px; }
.bild_r { float:right; }
#halletxt { position:absolute; width:514px; height:275px; z-index:4; left:0px; top:60px; }
#halletxt p { margin:3px 0px 0px 20px; text-align:justify; }
#halletxt h5 { margin:6px 0px 0px 0px; font-size:13px }
.lbild { float:left; margin:0px 25px 0px 65px; }
/* Trecker und Landmaschinen Tabellen  */
a.head1 { text-decoration:none; background:#060; color:#fff; padding:1px 3px; }
a.head1:hover { text-decoration:none; background:red; color:#fff; }
.head2 { padding:1px 0px 1px 4px; }
#scrollhaupt a { background:transparent; color:#c00; text-decoration:none; }
#scrollhaupt a:hover { background:transparent; color:#060; text-decoration:none; }
#headliner { position:absolute; left:23px; top:60px; width:648px; height:30px; z-index:8; }
#uber { position:absolute; left:23px; top:60px; width:648px; height:30px; z-index:8; text-align:center; font-size:15px; }
td { font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:4px 0px 4px 3px; }
td.center { text-align:center; border:1px solid #d8d0ab; }
td.mitte { border:1px solid #d8d0ab; }
td.texte { font-size:11px; border:1px solid #d8d0ab; }
.z_farbe1 { background:#ccf; color:#006; }
.z_farbe2 { background:#D8D0AB; color:#006; }
td.darkblueborder { border:1px solid #006; background:#ffc; }
#box0 { position:absolute; left:769px; top:110px; width:69px; height:26px; z-index:100; background:#e0ae29; }
#box0 a { display:block; width:60px; height:17px; text-decoration:none; background:#084F98; color:#fff; }
#box1 { position:absolute; width:60px; height:16px; z-index:3; top:5px; left:5px; }
#box0 p { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; line-height:16px; }
#drucktrick { display:none; }
#scrollhaupt a span.hover_txt, #scrollhaupt a:visited span.hover_txt { display:none; }/* Ist sonst immer zu sehen*/
#scrollhaupt a.cltext:hover { border:1px none #000; } /* Quadratrahmen beim ueberfahren des Links sichtbar MUSS mit none da sein! wegen IE */
#scrollhaupt a:hover span.hover_txt { position:absolute; display:block; width:286px; height:216px; background:#03f; border:1px none #000; } /* Ausdehnung fuer cltext + Bild  */
#scrollhaupt a.cltext:hover span.hover_txt { left:257px; }/* Erscheinungsort von Bild und text2 */
.hover-ebene1 { display:block; position:absolute; width:280px; height:210px; z-index:10; left:3px; top:3px; }
#bilderleiste { position:absolute; padding:0; margin:0; width:448px; height:48px; z-index:6; left:100px; top:360px; color:#000; background:transparent url(../images/mitgliedhilf/treffenhint.gif) top left no-repeat; border:1px solid #084F98; } /*Achtung haupt muss overflow:hidden haben*/
#bilderleiste a span { display:none; }
* html #bilderleiste { width:450px; w\idth:448px; }/*Erweiterter vereinfachter Boxmodel Hack*/
* html #bilderleiste { height:50px; heigh\t:48px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste { width:450px; w\idth:448px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste { height:50px; heigh\t:48px; }/*Erweiterter vereinfachter Boxmodel Hack*/
#bilderleiste li { list-style-type:none; width:64px; height:48px; float:left; z-index:100; }
#bilderleiste a { position:absolute; width:64px; height:48px; display:block; float:left; z-index:100; cursor:default; text-decoration:none; color:#000; background:transparent; }
#bilderleiste a img { position:absolute; width:62px; height:46px; border:1px solid #888; z-index:100; }
* html #bilderleiste a img { width:64px; w\idth:62px; }/*Erweiterter vereinfachter Boxmodel Hack*/
* html #bilderleiste a img { height:48px; heigh\t:46px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste a img { width:64px; w\idth:62px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste a img { height:48px; heigh\t:46px; }/*Erweiterter vereinfachter Boxmodel Hack*/
#bilderleiste a:hover { width:320px; height:240px; padding:48px 64px; position:absolute; left:0; top:0; z-index:20; text-decoration:none; }
#bilderleiste a:hover img { background:#e5e5e5; color:#000; position:relative; width:320px; height:240px; border:0; z-index:3; left:0px; top:-320px; border:2px solid blue; }
* html #bilderleiste a:hover img { width:324px; w\idth:320px; }/*Erweiterter vereinfachter Boxmodel Hack*/
* html #bilderleiste a:hover img { height:244px; heigh\t:240px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste a:hover img { width:324px; w\idth:320px; }/*Erweiterter vereinfachter Boxmodel Hack*/
*+html #bilderleiste a:hover img { height:244px; heigh\t:240px; }/*Erweiterter vereinfachter Boxmodel Hack*/
#bilderleiste a:hover span { position:absolute; display:block; color:#00f; width:320px; height:20px; background:#e5e5e5; top:-22px; left:64px; z-index:4; text-align:center; }
#samstag { margin:5px 0px 5px 50px; }
#sonntag { margin:5px 0px 5px 50px; }
#samstag li, #sonntag li { margin:2px 0px; }
#kartetreffen { position:absolute; left:153px; top:50px; width:495px; height:360px; z-index:1; border:1px solid #000; background:#bdff7d; }
#kartestandort { position:absolute; left:153px; top:40px; width:495px; height:360px; z-index:1; border:1px solid #000; background:#bdff7d; }
#orttext { position:absolute; left:2px; top:42px; width:145px; height:310px; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
#orttext p { margin:3px 0px; }
#orttext span { font-size:14px; }
#orttext h4 { margin:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:left; color:#006; font-weight: bold; }
#orttext dt { font-weight:bold; }
#orttext dd { margin: 3px 0px 3px 8px; }
/* datenblatt  */
#datenblatt { position:absolute; width:620px; height:345px; z-index:6; left:50px; top:90px; color:#000; background:#e5e5e5; overflow:auto; border:1px none #0f0; ; text-align:center }
#d_links, #d_rechts { position:absolute; width:600px; height:520px; z-index:1; left:0px; top:430px; color:#006; text-align:left; }
#d_rechts { text-align:right; width:380px; left:220px; border:1px none #f00; }
#d_links h1, #d_rechts h1, #ld_links2 h1 { margin:15px 0px 25px 0px; font-size:36px; }
#ld_links2 span { margin-left:25px; }
#ld_links, #ld_rechts { position:absolute; width:600px; height:150px; z-index:1; left:0px; top:500px; color:#006; text-align:left; }
#ld_rechts { text-align:right; width:380px; left:220px; }
#ld_links2 { width:600px; height:100px; z-index:1; left:0px; top:870px; color:#006; text-align:center; }
#ld_mitte1, #ld_mitte2 { position:absolute; width:600px; height:80px; z-index:1; left:0px; top:420px; color:#006; text-align:center; }
#ld_mitte2 { height:120px; z-index:1; left:0px; top:680px; color:#006; text-align: justify; }
#ld_links h1, #ld_rechts h1, #ld_mitte1 h1 { margin:15px 0px 25px 0px; font-size:36px; }
/* Zuendapp  */
#zuendapp { display:block; width:125px; height:70px; border:1px none #000; position:absolute; left:540px; top:310px; z-index:20; }
#zuendapp dd { position:absolute; }/* Position des eigentliche Link im Kasten textinfo */
#zuendapp #tab_text { left:0px; top:0px; z-index:20; } /*  Abstand roter Quadratrahmen der eigentliche Link von textinfo */
#zuendapp a#t_ext { display:block; width:120px; height:65px; text-decoration:none; z-index:20; background:url(../images/zuendapp.gif) top left no-repeat; border:1px solid #899; }/* roter Quadratrahmen der eigentliche Link, erst nicht sichtbar */
#zuendapp a span.hovertxt, #zuendapp a:visited span.hovertxt { display:none; }
#zuendapp a#t_ext:hover { border:1px solid #999; } /* Quadratrahmen beim ueberfahren des Links sichtbar MUSS mit none da sein! wegen IE */
html + body #zuendapp a#t_ext:hover { border-right:1px none #888; } /* Hack: nur fuer IE 5.0 (sonst geht Hover nicht!) */
#zuendapp a:hover span.hovertxt { position:absolute; display:block; color:#006; width:324px; height:244px; font-size:13px; background:#00f; border:1px none #3ab3e7; } /* Ausdehnung fuer Text + Bild  */
#zuendapp a#t_ext:hover span.hovertxt { left:-353px; top:-189px; }/* Erscheinungsort von Bild und Text */
.hover-ebene1 { display:block; position:absolute; width:320px; height:20px; z-index:10; background:#084F98; color:#fff; left:2px; top:2px; font-size:14px; font-weight:bold; }
.hover-ebene2 { display:block; position:absolute; width:304px; height:115px; left:2px; top:23px; z-index:10; background:#faeed4; ; color:#006; padding:6px 8px 0px 8px }
.hover-ebene3 { display:block; position:absolute; width:304px; height:100px; left:2px; top:140px; z-index:10; background:#faeed4; color:#006; padding:2px 8px 0px 8px }
.hover-ebene2 { width:320px; w\idth:304px; } /* Hack fuer IE5.5 */
.hover-ebene3 { width:320px; w\idth:304px; } /* Hack fuer IE5.5 */
.hover-ebene2 { height:118px; heigh\t:115px; } /* Hack fuer IE5.5 */
.hover-ebene3 { height:102px; heigh\t:100px; } /* Hack fuer IE5.5 */
#scrolltermin { position:absolute; width:650px; height:315px; z-index:6; left:0px; top:90px; color:#006; background:#e5e5e5; overflow:auto; }
#scrolltermin dl { margin:0px 0px 0px 40px; }
#scrolltermin dt { margin:10px 0px 3px 0px; font-weight:bold; }
#scrolltermin dd { margin:2px 10px 0px 20px; font-weight:bold; }
#scrolltermin p { margin:2px 10px 0px 20px; font-weight:normal; }
#scrolltermin h5 { font-size:13px; margin:0px; font-weight:normal; }
#scrolltermin h1 { font-size:11px; margin:2px 10px 0px 20px; font-weight:normal; color:#00f; }
/*Galerie*/

#galerieumzu { font-size:10px; color:#000; position:absolute; margin:0; padding:0; width:260px; height:360px; z-index:5; left:0px; top:0px; border:1px none #f0f; }
#galerie { position:absolute; padding:0; margin:0; width:260px; height:360px; z-index:6; left:0px; top:0px; color:#000; background:url(../images/xxx.jpg) top left no-repeat; border:1px none #0f0; }
#galerie li { list-style-type:none; width:130px; height:90px; float:left; z-index:10; }
#galerie a { position:absolute; width:120px; height:80px; display:block; float:left; z-index:10; cursor:default; text-decoration:none; color:#000; background:transparent; }
#galerie a img { position:absolute; width:120px; height:80px; border:3px solid #fff; z-index:10; left: -1px; top: 2px; }
#galerie a:hover { width:380px; height:360px; padding:35px 5px 0px 270px; position:absolute; left:0px; top:0; z-index:7; text-decoration:none; }
#galerie a:hover img { background:#eee; color:#000; position:relative; width:380px; height:285px; border:0; z-index:8; left:0; top:0; border:3px solid #fff; }
#galeriedecker1 { position:absolute; width:10px; height:360px; z-index:10; left:260px; top:0px; background-color:#e5e5e5; }
#galeriehint { position:absolute; width:380px; height:285px; z-index:2; left:270px; top:35px; border:3px solid #fff; background:#e5e5e5 url(../images/galerie1/hint.jpg) top left no-repeat; }/*Hintergrundebene des Erscheinungsbildes*/
#galerie a span.hoverebene, #galerie a:visited span.hoverebene { display:none; }
#galerie a:hover span.hoverebene { position:relative; display:block; color:#000; width:386px; height:20px; left:0px; top:10px; border: 1px none #f0f; z-index:100; text-align:center; font-size:13px; line-height:20px; font-weight:bold; color:#00f; }/*zusaetzlicher Text erscheint*/
#s_menue2 { position:absolute; left:701px; top:146px; width:156px; height:27px; z-index:100; background:#E0AE29; color:#006; }
#s_menue2 a { display:block; width:72px; height:17px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:right; margin-right:3px; line-height:17px; }
#s_menue2 a:hover { background:#f00; color:#fff; }
#galeriedecker2 { position:absolute; width:300px; height:25px; z-index:10; left:40px; top:25px; }
#galeriedecker3 { position:absolute; width:260px; height:18px; z-index:10; left:0px; top:358px; }
#galeriedecker3 p { margin:0; }
#link00 { position:absolute; width:130px; height:15px; z-index:7; left: 720px; top: 160px; }