body { /* font: default 16px to 10px */
    font: 11px arial, geneva, helvetica, verdana, sans-serif; 
    margin: 0 0 0 3%;
}


/* ausgeblendet */
.aural, hr, h1, h2, .skip, #user, #nav-sub, .backtohome, #footer p a {
    display: none;
}

/* ausgeblendete formular-elemente in tabellen */
table .tdcheck input.checkbox, .tdcheck label, .thfilter th input, .thfilter th label, .thfilter th input.button {
    display: none;
}

/* ausgeblendete formularelemente */
input.button, legend {
    display: none;
}

h4 {
    margin: 0;
    font-weight: bold;
}

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

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

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

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

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

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

    
tr.important {

}    
 

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



h4 {
    border-bottom: 2px solid #000; /* border fuer ie */
}

html>body h4 {
    border: none; /* mose bereits border ueber fieldset; */
}








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

form {
    margin: 0;
    padding: 0;
}
    
fieldset {
    clear: left;
    position: relative;
    display: block; /* for ie */
    margin: 0 0 30px 0;
    padding: 19px 0;
    border: 1px solid #ccc;
    width: 750px;
}

html>body fieldset { /* for mose */
    border-top: 4px solid #000;    
}

#main fieldset fieldset {
    border: none;
}
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 {
    position: absolute;
    top: 0;
    right: 0px;
    margin: 0;
    padding: 0;
    width: 120px;
}


/* zeilen alle formfelder ausser radio und checkboxen */
#main fieldset p {
    margin: 10px 0 10px 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 */
}

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


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


/* 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 {
    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%;   
}

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;
}

/* extra-text in Formularen mit trennern */
#main fieldset p span {
    margin: 0 5px 0 0;
    border-right: 1px solid #333;
    padding: 0 5px 0 0;
}


/* buttons */


 /* container fuer button - breite wie fieldset */
.button-wrapper {
    width: 750px; 
    text-align: right;
}
.button-wrapper-small {
    width: 450px;
    text-align: right;
}

input.button {
    width: auto;
    /* float: right; */
    margin: 0;
    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;
}


/* highlighting text-eingabe-feld */

input:focus,
textarea:focus,
select:focus {
   border: 2px solid #008651;
}

/* pulldowns */

select {
     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 */
}

fieldset fieldset { /* 2. fieldset umschliesst radios und checkboxen */
    margin: 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;
}



/* Fehlermeldung */
h3.error {
    color: #E02A29;
}

#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 #008651;
}


/* FOOTER 
-------------------------------------------- */

#footer {
    clear: both;
    margin: 60px 0 0 0;
}