/*
#F5F4EA : Hintergrund des body
#F58220 : Orange
#D9D4C1 : Hintergrund der Navigationselemente
#ECEAE0 : Hintergrund der aktiven Navigationselemente
#B6B29C : Rahmenfarbe der Hauptnavigation
*/


/**
 * Globale Definitionen
 */
html, body { 

    height:100%;
}

body {
    margin:0;

    padding:0;
    background:#F5F4EA;
    color:#000000;
    font-weight:normal;
    font-size:80%;
    line-height:125%;
}

body * {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:1em;
    line-height:125%;
}

/* Gesamtbereich */
#wrapper {
    position:relative;
    margin:0 auto;
    padding:0 6px;
    width:810px;
    min-height:100%;
    background:#FFFFFF url(/de/_layout/media/images/bg.jpg) repeat-y;
}
* html #wrapper {
    height:100%;
}


/**
 * Header
 * 
 * enthält Logo, Kopfnavigation, Kopfbild, Hauptnavigation
 */

/* Oberer Bereich (enthält Logo, Kopfnavigation) */
#header-top {
    position:relative;
    height:64px;
}

/* Logo */
#logo {
    margin:0;
    padding:0;
    position: absolute;
    left:3em;
    top:2em;
    border:none;
}

/* Kopfnavigation */
#topnav {
    margin:0;
    padding:0;
    position: absolute;
    right:0.3em;
    top: 3em;
}
#topnav li {
    display:inline;
    padding:0 0.5em;
}
#topnav li a {
    color:#000000;
    font-size:0.85em;
    text-decoration:none;
}
#topnav li.active a {
    /* Aktiver Link */
    color:#F58220;
}

#topnav li a:active,
#topnav li a:hover {
    color:#F58220;
}

#header-image {
    display:block;
    margin:0;
}

/* Hauptnavigation */

#header-bottom {
    background:#D9D4C1;
    border-bottom:1px #B6B29C solid;
}
* html #header-bottom { /* IE Fix */
    width:100%;
}
#mainnav {
    margin:0;
    margin-left:0px;
    padding:0;
    border-left:1px #B6B29C solid;
    overflow:hidden;
}
* html #mainnav { /* IE Fix */
    height:100%;
}
#mainnav li {
    margin:0;
    padding:0;
    float:left;
    list-style:none;
}
#mainnav li a {
    padding:0.5em 1em;
    display:block;
    background:#D9D4C1;
    border-right:1px #B6B29C solid;
    color:#000000;
    text-decoration:none;
}
#mainnav li.active a {
    /* Aktiver Link */
    background:#ECEAE0;
    color:#F58220;
}
#mainnav li a:active,
#mainnav li a:hover {
    color:#F58220;
}
/* Suchfeld */

.searchbox { 
    margin:0;
    padding:0;
    position: absolute;
    right:1em;
    top:17.9em;
    border:none;
}

/**
 * Hauptbereich
 *
 * enthält Seitenleiste, Inhaltsbereich
 */
#main {  
    clear:both;
    margin: 30px 0px 0px 0px;
    padding-bottom:6em;
}

/* Seitenleiste (enthält Unternavigation, Anreißer) */
#sidebar {
    width:18em;
    float:left;
    margin-right:3em;

}
body.index #sidebar {
    width:20em;
    float:right;
    
}
body.info #sidebar {
    width:0em;
    float:left;
  
}

#sidebar div.teaser {
    margin:0 0 2.5em;
}

#sidebar div.teaser h2 {
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:1em;
    line-height:125%;
}
#sidebar div.teaser p {
    margin:0.5em 0;
    padding:0;
}
#sidebar div.teaser ul {
    margin:0.5em 0;
    padding:0;
}
#sidebar div.teaser li {
    list-style:none;
    text-align:right;
}
#sidebar div.teaser li a {
    color:#F58220;
    text-decoration:none;
}
#sidebar div.teaser li a:active,
#sidebar div.teaser li a:hover {
    text-decoration:underline;
}

/* Krümmelsucher */

#breadcrumb{
    margin:0;
    padding:0;
    position: absolute;
    left:26.5em;
    top: 23.7em;
    font-size:0.85em;
}
#breadcrumb li {
    display:inline;
    padding:0;

}
#breadcrumb li a {
    color:#000000;
    font-size:1em;
    text-decoration:none;
}
#breadcrumb li.active a {
    /* Aktiver Link */
    color:#F58220;
}

#breadcrumb li a:active,
#breadcrumb li a:hover {
    color:#F58220;
}

#header-image {
    display:block;
    margin:0;
}

/* Unternavigation */
#subnav {
    margin-left:0em;
    padding:0;

}
#subnav li {
    display:inline;
}
#subnav li span {
    margin:3px 0;
    padding:0.25em 0.5em;
    display:block;
    background:#D9D4C1;
    color:#000000;
    font-weight:bold;
}
#subnav li a {
    margin:3px 0;
    padding:0.25em 0.5em;
    display:block;
    background:#D9D4C1;
    color:#000000;
    text-decoration:none;
}
#subnav li.active a {
    /* Aktiver Link */
    background:#ECEAE0;
    color:#F58220;
}
#subnav li a:active,
#subnav li a:hover {
    color:#F58220;
}

/* Unternavigation (2. Ebene) */
#subnav_ul{
    margin:0;
    padding: 0;
}
#subnav li ul {
    margin:0;
    padding:0;
}
#subnav li li a {
    padding:0.25em 0.5em;
    background:#E2DDC9;
    margin-left:1em;
    color:#000000 !important;
    text-decoration:none;

}
#subnav li li.active a {
    color:#F58220 !important;
    font-weight:bold;
}
#subnav li li a:active,
#subnav li li a:hover {
    color:#F58220 !important;
}

/* Unternavigation (3. Ebene) */
#subnav_ul_ul{
    margin:0;
    padding: 0;
}
#subnav li ul_ul {
    margin:0;
    padding:0;
}
#subnav li li li a {
    padding:0.25em 0.5em;
    background:#ECE6D2;
    margin-left:2em;
    color:#000000 !important;
    text-decoration:none;

}
#subnav li li li.active a {
    color:#F58220 !important;
    font-weight:bold;
}
#subnav li li li a:active,
#subnav li li li a:hover {
    color:#F58220 !important;
}

/* Unternavigation (4. Ebene) */
#subnav_ul_ul_ul{
    margin:0;
    padding: 0;
}
#subnav li ul_ul_ul {
    margin:0;
    padding:0;
}
#subnav li li li li a {
    padding:0.25em 0.5em;
    background:#F6F0DA;
    margin-left:3em;
    color:#000000 !important;
    text-decoration:none;

}
#subnav li li li li.active a {
    color:#F58220 !important;
    font-weight:bold;
}
#subnav li li li li a:active,
#subnav li li li li a:hover {
    color:#F58220 !important;
}

/**
 * Inhaltsbereich
 */
#content {
    overflow:hidden;
    border:1px solid white; /* Hack */
    margin-top:1em;
    margin-right:1em;
    margin-left:1em;
}
* html #content { /* IE Fix */
    zoom: 1;

}
body.index #content {
    overflow:hidden;
    border:1px solid white; /* Hack */
    margin-right:3em;
    margin-left:1em;
}
* html body.index #content { /* IE Fix */
    zoom:1;
    margin-right:23em;
}
body.info #content {
    overflow:hidden;
    border:1px solid white; /* Hack */
    margin-right:3em;
    margin-left:4em;
}
* html body.info #content { /* IE Fix */
    zoom:1;
}

body.columns #content {
    margin:0;
}

body.columns #content div.column {
    float:left;
    width:40%;
    margin-right:10%;
}

/* Überschriften */
#content h1 {
    margin:0 0 1em;
    padding:0;
    width:20em;
    font-weight:bold;
    font-size:1.5em;
    line-height:135%;
}
#content h2 {
    margin:1.25em 0 -0.25em;
    padding:0;
    font-weight:bold;
    font-size:1.35em;
    line-height:130%;
}
#content h3 {
    margin:1em 0 -0.75em;
    padding:0;
    font-weight:bold;
    font-size:1.2em;
    line-height:125%;
}
#content h4 {
    margin:1em 0 -0.25em;
    padding:0;
    font-weight:bold;
    font-size:1em;
    line-height:125%;
}

/*
 * Struktur-Elemente
 */

/* Textabsatz */
#content p {
    overflow:hidden;
    width:auto;
    margin:1em 0;
    padding:0;
}

/* Listen */

#content ul {
    overflow:hidden;
    margin:1em 0;
    padding:0 2em;
}
#content div {
    overflow:hidden;
    margin:0 0;
    padding:0 0;
}
#content ul li {
    list-style:square;
}
#content li ul {
    margin:0.25em 0;
}
#content ol {
    overflow:hidden;
    margin:1em 0;
    padding:0 2em;
}
#content dl {
    overflow:hidden;
    margin:0.5em 0 1em;
    padding:0;
}
#content dt {
    float:left;
    min-width:5em;
    padding-right:1em;
    overflow:hidden;
}
* html #content p,
* html #content ul,
* html #content ol,
* html #content dl {
    zoom:1;
}
* html #content dt { /* IE Fix */
    width:5em;
}
#content ul.download {
    padding:0;
}
#content ul.download li {
    height:20px;
    list-style:none;
}
#content ul.download a {
    padding-left:24px;
    background:transparent url(../image/icon_file.jpg) no-repeat;
}
#content ul.download a.pdf {
    background:transparent url(../image/icon_pdf.jpg) no-repeat;
}

/*
 * Bilder
 */

/* Bild mit Bildunterschrift */
#content div.image { /* IE Fix */
    margin: 2em 0em 2em 0;
    background:#F5F4EA;
}

#content div.image span {
    display:block;
    color:#999999;
}

/* Mitarbeiter */
#content div#staff,
#content div#staff table,
#content div#staff tbody { 
    margin:0;
    padding:0;
    width:100%;
    background:#F5F4EA;
}
#content div#staff td { 
    margin: 2em 2em 2em 2em;
    border:1px #999999 solid;
    width:33.3%;
    background:#F5F4EA;
}
* html #content div#staff {
    zoom:1;
}
#content div#staff img {
    display:block;
}
*html #content div#staff img {
    zoom:1;
}

/* Bild im Fließtext, links ausgerichtet */
#content img.left {
    float:left;
    margin-right:1em;
    margin-bottom:0.5em;
}
/* Bild im Fließtext, links ausgerichtet */
#content img.right {
    float:right;
    margin-left:1em;
    margin-bottom:0.5em;
}

/* Textauszeichnung */

/* Links */
#content a {
    color:#F58220;
    text-decoration:none;
}
#content a:active,
#content a:hover {
    text-decoration:underline;
}
#content a.pdf {
    padding-left:20px;
    background:transparent url(../image/icon_pdf.jpg) no-repeat;
}

#content strong {
    font-weight:bold;
}
#content em {
    font-style:italic;
}

/* Abkürzungen und Akronyme */
#content abbr,
#content acronym {
    border-bottom:1px #F58220 dotted;
}

/* Tabellen */


/*
 * Kontaktformular
 */
#content form#kontakt,
#content form#kontakt table,
#content form#kontakt tbody { /* IE Fix */
    margin:0;
    padding:0;
    width:100%;
    background:#F5F4EA;
}
#content form#kontakt td {
    border:0px #999999 solid;
    witdh:50%;
    min-width:8em;
    background:#F5F4EA;
}
#content form#kontakt label {
    display:block;
    font-weight:bold;
    line-height:150%;
}
#content form#kontakt label span {
    color:#999999;
    font-weight:normal;
}
#content form#kontakt select{
    max-width:6em;
    font-size:10pt;
    width:auto;
    white-space:nowrap;
    background:#FFFFFF;
    border:1px #999999 solid;
}
#content form#kontakt input,
#content form#kontakt textarea {
    font-size:10pt;
    white-space:nowrap;
    width:100%;
    background:#FFFFFF;
    border:1px #999999 solid;
}
* html #content form#kontakt select,
* html #content form#kontakt input,
* html #content form#kontakt textarea {
    width:auto;
}
#content form#kontakt input:focus,
#content form#kontakt select:focus,
#content form#kontakt textarea:focus {
    border:1px #F58220 solid;
}
#content form#kontakt input[type=reset],
#content form#kontakt input[type=submit] {
    width:50%;
    font-size:10pt;
    cursor:pointer;
}
#content form#kontakt input[type=reset]:hover,
#content form#kontakt input[type=submit]:hover {
    border:1px #F58220 solid;
}
#content form#kontakt tr:hover th,
#content form#kontakt tr:hover td {
    background:transparent;
}

/*
 * Auwahlformular
 */
#content form#auswahl,
#content form#auswahl table, 
#content form#auswahl tbody { /* IE Fix */
    margin:0;
    padding:0;
    width:100%;
    background:#F5F4EA;
}
#content form#auswahl td {
    padding:0.05em 0.05em 0.05em 0.05em;
    border:0px #999999 solid;
    witdh:50%;
    white-space:nowrap;
    background:#F5F4EA;
}
#content form#auswahl label  {
    display:block;
    font-weight:bold;
    line-height:150%;
    width:50%;
}
#content form#auswahl label span {
    color:#999999;
    font-weight:normal;
}
#content form#auswahl input[name=prefix] {
    background:#FFFFFF;
    font-size:10pt;
    min-width:5.5em;
}
#content form#auswahl input {
    background:#FFFFFF;
    font-size:8pt;
    width:auto;
    max-width:2.5em;
}
#content form#auswahl select,
#content form#auswahl textarea {
    background:#FFFFFF;
    font-size:8pt;
    width:auto;
    max-width:6em;
}
* html #content form#auswahl input[name=prefix] {
    width:7em;
    font-size:10pt;
}
* html #content form#auswahl input {
    width:2.2em;
    padding-bottom:0.3em;
}
* html #content form#auswahl select,
* html #content form#auswahl textarea {
    width:5em;
}
#content form#auswahl input:focus,
#content form#auswahl select:focus,
#content form#auswahl textarea:focus {
    border:1px #F58220 solid;
}
#content form#auswahl input[type=reset],
#content form#auswahl input[type=submit] {
    width:50%;
    font-size:10pt;
    cursor:pointer;
}
#content form#auswahl input[type=reset]:hover,
#content form#auswahl input[type=submit]:hover {
    border:1px #F58220 solid;
}
#content form#auswahl tr:hover th,
#content form#auswahl tr:hover td {
    background:transparent;
}

/**
 * Fußzeile
 */
#footer {
    clear:both;
    position:absolute;
    margin-bottom:1em;
    left: 0em;
    bottom: 0em;
    margin-left:3em;
    padding-left:0em;


}
body.index #footer,
body.columns #footer {
    padding-left:3;
}
}
body.info #footer,
body.columns #footer {
    padding-left:3;
}
#footer p {
    margin:4em auto 0;
    font-size:0.85em;
}
#footer a {
    color:#F58220;
    text-decoration:none;
}
#footer a:active,
#footer a:hover {
    text-decoration:underline;
}