/* -------------------------------------------------------------------------------------------------------------------------
         Projekt : http://www.ets-professional.de
        Besitzer : ETS professional
  eMail Besitzer : info@ets-professional.de
             Typ : CSS-Datei
    Beschreibung : CSS-Style's für WEB-Präsenz von ETS-professional.de
        Erstellt : 01.05.2009, Sascha Schäfer
 eMail Ersteller : schaefer@ets-professional.de
Zuletzt geändert : 17.03.2012, Sascha Schäfer
----------------------------------------------------------------------------------------------------------------------------
    *** Farben ***                      *** externe Dateien ***

       schwarz : #000000                    hg_1.jpg
   blau normal : #0000ff                    PF_E.gif
   blau marien : #b0b0ff                    PF_R.gif
  blau pastell : #e0e0ff                    PF_U.gif
         weiss : #ffffff
         
------------------------------------------------------------------------------------------------------------------------- */
/* Seiten-Grundeinstellungen */

* { margin:0; padding:0; border:0; }

hmtl, body {
width: 100%; height: 100%; color: #000000;
background:#ffffff url(../grafiken/hg_1.jpg) repeat fixed top left;
font-family: Arial, Helvetica, sans-serif;
}
h1 { margin-top:20px; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #0000ff; text-align:left; font-size:16px; }

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Navigation */

#navi {
position: absolute; top: 0px; left:50%;  margin-left:-498px;  width: 165px; height: 100%;
background-color:transparent; color: #000000; text-align: center;
}
#logo_div {
position: absolute; top: 1px; left: 16px;
}
#logo_pic {
width: 142px; height: 142px;
}
#topics {
position: absolute; top: 165px; left: 0px; width: 158px; overflow: hidden;
background-color: #ffffff; color: #000000;
}
#devisions {
width: 158px; height: 19px; padding: 1px 0px 0px 0px;
background: #b0b0ff url(../grafiken/PF_E.gif) no-repeat scroll bottom left; color: #0000ff;
text-align: center; text-indent: 16px; font-size: 13px;
}
.topic_dot {
width: 158px; height: 20px; margin: 1px 0px 0px 0px; padding: 0px; border: 0px;
background: #e0e0ff url(../grafiken/PF_R.gif) no-repeat scroll bottom left; color: #0000ff;
text-indent: 16px; text-align: center;
}
.topic_dot_active {
width: 158px; height: 20px; margin: 1px 0px 0px 0px; padding: 0px; border: 0px;
background: #e0e0ff url(../grafiken/PF_U.gif) no-repeat scroll bottom left; color: #0000ff;
text-indent: 16px; text-align: center;
}
.sub_topic_dot {
width: 158px; height: 15px; margin: 1px 0px 0px 0px;
text-indent: 16px; text-align: center;
}
a:link.li_navi, a:visited.li_navi {
text-decoration: none; font-size: 12px; background-color: #e0e0ff; color: #0000ff;
}
a:hover.li_navi, a:active.li_navi {
text-decoration: none; font-size: 13px; background-color: #e0e0ff; color: #000000;
}
a.unme {
display: block; text-decoration: none; font-size: 11px;
background: #ffffff url(../grafiken/PF_E.gif) no-repeat scroll bottom left; color: #000000;
}
a:link.unme, a:visited.unme {
background-color: #ffffff; color: #000000;
}
a:hover.unme, a:active.unme {
background-color: #e0e0ff; color: #000000;
}
/*----------------------------------------------------------------------------------------------------------------------- */
/* Content  - Container */

#content {
position: absolute; top: 0px; left:50%;  margin-left:-332px; width: 830px; height: auto;
padding: 0px 7px 0px 0px; text-align:left;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* Content / Header - Bereich */

#header { height:44px; padding-top:8px; text-align: center; background-color: #ffffff; color: #0000ff; font-size: 24px; font-weight: bold; }
#headerpic { width:830px; height:47px; }
#flshobj { width:830px; height:47px; }
/*----------------------------------------------------------------------------------------------------------------------- */
/* Content / Content - Bereich */

a.ansi {
background-color: #e0e0ff; color: #0000ff; text-decoration: none;
font:14px Arial, Helvetica, sans-serif normal normal normal normal;
}
a:link.ansi, a:visited.ansi {
background-color: #e0e0ff; color: #0000ff; text-decoration: underline;
}
a:hover.ansi, a:active.ansi {
background-color: #e0e0ff; color: #000000; font-size: 13px; font-weight: bold; text-decoration: none;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* Content / Footer - Bereich */

.foot { margin-top:20px; padding-top:20px; border-top:2px solid #0000FF; text-align:left; }
.naob { padding:0px 3px 0px 3px; background-color:#0000ff; color: #ffffff; text-align: left; font-size: 12px; font-weight: bold; text-decoration: none; }
a:hover.naob { background-color:#ffffff; color: #0000ff; }

/* ---------------------------------------------------------------------------------------------------------------------- */
/* Werbung auf Start-Seite */

#feature1 {
position: absolute; left: 16px; top: 480px; width: 142px;
}
#feature1a {
width: 142px; height: 26px;
}
#feature2 {
position: absolute; left: 16px; top: 550px; height: 71px;
}
#feature2a {
width: 142px; height: 71px;
}
/* ---------------------------------------------------------------------------------------------------------------------- */