/*****************************************************************/
/*  CSS für Internetseite www.pc-cityservice.de                  */
/*  Parameter für Bildschirmauflösung 1280                       */
/*                                                               */
/*  Inhaber:   M. Steinmetz                                      */
/*             mail@pc-cityservice.de                            */
/*                                                               */
/*  Titel:     PC-CityService                                    */
/*  Author:    M. Steinmetz                                      */
/*             mail@pc-cityservice.de                            */
/*  Language:  DE                                                */
/*                                                               */
/*  History:                                                     */
/*                                                               */
/*-------------------------------------------------------------- */
/*  Datum      Beschreibung                                      */
/*-------------------------------------------------------------- */
/*  24.12.07   erstellt und modifiziert                          */
/*                                                               */
/*                                                               */
/*                                                               */
/*****************************************************************/

/*****************************************************************/
/*                                                               */
/*  Internet Explorer HACKS -> * html ......                     */
/*                                                               */
/*****************************************************************/
html
{/*________________________| : |_________________________________*/
                      height : 100%;
                  max-height : 100%;
                     padding : 0;
                      margin : 0;
                      border : 0;
                    overflow : hidden;  
}
body
{/*________________________| : |_________________________________*/
                       color : #000000;
                      height : 100%;
                  max-height : 100%;
                    overflow : hidden;
                     padding : 0;
                      margin : 0;
                      border : 0;
            background-color : #12513c;
                 font-family : Verdana,Arial,Tahoma;
                  font-style : normal;
/*     scrollbar-arrow-color : #fff;
        scrollbar-base-color : #12513c;
   scrollbar-highlight-color : #fff;
      scrollbar-shadow-color : #fff;
       SCROLLBAR-TRACK-COLOR : #e6e6e6; */
}
* html body
{/*________________________| : |_________________________________*/
	              font-family : Verdana,Arial,Tahoma;
	               font-style : normal;
}

/* Haupt-Container */
#haupt
{/*________________________| : |_________________________________*/
                     z-index : 2;
                        left : 0px;
                       right : 0px;
                  margin-top : 0px;
                       width : 100%;
                      height : 100%;
            background-color : #12513c;
                      border : none;
            background-image : url(_Images/bg_1280.jpg);  
           background-repeat : no-repeat;
         background-position : 50% 50%;
}
* html #haupt
{/*________________________| : |_________________________________*/
                     z-index : 2;
                margin-right : 0px;
                  margin-top : 0px;
                 margin-left : 0px;
               padding-right : 0px;
                padding-left : 0px;
               margin-bottom : 0px;
                       width : 100%;
                      border : none;
                      height : 100%;
}

/* Rahmen oben Mitte mit Menu */
/* ==============================================================*/
#rahmen_oben_mitte
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                         top : 80px;
                        left : 150px;
                       right : 159px;
                      height : 40px;
            background-image : url(_Images/rahmen_oben_mitte.gif);
           background-repeat : y;
                  text-align : right;
              vertical-align : bottom;
                        font : normal 12px verdana, sans-serif;
                 line-height : 40px;
                 white-space : nowrap;
                       color : #ffffff;
                 font-weight : bold;

}
* html #rahmen_oben_mitte
{/*________________________| : |_________________________________*/
                     z-index : 10;
                       width : 100%;                  
                border-right : solid 309px #12513c;
}

/* Rahmen unten Mitte mit Einzugsbereich */
/* ==============================================================*/
#rahmen_unten_mitte
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                      bottom : 50px;
                        left : 150px;
                       right : 159px;
                      height : 40px;
            background-image : url(_Images/rahmen_oben_mitte.gif);
           background-repeat : y;
                  text-align : center;
              vertical-align : bottom;
                   font-size : 0.8em;
                 line-height : 40px;
                 white-space : nowrap;
}
* html #rahmen_unten_mitte
{/*________________________| : |_________________________________*/
                     z-index : 6;
                       width : 100%;
                       right : 850px;
                border-right : solid 309px #12513c;
                  text-align : center;
              vertical-align : bottom;
                   font-size : 0.8em;
}

/* LOGO oben rechts */
/* ==============================================================*/
#logo
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                         top : 12px;
                       width : 420px;
                      height : 59px;
                       right : 150px;
            background-image : url(_Images/logo.gif);
           background-repeat : no-repeat;
}


/* LOGO oben rechts */
/* ==============================================================*/
#grafik
{/*________________________| : |_________________________________*/
                     z-index : 4;
                    position : absolute;
                     display : block;
                         top : 0px;
                       width : 100%;
                      height : 100%;
                       right : 0px;
            background-image : url(_Images/bg03.gif);
           background-repeat : no-repeat;
           background-position : 50% 50%;
}










/* Ecke oben links */
/* ==============================================================*/
#ecke_oben_links
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                       float : left;
                         top : 80px;
                        left : 123px;
                       right : 150px;
                      height : 66px;
                       width : 27px;
            background-image : url(_Images/ecke_oben_links.gif);
           background-repeat : no-repeat;
}
#ecke_unten_links
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                       float : left;
                      bottom : 50px;
                        left : 123px;
                       right : 150px;
                      height : 66px;
                       width : 27px;
            background-image : url(_Images/ecke_unten_links.gif);
           background-repeat : no-repeat;
}

/* Ecke oben rechts */
/* ==============================================================*/
#ecke_oben_rechts
{/*________________________| : |_________________________________*/
                     z-index : 11;
                    position : absolute;
                       float : right;
                         top : 80px;
                       right : 109px;
                      height : 66px;
                       width : 50px;
            background-image : url(_Images/ecke_oben_rechts.gif);
           background-repeat : no-repeat;
}
#ecke_unten_rechts
{/*________________________| : |_________________________________*/
                     z-index : 5;
                    position : absolute;
                       float : right;
                      bottom : 50px;
                       right : 99px;
                      height : 66px;
                       width : 60px;
            background-image : url(_Images/ecke_unten_rechts.gif);
           background-repeat : no-repeat;
}
#ecke_unten_rechts2
{/*________________________| : |_________________________________*/
                     z-index : 8;
                    position : absolute;
                       float : right;
                      bottom : 50px;
                       right : 99px;
                      height : 40px;
                       width : 60px;
            background-image : url(_Images/ecke_unten_rechts2.gif);
           background-repeat : no-repeat;
}




/* Rahmen rechts */
/* ==============================================================*/
#rahmen_rechts
{/*________________________| : |_________________________________*/
                     z-index : 5;
                    position : absolute;
                         top : 130px;
                      bottom : 90px;
                       right : 109px;
                       width : 24px;
            background-image : url(_Images/rahmen_rechts.gif);
           background-repeat : x;
}
* html #rahmen_rechts
{/*________________________| : |_________________________________*/
                     z-index : 5;
                      height : 100%;
               border-bottom : solid 205px #12513c;
}
#rahmen_rechts2
{/*________________________| : |_________________________________*/
                     z-index : 7;
                    position : absolute;
                         top : 130px;
                      bottom : 97px;
                       right : 109px;
                       width : 4px;
            background-image : url(_Images/rahmen_rechts2.gif);
           background-repeat : x;
}
* html #rahmen_rechts2
{/*________________________| : |_________________________________*/
                     z-index : 7;
                      height : 100%;
               border-bottom : solid 220px #12513c;
}





/* INHALT */
/* ==============================================================*/
#content
{/*________________________| : |_________________________________*/
                     z-index : 6;
                       color : #f0fff0;
                    position : absolute;
                     display : block;
                    overflow : auto;
                        left : 200px;
                       right : 113px;
                         top : 148px;
                      bottom : 97px;
                padding-left : 36px;
               padding-right : 95px;
              padding-bottom : 20px;
            background-color : none;
              letter-spacing : 1px;
                 line-height : 1.7em;
                   font-size : 0.8em;
}
* html #content
{/*________________________| : |_________________________________*/
                     z-index : 6;
                      height : 100%;
                       width : 100%;
                         top : 147px;
                padding-left : 36px;
               padding-right : 95px;
              padding-bottom : 20px;
              letter-spacing : 1px;
                 line-height : 1.4em;
            background-color : none;
               border-bottom : solid 237px #12513c;
                border-right : solid 313px #12513c;
}


/* Meta-Container */
#Meta
{/*________________________| : |_________________________________*/
                     z-index : 1;
                    position : absolute;
                        left : 0px;
                       right : 0px;
                  margin-top : 0px;
                       width : 1px;
                      height : 1px;
                      border : none;
                   font-size : 0em;
                       color : #12513c;
}
* html #Meta
{/*________________________| : |_________________________________*/
                     z-index : 1;
                    position : absolute;
                        left : 0px;
                       right : 0px;
                  margin-top : 0px;
                       width : 1px;
                      height : 1px;
                      border : none;
                   font-size : 0em;
                       color : #12513c;
}






















/* Rahmen oben Mitte mit SUBMenu */
/* ==============================================================*/
#submenu
{/*________________________| : |_________________________________*/
                     z-index : 10;
                    position : absolute;
                     display : block;
                         top : 175px;
                        left : 90px;
                       width : 100px;
                      bottom : 120px;
                  text-align : left;
              vertical-align : middle;
                        font : normal 12px verdana, sans-serif;
                 line-height : 26px;
                 white-space : nowrap;
                       color : #ffffff;
                 font-weight : bold;
}
* html #submenu
{/*________________________| : |_________________________________*/
                     z-index : 10;

}









p.agb_head
{/*________________________| : |_________________________________*/
                   font-size : 14px;
                       color : #7eb69e;
                 font-weight : bold;
}
p.agb_header
{/*________________________| : |_________________________________*/
                   font-size : 14px;
                       color : #ffffff;
                 font-weight : bold;
}

.like_link
{/*________________________| : |_________________________________*/
                       color : #7eb69e;
                        font : bold 12px verdana, sans-serif;
                 line-height : 26px;
}















/* Footer Copyright */
/* ==============================================================*/
#footer
{/*________________________| : |_________________________________*/
                     z-index : 90;
                    position : absolute;
                      bottom : 0px;
                        left : 0px;
                       right : 0px;
                      height : 20px;
            background-color : none;
                       width : 100%;                     
}
* html #footer
{/*________________________| : |_________________________________*/
                     z-index : 10;
                       width : 100%;
                      height : 21px;
}
/* Zusatzformatierung für Footer-Container (unterer grauer Balken) */
.footertext
{/*________________________| : |_________________________________*/
                       color : #7da699;
                  text-align : center;
              vertical-align : middle;
                   font-size : 0.7em;
}
* html .footertext
{/*________________________| : |_________________________________*/
              letter-spacing : 0px;
                   font-size : 0.7em;
}




/* LINKS */
/* ==============================================================*/
a.disa:link, a.disa:visited
{/*________________________| : |_________________________________*/
                       color : #ffffff;
                        font : normal 12px verdana, sans-serif;  
                 line-height : 26px;
                  text-align : center;
             text-decoration : none;
                 font-weight : bold;
}
a.enab:link, a.enab:visited
{/*________________________| : |_________________________________*/
                       color : #12513c;
                        font : normal 12px verdana, sans-serif;
                 line-height : 26px;
                  text-align : center;
             text-decoration : none;
                 font-weight : bold;
}
a.enab:hover
{/*________________________| : |_________________________________*/
                       color : #cacaca;
                        font : normal 12px verdana, sans-serif;
                 line-height : 26px;
                  text-align : center;
             text-decoration : none;
                 font-weight : bold;
}
/* Formatierung aller Default-Links */
a:link, a:visited
{/*________________________| : |_________________________________*/
                       color : #7eb69e;
                        font : normal 12px verdana, sans-serif;
                 line-height : 26px;
             text-decoration : none;
                 font-weight : bold;
}
a:hover
{/*________________________| : |_________________________________*/
                       color : #aeaeae;
                        font : normal 12px verdana, sans-serif;
                 line-height : 26px;
             text-decoration : none;
                 font-weight : bold;
}

td
{/*________________________| : |_________________________________*/
                       color : #ffffff;
                        font : normal 12px verdana, sans-serif;
}
input, textarea
{/*________________________| : |_________________________________*/
                       color : #12513c;
                        font : normal 12px verdana, sans-serif;
}

.button
{/*________________________| : |_________________________________*/
                       color : #12513c;
                        font : normal 12px verdana, sans-serif;
                       font-weight : bold;
                       background-color : #7eb69e;
}