/* ========================================================================== */
/* only screen and (min-width:    1px) and (max-width:  500px)                */
/* ========================================================================== */

#LOGO
{
padding-left:  0.5em;
padding-right: 0.750em;
padding-bottom:0.375em;
padding-top:   0.375em;
width:  50px;
height: auto;
}

/* -------------------------------------------------------------------------- */
#TITLE
{
position:static;
height:  64px;
top:     22px;
margin:  -8px;
padding: -4px;
border:   0px;
background-image: linear-gradient(to left, transparent, #0098d4);
background-size: cover;
overflow:hidden;
z-index:3;
}

h1.Title
{ 
margin-top:        8px;
color:            #000000;
font-family:      "Verdana","Arial", sans-serif;
font-size:        1.0em;
font-weight:      bold;
font-style:       normal;
text-align:       left;
}

/* -------------------------------------------------------------------------- */
#NAVIGATION
{
position:fixed; height:30px; bottom:0px; left:0px; right:0px; width:100%;

border-bottom:2px solid #808080; background-color:#F4C800; overflow:hidden; z-index:4;
}

td.Navigation
{
padding-top:         3px;
padding-left:        5px;
padding-right:       5px;
padding-bottom:      0px;
color:           #222222;
font-family:     "Verdana","Arial", sans-serif;
font-size:         1.0em;
font-weight:      normal;
font-style:       normal;
}

a.Navigation:link    { color:#222222; text-decoration:none;}
a.Navigation:visited { color:#222222; text-decoration:none;}
a.Navigation:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
a.Navigation:focus   { color:#222222; text-decoration:none;}
a.Navigation:active  { color:#222222; text-decoration:none;}

/* -------------------------------------------------------------------------- */
span.MAINMENU
{
padding-right:    2px;
color:            #303030;
font-weight:      bold;
}

/* -------------------------------------------------------------------------- */
#EXPAND
{
line-height:      1.375em;
}
/* -------------------------------------------------------------------------- */
#CONTENT
{
position:static;
margin-left:10px; margin-top:20px; margin-bottom:60px;
width:95%; z-index:3;
}

em.Content
{ 
line-height:      0.875em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       normal;
}

h1.Content
{ 
margin-top:       15px;
line-height:      1.125em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        1.0em;
font-weight:      bold;
font-style:       normal;
text-align:       left;
}

h2.Content
{
margin-top:       15px;
line-height:      1.125em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        1.0em;
font-weight:      bold;
font-style:       normal;
text-align:       left;
}

h3.Content
{
margin-top:       15px;
line-height:      1.125em;
color:            #0000FF;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       italic;
text-align:       left;
}
h4.Content
{
margin-top:       20px;
line-height:      1.5em;
color:            #00FF00;
font-family:      "Verdana","Arial", sans-serif;
font-size:        1.2em;
font-weight:      bold;
font-style:       normal;
text-align:       left;
}

img.Content
{
width: 100%;
height: auto;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
}

a.Content:link    { color:#222222; text-decoration:none;}
a.Content:visited { color:#222222; text-decoration:none;}
a.Content:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
a.Content:focus   { color:#222222; text-decoration:none;}
a.Content:active  { color:#222222; text-decoration:none;}

/* -------------------------------------------------------------------------- */
ul.Liste
{
padding-left:     25px;
list-style-type:  none;
}

li.Liste
{
margin-top:       0px;
line-height:      1.375em;
color:            red;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       normal;
text-align:       left;
text-decoration:  none;
}

/* -------------------------------------------------------------------------- */
ul.Liste2
{
padding-left:     25px;
list-style-type:  disc;
}

li.Liste2
{
margin-top:       0px;
line-height:      1.25em;
color:            #000000;
font-family:      "Verdana","Arial", sans-serif;
font-weight:      normal;
font-style:       normal;
text-align:       left;
text-decoration:  none;
}

a.Liste:link    { color:#222222; text-decoration:none;}
a.Liste:visited { color:#222222; text-decoration:none;}
a.Liste:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
a.Liste:focus   { color:#222222; text-decoration:none;}
a.Liste:active  { color:#222222; text-decoration:none;}

/* -------------------------------------------------------------------------- */
#REFERENCES
{
position:relative;
margin-left:10px; margin-top:35px;
width:95%; z-index:3;
}

em.References
{
line-height:      1.125em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       italic;
}

a.References:link    { color:#222222; text-decoration:none;}
a.References:visited { color:#222222; text-decoration:none;}
a.References:hover   { color:#222222; text-decoration:none; background-color:#80FF80;}
a.References:focus   { color:#222222; text-decoration:none;}
a.References:active  { color:#222222; text-decoration:none;}

h1.References
{
margin-top:       35px;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        1.0em;
font-weight:      bold;
font-style:       italic;
text-align:       left;
}

/* -------------------------------------------------------------------------- */
#FOOTER
{
position:relative;
margin-left:10px; margin-top:20px;
width:95%; z-index:3;
}

em.Footer
{
line-height:      1.125em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       italic;
}

/* -------------------------------------------------------------------------- */
#PRINT
{
position:relative;
margin-left:10px; margin-top:20px; margin-bottom:70px; 
width:95%; z-index:3;
}

em.Print
{ 
line-height:      1.375em;
color:            #222222;
font-family:      "Verdana","Arial", sans-serif;
font-size:        0.875em;
font-weight:      normal;
font-style:       normal;
}

a.Print:link    { color:blue; text-decoration:underline;}
a.Print:visited { color:blue; text-decoration:underline;}
a.Print:hover   { color:blue; text-decoration:underline; background-color:#80FF80;}
a.Print:focus   { color:blue; text-decoration:underline;}
a.Print:active  { color:blue; text-decoration:underline;}