@import "undo_html.css";

/*
Hintergrund und Text blau: #3f3993
Hintergrund hell-blau: #928ce0
Text: #419 neu #202125
*/

body { /* font: default 16px to 10px */
    font: 100% arial, geneva, helvetica, verdana, sans-serif; 
color: #202125
}

.clear {
    clear: both;
}

 /* container - gesamte seite */
#wrapper {
    margin: 4px 4px 4px 4px;
    clear: left;
    width: 99%; 
}

/* SCHRIFTEN 
----------------------------------- */

#branding, #nav, #main, #footer {
    font-size: 100%;
}

/* LINKS
----------------------------------- */

a {
    color: #3f3993;/* #3f3993; */
    border-bottom: 1px solid #3f3993;
    text-decoration: none;
}
a:visited {
    color: #3f3993;/* #3f3993; */
}
a:hover {
    border-bottom: 1px solid 3f3993;
    background: #928ce0;
    color: #3f3993;
}
#main a {
        padding: 0 1px;
}

a.img {
    border: 0;
    text-decoration: none;
    padding: 0;
}



/* hidden */
.skip a, .aural, hr {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
}

.skip a:active, .skip a:focus {
    position: absolute;
    z-index: 1000;
    overflow: visible;
    width: auto;
    height: auto;
    font-weight: bold;
    top: 2px;
    left: 400px;
    border: 2px solid #3f3993;
    border-top: 0;
    padding: 5px 10px;
    font-size: 120%; 
}


/* LINK-LISTEN 
----------------------------------------------------- */
/* z.b. unter Tabellen  */

.links {
    clear: both;
}
#main .links li {
       background: url(../img/arrow.gif) 0 50% no-repeat;
}


/* KOPF - HEADER 
----------------------------------------------------------- */


#branding {
    margin: 1px 0 0 0;
    
    position: relative;
    
    /* border-top: 4px solid #111111; */
    background: #FFF /*url(../img/verlauf.jpg) 0 100% repeat-x*/;
}

#branding h1 {
    background: #fff url(../img/SW_Header_1.jpg) 0px 0px no-repeat;
    height: 100px; 
    text-indent: -2000px;
    /* text-indent: 50px; */
}

#branding h1.fur {
    background: #fff url(../img/SW_Header_1.jpg) 0px 0px no-repeat;
    height: 100px; 
    text-indent: -2000px;
    /* text-indent: 50px; */
}


h1 a,
h1 a:visited {
    color: #f0f;
    position: absolute;
    display: block;
    height: 100px;
    width: 200px;
}



h1 a:hover {
    border: 0;
    background: transparent;
}


/* NAVIGITION 
----------------------------------------------------------- */


#nav {
    position: relative;
    float: left;
    border-top: 1px solid #3f3993;
    border-bottom: 10px solid #fff; /* Farbstreifen unter Navigation */
    width: 100%;
    margin: 0 0 0 0;
    
    background: #3f3993;
}


.backtohome {
    position: absolute;
    top: 0;
    left: 0;
}

#nav h2 {
    /* color: #928ce0; */
    color: #ffffff;
    /* border-top: 1px solid #fff; */
    background: #3f3993 /* url(../img/logo1.gif) 0px 0px no-repeat*/;
    padding: 1px 0 1px 50px;
    /* background: #3f3993; */
    font-weight: normal;
    font-size: 160%;
    /* height: 30px; */
}


#home #nav h2,
#login #nav h2  {
    padding-left: 30px; /* 30 Punkte von links */
}



#nav-sub {
    float: left;
    margin: 1px 0 0 0; 
    padding-left: 50px;
    background: #3f3993;
}

#nav ul {
    float: left;
    background: #928ce0;
    list-style: none;
}

#nav li {
    float: left;
}

#nav li a {
    display: block;
    border-right: 1px solid #928ce0;
    padding: 6px 10px 5px 10px;
    text-decoration: none;
    border-bottom: 0; /* stellt link border ab */
}

#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li a.standort {
 background: #fff; /* Hintergrundfarbe bei akt. Standort */
}


#nav li a.standort {
    color: #202125
}

a.standort {
    font-color: #000;
    background: #fff; /* Hintergrundfarbe bei akt. Standort */
    border-bottom: 0; /* stellt link border ab */
}

#navpfad {
    clear: left;
    position: relative;
    margin: 0;
    padding: 0px 30px 20px 30px;
    }

#subsub {
    clear: left;
    position: relative;
    margin: 0;
    padding: 0px 30px 10px 30px;
    }



/* MAIN - INHALT  
----------------------------------------------------------- */

#main {
    clear: left;
    position: relative;
    margin: 0;
 background: #fff; /* Hintergrundfarbe Inhaltsbereich */
    padding: 0px 30px 60px 30px;

    height: 475px; /* min-height fuer ie */
    min-height: 475px;

}
html>body #main {
    height: auto; /* height fuer mose */
    overflow: auto;
}


hr {
    /* siehe aural */
    clear: both;
    display: block;
}

/* Seitenueberschrift */

h3 {
    clear: left;
    margin: 0 0 5px 0;
    font-size: 160%;
    font-weight: normal;
}


/* uerberschrift fuer tabellen und formularfelder */

h4 {
    clear: left;
    margin-top: 20px;
    font-size: 125%;
    font-weight: normal;
    font-weight: bold;
}

#main p {
    margin: 0 0 10px 0;
    line-height: 1.4em;
} 


#main p.einleitung {
    margin: 0 0 18px 0;
    line-height: 1.4em;
    font-size: 130%;
    width: 750px;
} 


/* listen */

#main ul {
    margin: 10px 0;
    list-style: none;
    position: relative;
}

#main li {
    clear: left;
    margin: 5px 0;
    padding: 0 0 0 12px;
    background: url(../img/dotccc.gif) 0 50% no-repeat;
}


/* STARTSEITE 
--------------------------------------------------------- */

/* boxen auf der Startseite */

dl {
    float: left;
    margin: 10px 20px 10px 0;
    border-bottom: 1px solid #E5ECF2;
    padding: 0;
    width: 18em;
    height: 12em;
    background: #F8F8F8;
}

dl.short {
    float: left;
    margin: 10px 20px 10px 0;
    border-bottom: 1px solid #E5ECF2;
    padding: 0;
    width: 13.5em;
    height: 8em;
    background: #F8F8F8;
}

dt {
    margin-top: 0;
    font-size: 110%;
    font-weight: normal;
    font-weight: bold;
    border-bottom: 1px solid #E5ECF2;
    padding: 5px 0 2px 0;
    background: #fff;
}
    
dd {
    margin: 5px 0 5px 10px;
    font-size: 110%;
    /* background: url(../img/arrow.gif) 0 50% no-repeat; */
}

dd a {
    margin: 0 0 0 0px; /* hier könnte man Links weiter einrücken */
} 


/* NAV-PFAD 
-------------------------------------------- */

/* boxen  Startseite - schaufenster*/
dl#nav-pfad {
    float: left;
    margin: 0 0 4px 0;
    border-bottom: 0;
    padding: 0 0 0px 0;
    width: auto;
    height: auto;
 background: #fff;
     font-size: 100%;
}

#nav-pfad  dt {
    float: left;
    margin-top: 0;
    font-weight: normal;
    border-bottom: 0;
    padding: 0;
 background: #fff;
    font-size: 90%;
}
    
#nav-pfad dd {
    float: left;
    margin: 0 0 0 3px;
 background: #fff;
     font-size: 90%;
}

#nav-pfad dd a {
    margin: 0;
    border: 0;
} 


#nav-pfad dd a:hover {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #3f3993; 
    /* text-decoration: underline; */
} 




/* optionale - service in der randpspalte */

dl.toolbox {
    position: absolute;
    top: 0;
    right: 30px;
    margin: 0;
    height: auto;
    width: 14em;
}



/* FORMULARE 
----------------------------------------------------------- */

form {
    margin: 0;
    padding: 0;
}
    
fieldset {
    clear: left;
    position: relative;
    display: block; /* for ie */
    margin: 0 0 20px 0;
    padding: 19px 0 4px 0; /* for ie */
    border: 1px solid #ccc;
    background: #f8f8f8 url(../img/border-fs-top.png) 0 0 repeat-x; /* border-top als bg-img ie-probleme mit fieldset */
    width: 750px;
}
html>body fieldset { /* mose */
    padding: 10px 0 10px 0; 
}

fieldset.small {
    width: 450px;
}

legend { /* ausgeblendet */
    font-weight: bold;
    padding: 0 10px; 
    display: block;
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;   
    text-indent: -2000px;
    padding: 0;
}

p.pflichtfeld { /* ausgelagerter Text */
    position: absolute;
    top: 15px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 120px;
}


/* zeilen alle formfelder ausser radio und checkboxen */
#main fieldset p {
    padding: 0 0 13px 0;
    margin: 0 0 0 10px;
    clear: left; /* so kann das label mehrere zeilen haben */
    overflow: hidden; /* spannt p auf */
}

#main fieldset fieldset p {
    clear: none; /* aufheben bei p von radios und checkboxen */
    float: none; /* aufheben bei p von radios und checkboxen */
    margin: 0;
    padding: 0 0 2px 0;
}

label {
    display: block; 
    float: left;
    width: 12em;
}


label.zweiteslabel {
    display: inline;
    width: auto;
    margin-left: 5px;
    margin-right: 2px;
    float: none;
    
    float: left;
}


/* doppel label */

span.doppel {
    display: block; 
    float: left;
    width: 12em;
}

span.doppel label {
    display: inline;
    width: auto;
    margin-right: 5px;
}


/* input text-felder */

input,
textarea {
    float: left;
    width: 250px;
    margin: 0 5px 0 0;
    border: 1px solid #666;
    padding: 2px 2px;
    font-family: arial, geneva, helvetica, verdana, sans-serif; 
    font-size: 100%;
}
textarea {
    font-size: 100%;   
    margin-bottom: 20px;
}

input.small {
    width: 100px
}

input.xsmall {
    width: 50px
}

input.xxsmall {
    width: 30px /* vier zeichen */
}

/* nicht editierbare input-felder */
input.readonly {
    border: 1px solid #ccc;
    background: #F2F0F0;
    color: #666;
}

/* buttons */


 /* container fuer button - breite wie fieldset */
.button-wrapper {
    margin: 0 0 20px 0;
    clear: left;
    width: 750px; 
    text-align: right;
     float: left;
}
.button-wrapper-small {
    width: 450px;
    text-align: right;
}
.ver3 { /* linksbuendig unter tabellen */
    text-align: left; 
    width: auto;
    float: left;
}
.ver3 input.button {
    float: left;
}

input.button {
    width: auto;
    overflow: visible; /* IE-Win: Padding-Bug */
    float: right;
    margin: 0 0 3px 5px;
    border-bottom: 2px solid #666;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 2px solid #666;
    padding: 2px 5px;
    font-weight: bold;
    text-align: center;
}


/* button in table */
table input.button {
    float: none;
}




/* highlighting text-eingabe-feld */

input:focus,
textarea:focus,
select:focus {
   border: 1px solid #3f3993;
}

/* pulldowns */

select {
    float: left;
    width: auto;
    margin: 0 5px 0 0;
}

option {
    padding: 0 4px 0 2px;
    border-bottom: 1px solid #ccc;
}


/* check und radio 2-spaltig */


fieldset.group { /* ganz zeilen bei radio und checkboxen */ 
    clear: left;
    margin: 0 0 10px 0; /* wie p bei anderen zeilen */
    display: inline; /* BUG for IE 6 */
    border: none;
    width: auto;
    
    
}
html>body fieldset.group {
    display: block; /* mose */
}

input.checkbox, 
input.radio {
    width: auto;
    border: none;
}

html>body input.checkbox,
html>body input.radio {
    margin-right: 0.5em; /* mose */
}

#main fieldset fieldset { /* 2. fieldset umschliesst radios und checkboxen */
    margin: 0 0 5px 0;
    padding: 0;
    border: none;
    background: transparent;
}


#main fieldset fieldset p.aslabel {
    display: block; 
    float: left;
    width: 12em;
    font-size: 1em;
    margin: 0 0 0 10px;
    display: inline; /* BUG ie-double float-margin */
}

fieldset fieldset div { /* spalten bei radios und checkboxen */
    width: 175px;
    float: left;
}

#main fieldset fieldset div p { /* label plus input radios checkboxes 2zeilig */
    clear: left;
    margin: 0 0 5px 0;
    width: 100%;
}

fieldset fieldset label { /* labels stehen nicht links block, sondern direkt neben radios */
    width: 100px;
    display: inline;
    float: none;
}


/* radios in einer zeile */

#main fieldset fieldset p { /* label plus input radios checkboxes 1zeilig  */
    margin: 0;
    float: left;
}

#main form fieldset fieldset p label { /* label der 1zeilig radios */
    margin-right: 15px;
}


/* Zusatztexte */


/* eine zeile mit trennern */
fieldset span {
    margin: 0 5px 0 0;
    border-right: 1px solid #333;
    padding: 0 5px 0 0;
}

/* extra block mehrzeilig */
span.zusatz { /* ohne breite */
    border: 0;
    display: block;
    float: left;
}
span.standard {
    width: 150px;
}
span.small {
    width: 40px;
}



/* FEEDBACK 
----------------------------------------------------- */

/* Fehlermeldung */

h3.error {
    color: #E02A29;
    background: url(../img/icon-error.gif) 0 50% no-repeat;
    padding: 5px 0 5px 40px;
}

#main ul.error li a {
    color: #E02A29;
}

p.error,
#main fieldset fieldset p.error {
    font-weight: bold;
    color: #E02A29;
}

p.error input {
    border: 2px solid red;
}

p.error input:focus,
p.error input:active {
    border: 2px solid #3f3993;
}

/* alles okay */

h3.okay {
    background: url(../img/icon-okay.gif) 0 50% no-repeat;
    padding: 5px 0 5px 40px;
    color: #3f3993;
}

/* Unklar */
h3.dono {
    background: url(../img/icon-dono.gif) 0 50% no-repeat;
    padding: 5px 0 5px 40px;
    color: #E9BA3C;
 }






/* TABELLEN  
----------------------------------------------------------- */

table { /* fuer alle tables auch vereine */ 
    clear: left;
    margin: 4px 0 20px 0px;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: auto; 
    table-layout: auto;
}

th { /* scope row */
    background: #DBDBDB;
    font-weight: bold;
}

thead th { /* scope col */ 
    padding: 10px 10px 2px 10px;
    color: #333;
    background: #DBDBDB;
}


tr {
    border-bottom: 1px solid #CACACA;    
    background: #f8f8f8;    
}

tr.odd {
    background: #E8E8E8;
}    
    
tr.critical td, 
tr.critical th {
    border-bottom: 2px solid #E02A29;
    border-top: 2px solid #E02A29;
}
tr.critical {
    background: #FFBFBF;
}

    
tr.important {
    background: #E8CE87;
    background: #F4BB23;
    background: #F8C63F;
}    

/* rote schrift - zelle betonen*/
td em {
    color: #E02A29;
    font-style: normal;
}


/* summenzeile */
tr.sum td {
    border: 0;
    border-top: 2px solid #000;
    background: #fff;
    font-weight: bold;
} 
 
 /* neutrale Zeile */
tr.neutral td {
    border: 0;
    background: #fff;
    border-top: 1px solid #CACACA
}  
 
 
 

td, th { 
    padding: 6px 12px;
    
  /* border: 1px solid #C8C2C2; */
    border: 1px solid #D3CFCF; 
}

tr:hover {
    background: #fff;
}



/* formular-elemente in tabellen */

table .tdcheck input.checkbox {
    width: auto;
    border: none;
}

.tdcheck label {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
} 

/* textfeld zum filtern im th */

.thfilter th input {
    margin-bottom: 3px;
}

.thfilter th label {
    position: absolute;
    overflow: hidden;
    left: -2000px;
    width: 1px;
    height: 1px;
}


.thfilter th em {
    display: block;
    font-style: normal;
}


.thfilter th input.button {
    vertical-align: bottom;
    margin-bottom: 3px;
    
}

table th.thbutton {
    vertical-align: bottom;
}


table td.right {
    text-align: right;
}
table td.center {
    text-align: center;
}



/* Formulare in Tabellenraster */

table.forms {
    border: 0;
}

/* kopf */
table.forms thead th {
   background: transparent;
   border: 0;
   padding-left: 35px;
}

/* seitlich */
table.forms tbody th {
   background: transparent;
   border: 0;
   width: 10em;
}

table.forms tr {
    border: 0;
}

table.forms td {
    border: 0;
}

tr:hover {
    background: transparent;
}


/* Suche  
----------------------------------------------------------- */

.paging {
    margin: 4px 0 20px 0;
    border-top: 5px solid #000;
    padding: 0 0 4px 0;
    width: auto;
    float: left;
}

#main .paging p {
    clear: left;
    margin: 10px 0 0 0;
    padding: 0;
}

.paging a {
    border: 1px solid #ccc;
    padding: 3px 6px;
    margin: 0 2px;
}

.paging a img {
    vertical-align: middle;
    padding-top: 2px; 
    padding-bottom: 1px;
}

.paging a:hover,
.paging a:focus,
.paging a:active {
    background: #3f3993;
    color: #fff;
}

.paging a.back:hover, 
.paging a.forward:hover {
    background: #fff;
    color: #fff;
    border: 1px solid #3f3993;
}

/* paging mini */
.pager {
    clear: both;
    float: left;
    margin: 5px 0 0 0;
    padding: 0 0 4px 0;
    width: auto;
}

.pager a {
    /* border: 1px solid #ccc; */
    border: 1px solid #fff;
    border-bottom: 1px solid #3f3993;
    padding: 2px 2px 1px 2px;
}

.pager a img {
    vertical-align: middle;
}

.pager a:hover,
.pager a:focus,
.pager a:active {
    border: 1px solid #3f3993;
}

.pager a.back, 
.pager a.forward {
    border: 1px solid #fff;
    padding:  3px;
}

.pager a.back:hover, 
.pager a.forward:hover {
    background: #fff;
    color: #fff;
    border: 1px solid #3f3993;
}


/* treffer pro seite */
p#itemspp {
    clear: both;
    margin: 20px 0 0 0;
    border-top: 1px solid #cacaca;
    padding: 5px 0 0 0;
    color: #666;
}



/* Sucherergebnis Kriterien-liste */
/* restliche dl-angaben siehe #main */

dl.kriterien {
     border-top: 4px solid #000;
     margin: 3px 0 20px 0;
     padding: 0 0 5px 0;
     width: 400px;
     height: auto;
}

dl.kriterien dt {
    clear: left;
    margin: 0 0 0 2px;
    padding: 0;
    font-weight: bold;
    border: none;
    float: left;
    display: block;
    clear: both;
}

dl.kriterien dd {
    margin: 0 0 0 7em;
    padding: 0;
    text-align: left; 
}

dl.kriterien dt,
dl.kriterien dd {
    margin-top: 5px;
    font-size: 110%;
    background: transparent;
}






/* FUSS 
----------------------------------------------------------- */

#footer {
    margin: 0;
    border-top: 1px solid #fff;
    background: #3f3993;
    width: 100%;
}

#footer p {
   text-align: left;
   padding: 3px 10px 6px 50px; 
   color: #fff;
}

#footer a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#footer p a:hover {
    border: 0;
    color: #928ce0;
    background: transparent;
}



/* POPUP
----------------------------------------------------------- */

#popup #nav h2  {
    padding-left: 30px;
}

#popup #main {
    height: auto;
    min-height: 30px;
    border: 0;
    margin: 0;
    background: #fff;
}

#popup p.close {
    position: absolute;
    top: 8px;
    right: 20px;
    text-align: right;
    padding: 0 0 5px 0;
}

#popup p.close a {
    color: #fff;
    border-bottom: 1px solid #fff;
}



/* HTML-ELEMENTE 
------------------------------------------------------ */

code {
    font-size: 120%;
}

#main .ii{
 margin-left:4px;
 float:left;
 background:#efefef;
}

#main .ii a:hover {
    background: transparent;
    border-bottom: 0px;
}

#main .ii a {
    border-bottom: 0px;
    padding: 0 0px;
}

#main .ii img{
 position:relative;
 top:-4px;
 left:-4px;
 background:#fff;
 padding:4px;
 border:1px solid #ccc;
}

#main .red img{
 background:#f66;
}

#main .r{
 margin:8px 0 10px 10px;
 float:left;
}