/* DATEI: step.css */
/* (c) 2003 Winrich Germann */

/* Farbskala
Sonnengelb:         #f9b700  60- 17- 76
Dunkelgrau:         #3c474c 249-183-  0
Hellgrau:           #9ea8ab 158-168-171
Dunkelblau:         #00289B   0- 40-155
*/

/* Header styles */
#header01
    {
    position: absolute;
    top: 0px;
    left: 0px;
    }
#header02
    {
    position: absolute;
    top: 0px;
    right: 20px;
    }
#header03
    {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:5;
    }

td.header
    {
    border-style:none;
    padding:0px;
    margin:0px;
    vertical-align:bottom;
    }

/* Sub-Menu left side column styles */
#submenu
    {
    position: absolute;
    top: 92px;
    left: 0px;
    }
table.submenu
    {
    border-style:solid;
    border-width:1px;
    border-color:#f9b700;
    background-color:#ffffff;
    margin-left:20px;
    margin-top:15px;
    margin-right:20px
    }

/* Seminar styles */

table.seminar
    {
    margin-top:15px;
    border-style:none;
    }

td.seminar_type
    {
    background-color:#000000;
    color:#ffffff;
    font-size:11pt;
    font-weight:bold;
    vertical-align:top;
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#000000;
    padding-top:2px;
    padding-bottom:3px;
    padding-left:8px;
    padding-right:8px;
    }

td.seminar_title
    {
    background-color:#C0C0C0;
    color:#000000;
    font-size:11pt;
    font-weight:bold;
    vertical-align:top;
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#000000;
    padding-top:2px;
    padding-bottom:3px;
    padding-left:8px;
    padding-right:8px;
    }

td.seminar_desc
    {
    background-color:#DEDEDE;
    color:#000000;
    font-size:10pt;
    font-weight:normal;
    vertical-align:top;
    border-top-style:none;
    padding:8px;
    margin-bottom:8px;
    border-bottom-style:solid;
    border-bottom-width:8px;
    border-bottom-color:#ffffff;
    }

td.seminar_h
    {
    background-color:#c0c0c0;
    color:#000000;
    font-size:10pt;
    font-weight:bold;
    vertical-align:top;
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#c0c0c0;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-bottom-color:#ffffff;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
    }

td.seminar_thema
    {
    background-color:#c0c0c0;
    color:#000000;
    font-size:10pt;
    font-weight:bold;
    vertical-align:top;
    border-top-style:solid;
    border-top-width:4px;
    border-top-color:#ffffff;
    border-bottom-style:none;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
    }

td.seminar_text
    {
    background-color:#ffffff;
    color:#000000;
    font-size:10pt;
    font-weight:normal;
    vertical-align:top;
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#c0c0c0;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-bottom-color:#ffffff;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
    }

td.seminar_kurz
    {
    background-color:#ffffff;
    color:#000000;
    font-size:10pt;
    font-weight:normal;
    vertical-align:top;
    border-top-style:none;
    border-left-style:none;
    border-bottom-style:solid;
    border-bottom-width:4px;
    border-bottom-color:#ffffff;
    padding-top:2px;
    padding-bottom:4px;
    padding-left:10px;
    padding-right:8px;
    margin-bottom:4px;
    }




/* check */




/* Logo */
#logo
    {
    position: absolute;
    top: 70px;
    left: 30px;
    }
#logotext
    {
    position: absolute;
    top: 75px;
    left: 50px;
    font-size:18pt;
    font-weight:bold;
    }

/* right side ad */
table.RightSideAd
{
    border-style:none;
    border-collapse: collapse;
    padding:0px;
    margin:0px;
    width:210px;
}
tr.RightSideAd
{
    border-style:none;
    border-collapse: collapse;
    padding:0px;
    margin:0px;
}

th.RightSideAd
    {
    text-align : center;
    font : Arial,Helvetica,sans-serif;
    font-weight=bold;
    font-size:9pt;
    valign=top;
    vertical-align :top;
    background-color:#f9b700;
    color:#3c474c;
    padding:4px;
    margin:0px;
    border-width:1px;
    border-style:solid;
    border-color:#f9b700;
    }

td.RightSideAd
{
    border-style:solid;
    border-color:#f9b700;
    border-width:1px;
    border-spacing:0px;
    font-size:8pt;
    padding:4px;
    margin:0px;
}

/**********************/
/* Teaser */
/**********************/

TABLE.teaserElement {
    border-spacing: 0pt 0pt;
    border-collapse: collapse;
    border-style: none;
    width: 100%;
}

P.teaserTitle {
    font-family : Arial,Helevetica,sans-serif;
    color : #FFFFFF;
    font-size : 12px;
    line-height : 15px;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left:3px;
    margin-right:3px;
}

TD.teaserTitle {
padding: 0px;
background-image:url(../common/spacer.gif);
}


TD.teaserText {
padding : 0px;
background-image:url(../common/spacer.gif);
}

P.teaserText {
    font-family : Arial,Helvetica,sans-serif;
    font-size : 11px;
    font-weight : normal;
    text-decoration : none;
    color : #000000;
    line-height: 16px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left:3px;
    margin-right:3px;
}

A.teaserTitle:link, A.teaserTitle:visited {
    font-weight: normal;
    font-size : 12px;
    color: #FFFFFF;
    text-decoration: none;
}

A.teaserTitle:hover, A.teaserTitle:active {
    color : #FFFFFF;
    text-decoration: underline;
}

A.teaserText:link, A.teaserText:visited {
    color: #FC1921;
    text-decoration: none;
}

A.teaserText:hover, A.teaserText:active {
    color: #FC1921;
    text-decoration: underline;
}










/* Body-Bereich*/
body
    {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    font-size:10pt;
    line-height:16px;
    color:#000000;
    /* font-weight:bold; */
    scrollbar-face-color: #e5ecf3;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #000080;
    }


body.leer   {
            /* background-color:#EDE2D7;
            background-color:#000080;*/
            background-color:#004888;
            }


/* Normaler Text */
li,nobr
        {
    text-align : left;
    font :Arial, Helvetica, sans-serif;
    font-size:10pt;
    line-height:16px;
    font-family:Arial, Helvetica, sans-serif;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    margin-top:0px;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;
    }
    /* font-family = Schriftart fuer Textelemente */
    /* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */

/* Absatz*/
p
    {
    text-align :left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
    }

/* ordered list */
ol
    {
    list-style-type:decimal;
    text-align : left;
    font :Arial, Helvetica, sans-serif;
    font-size:10pt;
    font-family:Arial, Helvetica, sans-serif;
    }
    /* font-family = Schriftart fuer Textelemente */
    /* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */
    /* Mit list-style-type: können Sie das Aussehen von Listenzeichen kontrollieren.  */
    /* decimal = für <ol>-Listen: Numerierung 1.,2.,3.,4. usw. */
    /* lower-roman = für <ol>-Listen: Numerierung i.,ii.,iii.,iv. usw. */
    /* upper-roman = für <ol>-Listen: Numerierung I.,II.,III.,IV. usw. */
    /* lower-alpha = für <ol>-Listen: Numerierung a.,b.,c.,d. usw. */
    /* upper-alpha = für <ol>-Listen: Numerierung A.,B.,C.,D. usw. */




/* unsorted lists */
ul
    {
    list-style-type:disc;
    text-align : left;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:10px;
    padding-right:0px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:7px;
    margin-right:0px;
    }
    /* font-family = Schriftart fuer Textelemente */
    /* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */
    /* Mit list-style-type: können Sie das Aussehen von Listenzeichen kontrollieren.  */
    /* disc = für <ul>-Listen: Dateisymbol als Bulletzeichen */
    /* circle = für <ul>-Listen: rundes Bulletzeichen */
    /* square = für <ul>-Listen: rechteckiges Bulletzeichen */
    /* none = kein Bulletzeichen, keine Numerierung */


/* Tabelle  */
table
    {
    empty-cells:border;
    }

/* Zelle in einer Tabelle */
td  {
    text-align : left;
    font-family : Tahoma,Arial, Helvetica,sans-serif;
    font-size:10pt;
    vertical-align : middle;
    border-left-width:1pt;
    border-left-style:none;
    border-bottom-width:1pt;
    border-bottom-style:none;
    border-right-width:1pt;
    border-right-style:none;
    border-top-width:1pt;
    border-top-style:none;
    border-color:#c0c0c0;
    }

/* Zelle in einer Tabelle */
tr  {
    text-align : left;
    font-family : Tahoma,Arial, Helvetica,sans-serif;
    font-size:10pt;
    vertical-align : top;
    border-left-width:1pt;
    border-left-style:none;
    border-bottom-width:1pt;
    border-bottom-style:none;
    border-right-width:1pt;
    border-right-style:none;
    border-top-width:1pt;
    border-top-style:none;
    border-color:#c0c0c0;
    }


/* Mit Format-Unterklassen können Tags unterschiedliche Formate erhalten.*/
/* Der einleitende Tag einer Datenzelle muss dann z.B. '<td class="lay">' lauten! */


/* Tabelle: Zelle der Kopfzeile*/
th  {
    text-align : center;
    font : Arial,Helvetica,sans-serif;
    font-weight=bold;
    font-size:9pt;
    valign=top;
    vertical-align : top;
    background-color:#c0c0c0;
    /*
    border-width:1pt;
    border-style:solid;
    border-color:#c0c0c0;
    */
    }

/* button */
button  {
    font-size:10pt;
    height:22px;
    }

/* input */
input   {
    font-size:10pt;
    height:22px;
    }
    /* Eingabefelder etc. */


/* Überschrift Ebene 1 */
h1  {
    font-size:14pt;
    <!-- line-height:26px; -->
    font-weight:normal;
    text-align:left;
    padding:0px;
    margin-top:12px;
    margin-bottom:6px;
    margin-left:0px;
    margin-right:0px;
    }


/* Überschrift Ebene 2 */
h2  {
    font-size:13pt;
    text-align:left;
    <!-- line-height:20px; -->
    font-weight:normal;
    padding:0px;
    margin-top:12px;
    margin-bottom:4px;
    margin-left:0px;
    margin-right:0px;
    }

/* Überschrift Ebene 3 */
h3  {
    font-size:13pt;
    }

/* Überschrift Ebene 4 */
h4  {
    font-size:12pt;
    }


/* Verweise */
a.tab   {
    font-weight:normal;
    }

a:link  {
    color: #3c474c;
    text-decoration:none;
    font-weight:bold;
    }
    /* a:link = Verweise zu noch nicht besuchten Seiten */
    /* color = Farbe */
    /* #000000 = schwarz, #FFFFFF= weiß, Wert aenderbar */
    /* text-decoration = Textstil */
    /* underline = unterstrichen, Default-Wert, Wert aenderbar */
    /* none = nicht unterstrichen, Wert aenderbar */

a:visited
    {
    color:#3c474c;
    text-decoration:none;
    font-weight:bold;
    }
    /* a:visited = Verweise zu bereits besuchten Seiten */

a:active{
    color:#3c474c;
    /* background:#cc0000;*/
    text-decoration:none;
    font-weight:bold;
    }

a:hover {
    color:#3c474c;
    background:transparent;
    text-decoration:underline;
    font-weight:bold;
    /*color:#0000e0;
    background:#ffffff;*/
    }
/*
border-top-width:1pt;
    border-top-style:none;
    border-top-color:#c0c0c0;
    border-left-width:1pt;
    border-left-style:none;
    border-left-color:#c0c0c0;
    border-bottom-width:1pt;
    border-bottom-style:none;
    border-bottom-color:#c0c0c0;
    border-right-width:1pt;
    border-right-style:none;
    border-right-color:#c0c0c0;*/

    /* a:hover = mouse over */