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 {/*position:fixed; top:0px;*/ height:124px; width:100%; border-style:none; border-color:#FFFF00; margin-left: auto; margin-right: auto; text-align: center;}
#HeaderHintergrund { position:absolute; left:0px; right:0px; height:124px; width:100%; z-index:-3;}
#HeaderBild { height:124px; width:1100px; margin-left: auto; margin-right: auto; text-align: center; border-style:none;}
#HomeAboutContact{ margin-top:-123px; border-style:none; border-color:#66FF00; z-index:500; margin-left: auto; margin-right: auto; text-align: center;}
#HomeAboutContactTable{margin-left: auto; margin-right: auto; text-align: center; }
#LinxHomeAboutContact a { color:#FFF; font-size:0.90em; text-transform:uppercase; text-decoration:none; letter-spacing: 3px;}
#LinxHomeAboutContact a:hover { color:#757575; }
/* =========== Ende header =========== */
/*=========== 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*/
#menuUndContent{width: 766px; border-style:none; margin-left: auto; margin-right: auto;}
#menuUndUnterbild{ width: 234px; height: 540px; min-width:234px; padding-top:10px; border-style:none; border-color:#ff00ff; }/*violetter Rahmen*/
#menuUndUnterbild{float:left;}
#menu {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; letter-spacing: 0px; font-weight:bold; }
/* Aussehen der Schaltflaechen Allgemein (breite hintergrund...) */
/*Anmerkung: die Padding bedingungen beziehen sich nur auf den TEXT!!*/
/* Alternative Überschrift*/
#menu li a.UEberschrift { padding-top:15px; display:block; z-index:500; height:46px; padding-left: 0px; color:white; text-decoration:none; background: url(images/00-UEberschrift.jpg) 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:white; text-decoration:none; background: url(images/00-UEberschrift.jpg) 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.jpg) 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.jpg) 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.jpg) 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.jpg) 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: 100%; padding-left:15px; 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; height:230px; padding-left: 0px; margin-top:115px; background:url(images/Riffelblech.jpg) top right no-repeat; border-style:none; border-color:#33CC33; z-index:1;}
/* Navigationslinks */
#Navigationslinx {padding-top:10px; border-style:none; height:145px; position:relative;}
#Navigationslinx .UntermenueZeichen{padding-top:10px; color:#057D8D;; text-decoration:none; font-weight:normal; font-family: Tahoma, Geneva, sans-serif; font-size:1.68em;}
#Navigationslinx a {padding-left: 0px; padding-right: 0px; color:#057D8D;; text-decoration:none; font-weight:bold; font-family: Tahoma, Geneva, sans-serif; }
#Navigationslinx a:hover { padding-left: 5px; padding-right: 0px; color:#057D8D;; 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 SEI Farbe Hintergrund
Tabelle:
h3: siehe Balkenheadline
*/
/*workaround für Iphone*/
/* der folgende Text wird von iphone.css überschrieben wenn diese geladen wird*/
#content {position:absolute; top:120px; bottom:10px; }
#footer {position:fixed; margin-bottom:0px; bottom: 0px;}
/*workaround für Iphone ende*/
#content {min-height:600px; width:520px; margin-left:238px; margin-top:10px; padding-top:15px; padding-left:15px; margin-bottom:50px; border-style:none; border-color:#CC0000; }/*height:600px; */
/*
Workaround füer scrollbalken auf der rechten seite jedoch problem bei zoom
#content { width:590px; padding-right:180px; margin-bottom:40px;}
*/
#content {overflow: auto; }
#content {font-family: Tahoma, Geneva, sans-serif;}
.title3 { font-size:3.273em; line-height:1em; text-transform:uppercase;}
#content h1 {
font-family: Tahoma, Geneva, sans-serif;
color:#4E4E4E;
font-style:italic;
text-align:center;
font-size:2.5em;
line-height:1em;
text-transform:uppercase;
font-weight:normal;
}
#content h2 {
font-family: Impact, Tahoma, Geneva, sans-serif;
color:#4E4E4E;
}
#content h3 {
/*font-family: Impact, Tahoma, Geneva, sans-serif;*/
font-family: Gadget, sans-serif;
font-size:1.8em;
/* font-size:24px;*/
font-style:italic;
font-weight:normal;
color:#4E4E4E;
text-transform:uppercase;
}
#content h3 a{
color:#4E4E4E;
}
#content .BalkenHeadLine {/*Aussehen der Überschriften mit Balken Invers*/
text-align:center;
font-size:1.80em;
background:#057D8D;
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*/
color:white !important;
font-family: Impact, Tahoma, Geneva, sans-serif;
letter-spacing:2px;
text-align:center;
font-size:1.6em;/*1.818em;*/
font-weight:lighter;
background:#057D8D;
text-decoration:none;
line-height:1.5em;
text-transform:uppercase;
}
#content td h2 {/*Aussehen der h2 Ueberschriften in den Tabellen fuer Scanner*/
font-family: Tahoma, Geneva, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#4E4E4E;
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;
font-weight:bold;
color:#4E4E4E;
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;}
.linkohneZusatz { font-size:0.9em; font-weight:bold; color:#149ED1; text-transform:uppercase; text-decoration:none; }
.link1:hover { text-decoration:underline;}
.mailadresse { font-size:0.9em; font-weight:bold; color:#057D8D; 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;}
/*Aussehen der neuen Ueberschrift mit dem Logo als Background*/
.ueberschriftMitLogo {border-style:none; background: url(images/SeiLogoFuerUeberschriften.jpg) left top no-repeat; height:80px;}/* padding:0 0 0 0;}*/
.ueberschriftMitLogo div{
position: relative;
height:42px;
border-style:none;
border-color:red;
padding-bottom:0px;
padding-left:7px;
}
.ueberschriftMitLogo h3
{
position: absolute;
bottom: 0;
margin-bottom:0px;
padding-left:140px;
padding-right:10px;
text-transform:uppercase;
text-decoration:none;
font-style:italic;
}
.ueberschriftMitLogo h3 a
{
position:relative;
display:block;
text-decoration:none;
color:#4E4E4E;
}
.ueberschriftMitLogo p
{
/* font-family: Tahoma, Geneva, sans-serif;*/
position:relative;
color:#4E4E4E;
border-style:none;
width:95%;
margin-top: 17px;
margin-bottom: 0;
font-family: Charcoal, sans-serif;
font-style:italic;
letter-spacing:2px;
font-weight:normal;
/* text-transform:uppercase;*/
}
#content .Zwischenstrich{margin-top:20px; border-top:1px solid #BCBCBC;}
/* 2 Anweisungen fuer den dummen IE */
.VGLink {border-style:none;}
.VGLink img {border-style:none;}
/*Ende 2 Anweisungen fuer den dummen IE */
/* =========== 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 =========== */
/* =========== Beginn footer =========== */
/*#footer { position: absolute; left: 50%; width: 1800px; margin-left: -900px; bottom: 0px; height: 66px; overflow:auto}
*/
#footer { width:100%; right:0px; height:50px; border-style:none; border-color:#FFFF00; text-align: center; z-index:14;}
#footerHintergrund { position:relative; left:0px; bottom:0px; height:50px; width:100%; z-index:-2;}
#FooterContact{position:relative; margin:auto; margin-top:-30px; text-align:center; color: #FFF; border-style:none; border-color:#CC0000; z-index:3;}
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover { color:#757575; }
/* =========== Ende footer =========== */