body
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

h1,h2,h3,h4,h5,h6 {
    text-align: center;
}

.textblock_whith {
    background-color: rgba(255,255,255,0.75);
}

.textblock_red {
    background-color: rgba(255,128,128,0.75);
}

.textblock_blue {
    background-color: rgba(128,128,255,0.75);
}

.textblock_green {
    background-color: rgba(128,255,128,0.75);
}


@CHARSET "UTF-8";
.lcg-content {
    overflow: auto;
}


.image-frame-left
{
    float: left;
    width: 210px;
}
.image-frame-right
{
    float: right;
    width: 210px;
}

.drop-text {
    float: left;
    width: 100%;
    border: dotted black 1px;
    background-color: #dddddd;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.drop {
    float: left;
    width: 200px;
    border: dotted black 1px;
    background-color: #dddddd;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.drop-left {
    float: left;
    width: 200px;
    border: dotted black 1px;
    background-color: #dddddd;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.image-left
{
    float: left;
    width: 205px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.drop-right {
    float: right;
    width: 200px;
    border: dotted black 1px;
    background-color: #dddddd;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.image-right {
    float: right;
    width: 205px;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

.dragtarget {
    border: 5px dashed blue;
}
.dragover {
    border: 5px dashed green;
}

.ipe_bel {
    border: 1px dashed maroon;
}

#footnote {
    position: fixed;
    bottom: 0px;
    _font-size: 10px;
    background: #000000;
    color: #FFFFFF;

    a a:visited{
        color: #FFFFFF;
    }
}

#copyride {
    _font-size: 8px;

    a a:visited {
    color: #FFFFFF;
}
}

.auto_stretch {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}


.blog
{
    float: right;
    min-width: 500px;
    max-width: 700px;
    margin-left: 15px;
    margin-bottom: 15px;
}