/* standard tags */

html {
    height: 100%;
    overflow-y: scroll;
}

body {
    background-color : white;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
    margin: 0px;
    height: 100%;
}
address {
    font-style: normal;
}
fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}
legend {
    margin: 0px;
    padding: 5px 0 15px 0;
}



p {
    line-height: 1.3em;
    text-align: justify;
}
blockquote { 
    display: inline;
    margin: 23px;
    text-indent: -7px;
}
hr {
    clear: both;
    padding-top: 10px;
    margin: 3px 0 3px 0;
    border: 0;
    height: 0px;
    border-bottom: 1px dashed rgb(150,181,215);
}
html>body hr {
    margin-bottom: 10px;
}

img {
    border: 0px;
}
input {
    border: 1px solid #b3b3b3;
}
input, button, label {
    vertical-align: middle;
}
h1 {
    margin: 0 0 10px 0;
    padding: 10px 0 10px 0;
    border-top: 1px dashed rgb(150,181,215);
    border-bottom: 1px dashed rgb(150,181,215);
}
h2 {
    font-weight: normal;
    margin: 0px;
    padding: 0 0 0 0;
    line-height: 1em;
}
h3 {
    background-image: url(./img/list_arrow.png);
    background-repeat: no-repeat;
    background-position: left 0.32em;
    font-weight: normal;
    text-indent: 20px;
    margin: 0 0 5px 0;
}
h4 {
    margin: 0 0 15px 0;
    font-weight: normal;
    padding: 8px 0 8px 0;
    border-top: 1px dashed rgb(150,181,215);
    border-bottom: 1px dashed rgb(150,181,215);
}

/* allgemeine farben */
body, legend {
    color: #000;
}
a {
    color: blue;
}
h1 {
    color: rgb(150,181,215);  /* taubenblau */
}
h4 {
    color: rgb(116,117,119);
}
h2, h3, h4, table th {
    color: rgb(116,117,119); /* dunkelgrau rgb(160,188,219); */
}
#header a, #navigation a, #subnavigation a {
    color: #4c4c4c; /* eisen */
}

.pos {
    color: green;
}
.neg, .error {
    color: red;
}

.shaded {
     background-color: rgb(237,242,248); /* hellstes blau */
}

.optional, .unimportant {
    color: rgb(116,117,119); /* dunkelgrau */
}

/* schriftgroesse */
h1 {
    font-size: x-large;
}
h2, h3, h4 {
    font-size: large;
}
#content {
    font-size: 0.8em;
}
#header, #navigation {
    font-size: 0.7em;
}
#footer, table, .box p.note, #subnavigation div, .fs { /* untergruppe von content */
    font-size: 0.86em;
}

/* breiten */
#contentframe {
    width: 775px;
}
hr, h1, #taskbar, h4 {
    width: 575px;
}
#navigation {
    width: 160px;
}
#content, .bigbox {
    width: 524px;
}
.box {
    width: 245px;
}

/* listen */
ul, ol {
    margin: 5px 0 0 0;
    padding: 0px;
    font-weight: normal;
    line-height: 20px;
} 
ul li {
    list-style: none;
} 
ul.arrow li {
    background-image: url(./img/list_arrow.png);
    background-repeat: no-repeat;
    background-position: left 0.35em;
    padding-left: 18px;    
}
ol li, .bullet {
    /*  
        list-style-image: url(./img/list_disc.png); 
        list-style-position: outside;
    */
    list-style: none;
    background-image: url(./img/list_disc.png);
    background-repeat: no-repeat;
    background-position: left 0.65em;
    padding-left: 13px;
} 
.bullet {
    background-position: left center;
    padding-left: 10px;
    margin-left: 8px;
}

.lineguide {
    height:0.6em;
    border-bottom: 1px dotted rgb(156,157,159); /* silbergrau */
}


/* box */
.box {
    margin: 0px;
    padding: 0px;
    line-height: 1.2em;
}
.box h3 {
    line-height: 1.3em;
}
.box.right {
    float: right;
}
.box.left {
    float: left;
}
.box img {
    float: left;
    margin: 3px 15px 0 0;
}
.box p {
    margin: 0 0 3px 0;
    line-height: 1.2em;
    text-align: left;
}
table {
    width: 100%;
}

table th {
    border-bottom: 1px solid #b5c6d8; 
}

/* bigbox */
.bigbox {
    padding-top: 3px;
    margin: 8px 0 0px 0;
    background-image: url(./img/box_corner_top.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    /*background-color: #ccdaed;*/
}
.bigbox div.border_bottom {
    padding: 12px 15px 15px 15px;
    background-image: url(./img/box_corner_bottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: rgb(218,229,241);
}
.bigbox p {
    margin:0px;
}
.bigbox .box.right img {
    padding-left:3px;
}

/* listen */
table.list a.black {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    
}
table.list th {
    padding: 5px;
}
table.list td {
    border-bottom: 1px dashed rgb(156,157,159); /* silbergrau */
    padding: 5px;
    vertical-align: top;
}

/* kontakt & newsletter */
.kontakt label {
    width: 6em;
    float: left;
}
.kontakt input {
    width: 22em;
    line-height: 1.6em;
}
.kontakt textarea {
    width: 22em;
    height: 10em;
}

#contentframe {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background: url(./img/content_bg.gif) repeat-y;
    border-left: 1px solid rgb(150,181,215); /* blau 100% */
    border-right: 1px solid rgb(150,181,215); /* blau 100% */
}
html>body #contentframe {
    height: auto;
    min-height: 100%;
}


/* kopf */
#header {
    text-align: right;
    line-height: 2em;
    padding-right: 15px;
    background-color: #F9FBFC;
    margin: 0;
}
#header a {
    text-decoration: none;
}

/* navigation */
#navigation {
    position: absolute;
    left: 0;
    padding-top: 15px;
}
#navigation ul {
    margin: 0px;
}
#navigation li {
    background: none;
    line-height: 2em;
    margin: 0px;
    padding: 0px;
}
#navigation a {
    text-decoration: none;
    display: block;
    padding-left: 15px;
}
#navigation hr {
    width: 100%;
    padding: 0;
    margin-top: 5px;
}
#navigation .checked_level_1 {
    background: rgb(160,188,219);
    
}
#navigation .checked_level_2 {
    font-weight: bold;
    background: url(./img/list_disc.png) no-repeat 0.5em center;
}
#navigation .level_2 {
    background-color: rgb(218,229,241);
    margin: 0 0 10px 7.5px;
    padding: 5px 0 5px 0;
}

/* Inhalt */
#content {
    float: left;
    padding: 15px 0 0 185px;
}
.clear {
    clear: both;
}
#taskbar {
    margin-bottom: 15px;
}

/* subnavigation */
#subnavigation {
    margin-bottom: 15px;
}



/* factsheet */
.fs_caption {
    font-weight: bold;
    margin-bottom: 10px;
}
.fs {
    text-align: justify;
}
.fs_bar {
    background: #96B5D7;
    height: 8px;
    font-size: 1px;
}


/* Footer*/
#footer {
    margin: 100px 0 25px 0;
}
#footer hr {
    border-bottom: 1px dashed rgb(156,157,159) /* silbergrau */;
}
#footer address {
    margin-top:10px;
}