/* Sample .CSS file for the flexi skin, it only shows the different areas
   and a possible positioning within the page */
body {
    padding:0;
    margin:0;
    background:#433;
}
a {text-decoration: none}
a:link   { color:#965;}
a:visited{ color:#960;}
a:active { color:#650;}
a:hover  { color:#654;background:#ffe;}

#FlexiAll { /*for setting e.g. additional Background-image*/
}
#FlexiTop, #FlexiLeft, #FlexiHeader, #FlexiTitle, #FlexiMain, #FlexiFooter, #FlexiRight, #FlexiBottom {
    margin:0.5em;
    padding:0.25em;
    color: #433;
    border-color:#654;
}
#FlexiLeft, #FlexiHeader, #FlexiFooter, #FlexiRight {
    background:#fd8;
}
#FlexiTop, #FlexiBottom, #FlexiTitle {
    font-family: sans-serif;
    color:#ffe;
}
#FlexiTop, #FlexiLeft, #FlexiBottom {
    position:fixed;
    width:180px;
    left:10px;
    overflow:hidden;
}
#FlexiHeader, #FlexiTitle, #FlexiMain, #FlexiFooter {
    margin-left:225px;
    width:500px;
}
#FlexiTop {
    top:0px;
    height: 60px;
}
#FlexiLeft {
    top:80px;
    height:440px;
    font-family: sans-serif;
    border-right: 3px solid #ffe;
}
#FlexiLeft .sidehead {
    padding:0;
    text-indent:0.5em;
    background:#ffe;
    font: 900 14px/16px sans-serif;
    border-bottom: 1px solid #654;
}
#FlexiHeader {
    height:30px;
    border-bottom:3px solid #ffe;
}
#FlexiTitle {
}
#FlexiMain {
    background:#ffe;
}
#FlexiFooter {
    height:30px;
    border-top:3px solid #ffe;
}

#FlexiRight {
    position:absolute;
    top:4em;
    left:79%;
    width:20%;
    height:2em;
    border-left:1px solid #ffe;
    background:#665544;
}
#FlexiBottom {
    top:540px;
    height:60px
    font: 10px/12px sans-serif;
}
.sourcecode {
margin:.5em;
padding:1em;
width: 460px;
background:#ffc;
overflow:auto;
}
table.thumbtable {
margin-left: auto;
margin-right: auto;
background:#433;
text-align:center;
padding:1em;
}