/* StyleSheet for www.justus-rheinruhr.de */
/* 2006-03-27: erstellt (ralf.tinca.net) */
/* 2007-05-07: fix typo - klasse txt-redakteur hieß txt-redakteuer (mk) */

html {
}
body {
        margin: 0px;
        background-color : White;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 18px;
}
a {
   text-decoration : none;
}
/* richtige reihenfolge der pseudoelemsnte: */
a:link {
   background-color : transparent;
   color : #0066CC;
}
a:visited {
   background-color : transparent;
   color : #0066CC;
}
a:hover {
   background-color : transparent;
        color: #09c;
        text-decoration : underline;
}
a:active {
   background-color : transparent;
   color : #09c;
}
a:focus {
}
.l-top-image {
        cursor: crosshair;
}
map {
        cursor: default;
}

area {
        cursor: default;
}

h1, h2, h3  {
   background-color : transparent;
        color: #336600;
        padding-left: inherit;
        font-size: 26px;
        font-weight: bold;
}
h4 {
   background-color : transparent;
        color: #9c0;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px solid #9c0;
        padding-bottom: 2px;
        padding-left: inherit;
}
h5 {
   background-color : transparent;
        color: #9c0;
        font-size: 20px;
        padding-left: 10px;
        border-left: 20px solid #9c0;
        font-weight: bold;
}
h6 {
   background-color : transparent;
        color: #036;
        font-size: 16px;
        padding-left: 10px;
        border-left: 20px solid #CCFFFF;
        font-weight: bold;
}
p {
}
table {
}
td {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}
form {
}
input {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
select {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
        background: #EEE;
        color: #000;
}
textarea {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
}


/* IDs */

#basictop {
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 180px;
        background-color: transparent;
        color: inherit;
        overflow: visible;
}
#styleswitcher {
        position: absolute;
        z-index: 100;
        top: 190px;
        left: 700px;
}

#frame {
        position: absolute;
        width: 900px;
        top: 240px;
        background-color: transparent;
        color: inherit;
}
#basicmain {
        width: 660px;
        float: left;
        background-color: transparent;
        color: inherit;
}
#left {
        width: 180px;
        float: left;
        background-color: transparent;
        color: inherit;
}
#main {
        width: 440px;
        float: right;
        background-color: transparent;
        color: inherit;
}
#right {
        width: 220px;
        float: right;
        margin-top: 50px;
        background-color: transparent;
        color: inherit;
}
#bottom {
        clear: both;
        background-color: transparent;
        color: inherit;
        margin-top: 1em;
        margin-bottom: 1em;
        padding-top: 2em;
        padding-bottom: 1em;
        text-align: center;
}

/* hauptmenü  */

#navH2 {
        background: transparent;
        list-style: none;
        text-align: left;
        position: absolute;
        left: 0px;
        top: 191px;
        overflow: visible;
        width: 985px;
        z-index: 20;
        color: Black;
}

#navH2 ul {
  display: inline;
  list-style: none;
}

#navH2 li {
  display: inline;
  list-style: none;
}

#navH2 a {
        color: #FFFFFF;
        text-decoration: none;
        padding: 6px;
        font-weight: bold;
}
#navH2 li.activeH {
        font-weight: bold;
        color: #360;
        padding: 6px;
        }
#navH2 a:hover {
        color: #336600;
        background: #CCFF00;
}
#navH2 ul li:first-child a {
        color: Blue;
}

/* leftnavi  */

#leftnavi {
        margin-left: -30px;
        border-color: Black;
        margin-top: 50px;
}
#leftnavi ul {
        list-style: none;
        text-align: right;
}
#leftnavi ul li {
}
#leftnavi li.first {
        background-color: #9c0;
        color: #FFF;
        font-weight: bold;
        border-right: 10px solid #9c0;
        border-bottom: 1px solid #9c0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 8px;
        width: 160px;
}

#leftnavi li.active {
        background-color: #FFFFFF;
        color: #9c0;
        font-weight: bold;
        border-right: 10px solid #FFF;
        border-bottom: 1px solid #9c0;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 8px;
        width: 160px;
}
#leftnavi ul li a {
        display: block;
        color: #06c;
        text-decoration: none;
        font-weight: bold;
        background-color: #FFFFFF;
        border-right: 10px solid #FFFFFF;
        border-bottom: 1px solid #9c0;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 8px;
        width: 160px;
}
#leftnavi ul li a:hover {
        background-color: #FFFFFF;
        color: #06c;
        font-weight: bold;
        border-right: 10px solid #06c;
        border-bottom: 1px solid #06c;
}


/* navi bottom*/

.txt-footer-outline {
        border: 1px solid Black;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        word-spacing: 6px;
        letter-spacing: 1px;
        vertical-align: middle;
        color: #9C0;
        background: #99CC00;
        width: 500px;
        margin-left: auto;
        margin-right: auto;
}
.txt-footer-outline a {
        color: #FFFFFF;
        text-decoration: none;
}

.txt-footer-outline a:hover {
        color: #336600;
        background: transparent;
}


/* classes etc. */

.none {
        display: none;
        visibility: hidden;
}
.bold {
        font-weight: bold;
}
.red {
        background-color: Silver;
        color: Red;
        font-weight: bold;
}
.green {
        background-color: #FFFFCC;
        color: Green;
        font-weight: bold;
}
.formout {
        color: Green;
        background-color: #FFFFCC;
        border: thin solid Gray;
        font-family: "Courier New", Courier, monospace;
        width: 90%;
        overflow: scroll;
        padding: 1em;
}

.txt {
        padding: 4px 20px 4px 30px;
}
.txt-border {
        padding: 4px 20px;
        border-left: 10px solid #FF9933;
}
.txt-bold {
        font-weight: bold;
        font-size: 14px;
        padding-left: 30px;
}
.txt-ue00 {
        font-size: 36px;
        font-weight: bold;
        color: #9C0;
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
        padding-left: 6px;
        text-decoration: none;
}
.txt-ue01 {
        padding: 4px 30px;
        font-size: 19px;
        font-weight: bold;
        color: #9C0;
        text-transform: uppercase;
}
.txt-zitat {
        font-style: italic;
}
.txt-redakteur {
        font: 10px "Times New Roman", Times, serif;
        padding-left: 36px;
}
.txt-unterstrich {
        text-decoration: underline;
}
.txt-liste-01 {
        list-style: circle outside;
}
.txt-liste-02 {
        padding: 4px 80px 4px 40px;
        list-style: circle;
        text-indent: -6px;
}

.txt-footer {
/*Änn solide #FF6633; */
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 11px;
        word-spacing: 6px;
        letter-spacing: 1px;
        vertical-align: middle;
        color: #99CC00;
}
.txt-adress {
        padding: 4px;
        margin-top: 30px;
/*Änn solide #FF6633; */
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        word-spacing: 6px;
        letter-spacing: 1px;
        vertical-align: middle;
        color: #99CC00;
}
.txt-up {
        border-bottom: 2px solid #99CC00;
        font-size: 11px;
}
.txt-s {
        font-size: 10px;
}
.txt-datum {
        font-size: 10px;
        font-family: "Andale Mono", Courier, "Courier New";
        padding-left: 30px;
        color: #000000;
}

.txt-liste-web {
        list-style: url(../../images/sy_externer_link.gif) outside;
}
.txt-liste-web-ue {
        list-style: url(../../images/sy_mouse.gif) outside;
}
/* style */
.e-linie01 {
        border-bottom: 2px solid #9C0;
        font-size: 11px;
        text-align: right;
}
.txt-klammer01 {
        font-style: italic;
        font-size: 11px;
}
.txt-bg01 {
        color: #FFFFFF;
        background: #99CC00;
        font-weight: bold;
        height: 20px;
}
.txt-bg02 {
        color: #000000;
        background: #CCFFFF;
        padding: 8px;
        margin: 20px;
}
.txt-color01 {
        color: #9C0;
}
.txt-einleitung {
        padding: 4px 14px 4px 30px;
        color: #003366;
        font-weight: bold;
        font-size: 15px;
        font-family: "Times New Roman", Times, serif;
        line-height: 18px;
        word-spacing: 1px;
        letter-spacing: 0.04em;
}
.txt-right {
        padding-left: 6px;
}
.txt-justus {
        font-weight: lighter;
        text-transform: uppercase;
        color: #9C0;
}
.txt-l-info {
        color: #9C0;
        list-style: url(../../images/sy_i_bg.gif) outside;
        font-weight: bold;
}
.txt-l-hand {
        list-style: url(../../images/sy_hand.gif) inside;
        font-weight: bold;
        color: #9C0;
}
.txt-l-pfeil {
        list-style: url(../../images/sy_pfeil.gif) inside;
}
.txt-l-dl {
        color: #9C0;
        list-style: url(../../images/sy_dl_bg.gif) outside;
        font-weight: bold;
}
.txt-l-newwindow {
        list-style: url(../../images/sy_new_window.gif) inside;
        font-size: 11px;
}
.txt-l-up {
        text-align: right;
}
.txt-bg01-txt {
        color: #FFFFFF;
        background: #9C0;
        padding: 6px;
}
.txt-color01-bold {
        color: #9C0;
        font-weight: bold;
}
.txt-fehlt {
        font-style: italic;
        color: #006600;
}
.txt-justus-logo {
        font-weight: bold;
        color: #CCFF99;
        font-size: 14px;
        padding-left: 12px;
}

/*side-*/
.l-side {
        height: 100%;
        width: 100%;
        z-index: 0;
        position: relative;
        visibility: visible;
        overflow: visible;
        left: 0px;
        top: 0px;
}
/*
.l-basic-top {
        z-index: 1;
        position: absolute;
        visibility: visible;
        overflow: visible;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 180px;
}
*/
.l-basic-main {
        z-index: 2;
        position: absolute;
        overflow: visible;
        left: 0px;
        top: 216px;
        width: 100%;
        visibility: visible;
}
.l-basic-footer {
        z-index: 2;
        position: absolute;
        visibility: visible;
        overflow: visible;
        left: 0px;
        top: 0px;
        width: 100%;
}

/*top*/
/*.l-top-basic {
        height: 160;
        width: 100%;
        z-index: 1;
        position: absolute;
        visibility: visible;
        left: 0;
        top: 0;
        overflow: hidden;
        vertical-align: top;
}
*/
.l-logo {
        z-index: 20;
        position: absolute;
        left: 6px;
        top: 6px;
        height: 120px;
        width: 240px;
        padding-top: 10px;
        padding-left: 6px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 15px;
        visibility: hidden;
}
.l-info {
        visibility: visible;
        z-index: 18;
        position: absolute;
        top: 0px;
        left: 540px;
        vertical-align: top;
        font-size: 9px;
        overflow: visible;
        width: 340px;
        height: 16px;
        text-align: right;
}

.l-top-right {
        height: 200px;
        width: 222px;
        z-index: 16;
        position: absolute;
        left: 730px;
        top: 6px;
        overflow: hidden;
        vertical-align: top;
        visibility: hidden;
}
.l-top-image {
        width: 985px;
        z-index: 15;
        position: absolute;
        visibility: visible;
        left: 0px;
        top: 0px;
        overflow: visible;
        vertical-align: top;
        text-align: left;
        background-color: #99CC00;
        height: 185px;
}
.l-top-bg {
        width: 100%;
        z-index: 11;
        position: absolute;
        left: 0px;
        top: 0px;
        overflow: visible;
        background: #99CC00;
        visibility: visible;
        vertical-align: top;
        text-align: left;
        height: 215px;
} /*#99CC00*/

/* StyleSheet end */