div.base1 { margin: auto; }
div.base2 { text-align: left; min-height: 477px; position: relative; }

div.base1, div.base2 {
    min-width: 38eM;
    max-width: 72eM;
}

div#content {
    position:       relative;
    z-index:        1;
    width:          auto;
    
    margin:         162px 1eM 0 1eM;
    padding:        0 0 96px 0;
}
div#foot {
    position:       absolute;
    bottom:         0;
    left:           0;
    width:          100%;

    height:         40px;
    padding-top:    8px;
    clear:          both;
}
div#navigation {
    position:       absolute;
    top:            86px;
    right:          0;
    z-index:        2;
    height:         9.4eM; /* 6 rows */
    margin-left:    160px;
    overflow:       hidden;
}
div#hidden {
    height:         1px;
    max-height:     1px;
    overflow:       hidden;
}

div.colset { clear: both; }
div.column1 { float: left; }
div.column2, div.column3 { float: right; }
div.colset div.column1, div.colset div.column2 { width: 49%; }

div.colset3 div.column1, div.colset3 div.column2, div.colset3 div.column3 { width: 33%; }
div.colset3 div.column2 { float: left; }

div.iconbox {
    max-width: 25%;
    float:  left;
}
div.iconbox img {
    width:  80px;
    height: 80px;
    float:  left;
    margin-right: 4px;
}

div.download,
div#changelog {
    padding-top:    1eM;
}
div.download + div.download {
    padding-top:    0;
}
div.download {
    max-width:      66%;
    min-height:     114px;
}
img.download {
    clear: both;
    float: left;
    margin: 0 1eM 0 4eM;
}
div#changelog {
    position:   absolute;
    right:      0;
    max-width:  33%;
}

div#navigation h2 {
    display:        none;
}
ul {
    padding: 0;
    margin:  0 0 1eM 16px;
}
ol {
    margin-bottom: 1eM;
}
ul li {
    margin-left: 2eM;
}
ul#menu {
    margin-left: 0;
    padding-top: 4px;
}
ul#menu li.top {
    float:       left;
    display:     block;
    margin-left: 1eM;
}
ul#menu li.first {
    margin-left: 0;
}
ul#menu li ul.submenu {
    margin:      0 0 4px 0;
}
ul#menu li ul.submenu li {
    float:       none;
}
span.li_more {
    display: block;
    margin: 0.5eM 0 0 3.3eM ;
}
span.pda { display: none; }
span.nopda { display: inline; }

p#mmlang {
    float:      right;
    display:    block;
    
    margin:     16px 0px -2em 6px;
    padding:    8px;
    position:   relative;
    top:        -3.5em;
    width:      32eM;
}
code {
    display:    block;
    padding:    8px;
    margin:     1eM 4eM;
}

div#interresting,
div#shadow {
    padding:    1px 8px 8px 8px;
}
div#footnote hr {
    margin-top: 3eM;
}
div#sign {
    width:  333px;
    left:   50%;
    margin-left: -167px;
}

/* BEHAVIOR */

a:active {
    position:   relative;
    top:        1px;
    left:       1px;
}
a.section_switch {
    position:   absolute;
    left:       -3eM;
    top:        -28px;
    height:     18px;
    width:      8px;
    border:     1px solid gray;
    padding:    0 5px;
}

/* TITLE */

h1 {
    position:       relative;
    z-index:        1;
    padding-left:   136px;
    padding-top:    16px;
    margin:         0;
    width:          50%;
}
h2, h3, h4 {
    margin:         1em 0 0.5em 0;
}
h2#motto {
    padding-top:    1em;
}
h3.separated {
    padding-top:    2em;
}
h4,
h4 + p,
a#redirection,
p.child_premise {
    margin-left:    32px;
}
span#breadcrumb + h2 {
    margin-top:     0;
}

span#subtitle {
    position:       absolute;
    top:            54px;
    left:           136px;
    z-index:        1;
    width:          55%;
}
span#path {
    display:        block;
}
p#short {
    padding-left:   200px;
}

/* DECORATIONS */

div#decorations {
    position:   absolute;
    
    width:      300px;
    height:     477px;
    
    top:        0;
    left:       0;
}

/* LOGO */

div#logo, img#circle {
    width:      192px;
    height:     192px;
}
div#logo {
    position:   absolute;
    display:    block;
    z-index:    2;
}
img#circle {
    position:   relative;
    left:       -64px; /* -96px*/
    top:        8px;
}

/* INFOGRAPHICS */

img.augment {
    height: 13px;
    width:  10px;
    vertical-align: text-top;
}

/* FORMS */

form#search {
    margin:     0px;
    float:      right;
    
    position:   relative;
    top:        -2px;
    z-index:    3;
}
input {
    margin:     0;
}
input#searchbox {
    padding-left:   3px;
    padding-bottom: 1px;
    width:          10eM;
}
input#searchbtn {
    vertical-align: middle;
}

/* ICON SET */

div#iconset {
    position:   relative;
    display:    block;
    z-index:    2;
    float:      right;
    width:      auto;
}

div#iconset {
    margin-top: 24px;
}

span#language {
    width:          16px;
    height:         16px;
    margin-left:    3px;
}

/* FIXES */

div#iconset,
form#search,
div#navigation {
    margin-right: 1eM;
}

