html, body {padding: 0 0 0 0; margin:0 0 0 0; height: 100%;}
html, input, textarea
{
font-family: Tahoma, Geneva, sans-serif;
font-size:0.7em;
line-height:1.55em;
color:#4E4E4E;
}
/* =========== header =========== */
#headerdiv {width:80%; height:141px; border-style:none; border-color:#FFFF00;}
#HeaderLinks {position:absolute; height:141px; width:1250px; }
#HeaderRechts {position:absolute; height:141px; right:0px; width:100%; }
#HomeAboutContact{position:absolute; margin-top:-140px; border-style:none; border-color:#66FF00; z-index:500;}
#LinxHomeAboutContact a { color:#FFF; font-size:0.90em; text-transform:uppercase; text-decoration:none; letter-spacing: 3px;}
#LinxHomeAboutContact a:hover { color:#757575; }
/* =========== Ende header =========== */
/* =========== Beginn footer =========== */
#footer { margin-top:-69px; width:80%; right:0px; bottom: 0px; height:69px; border-width:1px; border-style:none; border-color:#FFFF00;}
#footerLinks {position:absolute; height:69px; width:1250px;}
#footerRechts {position:absolute; height:69px; right:0px; width:100%;}
#footer p{position:absolute; width:1250px; text-align:center; margin-top:30px; color: #FFF; border-style:none; border-color:#CC0000;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover { color:#757575; }
/* =========== Ende footer =========== */
/*=========== Anweisungen fuer Drop Down Menue Horizontal=========== */
/* Bilderpreloader*/
/*Der Preloader dient dazu die Hover Bilder in den Browsercache zu laden*/
.Preloader1 {display: none;}
.Preloader2 {display: none; }
.Preloader3 {display: none; }
.Preloader4 {display: none; }
.Preloader5 {display: none; }
/*Positionierung der Preload Bilder*/
/*#menu img.preload {margin-top:0px; margin-left:0px; border:0px; border-style:none;}*/
/*#menu a {margin-top:0px; margin-left:0px; border:0px; border-style:none;}*/
/*Ende Bilderpreloader*/
#menuUndUnterbild{ width: 234px; height: 300px; min-width:234px; padding-left:170px; padding-top:15px; border-style:none; border-color:#ff00ff; }/*violetter Rahmen*/
#menu {font-weight:bold; width:234px; font-family: Tahoma, Geneva, sans-serif; border-style:none; border-color:#0000ff; z-index:500;} /*Grüner Rahmen*/
#menu {height:250px; border-style:none; padding-top:0px;}
#menu ul { list-style: none; width:234px; margin:0; padding: 0; background:none; border-style:none; border-color:#ffff00}/*Gelber Rahmen*/
#menu li {border-style: solid; border: 1px; height:51px;}
#menu a { padding-left:0px; padding-right:0px; padding-top:10px; border:1px; border-style:none; width: 234px; height:46px; }
/* Aussehen der Schaltflaechen Allgemein (breite hintergrund...) */
/*Anmerkung: die Padding bedingungen beziehen sich nur auf den TEXT!!*/
/*Test Zusätzliche Überschift über Submenü diese muss natürlich im html extra eingegeben werden*/
/*#menu li a.UEberschrift {padding-top:20px; bottom:0px; text-align:center; vertical-align: bottom; display:block; z-index:500; height:22px; padding-left: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-UEberschrift.gif) left bottom no-repeat; background-position:bottom; cursor:pointer; width: 234px; border-style:none; font-size:1.2em;}
#menu a:hover.UEberschrift {padding-top:20px; bottom:0px; text-align:center; vertical-align: bottom; display:block; z-index:500; height:22px; padding-left: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-UEberschrift.gif) left bottom no-repeat; background-position:bottom; cursor:pointer; width: 234px; font-size:1.2em;}
/*Test Ende */
/* Alternative Überschrift*/
#menu li a.UEberschrift {padding-top:15px; display:block; z-index:500; height:46px; padding-left: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-UEberschrift.gif) left top no-repeat; cursor:pointer; width: 234px; text-align:center; font-size:1.25em;}
#menu a:hover.UEberschrift {padding-top:15px; display:block; z-index:500; height:46px; padding-left: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-UEberschrift.gif) left top no-repeat; cursor:pointer; width: 234px; text-align:center; font-size:1.25em;}
/* Ende Alternative Überschrift*/
#menu li a.obenohne{display:block; z-index:500; height:46px; padding-left: 10px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrund2.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu li a.oben{ display:block; z-index:500; height:46px; padding-left: 10px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrund2.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu li a.mitte{ display:block; z-index:500; height:46px; padding-left: 10px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrund2.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu li a.unten{ display:block; z-index:500; height:46px; padding-left: 10px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrund2.gif) left top no-repeat; cursor:pointer; width: 234px;}
/*Die Bilder des Menüs werden zu beginn geladen. erst wenn die Mouse über einem element des Menüs ist, dann werden die Vordergrund bilder versteckt und die Hintergrundbilder sind ohne verzögeerung sichtbar*/
#menu a:hover.obenohne{ margin-left:10px; display:block; z-index:500; height:46px; padding-right: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrundAktiv.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu a:hover.oben { margin-left:10px; display:block; z-index:500; height:46px; padding-right: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrundAktiv.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu a:hover.mitte{ margin-left:10px; display:block; z-index:500; height:46px; padding-right: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrundAktiv.gif) left top no-repeat; cursor:pointer; width: 234px;}
#menu a:hover.unten{ margin-left:10px; display:block; z-index:500; height:46px; padding-right: 0px; color:#4E4E4E; text-decoration:none; background: url(images/00-MenueHintergrundAktiv.gif) left top no-repeat; cursor:pointer; width: 234px;}
/*Positionierung der dropdown menue eintraege*/
#menu li { position: relative; }
#menu ul ul ul {position: absolute; top: 0; left: 105%; width: 100%; z-index:500;} /* Positionierung des Untermenues*/
div#menu ul ul ul {display: none;} /* Ausblenden der Untermenues*/
div#menu ul ul li:hover ul ul {display: none;} /*Ausblenden der Unter Untermenues*/
#menu ul ul li:hover ul {display: block; z-index:500;} /*Einblenden der Untermenues*/
div#menu ul ul ul li:hover ul {display: block; z-index:500;} /*Einblenden der Untermenues Achtung hier wird das DIV benötigt. warum auch immer*/
/* Positionierung des Bildes under Dem Menüe*/
#bild{width:234px; padding-left: 0px; margin-top:20px; height:250px; border-style:none; background:url(images/Riffelblech.jpg) top right no-repeat; border-style:none; border-color:#33CC33}
/* Navigationslinks */
#Navigationslinx {padding-top:10px;}
#Navigationslinx .UntermenueZeichen{padding-top:10px; color:#4E4E4E; text-decoration:none; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; font-size:1.68em;}
#Navigationslinx a {padding-left: 0px; padding-right: 0px; color:#4E4E4E; text-decoration:none; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; }
#Navigationslinx a:hover { padding-left: 5px; padding-right: 0px; color:#4E4E4E; text-decoration:underline; background:none;}
/* =========== Ende der Anweisungen fuer Drop Down Menue =========== */
/* =========== Beginn der Anweisungen fuer Content =========== */
/*
Auflistung der Möglichkeiten für den Content:
h1: Überschrift, gross, zentriert
p: Text im Blocksatz
h3: UnterÜberschrft fett
link1: Link mit ">" Zusatz
Balkenheadline: Überschrift in Weiss gegen Schwarzen Hintergrund
Tabelle:
h3: siehe Balkenheadline
*/
/* Anmerkung: Padding Bottom ist der Innere abstand zum boden dieser muss gleich hoch sein wie das Bild vom Footer*/
/*#content {position:fixed; top: 0px; padding-left:430px; padding-top:141px; padding-right:15px; padding-bottom:100px; width:590px; border-width: 1px; border-style:solid; border-color:#CC0000;}*/
#content {width:520px; height:580px; margin-left:410px; margin-top:-300px; padding-top:0px; padding-left:15px; margin-bottom:100px; border-style:none; border-color:#CC0000; }/*height:600px; */
#content {overflow: auto; }/* overflow-x:hidden;*/
/*#ContentDiv {width:488px; align:justify; float:clear; margin-left:0px; border-style:solid; }*/
/*#ContentP {width:488px; float:clear; }*/
#content h1 {
text-align:center;
font-size:2.5em; line-height:1.2em; text-transform:uppercase; font-family: Tahoma, Geneva, sans-serif; font-weight:normal;
}
.title3 { font-size:3.273em; line-height:1.2em; text-transform:uppercase;}
#content h3, h3 a {
font-family: Tahoma, Geneva, sans-serif;
font-size:1.2em;/*1.818em;*/
font-weight:bold;
color:#4E4E4E;
line-height:1.2em;
text-transform:uppercase;
}
#content .BalkenHeadLine {/*Aussehen der Überschriften mit Balken Invers*/
text-align:center;
font-size:1.80em;
font-weight:bold;
background:#4E4E4E;
color:#fffffa;
text-decoration:none;
line-height:1.2em;
text-transform:uppercase;
border-style:none;
border-color:#CC0000;
width:100%;
letter-spacing: 2px;
}
#content td h3, td h3 a {/*Aussehen der Überschriften in den Tabellen wenn sie gleichzeitig Links sind*/
font-family: Tahoma, Geneva, sans-serif;
text-align:center;
font-size:1.2em;/*1.818em;*/
font-weight:bold;
background:#4E4E4E;
color:#fffffa;
text-decoration:none;
line-height:1.2em;
text-transform:uppercase;
}
#content li a { /* Aussehen der Link von Sitemap*/
font-family: Tahoma, Geneva, sans-serif;
text-align:center;
font-size:1.3em;/*1.818em;*/
font-weight:bold;
color:#4E4E4E;
/*text-decoration:none;*/
line-height:1.2em;
text-transform:uppercase;
}
/*Aussehen der Links*/
.link1 { font-size:0.9em; font-weight:bold; color:#149ED1; text-transform:uppercase; text-decoration:none; background: url(images/Linkzusatz.gif) right 3px no-repeat; padding-right:16px;}
.link1:hover { text-decoration:underline;}
.mailadresse { font-size:0.9em; font-weight:bold; color:#149ED1; text-transform:uppercase; text-decoration:none; padding-right:16px;}
.mailadresse:hover { text-decoration:underline;}
/*Aussehen der Tabellen wenn rechts davon ein Foto ist*/
.TabelleMitFoto {width:100%; border-style:solid; border:0;}
.TabelleMitFoto img {float:right; }
.Fotolink img {float:right; border:0;}
.TabelleMitFoto p {text-align:justify;}
#content .Zwischenstrich{margin-top:20px; border-top:1px solid #BCBCBC;}
/* =========== Ende der Anweisungen fuer Content =========== */
/* =========== Beginn Anweisungen fuer Contact Formular =========== */
#WeltkartenContactBild {position: relative; top:-240px; right:0px;}
#contact1 input { font-size:1em; }
#contact1 textarea {
font-family: Tahoma, Geneva, sans-serif;
font-size:1em;
line-height:1em;
color:#4E4E4E;
}
/*Aussehen der Buttons zum Abschicken des Formulars*/
#contact1 .Knopf {
font-family: Tahoma, Geneva, sans-serif;
font-size:1.3em;
line-height:1.3em;
color:#000000;
font-weight:bold;
}
/* =========== Ende der Anweisungen fuer Contact Formular =========== */