/****************************************************************
 GENERAL DEFINITIONS
****************************************************************/
html,*   {
         margin: 0px;
         padding: 0px;
         }
body     {
         background-color:#333;
         text-align:center;
         }
body *  {text-align:left}
body,p,a,h1,h2,h3,h4
         {
         font-family:Verdana, Arial, Helvetica, sans-serif;
         color:#DDD;
         font-size:10px;
         font-weight:normal;
         }
h1       {
         font-size:18px;
         font-weight:normal;
         text-align:right;
         text-transform:uppercase;
         }
h1 span  {color:#CCC}
h2,h4    {
         font-size:11px;
         font-weight:bold;
         line-height:1.2em;
         margin-bottom:20px;
         }
h2       {color:#333; text-transform:uppercase}
h4       {color:#333}
p        {
         font-size:10px;
         color: #DDD}
a        {
         color:#F60;
         text-decoration:underline;
         border:0px;
         }
a:hover  {color:#DDD}

.red    {}
.emph   {color:#222;text-decoration:underline}
/****************************************************************
 BASE CONTAINER
****************************************************************/
#l_base {
        position:relative;
        top:0px;
        width:710px;
        height:690px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
        border:0px;
        }
/****************************************************************
 HEADER
****************************************************************/
#l_header {
         position:relative;
         top:0px;
         width:690px;
         height:1.1em;
         }
#l_logo  {
         position:absolute;
         left:350px;
         top:40px;
         width:344px;
         height:50px;
         background:url(../img/logo_20.jpg) no-repeat;
         }
#l_logo * {border:0px}
#l_header ul {
         position:absolute;
         top:10px;
         left:0px;
         width:690px;
         list-style:none
         }
#l_header li {
         float: left;
         position: relative;
         display:block;
         margin-right:12px;
         }
#l_header span {color:#999;}
#l_header a {
         text-transform:capitalize;
         font-size:11px;
         font-weight:bold;
         text-decoration:none;
         line-height:1.2em
         }
#l_header a:hover {color:#DDD;}
#l_header a.logo {width:344px;height:50px;display:block;}
/****************************************************************
 MIDDLE PART.
****************************************************************/
#l_border {
         position:absolute;
         width:690px;
         height:276px;
         top:90px;
         vertical-align:bottom;
         z-index:7;
         }
#l_border, #l_frame, #l_pic, #l_lang, #l_cont, #l_web, #l_title{
         position:absolute;
         background: #444;
         border: 1px solid #666;
         }
#l_frame {top:22px;left:360px; height:180px;width:356px; z-index:2}
#l_pic   {top:44px;left:218px; height:220px;width:340px; z-index:3;border:0px;
         background:url(../img/pic_bg.png)}
#l_title {top:30px;right:-30px;width:140px;z-index:3;border:0px;margin:20px;
         text-align:right;background:none}
#l_lang, #l_cont, #l_web {
         padding:2px;
         text-align:center
         }
#l_lang  {top:-18px;left:105px;width:20px; height:13px;border-bottom:0px}
#l_cont  {top:-18px;left:40px;width:45px;height:13px;border-bottom:0px}
#l_web   {top:-18px; left:145px;width:65px;height:13px;border-bottom:0px}
#l_siegel {position:absolute;top:226px;left:610px;width:108px;height:108px;z-index:9;
         background-image:url(../img/siegel1.png)}
#l_top_20 {position:absolute;top:60px;left:20px;width:66px;height:66px;z-index:9;
         background-image:url(../img/top20_66px.png)}
#l_border ul {
         position:absolute;
         top:auto;
         bottom:20px;
         left:20px;
         width:174px;
         list-style-type:none
         }
#l_border li {
         line-height:1.3em;
         }
#l_border p {
         font-size:11px;
         font-weight:normal;
         color:#BBB;
         border:0px;
         padding-top:20px;
         }
#l_border p.big {
         font-size:17px;
         color:#999;
         line-height:1.1em;
         }
#l_border p span.red {}
#l_border a {font-size:10px;}
#l_border a:hover {color:#DDD}
#l_border a.big {font-size:17px;line-height:1.3em}
#l_border a.small {text-decoration:none}
#l_border a img {border:none;width:66px;height:66px}
#l_border a.red:hover {color:#DDD}
/****************************************************************
 TEXT
****************************************************************/
#l_text  {
         position:absolute;
         top:380px;
         width:690px;
         text-align:center;
         margin:0 auto;
         border-top:1px solid #555;
         color:#222;
         z-index:0;
         }
#l_text ul{list-style:circle;margin-top:6px}
#l_text li {
         color:#222;
         font-size:10px;
         font-weight:normal;
         margin:4px;
         margin-left:20px;
         line-height:1.1em
         }
#l_text p {color:#222;font-size:10px;margin-top:6px}
#l_text p span {}
#l_text a {color:#F60;text-decoration:none }
#l_text a:hover {color:#BBB}
#l_text a.txt    {
         color:#F60;
         font-size:10px;
         font-weight:normal;
         text-decoration:underline;
         margin-left:7px
         }
#l_text a.txt:hover {color:#DDD}
#l_text a.titles {
         color:#F60;
         font-size:11px;
         font-weight:bold;
         font-variant:small-caps;
         display:block;
         text-decoration:underline
         }
#l_text a.titles:hover {color:#CCC}

#l_text h3 a
        {
        font-size:11px;
        color:#BBB;
        font-weight:bold;
        line-height:1.2em;
        }
#l_text h3 a:hover {color:#BBB}
/****************************************************************
 TABLE
****************************************************************/
table    {
         width:690px;
         table-layout:fixed;
         position:relative;
         border:1px solid #666;
         border-spacing: -1px;
         border-collapse:collapse;
         background:#999;
         }
td       {
         padding:20px;
         vertical-align:top;
         }
td:hover {background:#AAA}
td.txt:hover {background:#AAA}
td.cont  {background:#444}
td.header {
         background:#555;
         padding-top:5px;
         padding-bottom:5px
         }

/****************************************************************
 FOOTER
****************************************************************/
#l_footer {
        position:relative;
        clear:both;
        width:690px;
        height:20px;
        margin-top:0px;
        margin-bottom:2px;
        line-height:1.2em;
        color:#CCC;
        background-color:#333;
        border:0px;
        }

#l_footer a {font-size:10px;font-weight:normal;color:#F60}
#l_footer a:hover {color:#CCC}

#l_footer ul {list-style:none;text-align:right;}
#l_footer li {
         font-size:10px;
         font-weight:normal;
         margin-left:10px;
         display:inline;
         color:#CCC
         }