html, body { height:100.1%; }

body {
    padding:0px; margin:0px auto;
    background:url("images/bg_main_body.jpg") repeat-x top center #020100;
    color:#fff;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size:0.8em;
    text-align:center;
}

a:link { text-decoration: none; color:#069; }
a:visited { text-decoration: none; color:#069; }
a:hover  { text-decoration: underline; color:#069; }
a:active { text-decoration: none; color:#069; }

.yLg  { display:block; clear:both; margin:0px; height:162px; }
.yLg  h1 { display:none; }
.yOut {
    background:url("images/bg_main_side.jpg") no-repeat;
    background-position:-1px 0;
    width:860px;
    margin:0px auto;
    padding:53px 80px 0px 60px;
    text-align:left;
    display:block;
    clear:both;
}
.yIn  {
    background:url("images/bg_main_content.jpg") repeat-y #fff;
    border-top:10px solid #fff;
    display:block; clear:both; margin:0; padding:0;
}
.footer { clear:both; border-bottom:1px solid #eee; }
.yDot { display:none; }
.yFoo {
    width:860px;
    margin:0px auto; padding:5px 70px 50px 70px;
    display:block; clear:both;
    font-size:0.8em;
    text-align:left;
    color:#999;
}
.yFoo a { color: #999; }
/* ~~~ navi ~~~ */

#navi {
    margin:10px 0 20px 9px; padding:0;
    width:201px;
    display:block;
    float:left;
    text-align:left;
}

.naviSpacer {
    margin:0; padding:32px 0 16px 0;
    display:block;
}

#navi ul  {
    background:url("images/bg_navi.jpg") repeat-y #fff;
border-right:1px solid #9d9d9d;
margin:0; padding:0; 
}
#navi ul li { margin:0; padding:0; display:inline; list-style:none; }
#navi ul li a {
    margin:0px; padding:3px;
    display:block;
    border-top:1px solid #fff;
    border-bottom:1px solid #adc9e9;
    text-decoration:none;
    text-align:left;
    font-weight:bold;
}

#navi .lev-10 { padding-left:13px; font-weight:bold; }
#navi .lev-20 { padding-left:23px; font-weight:normal; }
#navi .lev-30 { padding-left:33px; font-weight:normal; }

a.naviLink:link,
a.naviLink:visited
{
    color:#2f75c3;
}
a.naviLink:hover, a.naviLink:active,
a.naviLinkA:link, a.naviLinkA:visited,
a.naviLinkA:hover, a.naviLinkA:active
{
    background:url("images/bg_navi_link.jpg") repeat-y #236cbb;
    color:#fff;
}

/* ~~~ content ~~~ */

#con {
    background:url("images/bg_main_constage.gif") no-repeat top left;
    margin:0 0 0 220px; padding:0;
    display:block;
    text-align:left;
}
#con h1 { color:#666; padding:10px 3px 3px 10px; margin:0; font-size:1.8em; font-weight:normal; }

.conStage {
    margin:0;
    padding:16px 16px 20px 10px;
    display:block;
    color:#000;
    text-align:left;
}
.conStage h2 { padding:3px 0; margin:10px 0; font-size:1.3em; border-bottom:1px solid #adc9e9; color:#666; font-weight:normal; }
.conStage h3 { padding:2px 0; margin:3px 0; font-size:1.3em; color:#333; font-weight:normal; }

.conStage img { border:1px solid #333; }
.conStage a img { border:1px solid #333; }
table { font-size: 1.0em; }
.img_01 { margin:5px 10px 10px 0px; padding:0px; }
#referenzen .img_01 {margin:0;}

form { padding:0px; margin:0px; }

#sitemap { padding:0px 0px 50px 20px; }
#sitemap .level_1
{
    margin:0px 0px 5px 0px; padding:10px 0px 2px 10px;
    border-bottom:1px dotted #999
}
