/**********************

stefan dinter
www.idwerk.de
design@idwerk.de
Version 0.5
26.04.2006

/**********************


/* FORMULAR Anfang  */

#inhalt .cboth {

	clear: both;
}


#inhalt legend {
    font: bold 0.8em verdana, sans-serif;
    color: #000;
    background-color: #e6ebee;
    display:block;
    padding-left:0.5em;
    padding-right:0.5em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    border-left: #e6ebee 5px solid;
    border-bottom: #e6ebee 2px solid;
}

p.form_hinweis{
width:10em;
min-height:4em;
padding:0.5em;
float:left;
font: 0.8em verdana, sans-serif;
}

p.form_hinweis_breit{
width:20em;
min-height:4em;
padding:0.5em;
float:left;
font: 0.8em verdana, sans-serif;
}

#inhalt fieldset {
margin:0em;
padding:0em;
border:0px;
}

div.label{
display:block;
width:10em;
float:left;
padding:0.2em;
}

div.form_block{
padding:1em;
font: 0.8em verdana, sans-serif;
}


/* FORMULAR ENDE */




/* Allgemeine Definitionen */

html, body  {
margin: 0;
padding: 0;
font-size: 100.01%;
font-family: verdana, tahoma, sans-serif;
color: #000;
background-color: #DAE6FF;
}

h1, h2, h3, h4, h5, h6, p, form {
margin:0;
padding:0;
}

img {
border:none;
}



/* neue zeile */
.nz {
clear: both;
}

br.nz {
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

a {
color: #000;
}



/* unsichtbar */
.u, h6 {
position:absolute;
top:-1000px;
left:-1000px;
width:0px;
height:0px;
overflow:hidden;
display:inline;
}

.hidden {
position:absolute;
top:-400px;
}
ul.hidden li a:focus,
ul.hidden li a:hover,
ul.hidden li a:active {
  font: bold 0.8em verdana, sans-serif;
  position: absolute;
  top: 393px;
  left: 100px;
  text-decoration: none;
  color:#000;
  background-color:white;
  border:1px solid red;
  padding:3px;
  width:15.2em;
  text-align:center;
}
* html ul.hidden li a:focus,
* html ul.hidden li a:hover,
* html ul.hidden li a:active {
  top: 409px;
  left: 65px;
}



/* Seitenstruktur */
#navigation{
background-color: #DAE6FF;
margin-top:4px;
width:14em;
float:left;
}



/* Kopfbereich */
#logo{
float:left;
padding:1.2em;
/*background-color: none;*/
}

#kopfgrafik{
float:left;
/*background: url('http://www. #.jpg') no-repeat 0px 0px;*/
padding: 0px;
margin: 0px;
display: inline;
height: 126px;
/*background-color: #d9e3e9;*/
}

#kopfzeile  {
float:right;
margin-top:0px;
height: 126px;
padding: 0px;
margin: 0px;
width:100%;
}

#servicenavigation {
margin-left: 14em;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #F3F3F3;
}

#servicenavigation ul,
#sprachblock ul ,
#hilfsmittel ul,
#fusszeile ul {
padding: 0px;
margin: 0px;
list-style-type:none;
}



/* Einzelne Benennung der Hoehe - wird fuer den IE 6.0 extra geladen */
#kopfhoehe{
height: 126px;
}
.kopfhoehe{
height: 126px;
}



/* Haupt-Navigation */

/* Suche in der Hauptnavigation */

#sucheblock {
padding-right: 2px;
padding-left: 7px;
padding-bottom: 0.5em;
margin: 0px;
text-indent: 5px;
padding-top: 0.5em;
background-color: #C1D4FF;
text-align: left;
font: bold 0.8em verdana, sans-serif;
color: #330066;
border-bottom: #DAE6FF 2px solid;
}

#sucheblock input {
font: bold 0.8em verdana, sans-serif;
width: 10em;
}

#sucheblock button , #schnellzugriff button {
padding-right: 8px;
padding-left: 0px;
font-size: 1em;
font-weight: bold;
cursor: pointer;
color: #330066;
background-color: #C1D4FF;
}

#sucheblock button a:hover,
#sucheblock button a:focus,
#sucheblock button a:active
{
background-color: #330066;
padding-left:1px;
color: #fff;
}



/* erweiterte Suche */

#sucheblock a {
font-weight: bold;
font-family: verdana, tahoma, sans-serif;
padding-right: 8px;
padding-left:0px;
color: #330066;
background-color: #C1D4FF;
text-decoration: none;
}

#sucheblock a:hover,
#sucheblock a:focus,
#sucheblock a:active
{
background-color: #330066;
padding-left:1px;
color: #fff;
}



/* Style-Switcher */

#hilfsmittel ul {
display: block;
width:100%;
}

#hilfsmittel li {
display: inline;
margin-left:0px;
padding-left:0px;
padding-right:5px;
width:45%;
}

#hilfsmittel {
margin: 0px 0px 5px;
list-style-type: none;
background-color: #C1D4FF;
text-align: left;
padding-left:5px;
padding-bottom:5px;
}

#hilfsmittel a {
display: inline;
position:relative;
padding-bottom: 0px;
font: bold 0.8em verdana, sans-serif;
color: #330066;
padding-top: 0px;
text-decoration: none;
margin-left:5px;
margin-right:5px;
}

#hilfsmittel a:hover,
#hilfsmittel a:focus,
#hilfsmittel a:active
{
background: #330066;
color: #FFF;
margin-left:5px;
margin-right:5px;
}



/* Hauptnavigation 1. Ebene */

#hauptnavigation {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
text-align: left
}

#hauptnavigation ul {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin: 0px;
padding-top: 0px;
text-align: left
}

#hauptnavigation ul li {
padding: 0px;
display: inline;
margin: 0px;
list-style-type: none;
height:24px;
}

#hauptnavigation ul li a {
padding-left: 10px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
margin-bottom: 0px;
border-bottom: #DAE6FF 2px solid;
font: bold 0.8em verdana, sans-serif;
color: #330066;
text-decoration: none;
background-color: #F3F3F3;
display: block;
}

#hauptnavigation ul li a:hover,
#hauptnavigation ul li a:focus,
#hauptnavigation ul li a:active {
color: #330066;
padding-left: 10px;
background-color: #DAE6FF;
/**border-left:4px solid red;**/ Alt Dinter
}

/* ex: #hauptnavigation ul li span a {
       (Aktuelle Seite darf nicht verlinkt sein!) */
#hauptnavigation ul li span {
display: block;
font: bold 0.8em verdana, sans-serif;
text-decoration: none;
color: #FFF;
background-color: #F00;
padding-left: 10px;
/** border-left:4px solid red;**/ Alt Dinter
}

#hauptnavigation ul li span a {
font: bold 1em verdana, sans-serif;
}


/* Hauptnavigation 2. Ebene */

#hauptnavigation ul li ul li a {
display: block;
font: bold 0.8em verdana, sans-serif;
color: #330066;
background-color: #F9F9F9;
text-decoration: none;
padding-left: 26px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: #DAE6FF 2px solid;
}

#hauptnavigation ul li ul li a:hover,
#hauptnavigation ul li ul li a:focus,
#hauptnavigation ul li ul li a:active {
padding-left: 26px;
color: #330066;
background-color: #DAE6FF;
}

#hauptnavigation ul li ul li span {
    font: bold 0.8em verdana, sans-serif;
    color: #FFF;
    /* denke, dieses Style ist nicht noetig - wird vom naechsten Style ueberschrieben! */
}

/* ex: #hauptnavigation ul li ul li span a { - dafuer: */
#hauptnavigation ul li ul li span,
#hauptnavigation ul li ul li a#auswahl1ohnesub {
    padding-left: 2em;
    font: bold 0.8em verdana, sans-serif;
    color: #FFF;
    background-color: #F00;
    padding-bottom: 2px; /** Alt Dinter **/
}


/* ohene diesen Eintrag funktioniert der focus auf IE 6.0 nicht - bitte stehen lassen */
a.irdendwas:hover,
a.irdendwas:focus,
a.irdendwas:active {
    color: #272e34;
}



/* Hauptnavigation 3. Ebene */

#hauptnavigation ul li ul li ul li a {
    display: block;
    padding-left: 4em;
    padding-bottom: 2px;
    font: bold 0.8em verdana, sans-serif;
    color: #330066;
    padding-top: 2px;
    background-color: #FFF;
    text-decoration: none;
}

#hauptnavigation ul li ul li ul li a:hover,
#hauptnavigation ul li ul li ul li a:focus,
#hauptnavigation ul li ul li ul li a:active {
    padding-left: 4em;
    color: #330066
}

#hauptnavigation ul li ul li ul li span {
    font: 1em verdana, sans-serif;
    color: #330066;
    /* denke, dieses Style ist nicht noetig - wird vom naechsten Style ueberschrieben! */
}

/* ex: #hauptnavigation ul li ul li ul li span a {
       (Aktuelle Seite darf nicht verlinkt sein!) */
#hauptnavigation ul li ul li ul li span {
    padding-left: 4em;
    font: bold 0.8em verdana, sans-serif;
    color: #FFF;
    background-color: #F00;

}



/* Pfad */

#pfad {
    padding-left: 0.2em;
    margin-top: 0.4em;
    padding-bottom: 0.6em;
    font: 0.7em verdana, sans-serif;
    color: #404040;
    padding-top: 0.1em;
}
#pfad ul {
    display: inline;
    padding-left: 0.5em;
    margin-left: 0.5em;
}

#pfad p {
  float:left;
  padding-left:1em;
}

#pfad li {
display: inline;
margin-left:0px;
}

#pfad strong {
  color: #404040;
}
#pfad a {
    color: #404040;
    text-decoration: none
}
#pfad a:hover,
#pfad a:focus,
#pfad a:active {
    text-decoration: underline;
}



/* Fussleiste */

#fusszeile {
margin-left: 14em;
margin-top: 1px;
padding-bottom:0px;
}

#fusszeile ul li {
display: inline;
color: #404040;
padding-left:5px;
}

#fusszeile ul li div{
font: 0.8em verdana, sans-serif;
}

#fusszeile img {
padding-left:10px;
padding-right:3px;
}

#fusszeile p {
font: 0.8em verdana, sans-serif;
color: #404040;
float:right;
padding-right:10px;
padding-top:3px;
}

#fusszeile a {
font: 0.8em verdana, sans-serif;
color: #404040;
text-decoration: none;
}

#fusszeile a:hover,
#fusszeile a:focus,
#fusszeile a:active {
color: #fff;
background-color: #330066;
text-decoration: none;
}

#fusszeile img {
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
vertical-align: middle;
border-right-width: 0px
}
