/* Copyright by Christian Pfitzmann */
/* -------------------------------------------------------------------------------------------------------------------> allgemein */
*
{ /*setzt global alle Abstände auf 0 - an gewünschter Stelle können Abstände manuell eingetragen werden*/
margin:0;
padding:0;
}
html
{
height:100%; /*nötig, um ein DIV auf 100% Höhe zu bringen */
}
Body
{
background:#2b2b29;
font-family:Arial,sans-serif;
font-size:0.75em;
margin:0px;
height:100%; /*nötig, um ein DIV auf 100% Höhe zu bringen */
}
/* -------------------------------------------------------------------------------------------------------------------> Huelle-gesamt */
#Huelle-gesamt
{
position:relative;
margin-right:auto;
margin-left:auto;
width:900px;
background:#FFFFFF;
}
/* -------------------------------------------------------------------------------------------------------------------> Logo */
#Logo
{
width:450px;
height:100px;
float:left;
display:inline; /* The IE5/6 Doubled Float-Margin Bug */
background:url(Bilder/Logo.gif) no-repeat;
}
#Logo img
{
visibility: hidden;
}
/* -------------------------------------------------------------------------------------------------------------------> Sprachen */
#Sprachen
{
width:450px;
height:50px;
float:right;
display:inline;
background: #81d000; /* The IE5/6 Doubled Float-Margin Bug */
}
#Sprachen-ausrichten
{
margin:0 10px 0 320px;
}
#Sprachen ul li
{
display:inline;
float:left;
font-weight:bold;
}
#Sprachen ul li a
{
background:#2b2b29;
color:#FFFFFF;
text-decoration:none;
padding:2px 5px 2px 5px; /*Ausrichtung der Schrift mittig*/
margin:0 0 0 5px; /*Abstand der Sprachen untereinander*/
}
#Sprachen ul li a:hover
{
background:#FFFFFF;
color:#2b2b29;
text-decoration:none;
}
/* -------------------------------------------------------------------------------------------------------------------> Suche */
#Suche
{
width:450px;
height:50px;
float:right;
display:inline; /* The IE5/6 Doubled Float-Margin Bug */
background:#81d000;
}
#Suche-ausrichten
{
margin:18px 0 0 180px;
}
.Suchfeld
{
width:200px;
height:20px;
color:#2b2b29;
border:1px solid #2b2b29;
}
.Suchbutton
{
width:55px;
height:20px;
background:#81d000;
color:#2b2b29;
font-weight:bold;
border:none;
}
.highlight /*Suchbegriffe hervorheben*/
{
background:#81d000;
color:#FFFFFF;
font-weight:bold;
}
/* -------------------------------------------------------------------------------------------------------------------> Header */
#Header
{
width:900px;
height:300px;
background:url(Bilder/Header.jpg) no-repeat;
float:right;
display:inline; /* The IE5/6 Doubled Float-Margin Bug */
}
/* -------------------------------------------------------------------------------------------------------------------> Navi */
#Huelle-Navi
{
width:230px;
float:left;
display:inline; /* The IE5/6 Doubled Float-Margin Bug */
}
#Huelle-Navi ul
{
margin:20px 0 0 0; /*Abstand Menü zum Header*/
list-style:none;
}
#Huelle-Navi ul ul
{
margin:0 0 0 0;
background:#f6f6f6;
}
#Huelle-Navi ul a /*Hauptmenüpunkte Darstellung*/
{
padding:5px 0 5px 20px; /*Abstand Hauptmenüpunkt zum Rand und Positionierung der Schrift mittig*/
margin:2px 0 0 0; /*Abstand Hauptmenüpunkt zum nächsten Hauptmenüpunkt*/
background:url(Bilder/Hauptpunkt.gif) no-repeat left center;
text-transform:uppercase;
display:block;
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
#Huelle-Navi ul a:hover /*Hauptmenüpunkte hover*/
{
background:url(Bilder/Hauptpunkt-hover.gif) no-repeat left center;
color:#FFFFFF;
}
#Huelle-Navi ul li.menu-parent a /*Hauptmenüpunkte, wenn Unterpunkt aktiv*/
{
background:url(Bilder/Hauptpunkt-hover.gif) no-repeat left center;
color:#FFFFFF;
}
#Huelle-Navi ul li.menu-current a /*Hauptmenüpunkte aktiv*/
{
background:url(Bilder/Hauptpunkt-hover.gif) no-repeat left center;
color:#FFFFFF;
}
#Huelle-Navi ul ul a /*Untermenüpunkte Darstellung*/
{
padding:3px 0 3px 20px; /*Abstand des Untermenüs zu den Hauptmenüpunkten und zum Rand*/
background:none;
border-bottom:none;
font-weight:normal;
text-transform:none;
}
#Huelle-Navi ul ul a:hover /*Untermenüpunkte hover*/
{
background:none;
text-decoration:underline;
}
#Huelle-Navi ul ul li.menu-current a /*Untermenüpunkte aktiv*/
{
color:#2b2b29;
background:none;
text-decoration:underline;
}
#Huelle-Navi ul ul li.menu-sibling a /*Untermenüpunkte, wenn anderer Untermenüpunkt aktiv*/
{
color:#2b2b29;
background:none;
}
#Huelle-Navi ul ul li.menu-sibling a:hover /*Untermenüpunkte, wenn anderer Untermenüpunkt aktiv, hover*/
{
background:none;
text-decoration:underline;
}
#Huelle-Navi ul ul li.menu-child a /*Untermenüpunkte, wenn nur Hauptmenüpunkt aktiv*/
{
color:#FFFFFF;
background:none;
}
#Huelle-Navi ul ul li.menu-child a:hover /*Untermenüpunkte, wenn nur Hauptmenüpunkt aktiv, hover*/
{
color:#8aa2af;
background:none;
}
/* -------------------------------------------------------------------------------------------------------------------> Content */
#Huelle-Content
{
width:610px;
height:auto;
background:#f6f6f6;
margin:20px 10px 10px 40px;
float:right;
display:inline; /* The IE5/6 Doubled Float-Margin Bug */
color:#2b2b29; /*Schriftfarbe für den Haupt-Text*/
line-height:1.3em; /*Zeilenhöhe*/
word-spacing:0.3em; /*Wortabstand*/
text-align:justify;
}
#Huelle-Content h1 /*Rubriken*/
{
width:600px;
height:35px;
padding:9px 0 0 10px; /*Positionierung des Textes */
margin:0 0 20px 0; /*Abstand Rubrik zum Text*/
font-weight:bold;
font-size:1.2em;
color:#FFFFFF;
text-transform:uppercase;
background:url(Bilder/Rubrik.gif) no-repeat;
}
#Huelle-Content p
{
margin:0 10px 0 10px; /*Abstand des Textes links und rechts*/
}
#Huelle-Content a
{
color:#64a100;
text-decoration:underline;
}
#Huelle-Content a:hover
{
color:#64a100;
text-decoration:none;
}
#Huelle-Content ul
{
margin-left:25px;
list-style:url(Bilder/Liste.gif);
}
#Huelle-Content img
{
border:1px solid #2b2b29;
}
#Huelle-Content table
{
margin-left:20px;
}
/* -----------------------------------------------------------------------------------------------------------------> Footer */
#Huelle-Footer
{
width:900px;
height:30px;
}
#Huelle-Footer-print
{
height:100%;
width:305px;
color:#3e4d55;
float:left;
display:inline;
margin:0 0 0 290px;
}
#Huelle-Footer-print a
{
color:#64a100;
text-decoration:underline;
}
#Huelle-Footer-print a:hover
{
color:#73b802;
text-decoration:none;
}
#Huelle-Footer-Top
{
height:100%;
width:295px;
text-align:right;
float:right;
display:inline;
margin:0 10px 0 0;
}
#Huelle-Footer-Top a
{
color:#64a100;
text-decoration:underline;
}
#Huelle-Footer-Top a:hover
{
color:#73b802;
text-decoration:none;
}
/* -------------------------------------------------------------------------------------------------------------------> clear - Float aufheben */
.clear
{
clear:both;
}