/* ------- Grundgerüst -------- */
body {
     margin:0px;
     padding:0px;
     font-family: verdana, arial, sans-serif;
     background-image:url(../pics/hg_folgeseite.jpg);
}

#spalte1 {
         width:200px;
         float:left;
}

#spalte2 {
         width:460px;
         float:left;
         padding:135px 0 0 0;
}

#spalte3 {
         position:absolute;
         z-index:100;
         top:0px;
         left:613px;
         width:272px;
         margin:0 0 0 0px; 
         padding:0 10px 0 0;
}

/* ------- Elemente --------   */

#navi{
      margin: 146px 0 0 0;
      width: 186px;
}

.textblock,
.fliesstext {
      margin: 0 0 0 29px;
      width: 360px;
}

.box1 table,
.box2 table,
.box3 table{
      margin: 15px 0 0 0;
      padding:0;
      border-spacing:0;
}

#footer {
        text-align:right;
        margin: 30px 60px 0 0;
}

#titel {
    position:absolute;
    z-index:12;
    top:20px;
    left:22px;
}

#logout {
        padding:0;
        margin: 45px 0 0 20px;
}

#aktuelles {
           margin: 30px 0 0 22px;
}

#spalte3 .textblock {
      margin: 40px 0 0 72px;
      width: 180px;
}


/* ------- Optik --------   */

/* Optik Elemente linke Spalte */

ul.navi {
        list-style-type:none;
        margin:0;
        padding:0;
}

ul.navi a {
        font-size: 70%;
        line-height: 100%;
        color: rgb(0,0,0);
        background-color: rgb(230,204,221);
        display: block;
        padding: 7px 0 7px 15px;
        margin: 1px 0 0 0;
        text-decoration: none;
}

ul.navi a:focus,
ul.navi a:hover,
ul.navi a:active {
        color: rgb(255,255,255);
        background-color: rgb(128,0,85);
}

#navi .fix {
        color: rgb(255,255,255);
        background-color: rgb(128,0,85);
}
/* Optik Elemente mittlere Spalte */


.textblock h4,
.fliesstext h4 {
             font-size: 60%;
             font-weight: bold;
             vertical-align: middle;
             color: rgb(0,0,0);
             display: block;
             width: 358px;
             height: 15px;
             padding: 0 0 0 25px;
             margin: 0 0 8px 0;
             background-image:url(../pics/headline.gif);
             background-repeat:no-repeat;
}

.textblock h1,
.fliesstext h1 {
             font-size: 120%;
             font-weight: normal;
             color: rgb(0,0,0);
             padding: 0;
             margin: 30px 0 20px 0;
}

.textblock p {
             font-size: 65%;
             font-weight: normal;
             color: rgb(0,0,0);
             padding: 0;
             margin: 0 0 20px 0;
}

.fliesstext p {
             font-size: 70%;
             font-weight: normal;
             line-height: 140%;
             color: rgb(0,0,0);
             padding: 0;
             margin: 0 0 20px 0;
}

.textblock,
.fliesstext a { 
	color: #003399; 
	text-decoration: underline; 
	}


.textblock,
.fliesstext a:hover {
	color: #990066;
	text-decoration: none; 
	}

.fliesstext ul {
           font-size: 70%;
           line-height: 140%;
           color: rgb(0,0,0);
           margin:0;
           padding:0 10px 0 50px;
           list-style-image:url(../pics/bullet.gif)
}

.fliesstext ul li {
           margin: 0 0 10px 0;
}

.fliesstext li a:link {
	color: #003399; 
	text-decoration: underline; 
}

.fliesstext li a:visited {
	color: #003399; 
	text-decoration: underline; 
}

.fliesstext li a:focus,
.fliesstext li a:hover,
.fliesstext li a:active {
 	color: #003399; 
	text-decoration: underline; 
}

hr {
       background-color:rgb(128,0,85); 
    height:1px;
  border:0;
}


/* Klasse für BUTTON Daten ändern u. speichern */

.daten {
        font-family: verdana, arial, sans-serif;
        font-size: 60%;
        line-height: 100%;
        font-weight: bold;
        color: rgb(255,255,255);
        background-color: rgb(128,0,85);
        padding: 1px 15px 1px 15px;
        margin: 0;
        text-decoration: none;
        border:0;
cursor:pointer;
}

.box1 {
      width:393px;
      margin: 5px 0 0px 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/box1.jpg);
      background-repeat:no-repeat;
}

.box1abschluss {
      width:447px;
      height: 26px;
      margin: 0 0 20px 7px;
      background-image:url(../pics/box1abschluss.jpg);
      background-repeat:no-repeat;

}



.box2 {
      width:393px;
      height:240px;
      margin: 5px 0 20px 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/hg_aenderungsbox1.jpg);
      background-repeat:no-repeat;
}

.box3 {
      width:393px;
      height:240px;
      margin: 5px 0 0 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/hg_aenderungsbox1.jpg);
      background-repeat:no-repeat;
}

h4.boxtitel {
            font-size: 60%;
            line-height: 100%;
            font-weight: bold;
            color: rgb(128,0,85);
            margin:0 0 0 0;
            padding:0;
            width: auto;
             height: auto;
             background-image:none;

}

.feldbezeichner {
                      vertical-align:top; 
                      width: 134px;

}


.feldwert {
                      vertical-align:bottom;
                      width: 235px;
}

.aenderungsbox1 .feldbezeichner,
.aenderungsbox2 .feldbezeichner,
.aenderungsbox3 .feldbezeichner{
                      vertical-align:top;
                      width: 134px;
}


.aenderungsbox1 .feldwert,
.aenderungsbox2 .feldwert,
.aenderungsbox3 .feldwert {
                      vertical-align:top;
                      width: 235px;
}

.feldbezeichner p{
            font-size: 60%;
            line-height: 120%;
            text-align: right;
            font-weight: bold;
            color: rgb(59,59,59);
            margin: 0 0 15px 0;
}

.feldwert p {
            font-size: 60%;
            line-height: 120%;
            font-weight: bold;
            color: rgb(0,0,0);
            margin: 0 0 15px 17px;
}

#footer p {
             font-size: 65%;
             font-weight: normal;
             color: rgb(0,0,0);
             padding: 0;
             margin: 0 0 20px 0;
}

#footer a { 
	color: #003399; 
	text-decoration: underline; 
	}


#footer a:hover {
	color: #990066;
	text-decoration: none; 
	}
/* Optik Elemente rechte Spalte */

#titel p {
          font-size: 60%;
          line-height: 130%;
          color: rgb(102,102,102);
          margin: 0;
}


#logout a {
        font-size: 70%;
        line-height: 100%;
        font-weight: bold;
        color: rgb(0,0,0);
        background-image: url(../pics/logout.jpg);
        background-repeat: no-repeat;
        text-decoration: none;
        padding: 8px 13px 8px 35px;
        margin: 0;
}

#platzhalter {
             height: 56px;
}


#aktuelles h4 {
           font-size: 70%;
           font-weight: bold;
           color: rgb(0,0,0);
             padding: 0;
             margin: 0;
}

#aktuelles ul {
           font-size: 60%;
           line-height: 140%;
           color: rgb(0,0,0);
           margin:0;
           padding:18px 10px 0 50px;
           list-style-image:url(../pics/bullet.gif)
}

#aktuelles ul li {
           margin: 0 0 14px 0;
}

#aktuelles li a:link {
           color: rgb(50,50,50);
           text-decoration: none;
}

#aktuelles li a:visited {
           color: rgb(153,153,153);
           text-decoration: none;
}

#aktuelles li a:focus,
#aktuelles li a:hover,
#aktuelles li a:active {
           color: rgb(50,50,50);
           text-decoration: underline;
}

#spalte3 .textblock p {
             font-size: 60%;
             font-weight: normal;
             color: rgb(0,0,0);
             padding: 0;
             margin: 0;
}

/* ------- Formulare --------   */

/* LOGINFORMULAR */

.loginbox {
      width:393px;
      height:218px;
      margin: 5px 0 20px 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/box2.jpg);
      background-repeat:no-repeat;
}

.loginbox p.hinweis {
          font-size: 60%;
          line-height: 130%;
          color: rgb(0,0,0);
          margin: 0;
}

.loginbox table {
      margin: 10px 0 0 10px;
      padding:0;
      border-spacing:10px;
}

.formbezeichner p {
          font-size: 120%;
          text-align: right;
          font-weight: normal;
          color: rgb(0,0,0);
          padding: 0;
          margin: 0;
}


.loginfeld  {
            font-size: 120%;
            width:197px;
            height:27px;
            background-image: url(../pics/hg_loginfeld.gif);
            background-repeat: no-repeat;
            border: 0;
            margin: 0;
            padding: 2px 0 0 15px;
}
td.login {
       text-align: right;
 }


/* FORMULAR DATEN AENDERN */


.aenderungsbox1  {
      width:393px;
      height:240px;
      margin: 5px 0 20px 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/hg_aenderungsbox1.jpg);
      background-repeat:no-repeat;
}

.aenderungsbox2 {
      width:393px;
      height:190px;
      margin: 5px 0 20px 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/hg_aenderungsbox2.jpg);
      background-repeat:no-repeat;
}

.aenderungsbox3 {
      width:393px;
      height:218px;
      margin: 5px 0 0 7px;
      padding: 18px 30px 0 24px;
      background-image:url(../pics/hg_aenderungsbox3.jpg);
      background-repeat:no-repeat;

}

.aenderungsbox1 table,
.aenderungsbox2 table,
.aenderungsbox3 table{
      margin: 5px 0 0 0;
      padding:0;
}

.aenderungsbox1 .feldbezeichner p,
.aenderungsbox2 .feldbezeichner p,
.aenderungsbox3 .feldbezeichner p {
                            margin: 7px 0 0 0;
}

.aenderungsbox1 .feldwert,
.aenderungsbox2 .feldwert,
.aenderungsbox3 .feldwert{
                vertical-align: bottom;
                margin: 0;
                padding:0 0 0 7px;
}

.textzeile,
.textfeld {
            font-family: verdana, arial, sans-serif;
            font-size: 60%;
            font-weight: bold;
            line-height: 120%;
            color: rgb(0,0,0);
            width: 218px;
            background-color: rgb(255,255,255);
            border:0;
            margin: 7px 0 0 0;
            padding: 2px;
}

.textzeile {
           height: 12px;
}

.dropdown {
            font-family: verdana, arial, sans-serif;
            font-size: 60%;
            font-weight: bold;
            line-height: 120%;
            color: rgb(0,0,0);
            width: 222px;
            height: 18px;
            background-color: rgb(255,255,255);
            border: 0;
            margin: 7px 0 0 0;
            padding: 2px;
}