/* CSS Wohnungswirtschaft - Stand: 06.11.12 */
/*Body und Schrift***********************************************************/
body            {   background-image: url(../images/back.jpg); margin: 0;
                    font-family: Arial, Verdana, Helvetica;
                    font-size: 100%; color: #5f5f5f; }
img             {   border: 0 none; }
form            {   margin: 0px; }
a               {   font-weight: bold; text-decoration: none;}
a:link          {   color: #5f5f5f; }
a:visited       {   color: #5f5f5f; }
a:hover         {   color: #e50000; text-decoration: underline; }
a:active        {   color: #e50000; text-decoration: underline; }

*               {   margin:0; padding:0; }
p,h4            {   margin: 1em; }

/*Bereich mit Logo, Text und Headbanner***********************************************************/
#head           {   position: absolute; top:0px; left:0px; height:135px; width:1010px; background-color:#ffffff; background-image: url(../images/head.jpg); margin: 0;
                    border-bottom:0px solid; border-right:0px solid; border-color:#5f5f5f; }
#logo           {   position:absolute; top:40px; left:45px; }
#headtext       {   position:absolute; top:50px; left:501px; width:400px; height:25px;
                    border-bottom:0px solid; border-right:0px solid; border-color:#5f5f5f; }
#headtext p     {   font-size: 20px;  margin:0;}
#headlinks      {   position:absolute; top:85px; left:860px; }
#headlinks p    {   font-size: 11px;  margin:0;}


/* Linke Navigation ******************************************************************************/
#navi           {   position:absolute; top:180px; left:40px; width:170px; height:100%; }
#navi ul li     {   height:30px; text-align: left; padding-left: 7px; PADDING-TOP: 3px; list-style-type: none; margin: 0;
                    border-top: 0px dashed; border-right: 0px solid; border-bottom: 1px dashed; border-left: 0px solid; border-color: #dfdfdf; }
/*Letzter Navigationspunkt ohne Linie*/
#navi ul li.end {   height:100%; padding-left: 7px; border-top: 0px dashed; border-right: 0px solid;
                    border-bottom: 0px solid; border-left: 0px solid; border-color: #dfdfdf; }
#navi a         {   font-size: 75%; font-weight: bold;  text-decoration: none; }
#navi a:link    {   color: #5f5f5f; }
#navi a:visited {   color: #5f5f5f; }
#navi a:hover   {   color: #e50000; text-decoration: underline;}
#navi a:active  {   color: #e50000; text-decoration: underline;}


/*Kundendaten rechter Rand - nach Login***********************************************************************/
#kunde          {   position:absolute; top:140px; left:850px; width:160px; height:100%; }
#kunde p.headline{  font-size: 13px; font-weight: bold; line-height: 120%; border-bottom: 2px solid; border-color: #dfdfdf; padding-left: 5px; padding-bottom: 5px;
                    margin-bottom: 20px; margin-top: 2px; margin-left: 5px; margin-right: 5px; }
#kunde p        {   font-size: 12px; line-height: 120%; padding-left: 5px;
                    margin-bottom: 10px; margin-top: 2px; margin-left: 5px; margin-right: 15px; }

/*Startseite - nur Text**************************************************************************************/
#start           {  margin:20px; }

#start h1        {  font-size: 18px; font-weight: bold; color: #5f5f5f; margin-bottom: 10px; margin-left: 0px;}
#start h2        {  font-size: 16px; font-weight: bold; color: #5f5f5f; margin-bottom: 10px; margin-top: 8px;  margin-left: 0px;}
#start p         {  font-size: 12px; line-height: 130%; margin-bottom: 8px; margin-top: 0px;  margin-left: 0px;}
#start ul        {  font-size: 12px; line-height: 150%; list-style-type: square; margin-bottom: 3px; margin-top: 10px;  margin-left: 0px;}

#start hr        {  width:100%; color:#5f5f5f; background-color:#5FA3CB; height:1px; text-align:center; border:0px }
#start a         {  font-size: 100%; font-weight: bold; text-decoration: none; }
#start a:link    {  color: #5f5f5f; }
#start a:visited {  color: #5f5f5f; }
#start a:hover   {  color: #e50000; text-decoration: underline;}


/* Formularbereich *************************************************************************************/
#form           {   position:absolute; top:140px; left:210px; width:600px; height:100%; }

/*tabellarische Darstellung*/
#form table.content    {   font-size: 11px; width: 100%;}
#form table.content th {   font-weight: bold; background-color: #C4D8EF; height: 40px; text-align: left; vertical-align: middle;  padding-left: 5px;
                           border-top: 1px solid; border-right: 0px solid; border-bottom: 1px solid; border-left: 0px solid; border-color: #000000; }
#form table.content td {   height: 25px; text-align: left; vertical-align: middle; padding-left: 5px;
                           border-top: 0px solid; border-right: 0px solid; border-bottom: 1px solid; border-left: 0px solid; border-color: #000000;}

td.form_050     {   width: 50px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_100     {   width: 100px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_150     {   width: 150px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_200     {   width: 200px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_250     {   width: 250px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_350     {   width: 350px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
td.form_400     {   width: 400px; vertical-align: top; margin-left: 20px; margin-right: 20px; }
#form h2        {   font-size: 16px; font-weight: bold; color: #5f5f5f;
                    margin-bottom: 30px; margin-top: 18px; margin-left: 15px; margin-right: 15px; }
#form h3        {   font-size: 80%; font-weight: bold; color: #5f5f5f;
                    margin-bottom: 3px; margin-top: 18px; margin-left: 15px; margin-right: 15px; }
#form p         {   font-size: 12px; line-height: 130%;
                    margin-bottom: 1px; margin-top: 0px; margin-left: 15px; margin-right: 15px; }
#form p.data    {   font-size: 12px; line-height: 100%;
                    margin-bottom: 5px; margin-top: 5px; margin-left: 15px; margin-right: 15px; }
#form p.step    {   font-size: 12px; font-weight: bold; color: #e50000; text-align: right;
                    margin-bottom:10px; }
#form p.headline{   font-size: 12px; font-weight: bold; color: #5f5f5f; text-align: left; margin-bottom:10px; }
#form p.link    {   background-image: url(../images/link_sm.gif);
                    background-repeat:no-repeat; background-position:0px center;
                    font-size: 65%; line-height: 100%; padding-left: 10px;
                    margin-bottom: 1px; margin-top: 10px; margin-left: 15px; margin-right: 15px; }
#form p.help    {   font-size: 12px; line-height: 100%;
                    margin-bottom: 1px; margin-top: 20px; margin-left: 15px; margin-right: 15px; }
#form p.fehler  {   background-image: url(../images/fehler.gif);
                    background-repeat:no-repeat; background-position:0px center;
                    font-size: 70%; line-height: 150%; color: #e50000; padding-left: 30px;
                    margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 15px; }

#form p.fehlertext  { font-size: 12px; line-height: 150%; color: #e50000; padding-left: 5px;
                    margin-bottom: 10px; margin-top: 10px; margin-left: 30px; margin-right: 15px; }

#form p.warnungtext  { font-size: 12px; line-height: 150%; color: #e50000; padding-left: 5px;
                    margin-bottom: 10px; margin-top: 10px; margin-left: 10px; margin-right: 15px; }

#form ul.infoMessages,
#form ul.errorMessages,
#form ul.blockErrorMessages {
        list-style: none;
        margin-bottom: 10px;
}


.onlinebill ul {
        list-style: none;
        margin-bottom: 10px;
        font-size: xx-small;
        display: block;
        padding-left: 17px;
}

#form ul.infoMessages p.fehlertext,
#form ul.errorMessages p.fehlertext,
#form ul.blockErrorMessages p.fehlertext {
        margin: 0 0 0 10px;
}
#form ul.infoMessages p.fehlertext {
        color: #5f5f5f;
}

#form ul.infoMessages li,
#form ul.errorMessages li,
#form ul.blockErrorMessages li {
        margin: 0;
        padding: 0;
}

#form fieldset  {   border-top:1px dashed; border-right: 0px solid; border-bottom: 0px solid;
                    border-left: 0px solid; border-color:#dfdfdf;  margin-top: 20px; margin-left: 10px; padding:10px; }
#form fieldset.data{border-top:1px dashed; border-right: 0px solid; border-bottom: 0px solid;
                    border-left: 0px solid; border-color:#5f5f5f;  margin-top: 5px; padding:10px; }
input, textarea, select{font-family: Arial, Verdana, Helvetica; font-size: 100%;  }
input.do        {   width:140px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; margin-bottom:10px; }
input.do_sm     {   width:55px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; }
input.do_sm2    {   width:30px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; }
/*TSC add*/
input.do_tel_rufnr    {           width:90px;
                                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                                    border-left: 1px solid; border-color: #A9CFE3; }
input.do_330     {   width:330px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; margin-bottom:10px; }


input.read      {   width:140px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; background-color: #E5F0F6;}
input.read_sm   {   width:55px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; background-color: #E5F0F6;}
input.read_sm2  {   width:30px;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; background-color: #E5F0F6;}
textarea.do {
        width: 430px;
        border: 1px solid #A9CFE3;
}
/*TSC add*/
input.read_tel_rufnr    {   width:90px;
                                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                                    border-left: 1px solid; border-color: #A9CFE3; background-color: #E5F0F6;}

input.read_330    {   width:300px;
                                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                                    border-left: 1px solid; border-color: #A9CFE3; background-color: #E5F0F6;}



select.do       {   width:140px; background-color: #ffffff;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; margin-bottom: 10px; }
select.dowidth  {   width:300px; background-color: #ffffff;
                    border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;
                    border-left: 1px solid; border-color: #A9CFE3; }
input.button    {
        width:100px;
        cursor:hand; cursor:pointer;
        padding: 0.2em 0.5em 0.2em 0.5em;
        border: 1px solid #5f5f5f;
        color: #000000;
        background-color: #dfdfdf;
        margin: 0;
}



/*TSC Buttons für Links ************************************************************************************/
.button_style {
        width: 100px;
        cursor:hand;cursor:pointer;
        padding: 0.2em 3.5em 0.2em 3.5em;
        text-align:right;
        font-size: 65%;
        border: 1px solid #A9CFE3;
        color: #000000;
        background-color: #ece9d8;
}

#form p .button_style {
        font-size: 90%;
}


.button_text {
        font-family: Arial, Verdana, Helvetica;
        text-decoration: none;
        color: #000000;
        font-weight: normal;





}
.button_text:hover {
        color: #000000;


}





/*Footer Copyrights ************************************************************************************/
#footer  {color: #5f5f5f; text-align: center; padding:2.2em 0 1.3em 0;}






#info {
        position:absolute; top:8.8em; left:64.9em;
        width:17.17em; height:100%;
        background-color:#BDC6E5;
}

#infocontainer {
        position:relative;
        float:left;
        width:17.17em; height:100%;
        padding: 0.5em;
        z-index:1;
}