body{
 font-family:arial;
 font-size:1em;
 margin: 0;
 padding: 0;
}


div.row {
                position: relative;
                width: 50px;
                height: 20px;

        }
        hr {
                position: relative;
                background-color: #000000;
                color: #000000;
                border: #000000;

                height: 1px;
                text-align: left;
                margin: 0px;
        }
        div.field02, div.field03 {
                position: absolute;
                top: 0px;
                width: 25px;
                cursor: pointer;
                text-align: center;
        }
        div.field01 {
         position: absolute;
                top: 0px;
                width: 0px;

        visibility: hidden;
                left: 0px;
        }
        div.field02 {
                left: 0px;
        }
        div.field03 {
                left: 25px;
        }

        #row.span {
                cursor: pointer;
                color: blue;
        }


#title {
    height:163px;
    background-color: #003466;
    background: url(JVSH_header_2.jpg) no-repeat;
}

#container {
}

#menu {
    width: 190px;
    min-height: 650px;
    float:left;
    clear:right;
    line-height:20px;
    text-align: left;
    font-family: Arial,  sans-serif;
    font-size: .9em;
    font-weight: bold;
    color: #FFFFFF;
    font-weight: normal;
    background-color:#7F7F7F;
}
* html #menu {
    height: 650px;
}
#content {
    float: left;
    background: transparent;
    margin-left: 15px;
    padding-right: 10px;
    min-height: 650px;
    width: 59%;
    background-position:15px 50px;
    overflow: hidden;
    font-size:.8em;
    text-align: left;
    border-right: 1px solid #003466;
}
#footer {
    position: relative;
    width: 100%;
    clear: both;
    text-align: center;
    height: 20px;;
    background-color: #DADADA;
    margin-bottom: 0;
    font-size: .8em;
}

#rechtesLogo {
    position: absolute;
    top: 200px;
    left: 800px;
    overflow: hidden;
}
#rechterBereich {
    float:left;
    width: 180px;
    margin-left: 10px;

}
#bildleiste {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    width: 250px;
}
ul {
}
li {
}
#menu ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu li{
    background: url(menu_blue.gif) repeat-y right top;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
}

a {
    font-size: 1em;
    font-weight: bold;
    color: #000080;
    text-decoration: underline;
}
a.zusatz img {
    padding-top: 30px;
}
#menu li a {
        font-size: 1em;
        font-weight: normal;
        text-decoration: none;
        margin-left: 0px;
}




.msgbox {
    display: none; /* Start out hidden. */
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20em;
    background-color: #b00;
    border: 1px solid #333;
    color: #fff;
    font-weight: bold; }

.msgbox p {
    margin: 0;
    padding: 5px 10px; }
.msgbox a.close {
    float: right;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0 4px;
    margin-left: 5px;
}

#message-1  {
position: absolute;
top: 374px;
left: 840px;

}







div.fst_level , div.fst_levelActive, div.fst_level_sub, div.fst_level_titel {
       padding-left:1em;
}
div.fst_level_titel {

        background: url(menu_blue_sub_titel.gif) repeat-y right top;
}
div.fst_level a {
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        background: url(menu_grey.gif) repeat-y right top;
}
div.fst_level_sub a {
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        background: url(menu_grey_mainsub.gif) repeat-y right top;
}
div.sec_level a , div.sec_level a:visited {
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #000000;
        line-height: 20px;
        text-decoration: none;
        background: url(menu_grey_sub.jpg) #e6e6e6 repeat-y right top;
        width: 158px;
        padding-left: 32px;
        }

div.fst_level a:hover{
        background: url(menu_blue_fst.jpg) repeat-y right top;
}
div.fst_level_sub a:hover{
        background: url(menu_blue_fst_sub.gif) repeat-y right top;
}
div.sec_level a:hover{
        background: url(menu_red_sub.jpg) #e6e6e6 repeat-y right top;
}
DIV.fst_levelActive a{
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        background: url(menu_blue_fst.jpg) repeat-y right top;
}
DIV.sec_levelActive a{
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #000000;
        line-height: 20px;
        text-decoration: none;
        background: url(menu_red_sub.jpg) #e6e6e6 repeat-y right top;
        width: 158px;
        padding-left: 32px;
}
div.sonder_level  {
        DISPLAY: block;
        font-family: Arial, sans-serif;
        font-style: normal;
        font-size: 1em;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        background: url(menu_grey.gif) repeat-y right top;
}













/* Navigationsblock */
#navigation a, #navigationef a {
    color: #FFFFFF;
    background: #84a3b7 url("nav1.gif") left top no-repeat;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 0 0px 20px;
    height: 20px;

}

#navigation a, #navigation a span, #navigationef a, #navigationef a span  {
    display: block;
    float: left;
    height: 20px;
}
* html #navigation a, #navigation a span, #navigationef a, #navigationef a span  {
    width: 150px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span, #navigationef a, #navigationef a span {
    float: none;
    height: 20px;
}
/* End IE5-Mac hack */

#navigation a:hover, #navigationef a:hover {
    color: #fff;
    background: #294c76 url("nav2.gif") left top no-repeat;
    text-decoration: none;
    padding: 0px 0 0px 20px;
}

#navigation a:hover span, #navigationef a:hover span {
    padding-right: 10px
}

#navigation {
    list-style: none;
    padding: 143px 0 0 190px;
    margin: 0;
    clear: both;
    height: 20px;
}

#navigationef {
    list-style: none;
    padding: 5px 0 0 53px;
    margin: 0;
    height: 20px;
    border-bottom: 1px solid #000000;
}

#navigation li, #navigationef li {

    float: left;
    display: block;
    margin: 0;
    padding: 0;
    height: 20px;
}
#navigationef a.aktiverReiter {
    color: #FF007F;
    background: #84a3b7 url("nav2.gif") left top no-repeat;
    text-decoration: none;
    font-weight: bold;
    padding: 14px 0 14px 20px;
    border-bottom: 2px solid #FFFFFF;
}
#navigation a span, #navigationef  a span{
    padding-right: 10px
}
#navigationef a span.aktiverReiter {
    color: #FF007F;
}



 /* Navigationsblock */
#tabbereich {
    width: 600px;
    min-height: 200px;
    border: 1px solid #E79000;
    padding: 5px;
    margin-top: 5px;
}
* html #tabbereich {
    height: 200px;
    width: 600px;
}
#tabnavigation a, #tabnavigationef a {
    color: #FFFFFF;
    background: #ACADB1 url("nav_tab2.jpg") left top no-repeat;
    text-decoration: none;
    font-weight: normal;
    padding: 0px 20px 0px 20px;
    border-bottom: 1px solid #E79000;
    border-right: 1px solid #FFFFFF;
}
#tabnavigation a, #tabnavigation a span, #tabnavigationef a, #tabnavigationef a span  {
    display: block;
    float: left;
    height: 20px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#tabnavigation a, #tabnavigation a span, #tabnavigationef a, #tabnavigationef a span {
    float: none;
    height: 20px;
}
/* End IE5-Mac hack */

#tabnavigation a:hover, #tabnavigationef a:hover {
    color: #fff;
    background: #294c76 url("nav_tab2_light.jpg") left top no-repeat;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
}

#navigation a:hover span, #navigationef a:hover span {
    padding-right: 10px
}
#tabnavigation li, #tabnavigationef li {
    float: left;
    display: block;
    margin:  0  ;
    padding: 0 ;
    height: 20px;
}
* html #tabnavigation li, #tabnavigationef li {
    width: 100px;
}


#tabnavigation a.aktiverReiter {
    color: #FFFFFF;
    background: #E79000 url("nav_tab2_light.jpg") left top no-repeat;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid #FFFFFF;
}
#tabnavigation a span, #tabnavigationef  a span{
    padding-right: 10px;
}
#tabnavigation a span.aktiverReiter {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}














a.info{
    position:absolute; /*this is the key*/
    left: 670px;
    z-index:auto;
    color:#000080;
    font-weight:normal;
    text-decoration:none}

a.info:hover{z-index:24;border: 0px; font-weight:normal; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:5em; width:200px;
    border:1px solid #000080;
    padding:4px;
    background-color:#FFFFFF;
    color:#000080;
    font-weight:normal;
    text-align: left}

div.seitentabs {
    float: left;
    display: block;
    background:  url("seitentabs.gif");
    width: 30px;
    height: 18px;
    text-align: center;
    padding-top: 2px;
}

a.seitentabs {
    text-decoration: none;
    font-weight: bold;
    color: #000000;
}

a:hover.seitentabs {
    color: #264973;
    font-family: Arial;
   font-weight: bold;
}

a.seitentabactive {
    color: #cc0033;
    font-family: Arial;
    font-weight: bold;
}

.switchdiv table.switcher {
    background: url() #FFFFFF;
    margin: 0;
    padding: 0;

}

.switchdiv table.switcher td {
    background: url() #FFFFFF;
    margin: 0;
    padding: 0;
}

.portraits {
        clear: right;
        height: 150px;
}
.namen {
        font-weight: bold;
}

.rightfloatPortraits {
    float: right;
    padding: 5px;
     background: url(bg_portraits.jpg) repeat-y ;
    clear: right;
    width: 110px;

}
.textfloatrechts {
    float: right;
    width: 200px;
    margin-left: 10px;
}
.normal td {
    text-align: left;
    font-size: .9em;
}
td.normal {
   text-align: left;
    font-size: .9em;
}
/* Ende css für Modul Portraits */
td.redmarker {
   background: #FF0000 ;
}
fieldset {
    width: 95%;
    font-size: 1.1em;
}

fieldset.formaktiviert {
    background-color: #DADADA;
    border: 1px solid #0050A0;
    width: 589px;
    margin: 0 10px 0 10px;
}
fieldset.formveranstaltungen {
    background-color: #DADADA;
    border: 1px solid #0050A0;
    width: 95%;
    margin: 0 10px 0 10px;
}
fieldset.datensatz {
    width: 470px;
    margin: 0 10px 0px 10px;
    padding-right: 30px;
    text-align: left;
}
fieldset.tabbereich {
    width: 545px;
    margin: 0 10px 0px 10px;
    padding-right: 30px;
    text-align: left;
}
fieldset.newsliste {
    width: 95%;
    margin: 0 10px 0px 10px;
    text-align: left;
    font-size: 1.1em;
}
fieldset.datensatz1 {
    width: 550px;
    margin: 0 10px 0px 10px;
    text-align: left;
}
fieldset.einloggen {
    background-color: #DADADA;
    width: 300px;
    margin: 0 10px 0 10px;
    text-align: left;
}
fieldset.Fehlermeldung {
    background-color: #DADADA;
    width: 460px;
    margin: 0 10px 0 10px;
    padding-left: 50px;
    text-align: left;
    background: url(achtung_gross.gif) no-repeat ;
}


input {
     width: 540px;
}
fieldset.datensatz input, fieldset.datensatz1 input {
     width: 350px;
}

fieldset.einloggen input {
     width: 280px;
}

fieldset.datensatz input.kleinfeld {
      width: 30px;
      text-align: right;
}

fieldset.ok {
    background-color: #DADADA;
    width: 300px;
    height:40px;
    margin: 0 10px 0 10px;
    padding-left: 50px;
    text-align: left;
    background: url(ok.jpg) no-repeat ;
    color: #008200;
    border-color: #008200;
}
input.normalform {
     width: 500px;
}
input.normalformerw {
     width: 605px;
}
input.normalformhalb {
     width: 300px;
}
input.kleinfeld {
      width: 30px;
      text-align: right;
}
input.mittelfeld {
      width: 100px;
      text-align: right;
}
input.Euro {
      width: 50px;
      text-align: right;
}
form.newsletter label {
   display: block; /* Beschriftung auf eigener Zeile */
   cursor: pointer; /* Mauszeiger wird zur Hand */
   margin-top: 5px;
}
form.newsletter input {
   width: 250px;
}


input.einloggen {
      width: 180px;
}
submit {
      width: 100px;
}
submit.normalform {
    width: 200px;
}

.filterfeld {
    text-align: center;
}
input.filterfeld  {
    width: 100px;
}

input#Datum, input#bisDatum {
    width: 170px;
}

legend {
    margin-left: 480px;
    font-weight: bold;
}
legend.newsliste {
    margin-left: 0px;
    font: 1.1em arial, verdana, sans-serif;
    font-weight: bold;
    color: #003466;
}
fieldset.formaktiviert legend {
    padding-left: 0;
    margin-left: 230px;

}
fieldset.datensatz legend , fieldset.datensatz1 legend, fieldset.tabbereich legend {
    margin-left: 0px;
    font-weight: bold;
    font-size: 14px;
}




.label {
    width: 150px;
    float: left;
    clear: both;
}

fieldset.datensatz label {
    width: 140px;
    background-color: #EFEFEF;
    margin-bottom: 1px;
    margin-right: 3px;
    float: left;
    clear: both;
}
fieldset.datensatz1 label {
    width: 180px;
    margin-bottom: 1px;
    margin-right: 3px;
    float: left;
    clear: both;
}
textarea {
    width: 540px;
    font: 1em arial, verdana, sans-serif;
}

.rightfloat {
    float: right;
    margin-left: 10px;
    clear: right;

}
.leftfloat {
    float: left;
    margin-right: 10px;
    clear: left;
}
.clear {
    clear: both;
}
.eine_Zeile {
    display: block;
    }
.Meldung {
        color: #FF0000;
        border: 1px solid #FF0000;
}

input.redmarker {
   background-color: #FFFF00 ;
}
img {
    clear: both;
    border: 0;
}
img.portraits {
    background-color: #2856AC;
    padding: 10px;
    margin-top: 5px;
}
h1 {
      color: #0304fc;
      font-size: 20px;
      font-weight: bold;
      margin: 10px 0 10px 0;
}
h2 {
      color: #fe0000;
      font-size:1.1em;
      font-weight: bold;
      margin: 20px 0 20px 0;
}

h3 {
      color: #003466;
      font-size: 1em;
      font-weight: bold;
      margin: 3px 0 3px 0;
}
p
{
  clear: both;
  margin:20px 0px 10px 0px;
}
.Anmerkung {
      font-size: 0.8em;
      margin: 0 30px 0 430px;
}
.AnmerkungMonate {
      font-size: 0.8em;
      margin: 0 30px 0 30px;
}
.Anmerkung2 {
      font-size: 0.7em;
      margin: 0 0px 0 0px;
}

input.but_bearbeiten     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s2_sym_bearbeiten.jpg);
        width: 27px;
        height: 27px ;
        cursor: pointer;
        }

.but_formbearbeiten     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../sys/ad_but/s1_bearbeiten.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        }
.but_upload     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(../sys/ad_but/s1_speichern.gif);
        width: 103px;
        height: 21px ;
        padding-left: 25px;
        cursor: pointer;
        }
.but_speichern     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_speichern.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        padding-left: 30px;
}
.but_zuruecksetzen     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_reset.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        }
.but_loeschen     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_loeschen.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        }
.but_weiter     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_weiter.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        }
.but_breit     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_breit.gif);
        width: 156px;
        height: 21px ;
        cursor: pointer;
        }
.but_shop     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(wagen.gif);
        width: 31px;
        height: 28px ;
        cursor: pointer;
        }
.but_weiterfiltern     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_weiterfiltern.jpg);
        width: 156px;
        height: 21px ;
        cursor: pointer;
        }
.but_neufiltern     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_neufiltern.jpg);
        width: 156px;
        height: 21px ;
        cursor: pointer;
        }
.but_persdat     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_persdat.jpg);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        padding-left: 30px;
        }

.but_persdat_anlegen     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_persdat_anlegen.gif);
        width: 103px;
        height: 21px ;
        cursor: pointer;
        padding-left: 30px;
        }

.but_bestellung     {
        background-repeat: no-repeat;
        color: #000080;
        border: 0px;
        font-weight: bold;
        background-image: url(bestellung.jpg);
        width: 137px;
        height: 19px ;
        cursor: pointer;
}
.but_bestellungsenden     {
        background-repeat: no-repeat;
        color: #000080;
        border: 0px;
        font-weight: bold;
        background-image: url(bestellungsenden.jpg);
        width: 137px;
        height: 19px ;
        cursor: pointer;
}
.but_mail     {
        background-repeat: no-repeat;
        color: #000080;
        border: 0px;
        font-weight: bold;
        background-image: url(s1_testmail.gif);
        width: 100px;
        height: 21px ;
        cursor: pointer;
}
.but_anforderpermail     {
        background-repeat: no-repeat;
        color: #000080;
        border: 0px;
        font-weight: bold;
        background-image: url(s1_mailadresse.gif);
        width: 100px;
        height: 21px ;
        cursor: pointer;
        padding-left: 37px;
}
.b1     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_ueberschrift1.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor:pointer;
        }
.b11     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_ueberschrift2.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor:pointer;
        }
.b2     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_fett.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor:pointer;
        }
.b3     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_zentrieren.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor:pointer;
        }
.b4     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_liste.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }
fieldset.datensatz input.b16, .b16      {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_numListe.gif);
        background-color: #dfdfdf;
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }

.b5     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_listenpunkt.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }
.b6     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_web.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }
.b7     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_mailadresse.gif);
        width: 101px;
        height: 21px;
        text-align: left;
        padding-left: 30px;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }
.b14     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_bild_links.gif);
        width: 101px;
        height: 21px;
        padding-left: 30px;
        text-align: left;
        font-family: Arial, sans-serif;
        font-weight:bold;
        font-size: 10px;
        cursor: pointer;
        }
.b15     {
        background-repeat:no-repeat;
        color:#000080;
        border: 0px;
        background-image: url(s1_bild_rechts.gif);
        width: 101px;
        height: 21px;
        padding-left: 31px;
        text-align: left;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight:bold;
        cursor: pointer;
        }