/*
    Main stylesheet.
 */
html {
    display:            table;
    height:             100%;
    width:              100%;
    padding:            0px;
    margin:             0px;
}

body {
    background-color:   #EEEEF5;
    font-family:        Arial,sans-serif;
    font-size:          14px;
    margin:             0px 4px 4px 0px;
    vertical-align:     middle;
}

td {
    font-family:        Arial,sans-serif;
    font-size:          14px;
    vertical-align:     middle;
}

.content {
    width:              60%;
    padding:            1em;
    margin:             auto;
}

.error {
    background:         #FFAAAA;
    border-style:       dotted;
    padding:            10px;
    margin:             10px;
    text-align:         center;
    vertical-align:     middle;
    line-height:        25px;
    width:              530px;
}

.output {
    background:         lightgrey;
    border-style:       dotted;
    padding:            10px;
    margin:             10px;
    text-align:         center;
    vertical-align:     middle;
    line-height:        25px;
    width:              530px;
}

.input {
    border:             1px solid #000000;
    background:         lightgrey;
    padding:            5px;
    margin:             6px 4px 6px 5px;
    line-height:        19px;
    vertical-align:     middle;
}

select {
    background-color:   #EEEEF5;
    font-family:        Arial,sans-serif;
    font-size:          14px;
}

.in,.num {
    background-color:   #EEEEF5;
    font-family:        Arial,sans-serif;
    font-size:          13px;
}

.num {
    text-align:         right;
}

input[type="submit"] {
    margin:             4px 6px 0px 0px;
    border:             2px solid #000000;
    background:         lightgrey;
    font-size:          14px;
    font-weight:        bold;
}

input[type="submit"]:hover {
    border-color:       black;
    background:         #AABBDD;
}

red {
    color:              red;
    font-weight:        bold;
}

/* Display for browsers that don't understand stylesheets. */
.ahem { display: none; }

/*
   Bubble Help (c) 2004 Fionn Behrens
*/

a {
    text-decoration:    none;
    font-weight:        bold;
}

div#idiv a[href] {
    background:         #AABBDD;
}

div#idiv a {
    display:            block;
    padding:            2px 6px;
    width:              75px;
    height:             16px;
    float:              left;
    margin-right:       15px;
    text-align:         center;
    text-decoration:    none;
}

a .info{
    display:            none;
    margin-top:         0px;
    padding:            3px;
    z-index:            20;
}

a .b1 {
    display:            none;
    z-index:            20;
}

a .b2 {
    display:            none;
    z-index:            20;
}


a:hover .b1 {
    display:            block;
    border:             1px dotted #aabbcc;
    -moz-border-radius: 8px;
    background:         yellow;
    opacity:            0.8;
    -khtml-opacity:     0.8;
    filter:             alpha(opacity=80);
    -moz-opacity:       0.8;
    position:           relative;
    left: 30px; top: -25px; width:10px; height: 10px;
}

a:hover .b2 {
    display:            block;
    border:             1px dotted #aabbcc;
    -moz-border-radius: 8px;
    background:         yellow;
    filter:             alpha(opacity=80);
    opacity:            0.8;
    -moz-opacity:       0.8;
    -khtml-opacity:     0.8;
    position:           relative;
    left: 45px; top: -55px; width:18px; height: 18px;
}

a:hover .info {
    display:            block;
    border:             1px dotted #aabbcc;
    -moz-border-radius: 16px;
    background:         yellow;
    text-align:         top;
    font-weight:        normal;
    font-size:          80%;
    color:              #000000;
    opacity:            0.8;
    filter:             alpha(opacity=80);
    -moz-opacity:       0.8;
    -khtml-opacity:     0.8;
    position:           relative;
    left: 90px; top: -135px; width:110px;
}

/* Der Scheiss IE brauch mal wieder ne Extrawurst */

a[href]:hover .info {
    left:               75px;
    font-weight:        bold;
}

a:hover .breit {
    width:              270px;
}

.nowrap {
    white-space:  nowrap;
}